Фотошоп для архитекторов уроки – 20 уроков для архитекторов по обработке визуализаций в Photoshop

Мы переехали с Кузнецкого Моста. На подготовку нового пространства уйдет весь июль и часть августа: в это время мы сможем помогать вам удаленно и встречаться в Laba Space на курсах. Оплатить обучение вы можете на сайте.

Визуализация против коллажа

Записаться на курс

Визуализация против коллажа

о курсе

Весь мир делится на тех, кто предпочитает реалистичные визуализации и тех, кто верен концептуальным коллажам. Но между этими полюсами – целая бездна приемов, стилей и форматов. Мы научим и тому и другому, покажем множество стилистических приемов, а вот решать, на чьей стороне быть — лишь вам. 

работы преподавателей

для кого

Курс подойдет как новичкам, так и практикующим архитекторам с базовыми знаниями Photoshop. Мы начнем с азов и дойдем до самых сложных авторских приемов, выработанных нашими преподавателями.

программа

Специально для этого курса мы собрали разноплановую команду профессиональных архитекторов и визуализаторов, каждый из которых обладает индивидуальным вкусом, стилем и методами. Михаил Хвалебнов научит легко и непринужденно справляться с коллажем и добиваться красоты минимальными средствами, Артём Матвеев раскроет секреты фотореалистичной визуализации, а в перерывах между практикой Алена Шляховая и Мари Миндиашвили прочтут лекции об истории архитектурной графики, современных трендах в подаче проектов и художественных принципах работы с изображением.

работы студентов

план занятий

• 1

  Логика работы в Photoshop

  Лекция «Изображение Архитектуры»
  Интерфейс и основные настройки
  Грамотная организация структуры файла
  Базовые инструменты программы

• 2

  Продвинутые инструменты

  Использование цветокоррекции
  Редактирование и трансформация объектов
  Работа с масками и смарт-объектами

• 3

  Архитектурный коллаж, день 1

  Лекции Алены Шляховой: «Изображение Архитектуры», «Простое и сложное»
  Продвинутые инструменты Photoshop: 
  корректирующие слои и стили слоя
  Создание коллажа и отработка приемов:
  среда, текстуры, детализация образа

• 4

  Архитектурный коллаж, день 2

  Лекция Алены Шляховой: «Альтернативы»
  Продвинутые инструменты Photoshop: 
  возможности смарт-обьектов
  Создание сложного коллажа
  Принципы наполнения: 
  поиск референсов, создание библиотек

• 5

  Визуализация, день 1

  Лекция Натальи Уренёвой: «Основы визуализации»
  Создание ночной визуализации на основе скетча:
  корректирующие маски, кисти, фильтры
  Приемы работы с контрастным освещением

• 6

  Визуализация, день 2

  Лекции Мари Миндиашвили: «Композиция», «Цвет и свет»
  Создание дневной визуализации на основе рендера
  Использование эффектов: 
  дождь, снег и туман

• 7

  Стилизация и Анимация

  Создание стилизованной подачи:
  лайфхаки от наших преподавателей
  Анимация средствами Photoshop:
  слои и фреймы
  Финальное ревью по итогам курса

FAQ

• Какая версия программы нужна?

  Чем более современная версия у вас стоит, тем лучше.

  Самый надежный и правильный вариант — зарегистрироваться на https://www.adobe.com/ru/creativecloud.html и оформить студенческую подписку на весь пакет программ Adobe. Это легко, супер-быстро и без каких-либо проверок. Будет лицензионно, с постоянными обновлениями всех программ и множеством удобных примочек.

  Устанавливать ли лицензионную или взломанную программу — решать только вам. В любом случае, настоятельно рекомендуем привыкать работать именно с английским интерфейсом. Так вам будет проще искать ответы на возможные вопросы.

• Как проходит обучение?

  1. Обучение проходит в нашем пространстве на Кузнецком мосту. Расписание и время занятий указаны в описании курса. Занятия состоят из мастер-классов, лекций и самостоятельной работы. Все занятия записываются на видео: после урока вы получите видеозаписи для повторения.

• Как долго будут доступны видеозаписи курса?

  1. Видеозаписи для повторения студенты получают в течение 1—2 дней после урока. Это не идеальная студийная запись, а просто скринкаст урока вашего или аналогичного курса. Видеозаписи будут доступны как минимум 2 месяца с момента старта курса. Если это потребуется, доступ может быть продлен до 1 года.

• Мне нужно будет устанавливать программу самостоятельно?

  1. Мы помогаем студентам с установкой программ. Если у вас не получится установить софт самостоятельно, вам нужно будет прийти к нам заранее перед началом первого занятия. Более подробную информацию вы получите в письме перед стартом курса.

• Для прохождения курса нужен свой ноутбук?

  1. Да. В экстренном случае мы попробуем предоставить ноутбук на время одного или нескольких занятий.

• Когда нужно будет оплатить участие в курсе?

  1. Место на курсе окончательно фиксируется за студентом только после оплаты. После заполнения группы возможность оплаты автоматически закрывается до начала набора следующего курса.

• А есть скидки?

  1. Во-первых, у каждого курса есть early-bird цена, которая позволяет экономить до 4000 ₽ за курс. Во-вторых, после прохождения 1 курса вы получаете скидку 10%, после 2-го – 15%, после 3-го – 20%. В-третьих, у нас есть скидки для обладателей карты друга или промокода на курс. Скидки распространяются как на обычную, так и на early bird цену, но не суммируются.

• Какие правила возврата денег?

  1. Если вы решили отказаться от участия в курсе после первого занятия, мы, к сожалению, не сможем вернуть вам деньги. Если вы предупредили нас еще до старта, что не сможете пройти оплаченный курс, мы можем вернуть вам деньги или оставить их на вашем депозите и зарезервировать за вами место на следующем запуске по той же цене. Возврат осуществляется в течение трех недель на карту, с которой была произведена оплата. Если курс был оплачен наличными, мы вернем вам оплату в офисе по предварительной договоренности.

• Что будет, если я заболею во время курса или у меня сломается компьютер?

  1. Сообщите нам об этом сразу же и мы попробуем придумать, как вам помочь.

• Выдаете ли сертификаты по окончании обучения?

  1. Помимо знаний, мы выдаем собственные сертификаты о прохождении. Важное уточнение: наш опыт показывает, что работодатели не считают наличие сертификата о прохождении курса действительно подтверждает знания программы. Если при устройстве на работу от вас потребуется серьезное знание той или иной программы, вас просто проверят тестовым заданием. Единственный курс, после которого мы выдаем сертификат от вендора — это очный курс «ArchiCAD: От плана до подачи».

• Остались вопросы?

  1. Пишите на почту — [email protected].

Преподаватели

Архитектор, закончил МАрхИ. Работал в бюро AES и WALL. В настоящий момент работает в MODUL, ведет частную архитектурную практику. Adobe Photoshop не раз выручал его в трудную минуту, поэтому Артем решил передавать накопленный опыт молодым архитекторам, чтобы освободить их головы для решения более сложных творческих задач.

Выпускник МАРХИ, архитектор группы САГА, автор статей по архитектурной теории. Вот уже больше года Михаил преподает архитектурную графику и культуру подачи по разработанной им же самим программе.

Архитектор, исследователь, преподаватель МАРШ, куратор проектов Склад Ума и Дворулица.
В течение нескольких лет Алена непрерывно преподает культуру архитектурной подачи на нескольких курсах площадки. Ранее работала в КБ Strelka, бюро WALL и FORM, сейчас — Меганом.

Закончила магистратуру МАРХИ. Несколько лет работала в студии Kleinewelt architekten. Сейчас пишет кандидатскую диссертацию, посвященную современным архитектурным концепциям, а также является куратором программы «Пристальное чтение» в «Аудитории».

рекомендуемые курсы

Rhinoceros

Revit 2.0

SketchUp

Illustrator

softculture.cc

Обработка архитектурных фотографий

Создание изображения – это целый процесс и для меня нажатие на спуск – лишь небольшая часть на пути к фотографии достаточного для публикации качества. В этой статье, являющийся частью второй, продолжающей материал «Архитектурный фотограф выходного дня», я покажу свой процесс обработки фотографий.

Все фотографы сталкиваются с проблемными сценами с широким динамическим диапазоном. Ландшафтная и архитектурная съемка не является исключением. Я снимаю столько кадров, сколько требуется для охвата всего динамического диапазона кадра. Для архитектуры и интерьеров 3 кадров достаточно для большинства ситуаций.

Фотография выше потребовала 9 фотографий — с брекетингом экспозиции -2, 0 и +2, а также дополнительно серии для нижней половины комнаты и для потолка. Дополнительные снимки также помогают мне избавиться от людей в кадре.

Вы должны не забывать…

• Снимать в RAW чтобы сохранить максимальную гибкость исходников; мы же не спортивные фотографы, делающие поток снимков, где JPEG гораздо более уместен.
• Держитесь низкого уровня ISO.
• Используйте одну настройку баланса белого для всей серии фотографий.
• Используйте самый тяжелый штатив и пульт дистанционного спуска, проводной или беспроводной.

Фотография станции метро Кэнэри-Уорф, изображенная выше, составлена из трех кадров. Задачей было получить в этом кадре хорошо экспонированный темный интерьер, яркий металлический эскалатор и удивительно яркий купол. Каждый слой содержит правильно экспонированную часть композиции.

Основная камера

С задачами по архитектурной и пейзажной съемки замечательно справляется моя камера Canon 5D Mark II с тилт-шифт объективом 17mm TS-E. Я применяю брекетинг экспозиции во многом потому, что передняя линза моего объектива выпуклая и не позволяет использовать фильтры. В своей сумке также всегда есть объективы EF24 f/1.4 и EF50mm f/1.2. Мой штатив немного странный – ноги Gitzo с шаровой головой Manfrotto.

Компьютер и монитор

Всю работу с изображениями я провожу на двухъядерном Mac Pro с 24 гигабайтами оперативной памяти. Я часто работаю с изображениями более гигабайта, так что большой бъем оперативной памяти – необходимость. У меня монитор Dell 27″ Ultrasharp, который калибруется с помощью Spyder 3 Elite.

Перед любой важной работой с изображениями я калибрую монитор.

Импорт изображений

Я понимаю, что многие из вас используют различные автоматизаторы, такие как Lightroom, iPhoto, Picassa и другие. Называйте меня луддитом, но я ненавижу оставаться без контроля над процессом, поэтому я использую полностью ручную процедуру импорта.

На локации я сливаю фотографии на 2 жестких диска и по возвращении копирую около 100 гигабайт информации за один раз в заранее приготовленное место. Изображенная слева структура папок служит мне верой и правдой вот уже 10 лет.

Вы можете заметить, что мои готовые файлы имеют в префиксе размер в пикселях для разных сайтов; на 500px – шириной 900 пикселей, а для 1x.com — 950 пикселей. Я также добавляю «bw» в имена файлов с черно-белыми изображениями. Это система наименований облегчает поиск на жестком диске нужных изображений.

Отбор

Из множества установленных у меня фотоприложений, ежедневно я использую Adobe CS5. Это надежная рабочая лошадка для работы с изображениями.

Предварительный просмотр и отбор быстрее всего происходит в Bridge. Справа я выбираю интересующие меня изображения. Удовлетворившись выбором, я использую фильтр на левой панели чтобы показать только отобранное.

Camera Raw

Если вы похожи на меня, то все установки вашей камеры выключены или установлены в 0. Здесь, в Camera Raw, я делаю несколько установок для всех фотографий, предназначенных для составления одного изображения.

• Убедитесь, что вы импортируете ваши фотографии в том же цветовом пространстве, как и в камере. В моём случае это Adobe RGB, которое шире, чем стандартное для интернета sRGB. Работайте с максимально качественным исходником, а затем конвертируйте в целевой формат, например для интернета.
• Редактируйте фотографии в режиме 16 бит
• Выберите лучший и самый правильно экспонированный кадр и установите по нему баланс белого
• Если присутствуют горячие пиксели, для их компенсации используйте ползунок «Возврат» (Recovery). Нажмите одновременно [alt]+[cmd] во время его перемещения и вы увидите положение этих точек на черном фоне!
• Если ползунок «Возврат» пришлось подвинуть слишком сильно – компенсируйте это ползунком «Экспозиция», вновь нажав одновременно [alt]+[cmd].
• Эту же комбинацию можно использовать при коррекции уровня черного – поднимайте уровень черного так, чтобы не было вылетов.
• Затем выделите все изображения и синхронизируйте баланс белого для всех изображений в серии через меню в левом верхнем углу.
• Затем откройте все изображения в Photoshop

Работа в Photoshop

У меня довольно строгое рабочее пространство в Photoshop и процесс редактирования довольно прост.

У меня есть ряд действий (actions) под разные задачи, типа изменения размера, цветового пространства и т.п. Отдельные выполняемые мной задачи можно разделить следующим образом:

• Объединение изображений с брекетингом экспозиции в один слой
• Состыковка составляющих панораму изображений
• Сохранение составленного изображения в файл формата Photoshop PSD
• Использование масок для выделения частей изображения, требующих отдельной коррекции цвета, контраста или экспозиции. Примером может быть обработка неба отдельно от здания на переднем плане
• Сохранение этого изображения со всеми созданными слоями
• Объединения слоев и кадрирование при необходимости
• Усиление резкости
• Сохранение новой версии готового изображения в формате Photoshop PSD
• Изменение размера под целевое использование, например до 900 пикселей для 500px.com
• Преобразование в цветовое пространство sRGB и глубину цвета 8bit
• Сохранение в формате JPEG. Не забудьте добавить префикс ‘900px’ к имени файла для облегчения поиска в дальнейшем.

Ручное смешивание слоев

Во-первых, поместите ваши по-разному экспонированные кадры в один проект в виде слоев. Вы можете сделать это автоматически через меню Файл – Скрипты- Загрузить файлы в стэк (File > Scripts > Load Files Into A Stack).

Многие пользователи Photoshop побаиваются использования масок, выделения и т.п., но на самом деле это довольно просто. Я покажу!

Выберите инструмент для выделения на свой вкус. Я использовал инструмент «Быстрое выделение» (Quick Selection tool), отмеченный слева на рисунке. Затем для добавления выделения нажимайте [Shift], а для удаления — [alt]. Как видите, я выделил верно экспонированный купол станции метро Кэнэри-Уорф.

Это выделение очень неровное и будет лучше если мы сделаем его более гладким и элегантным. Для этого нажмем на кнопку «Уточнить край» (Refine Edge), также отмеченную в верхней части картинки сверху.

Красная маска очень удобна для просмотра выделенного и невыделенного, но требуется включить эту опцию. Кликните по выпадающему меню «Просмотр» (View) в верхней части диалога «Уточнение края» и выберите «Наложение» (Overlay).

Мы используем кисть (Refine Radius Tool brush), обозначенную слева. Она позволит нарисовать край выделения и Photoshop уточнит границы того, что должно и не должно быть выделено.

Увеличьте размер кисти в опции «Размер» (Size) и щедро «закрасьте» пространство у границы. Пройдитесь вдоль всех границ!

Край маски выглядит гораздо более градиентным теперь! Нажмите «OK» для сохранения этого выделения.

Теперь нам нужно создать маску слоя. Маска сделает часть слоя видимой, а другие части – невидимыми.

Нажмите кнопку «Добавить векторную маску» (Add Vector Mask), обозначенную на рисунке.

Вы можете увидеть черно-белую миниатюру, появившуюся рядом с моей миниатюрой слоя (ниже). Черное невидимо. Всё просто. Все нечерное пропустит изображение соответствующего слоя. На моей картинке, маска купола белая, так что только купол и будет виден. Это хорошо, поскольку расположенные ниже слои останутся видимы в дополнение к куполу из этого слоя.

Я продолжил работу и повторил операции по созданию маски для эскалатора и окружения купола, как можно увидеть на рисунке ниже. Слои при 100% видимости слишком жёсткие, так что я снизил прозрачность слоя с куполом до 80%, а слоя с эскалатором и окружением купола – до 70%. Это занимает чуть больше времени, но является очень гибким методом представить широкий динамический диапазон кадра.

Важный вывод, который можно сделать из этого раздела – это сила и гибкость слоёв и масок. Точно так же я буду обрабатывать цвета и контраст в следующем разделе.

Объедините ваши по-разному экспонированные слои через «Слои -> Объединить слои» (Layer > Flatten Image) и сохраните как документ Photoshop. Теперь у вас есть правильно экспонированная версия вашего кадра. База, к которой можно вернуться. Это полезно, если вы затем захотите преобразовать фото в черно-белое.

Редактирование: цвета и контраст

Я продемонстрирую эту работу с помощью кадра из Колманскопа, Намибия. Я наложил обработанный кадр поверх исходника чтобы показать преимущества формата RAW для обработки.

Если пытаться обработать данный кадр целиком, вероятно была бы каша и улучшение цвета и контраста в одной области ухудшало бы их в другой. Работа с отдельными частями изображения мне ближе и достигается опять же с помощью слоев и масок.

Создание слоев изображения с использованием масок.

• Выделите часть основного слоя.
• Уточните край
• Копируйте выделенное
• Вставьте в новый слой, назовите его как-нибудь понятно
• Повторите для всех областей, требующих отдельного внимания

Я покажу мой процесс обработки цвета и контраста на примере песка.

Насыщенность

Выберите слой, который вы будете редактировать. Я выбрал слой «Песок». Добавляем корректирующий слой «Цветовой тон/Насыщенность» как на картинке.

Поставьте галочку напротив «Использовать предыдущий слой для создания обтравочной маски» (Use Previous Layer to Create Clipping Mask) чтобы ограничить ваши правки только слоем «Песок». Вы получите новый слой с небольшой стрелкой, направленной вниз, чтобы отобразить это.

Я выбрал предустановленную опцию «Больше увеличить насыщенность» (Increased Saturation More)

Песок должен стать тепло оранжевым, так что я добавлю еще один корректирующий слой – Фото фильтр (Layer > New Adjustment Layer > Photo Filter), выбрав сначала слой «Песок» и не забыв галочку «Использовать предыдущий слой для создания обтравочной маски» (Use Previous Layer to Create Clipping Mask).

Я выбрал «Теплый фильтр» (Warming Filter) (85), установив его плотность на 50 для более полного эффекта.

Наконец, я добавил слой кривых для контраста. Выберите слой «Песок» и из уже знакомого меню добавьте слой кривых с параметром «Сильный контраст (RGB)» (Layer > New Adjustment Layer > Curves… – select ‘ Strong Contrast (RGB))

Поскольку у нас несколько уровней, связанных с «Песком», я выберу их все и сгруппирую через меню «Слои» — «Группировка слоёв» (Layer > Group Layers), снабдив этикеткой.

Теперь я могу включать и выключать группу «Песок» чтобы видеть эффект от моих корректирующих слоёв.

Совет: Для корректировки экспозиции на стоп – добавьте слой кривых с непрозрачностью (opacity) 38%. Чтобы добавить стоп установите режим наложения «Осветление» (Screen), а для уменьшения на стоп – «Умножение» (Multiply).

На этом редактирование завершено. Редактируя так область за областью я могу контролировать изображение практически полностью.

В этом месте следует сделать сохранение файла со всеми слоями в формате Photoshop Document.

Выравнивание

У меня есть 2 способа. Использование линейки, изображенной слева, очень удобно и быстро. Достаточно выделить важную горизонтальную или вертикальную линию в изображении. Либо это можно сделать с помощью режима поворота – «Правка» — «Изменение» — «Поворот» (Edit > Transform > Rotate)

Кадрирование

Простая задача, но трудно отменяемая после сохранения изображения. Так что я советую сохранять файл до кадрирования.

Резкость

По вопросу выбора лучшего метода повышения резкости сломано множество копий и я лично перепробовал наверное все методы, но на мой взгляд самым элегантным методом является метод цветового сдвига «High Pass filter». Результат резок, но без артефактов и неровностей. Усиление резкости после изменения размеров я не делаю.

• Дублируете слой через «Изображение» — «Дублировать» (Image > Duplicate)…
• Примените фильтр цветового сдвига. Радиуса 1.0 достаточно для хорошо сфокусированного изображения порядка 10-20 мегапикселей. «Фильтры» — «Другие» — «Цветовой сдвиг» (Filter > Other > High Pass)…
• Установите режим смешивания в «Наложение» (Overlay).

Сохранение

«Объединить слои» в меню «Слои» (Layer > Flatten Image) и сохранить как новый документ Photoshop с соответствующим именем.

Теперь у вас есть отредактированное изображение в полном разрешении. Когда вы будете готовить фотографию к публикации или к участию в конкурсе – то именно к этой версии вы вернетесь для изменения размера, сохранения в формат JPEG и передачи.

Изменение размера

Я уменьшаю файлы JPEG до различных размеров для Блогов, Фликера, сайтов 500px и 1x, а также для конкурсов.

Сохранение

Окончательное сохранение в JPEG требует преобразования в цветовое пространство sRGB и глубину цвета 8 бит. Эти атрибуты стандартны для сети Интернет. Если вы этого не сделаете – ваши изображения просто не будут у других людей выглядеть также как вы подготовили их на своем компьютере.

• «Изображение» – «Режим» – «8 бит/канал» (Image > Mode > 8 Bits/Channel)
• «Правка» – «Преобразовать в профиль» (Edit > Convert to Profile)…

Вот и всё, таков в общих чертах мой процесс обработки фотографий.

Я собираюсь подготовить часть 3, посвященную профессиональной конвертации в черно-белый, так что следите за обновлениями!

Автор: Michael Toye

photo-monster.ru