Створюємо ефект архітектурного начерку у фотошоп. Обробка архітектурних фотографій Ручне змішування шарів

У цьому уроці ви навчитеся створювати приголомшливий ефект архітектурного начерку. Я поясню процес у найдрібніших деталях, так що повторити його зможе будь-хто, і навіть той, хто відкрив Photoshop вперше.

1. Давайте почнемо

Для початку відкрийте фотографію, з якою ви хочете працювати. Щоб це зробити, натисніть File > Open(Файл > Відкрити), виберіть фото та натисніть Open(Відкрити). Ну а тепер, перш ніж ми приступимо, перевірте дещо:

1. Ваше фото має бути у колірному режимі RGB, 8 біт на канал. Щоб перевірити це, натисніть Image > Mode(Зображення > Режим).
2. Для отримання найкращого результату, виберіть зображення приблизно 2000/4000 завширшки/висоти. Щоб перевірити це, натиснітьImage > Image Size(Зображення > Розмір зображення).
3. Ваше фото має бути фоновим шаром. Якщо це не так, натиснітьLayer > New > Background from Layer(Шар > Новий > Шари із заднього плану).

2. Як створити фон

Крок 1

У цій секції ми створимо тло. Натисніть Layer > New Fill Layer > Solid Color(Шар > Новий шар-заливка > Колір) щоб створити шар, залитий кольором, назвіть його Background Color(фоновий колір) і виберіть колір #f0f0f0, як показано нижче.

Крок 2

Клацніть правою кнопкою миші по цьому шару, виберіть Blending Options(Параметри накладання), виберіть Gradient Overlay(Накладання градієнта) та налаштуйте стиль шару, як на зображенні нижче:

Примітка перекладача: налаштування стилю шару на скріншоті: Режим накладання: М'яке світло; Непрозорість: 50%; Градієнт: Чорний, білий; Інверсія; Вирівняти шаром; Кут: 90 градусів; Масштаб: 100%

3. Як створити основний начерк

Крок 1

У цій секції ми створимо основний малюнок. Виберіть шар фону і натисніть Control-J на клавіатурі, щоб його продублювати. Потім перетягніть шар на панелі шарів.

Крок 2

Тепер натисніть Control-Shift-U на клавіатурі, щоб знебарвити цей шар. Далі, натисніть Image > Adjustments > Levels(Зображення > Корекція > Рівні) та введіть значення зі скріншота:

Крок 3

Назвіть цей шар Temp(Тимчасовий) і натисніть Control-J на клавіатурі, щоб його продублювати.

Крок 4

А тепер натисніть Control-I на клавіатурі, щоб інвертувати цей шар та зміните його режим накладання на Color Dodge(Освітлення основи). Далі, натисніть Filter > Інші > Minimum(Фільтр > Інше > Мінімум), змініть Radius(Радіус) на 2 пікселі та Preserve(Зберегти) на Squareness(Прямокутність), як показано нижче:

Крок 5

Затисніть Control і клацніть по шару Temp(Тимчасовий), щоб вибрати обидва шари одночасно. Потім натисніть Control-E на клавіатурі, щоб поєднати два шари в один.

Крок 6

Multiply(множення) і назвіть його Main Sketch(Основний малюнок).

4. Як створити малюнок у перспективі

Крок 1

У цій секції ми створимо малюнок у перспективі. Виберіть шар фону і натисніть Control-J на клавіатурі, щоб його продублювати. Потім перетягніть шар на панелі шарів.

Крок 2

Тепер натисніть Filter > Stylize > Find Edges(Фільтр > Стилізація >

Крок 3

Натисніть Filter > Blur > Motion Blur(Фільтр > Розмиття > Angle(Кут) на 90 градусів, а Distance

Крок 4

А зараз натисніть Filter > Sharpen > Smart Sharpen(Фільтр > Посилення різкості >

Примітка перекладача:

Крок 5

Натисніть Filter > Filter Gallery > Sketch > Photocopy(Фільтр > Галерея фільтрів > Ескіз > Detail(Деталізація) на 2, а Darkness(Затемненість) на 5.

Крок 6

Змініть режим накладання цього шару на Multiply(множення), а непрозорість – на 40%. Після перейменуйте цей шар на Perspective_Sketch_1(Перспективний_Малюнок_1).

Крок 7

Крок 8

Brush

Крок 9

А зараз виберіть фоновий шар та натисніть Control-J на клавіатурі, щоб його продублювати. Далі, перетягніть цей шар під шар Perspective_Sketch_1(Перспективний_Малюнок_1) на панелі шарів.

Крок 10

Натисніть Filter > Stylize > Find Edges(Фільтр > Стилізація > Виділення країв), а потім Control-Shift-U на клавіатурі, щоб знебарвити цей шар.

Крок 11

Натисніть Filter > Blur > Motion Blur(Фільтр > Розмиття > Розмиття в русі), змініть Angle(Кут) на 0 градусів, а Distance(Зміщення) на 1200 пікселів, як показано нижче:

Крок 12

Тепер натисніть Filter > Sharpen > Smart Sharpen(Фільтр > Посилення різкості > «Розумна» різкість) і введіть настройки зі скришота нижче:

Примітка перекладача: налаштування на скріншоті: Набір: Замовний; Ефект: 500%; Радіус: 64 пікселі; Зменшити шум: 10%; Видалити: Розмиття за Гаусом; Тіні: Послаблення ефекту: 50%; Ширина тонового діапазону: 50%; Радіус: 50 пікселів; Світлана: Послаблення ефекту: 50%; Ширина тонового діапазону: 50%; Радіус: 50 пікселів.

Крок 13

Натисніть Filter > Filter Gallery > Sketch > Photocopy(Фільтр > Галерея фільтрів > Ескіз > Ксерокопія), змініть параметр Detail(Деталізація) на 2, а Darkness(Затемненість) на 5.

Крок 14

Змініть режим накладання цього шару на Multiply(множення), а Opacity(непрозорість) – на 55%. Після перейменуйте цей шар на Perspective_Sketch_2(Перспективний_Малюнок_2).

Крок 15

Крок 16

Змініть основний колір на #ffffff, візьміть інструмент Brush(Пензель) (B), виберіть м'яку кисть і проведіть їй там, де ви хочете показати вертикальні лінії перспективи.

5. Як створити текст

Крок 1

У цьому розділі ми створимо текст. Виберіть інструмент Horizontal Type(Горизонтальний текст) (T), змініть шрифт на Hijrnotes, його розмір на 80 пікселів, вирівнювання по лівому краю, колір - #000000. Далі, клацніть по будь-якому місцю полотна та натисніть Type > Paste Lorem Ipsum(Текст > Вставити Lorem Ipsum), щоб вставити випадковий фрагмент тексту. Ви також можете скористатися своїми параметрами тексту та шрифту.

Крок 2

Клацніть двічі по мініатюрі цього шару, щоб зробити текст редагованим і видаліть його частину. Потім, виберіть інструмент Move

Крок 3

А тепер перейменуйте цей шар на Text_1(Текст_1). Після цього натисніть Control-J на клавіатурі, щоб продублювати цей шар.

Крок 4

Клацніть двічі по мініатюрі цього шару, щоб зробити текст редагованим, натисніть Control-A, щоб вибрати весь текст, а потім натисніть Type > Paste Lorem Ipsum(Текст > Вставити Lorem Ipsum), щоб вставити випадковий фрагмент тексту. Після цього видаліть частину тексту, виберіть інструмент Move(Переміщення) (V), клацніть та потягніть у будь-якому місці полотна, щоб розташувати текст, як показано нижче:

Крок 5

Назвіть цей шар Text_2(Текст_2) і перетягніть його під шар Text_1(Текст_1) на панелі шарів. Після цього натисніть Control-J на клавіатурі, щоб продублювати цей шар.

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

Усі фотографи стикаються із проблемними сценами з широким динамічним діапазоном. Ландшафтна та архітектурна зйомка не є винятком. Я знімаю стільки кадрів, скільки потрібно для охоплення динамічного діапазону кадру. Для архітектури та інтер'єрів 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). Натисніть одночасно + під час його переміщення і побачите положення цих точок на чорному тлі!
• Якщо повзунок "Повернення" довелося посунути занадто сильно - компенсуйте це повзунком "Експозиція", знову натиснувши +.
• Цю ж комбінацію можна використовувати при корекції рівня чорного – піднімайте рівень чорного так, щоб не було вильотів.
• Потім виділіть усі зображення та синхронізуйте баланс білого для всіх зображень у серії через меню у верхньому лівому куті.
• Потім відкрийте всі зображення у 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), позначений зліва малюнку. Потім, щоб додати виділення, натискайте , а для видалення - . Як бачите, я виділив чітко експонований купол станції метро Кенері-Уорф.

Це виділення дуже нерівне і буде краще, якщо ми зробимо його більш гладким і елегантним. Для цього натисніть на кнопку "Уточнити край"(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))

У цьому місці слід зберегти файл з усіма шарами у форматі 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, присвячену професійній конвертації в чорно-білий, так що слідкуйте за оновленнями!