Створіть 3D-текстовий ефект за допомогою Photoshop та Maya

() translation by (you can also view the original English article)

Final product image — What You'll Be Creating

Photoshop - неймовірно універсальний додаток, який часто використовується разом із 3D-програмами. У цьому підручнику ми покажемо вам, як намалювати ідею для текстового ефекту, створити ідею в Photoshop, перетворити її в 3D за допомогою майя, а потім, як знову додати остаточні штрихи у Photoshop. Давайте розпочнемо!

Активи навчального посібника

Під час виготовлення цього навчального посібника використовувались наступні ресурси.

Підготовка

Перш ніж потрапити в подібний проект, добре провести деякий мозковий штурм. Зберіть декілька випадкових ідей, збережіть їх у вашому розумі, на папері, в Photoshop, де завгодно. Все це просто, щоб дати вам ключ до того, що ви прагнете. Навіть якщо ви не користуєтеся малюнком, спробуйте це.

Ви можете побачити свої власні doodles нижче. Вони не красиві, але це найшвидший спосіб візуалізувати цілі, а також відкрити очі і дати вам багато чудових ідей, які ви зможете застосувати пізніше.

Крок 1

Почнемо з відкриття документа Photoshop розміром 3000 пікс. X 3600 пікселів. Виберіть шрифт за власним вибором (я використовував Helvetica, він важкий і робить букви виглядають масивними, як це роблять будівлі).

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

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

Наші дно букви зовсім криві, так, так, якщо ми хочемо відчути гравітацію (червона стрілка - третє зображення нижче), то в цьому пункті ми повинні підняти щось під текстом, щоб зробити поверхню цілком рівною (3-ий малюнок нижче). Якщо ви поглянете далеко на цей текст, ви помітите, що вони цілком мають сенс, я маю на увазі, насправді вони розвалиться дуже схожим чином. Це лише частина його візуалізації, ви можете намалювати поверхню, щоб побачити, як потрібно ще більше вирішити вашу роботу.

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

Крок 2

Тепер виділіть всі шари листа, клацніть правою кнопкою миші на будь-якому шарі та виберіть опцію Перетворити в шаблон (перше зображення нижче). Потім знову виділіть ці шари та натиснувши Command / Ctrl + E, це об'єднує всі форми шару, зберігаючи векторний режим (друге зображення нижче). Ви повинні отримати цей маленький квадрат у кутку, щоб знати, що це ще шар форми (позначений червоною стрілкою на 2-му зображенні нижче). Я не впевнений, чи весь цей процес я працював у інших версіях Photoshop, тому я настійно рекомендую використовувати CS6. Завершивши, перейдіть до Файл> Експорт> Шляхи до Illustrator. Додати переклад Це дозволить зберегти шлях до файлу.

Крок 3

Далі відкрийте Майя. Перейдіть до «Файл»> «Імпорт», а потім виберіть збережений файл .ai із шляхами (1 зображення нижче). Перейдіть до розділу "Поверхні" (позначено червоним - другий малюнок нижче). Потім виберіть першу літеру та перейдіть до Surfaces> Bevel Plus, встановіть бажану глибину смуги та застосуйте цей процес до кожної літери. Якщо ваш основний текст отримав літери з прогалин всередині себе, як A, R, B і т. Д., Переконайтеся, що спочатку виберіть зовнішню лінію, а потім внутрішню лінію, утримуючи зміну, перед накладанням скошеного плюса. В іншому випадку ви можете отримати помилку або повну форму.

Крок 4

Тепер треба робити з 3D-матеріалами, і чесно кажучи, ви можете зробити цей текст таким, як зараз. Проте, щоб дати мені краще зрозуміти деякі світильники, я вирішив виховати декілька з них саме тут. Отже, перейдіть до Create> Lights і виберіть тут або Area, або Spot Lights. Ви можете кинути кілька кадрів навколо сцени та обертати його, щоб вони націлювалися на передній і задній частині тексту, це ті частини, які я в основному хотів залишити в світлі (перше зображення нижче). Тепер, якщо ви вирішите налаштувати їх, вам потрібно буде перейти до вікна редактора атрибутів, вибрати атрибути Raytrace Shadow а потім перевірити опцію Use Ray Trace Shadows, після чого ви можете відтворити ці значення, щоб отримати пристойну затінку. Нарешті, перейдіть до вікна> Редагування рендеринга> Відтворити вигляд. У налаштуваннях переконайтеся, що ви зберегли файл як PSD з альфа-каналом (другий малюнок нижче). Потім виберіть Mental Ray і просто перетягніть текст (третє зображення нижче).

Крок 5

ОК здорово. Тепер, коли текст готовий, перетягніть його до Photoshop. Подивіться на перше зображення нижче. Я щойно додав фону для розміщення мого тексту на будь-якій сцені (перше зображення внизу), це не те, що вам потрібно зробити, але іноді мені це дуже корисно. Я використовував цю перспективу, базуючись на моєму майя, який не відображав текст.

Тепер на тому ж зображенні (1-й внизу) тепер слід повернути текст форми векторної форми, який ми зробили на кроці 1. Далі, скориставшись командою Command / Ctrl + T> Distort, спробуйте зіставити його з обличчям відтворення, яке ми створили. Не хвилюйтеся, якщо це не ідеально, адже, якщо подивитися на шахту (перше зображення нижче), у неї є деякі незрівняні кути та сторони. Все добре, тепер, коли ви його позиціонуєте, використовуйте інструмент прямого виділення (A) і точно встановіть точок прив'язки на краях відповідних літер (на другому малюнку нижче). Якщо ви робите хорошу роботу над цим, форма тексту тепер майже ідеально відповідає обличчю 3D-відтінку.

Далі, як я вже згадував раніше, я використовував перспективний погляд від майя, щоб дати мені зрозуміти, як поставити речі на місцях. Тому перетягніть або спотворити сітку над вашою землею, щоб встановити перспективу (третє зображення нижче), а потім за допомогою цього посібника намалюйте рівну поверхню під текстом. Інструмент Pen Tool або спотворення простих шарів із квадратною формою виконуватимуть роботу.

Крок 6

Тепер поверніться до тексту шару форми, ми розділимо його на окремі літери. Для цього виділіть інструмент прямого виділення (A), натисніть на першу літеру - це покаже шлях. Потім клацніть правою кнопкою миші і виберіть "Нова вибір". Коли з'явиться діалогове вікно, просто натисніть ОК. Тепер, коли у вас є вибір, у вас є два способи розділення листа на новий шар 1. Створіть новий шар вище, зачепивши Paint Bucket (G) і заповніть цей вибір кольором. 2. Виберіть інструмент Rectangular Marquee (M), знову натисніть правою кнопкою миші на літеру та виберіть Shape Layer Via Cut (або скопіювати). Різниця між цими двома полями полягає в тому, що перший буде растеризувати букву, а другий буде зберігати вектор. Я використовував перший метод, може здатися менш заплутаним.

Після цього захоплення деякого середньо-сірого кольору і фарбування тіні під текстом і підлозі (третє зображення нижче). Тінь під текстом не обов'язково має бути точною на даний момент, вона повинна бути досить прямим і начерпним, тому що пізніше ми будемо заповнювати цей простір з нерівною поверхнею, як земля / каміння / трава тощо. Пам'ятайте, що завжди тримайте ті шари з тінями в режимі множинного змішування, так як все, що далі йде нижче цих шарів, Multiply буде суміш з ним.

Крок 7

Далі використовуйте один з фонів з навчальних ресурсів посилання "фон" та помістіть його під шаром підлоги в палітрі "Шари" (на самому дні). Оскільки вони бездоганні, ви можете налаштувати їх на будь-який розмір, який ви хочете, просто дублюючи їх та встановлюючи поруч один з одним (перше зображення нижче). Якщо ви вибрали насичений текстуру, спробуйте зробити його більш світлим та насиченим, використовуючи Hue / Saturation (друге зображення нижче). Далі використовуйте шар налаштування градієнта, змініть режим накладання на Soft Light, настройте його Opacity на 70-80% та встановіть його з чорного на прозорий (третє зображення нижче). Переконайтеся, що це відтінок чорного кольору знизу до верху.

Крок 8

Над шаром градієнта створіть шар коригування Криві, встановіть його, як показано на 1-му зображенні нижче. Потім виберіть маску Curves і повністю заповніть його чорним кольором, використовуючи Paint Bucket (G).

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

Отже, на 4-му малюнку нижче ви можете не тільки помітити, що маска виявляється в кутах, це також дає нам враження, що текст дійсно сидить десь у просторі в перспективі. Тепер додайте інший коригувальний шар - градієнт і кольори від чорного до білого.

Переконайтеся, що це радіальний тип градієнта (зображення 4-го зображення нижче) і встановіть його режим накладання на множення (80-90% непрозорості). Якщо ваш результат занадто темний, ви можете використовувати новий шар із режимом накладання накладення і просто намалюйте його м'яким білим кольором у центрі зображення. Це має сяяти і зосередити увагу.

Крок 9

Далі, відкрийте зображення wall_1, перетягніть його над шаром O-листа і під час вибору цього шару натисніть Command / Ctrl + Alt + G (Clipping Mask). Це має виглядати в попередньому перегляді на панелі "Палітра" на першому зображенні нижче. Потім використовуйте Command / Ctrl + T (Distort and / or Perspective) і збігайте перспективу цегляної стіни з лицьовою стороною (1 зображення нижче).

Тепер повторіть цей крок і додайте текстуру до букв U та Т. Відкрийте посилання, яке називається wall_2, і виберіть ще 2, але різні цегляні стіни. Важливо зберегти різноманітність, оскільки насправді немає двох абсолютно однакових тріщин. Пам'ятайте, що кут текстури повинен відповідати кутові літери. Отже, якщо буква падає праворуч і її верхня частина видно також, то ж саме слід направити текстуру.

Важлива примітка: відтепер ми будемо використовувати лише маски для обрізання під час роботи з листами. Тому, будь ласка, пам'ятайте, коли вам буде запропоновано додати ще один коригувальний шар, просто перейдіть вперед і натисніть Command / Ctrl + Alt + G, щоб додати маску для обрізання.

Крок 10

Тепер ви, мабуть, помітили, що текстура букв U, T буква дещо відрізняється від O's, і, як видається, просто потрібно трохи жовтих дотиків тонів і певної насиченості, щоб відповідати іншим буквам. Тепер додайте шар налаштування Hue / Saturation (не забувайте використовувати Clipping Mask!), І знижте насиченість практично на всьому шляху та додайте трохи Lightness. Тепер, якщо ви не отримаєте щось схоже на моє перше зображення внизу, ви можете використати деяке маскування у шарі відтінку / насиченість, щоб виявити насиченість на цеглу або / і додати трохи червоних та жовтих тонів з балансом кольорів (встановити це в тінях і середніх тонах).

Далі додайте інший шар налаштування - Яскравість / Контраст, зменшіть контраст до кінця (на другому малюнку нижче), потім виберіть чорний колір і за допомогою панелі Paint (G) заповніть маску шару чорним кольором. Тепер, як показано на 2-му зображенні нижче (червоний колір), фарбуйте м'якою білою щіткою, щоб виявити маску і підняти знижений контраст. Вам потрібно пофарбувати в темних областях, щоб пом'якшити їх. Якщо цього недостатньо, спробуйте 1-2 рази копіювати цей рівень Яскравості / Контрастності, щоб зробити його кращим. Після цього створіть інший коригувальний шар Solid Color і заповніть його м'яким коричневим кольором, як # cdb89f. Це повністю заповнить букву суцільним тоном, і ми просто хочемо трохи помацати цим кольором тут, тому нижче цей рівень Opacity знизиться до 15-20%, щоб відповідати тону O, показаному на 3-му зображенні нижче.

Крок 11

Давайте продовжувати додавати додаткові коригування. Тепер додайте новий нормальний шар вище, змініть режим накладання на Overlay. Встановіть свій колір у # fff6e2 та використовуйте м'яку кисть для фарбування, як вказано в першому зображенні нижче. Це додасть кілька красивих краєвих ліхтарів. Далі створіть градієнтний шар, встановіть його, як показано на 2-му зображенні нижче, а потім зменшіть Opacity до приблизно 30%. Після цього створіть ще один новий шар, встановіть його Blending Mode на Color. Виберіть м'який помаранчевий / червоний тональний номер # ca9d74 і м'яко кисть на цегли, як зазначено на 3-му зображенні нижче.

Крок 12

Перемістившись далі, створіть інший коригувальний шар - Криві. Встановіть його, як показано на 1-му зображенні нижче, і приховайте його шар-маску, заповнивши його чорним кольором (просто використовуйте Paint Bucket). Потім використовуйте м'яку білу пензель для фарбування по маскою. Фарба, вказана червоним кольором на 1-му зображенні нижче. Роблячи це, ви повинні виховати гарне затінення загальної форми. Зверніть увагу, що нижня права частина листа отримує трохи більше тіні.

Повторіть цей процес, але на цей раз налаштуйте криві, щоб полегшити букву - як показано на 2-му зображенні нижче. Тому створіть новий шар Криви вище, встановіть його належним чином, приховайте його Маску шару, а потім фарбуйте, як зазначено, щоб показати вогні (зелений колір на 2-му зображенні нижче). Це повинно зробити цеглини виділятися трохи, а також деякі частини тріщиною стіни. Коли ви закінчите, додайте ще один шар налаштування - Яскравість / Контраст, зменшіть яскравість та Контрастність на половині шляху. Тепер знову приховати Layer Mask, заповнивши чорний колір. Потім використовуйте м'яку білу пензлик та фарбу, як зазначено на 3-му зображенні нижче - збільшіть розмір лицевого зазору лиця.

Крок 13

Тепер створіть інший коригувальний шар - градієнтну карту. Установіть його від чорного до білого кольору. Знову приховати маску шару за допомогою кольорового відро з чорним кольором. Змінити режим накладання шару на Soft Light (або накладання - це залежить від того, наскільки сильний ви хочете, щоб ваш ефект був). Потім настройте "Непрозорість", щоб відповідати вашим потребам, моє було встановлено приблизно на 70%. Нарешті додайте Selective Color і встановіть лише червоний та білий у налаштуваннях шар (друге зображення нижче). Якщо вам не подобається налаштування, що впливає на весь лицевий обличчя, просто використовуйте чорний, щоб намалювати шар Layer Mask, де вам це не подобається. Тепер ми повинні повернути колір і контраст, а також отримувати весь менш фотографічний вигляд (третє зображення нижче).

Крок 14

Ви, напевно, повинні знати, що робити зараз. Це в основному той самий процес, який ми просто зробили для листа O, але без його десутирування (як ми робили, коли почали працювати над буквою O). Тому я пропустити, описуючи це точно. Я просто коротко нагадаю вам, що ми зробили:

1-е зображення нижче - додавання яскравості / контрастності, розфарбування плямами, щоб виявити маску (ви можете дублювати шар, щоб зміцнити ефект).
Друге зображення нижче - додавання Solid Color (м'який коричневий), падіння шару Непрозорість до 15-20%
3-ий малюнок внизу - додавання крайових освітлювальних приладів з використанням дуже м'якого коричневого кольору на новому шарі, режим накладання накладають на накладення
Четверте зображення нижче - додавання градієнтної карти, непрозорість до 30% макс.

Для будь-якої додаткової інформації, наприклад колірної інструкції, зверніться до кроків 10, 11.

Крок 15

Це частина, в якій ми використовували криві для відтінку тіней та ліхтарів (перше зображення нижче), повторіть його так само, як на кроці 12. Потім додайте рівень регулювання яскравості / контрастності, зменшіть їх наполовину і додайте затінення на літери ( зверніться до кроку 12). Нарешті додайте Selective Color і встановіть тільки червоний та білий у налаштуваннях шар (див. Крок 12). Якщо вам не подобається налаштування, що впливає на весь лицевий обличчя, просто використовуйте чорний, щоб намалювати шар Layer Mask, де ви хочете. Тепер ми повинні повернути колір і контраст, а також отримувати весь менш фотографічний вигляд, як раніше.

Крок 16

Тепер давайте намалюємо деякі нові елементи, щоб включити їх в ілюстрацію. Як ви бачите, я додав годинник з зозуля, а також деякі дороги.

Використовуйте невелику, тверду, чорну щітку, щоб намалювати контури (перше зображення нижче). Потім наповніть їх прозорим чорним кольором, щоб все ще побачити, що відбувається нижче їх (друге зображення нижче). І, нарешті, відстежте їх, використовуючи Pen Tool (3-ий малюнок нижче).

Щоб зробити відстеження, ви обов'язково потребуєте деяких навичок Pen Tool. Я згадав, що цей підручник призначений для досвідчених користувачів, але все ж, якщо ви намагаєтесь зробити це в цьому, ви можете знайти корисне для цього посібника.

Крок 17

Щоб зробити шляхи менш відволікаючою, вони змінюють кольори на темний та світло-сірий. Як ви помітили, вони охоплюють деякі частини тексту (позначені червоними стрілками на першому зображенні нижче), і це добре, тепер ми знаємо, де текст не потребує особливої уваги. Але досі давайте дотримуватися текстуруючих букв.

Тож подивіться на друге зображення нижче. Я повернувся назад до мого тексту Майя і вибрав цілу групу, щоб побачити, як виглядає перспектива кожної літери (2-ий малюнок нижче). Зверніть увагу, що кожен лист має свою власну перспективу, і залежно від того, як буква ставить її, вона змінюється. Якщо ви поєднуєте це з нашим текстом Photoshop, ви можете легко побачити, як налаштувати свою перспективу (3-ий малюнок нижче).

Отже, відкрийте зображення "brickwall" з нашого приготування, натискаючи Command / Ctrl + T> Distort (та / або Perspective) і спробуйте розмістити цегли вздовж перспективних ліній (на 4-му малюнку нижче). Тепер у палітрі "Шари" повернімо шар 3D-текстуру (він тепер працює як зворотний бік наших листів) і перетягніть цей шаблон поверх викладеного тексту, а потім натисніть Command / Ctrl + Alt + G (Clipping Mask).

Це автоматично впишеться у внутрішню частину листа O (5-ий малюнок нижче). Як ви бачите, вам не обов'язково потрібно будувати цегляну стінку лише одним спотвореним зображенням, ви можете дублювати шар шарів і обертатися так, щоб він містив іншу частину порожнього місця (6-ий малюнок нижче). Також погляньте на зелену стрілу на шостому зображенні внизу, це означає стіну, витягнуту з тієї ж кирпичної стінки, що й обличчя О, я хотів зробити хороший зв'язок між лицьовою стороною листа та його внутрішньою частиною, і це працює просто чудово! Тому не бійтеся спробувати додати деякі стіни та інші елементи.

Крок 18

Тепер пам'ятайте, як звичайно, ми додамо кожен шар коригування, використовуючи маски для обрізання (Command / Ctrl + Alt + T). Тепер додайте два шари регулювання відтінку / насиченість та встановіть їх, як показано на 2-му зображенні нижче. Вони спеціально повинні впливати на зазначені області (для цього накрийте їх маски з чорним кольором і фарбою з м'якою білою щіткою в цих областях, щоб виявити маски). Далі знову використовуйте ту саму текстуру, яку ми використовували на листі О, і спробуємо підігнати її до верху, яка з'єднується з фронтом (2-ий малюнок нижче). Якщо ви хочете трохи більше різноманітності на верхній частині листа, ви можете дублювати цей стінний шар і додати кілька цеглинок, як і на 3-му зображенні нижче (використовуйте маски для обрізання на кожному шарі, який призначений для покриття внутрішньої частини листа! ) Далі, створити новий шар вище і дуже м'яко кисть з вказаним кольором (4 зображення нижче), це повинно пом'якшити текстуру, що дає йому додаткову теплоту.

Крок 19

Продовжуйте працювати над внутрішньою частиною листа. Тепер додайте градієнтну карту (як показано на 1-му зображенні нижче) і зменшіть її непрозорість до 30%. Далі, використовуючи техніку живопису на кривих (якщо ви не пам'ятаєте, зверніться до кроку 12). Тому використовуйте Curves для відтінку тіней (друге зображення нижче) та Lights (третє зображення нижче). Потім знову намалюйте той самий шар кривих, який висвітлює вогні, але тепер спробуйте зробити деталь спливаюче трохи, особливо сторони цегли (3-й малюнок нижче).

Крок 20

ОК здорово! Використовуйте таку ж техніку для текстури букв U та Т, процес все такий же, як ми це робили в попередніх кроках. Пам'ятайте, що ми все ще працюємо над шаром 3D-тексту, ви можете розділити його на більш дрібні частини, щоб уникнути непотрібності (або навіть відокремити кожну букву назад від наступного, а потім працювати з кожним окремо, використовуючи маски для обрізки). Ви також можете помітити, що деякі літери, такі як T, є дуже квадратними, і якщо ви просто кидаєте на них звичайну текстуру, вони не точно підкреслюють кути літер. Для цього просто використовуйте Pen Tool або Polygonal Lasso Tool, а потім фарбуйте всередині виділення (на 4-му малюнку нижче). Щоб заповнити зовнішні компоненти вибору, натисніть Command / Ctrl + Shift + I, щоб інвертувати вибір, а потім знову відкиньте світло або тіні.

Крок 21

Тепер давайте перейдемо на листи на самому верху. На цей раз використовуйте делікатну текстуру, таку як "wall_3" з підготовки. Масштабувати його і заповнити кожну з цих верхніх букв з нею (1 малюнок нижче). Потім знову, використовуючи Curves, фарбувати деякі тіні в краях літер (позначені червоним на другому зображенні нижче).

Крок 22

Потім перейдіть на літери на самому дні. На цей раз використовуйте текстуру "wall_4", щоб заповнити кожен з них. Я хотів утримати вершини листів, так що я зберігав шаблон у верхній частині кожного листа (перше зображення нижче). Потім знову повторіть те, що було зроблено на попередньому кроці - за допомогою кривих фарбуйте кілька тіней у краях літер (позначте червоним у другому зображенні нижче). Потім ви можете віддати кілька додаткових тіней, використовуючи Curves знову, або просто намалювати сірувою щіткою на новому шарі, використовуючи Blending Mode, що встановлюється на Multiply (третє зображення нижче). В принципі, тут потрібно створити делікатну затінення, викликану середніми літерами.

Крок 23

Тепер давайте піклуватися про найменше слово - ОФ. Використовуйте "бетонну" текстуру та заповнюйте обидва ці букви (не забудьте продовжувати користуватися масками для обрізки!). Додати рівень регулювання яскравості / контрастності (друге зображення нижче). Потім дезинатуйте його трохи за допомогою Hue / Saturation (третє зображення нижче). І, використовуючи техніку Curves, додайте кілька тіней (4-е зображення внизу) та світло (5-те зображення нижче).

Крок 24

Тепер поверніться до текстового шару 3D рендеринга. Знову використовуйте криві техніки, щоб малювати тіні, тому спочатку додайте шар Регулювання кривих, приховайте його маску і відрегулюйте криву для затінення (перше зображення нижче). Потім використовуйте Pen Tool або Polygonal Lasso Tool і намалюйте вибір, акцентуючи кут на листі F (перше зображення нижче). Тепер вкажіть тіні всередині (жовта стрілка 1-го зображення нижче) та поза вибором (1-ша зображення нижче - використовуйте Command / Ctrl + Shift + I для зворотного вибору перед фарбуванням).

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

Крок 25

Додайте текстуру до решти літер. Зараз дбайте про слово "Бізнес". Використовуйте "ґрунт" зображення з навчальних ресурсів. Спробуйте зберегти крихітну деталь у текстурі, щоб не кинути величезну текстуру на листи, а перш за все зменшити її. Потім знову використовуйте техніку Curves для відливання тіней (як зазначено на першому зображенні нижче). Далі додайте інший шар настроювання Brightness / Contrast, відрегулюйте його, як показано, потім використовуйте м'яку чорну пензлик і фарбуйте білою маскою, щоб видалити деяку яскравість з країв листів (позначено червоним 2-м зображенням нижче). Нарешті використовуйте криві знову, на цей раз налаштуйте для викидів вогнів і фарби, як зазначено на 3-му зображенні нижче.

Крок 26

Перейдемо до тексту на самому верху, знову працюємо на 3D-рендеринговому шарі (якщо ви розділили літери, просто перейдіть до слова "We Are"). Зробіть таку ж текстуру стінки, скільки має листи, і затемньте її, використовуючи на ньому деякий регулювання рівня (перше зображення нижче). Щоб зробити текстуру меншою, використовуйте параметр Яскравість / Контрастність (друге зображення нижче), і ви можете навіть подвоїти цей шар, щоб зробити ефект сильнішим. Далі, використовуйте техніку Curves, щоб додати тіні, як показано на 3-му зображенні нижче, а інший Криві - щоб висвітлити вогні, як показано на 4-му малюнку нижче.

Крок 27

Гарно виглядаєш! Тепер давайте перейдемо до додавання дороги. Отже, відкрийте "дорожнє" зображення з навчальних ресурсів. Використовуйте Command / Ctrl + T> Distort (та / або Perspective) і спробуйте встановити перспективу разом із жовтою стрілкою (перше зображення нижче). Маючи ту частину дороги, скористайтеся командою Command / Ctrl + J, щоб повторювати її скільки разів, як ви хочете заповнити форму дороги. Поки ви робите, не забудьте використовувати маски для обрізки цих дорожніх шарів, щоб прикріпити їх до початкового шару дороги. Крім того, на першому зображенні нижче можна побачити деякі червоні стрілки, це напрямок, до якого повинні бути встановлені зображення дорожнього руху. Тому використовуйте дорогу в перспективі, яку ви створили, і тепер покладіть її вздовж червоних ліній (тут не потрібно стирати, маленька текстура дороги повинна суміщатись без проблем).

Далі ви, напевно, помітили, що на першому зображенні нижче, що вже є деякі вогні на дорогах. Щоб зробити це, давайте просто об'єднаємо всі "дорожні" шари, які ви щойно створили, і злегка затемнете їх, використовуючи рівні. Потім створіть шар для вирівнювання кривих, встановіть його на висвітлення, заповніть маску чорною та відкрийте маску (з білою щіткою), де вона показана на 2-му зображенні нижче. На той час використовуйте ту саму текстуру дороги, щоб заповнити краю дороги (друге зображення нижче).

Потім додайте кілька шарів коригування до вершини дороги - карта градієнта та відтінок / насиченість (3-ий малюнок нижче). Тепер, щоб зробити освітлення трохи міцнішим і одночасно м'якше, використовуйте Яскравість / Контраст, наповніть маску чорною фарбою (на маскою з використанням білого кольору), щоб виявити деякі вогні (показано на 4-му малюнку нижче). Далі використовуйте інший коригувальний шар - градієнтну карту (5-ий малюнок нижче).

Нарешті додайте декілька тіней (позначених червоним, шостим зображенням нижче), а також підсвічуванням (позначте зеленим, на 7-му малюнку нижче) за допомогою методу "Криві".

Крок 28

Тепер давайте піклуватися про дорожні ребра. Перший перехід до цього шару та додавання яскравості / контрасту, налаштовуйте його, як показано на 1-му зображенні нижче (не забувайте користуватися масками обрізки весь час!). Далі викидайте шари регулювання відтінку / насиченість та рівні (друге зображення нижче). І, будь ласка, не плутайте шар замовлення, є причина, що вони додаються один за одним. Тому завжди зберігайте замовлення, як показано на малюнку. Далі знову використовуйте техніку Curves, щоб додати тіні (позначені червоним кольором) та світла (позначені зеленим кольором), щоб отримати посилання на 3-те зображення нижче. Що стосується остаточного дотику, відокремте дорожні обличчя з боків (на 4-му малюнку нижче). Для цього використовуйте інструмент "Перо" або "Polygonal Lasso Tool", зробіть два вибори та фарбуйте м'яким білим кольором у такій формі.

Крок 29

Гаразд, давай тепер підемо на підлогу. Використовуйте одну з текстур із "Gravel_2" у майнових підручниках. Натиснути команду / Ctrl + T> Спотворити і налаштувати його вздовж точки зору (перше зображення нижче). Прикріпіть цю текстуру до шару форми на підлозі (використовуйте Маска для обрізки весь час). Потім, давайте перейдемо до шару форми форми краю підлоги та додамо ту ж текстуру. Щоб змінити освітлення на цих поверхнях, нанесіть кілька тіней на нижню частину краю (використовуйте будь-яку попередню техніку або просто скопіюйте інструмент Burn Tool і накресліть текстуру). Друге зображення нижче.

Далі відкрийте зображення "трава", налаштуйте його точно так само, як і гравій, і знову використовуйте "Обрізувальну маску", щоб приклеювати його до всіх верхніх шарів поверху. Використовуйте жорстку гумку та позбуйтеся небажаних частин трави (3-ий малюнок нижче) - намалюйте тротуари / дороги тощо.

Потім відкрийте зображення "gravel_1". Виріжте з неї деякі скелі та вставте їх як один злитий шар над слоями підлоги у нашій палітрі шарів (4-ий малюнок нижче). Потім створіть новий шар під цими породами, змініть його Режим накладання Multiply (ви можете приклеїти його до шарів верхньої поверхні, використовуючи маску для обрізання, але це не обов'язково, воно повинно бути в основному нижче тексту шару). Потім встановіть колір пензля на # 4c371f, видаліть тінь форми та фарбуйте звичайні тіні під літери (червоні стрілки, 4-и зображення нижче), одночасно використовуйте # 899498 і фарбуйте тіні, викликані дорогами на синій поверхні (жовтий стрілки, 4-ий малюнок нижче).

Добре, все одно поки ми додаємо тіні, швидко переміщуємося у текстовий шар 3D і повертаємо його вибір (Command / Ctrl + клацніть лівою кнопкою миші на ескізі шару), якщо ваш шар поділений на дрібні частини, використовуйте ту саму команду але утримуйте Shift (при натисканні на інші ескізи), щоб додати нові вибори до існуючого. Потім створіть новий шар під "дорожніми" шарами (але над усіма текстовими шарами), встановіть його режим накладання на множення і використовуйте колір # 81776c, щоб відтворити тіні. Використовуйте 5-е та 6-е зображення нижче як довідковий.

Крок 30

Тепер підніміться до шару гірських порід, додайте новий шар (використовуйте Clipping Masks весь час), встановіть колір м'який коричневий / жовтий # 877759 і м'яко почистіть на темних плямах над камінням (перше зображення нижче). Потім знову використовуйте криві техніки, щоб відлити тіні на нижніх боках гірських порід (друге зображення нижче). Повторіть цей процес, але на цей раз додайте вогні, як показано на 3-му зображенні нижче. Далі створюйте новий шар, змініть це режим накладання на множення, використовуйте м'яку пензлик та фарбу # 795d3b, як показано на 3-му зображенні нижче, щоб відливати тіні між каменями та буквами. Тепер вони повинні виглядати як вони дійсно стоять там.

Крок 31

Тепер, як ви бачите, скелі не відкидають тіні нижче себе, і це не є помилкою, оскільки ми намагатимемося покрити їх травою, щоб ще більше почути реальність. Щоб зробити це, вам доведеться згрупувати всі ваші скельні шари (просто виділіть їх усіх і натисніть Command / Ctrl + G). Потім перейдіть до налаштувань "Кисть", виберіть "Дюна трава" і продовжуйте налаштування з перших трьох боксів нижче (там зазначено все важливе). Далі додайте маску шару до групи скель, встановіть щітку на чорний шар і намалюйте ті налаштування, які ми щойно зробили (використовуйте вказані плями на 2-му / 3-му малюнках нижче). Це маскує форму трави з порід, створюючи враження, що трава дійсно існує.

Крок 32

Поки ви перебуваєте з однаковими настройками пензля, перейдіть до початкового шару верхньої поверхні. Клацніть правою кнопкою миші на ньому в палітрі "Шари" та виберіть "Растеризувати шар". Потім використовуйте будь-які кольорові фарби з тими ж параметрами пензля безпосередньо на цьому шарі - фарбуйте там, де зелені стрілки вказують на перше зображення нижче. Це повинно зробити трава стояти поза підлогою. Потім поверніться на верхні шари підлоги, наклейте інший шар для їх регулювання - Solid Color (за допомогою маска для обрізки). Виділіть колір, вказаний на 2-му зображенні нижче, і зменшите Opacity цього шару до 10-20.

Потім поверніться до звичайної м'якої кисті, створіть новий шар (не забудьте скористатися обрізною маскою), змініть його режим накладання на Soft Light. Тепер використовуйте світло-жовтий колір і фарбу, як зазначено на 3-му зображенні нижче.

Крок 33

Далі, завантажте виділення трави (перше зображення нижче), потім створіть нову групу над слоями підлоги, а під час активного вибору натисніть значок «Додати шар шару» на Палітрі шарів. Ваша група повинна тепер виглядати як моя в першому зображенні нижче (вибір має зникнути з появою маски шару). Після цього знову використовуйте Криві, щоб відкинути тіні у зазначених областях (друге зображення нижче). Потім перемістіть до додавання деяких шарів коригування, спочатку запустіть баланс кольорів, а потім - градієнтну карту. Відрегулюйте його, як показано на 3-му зображенні нижче.

крок 34

Виглядає чудово! Тепер, щоб зробити це повністю завершеним, як я намалював раніше, давайте зробимо часник зозулі. Це не обов'язково, але я вважаю, це не тільки весело, але це також приємне доповнення, щоб заповнити простір полотна і виправити композицію. Так відкрийте оригінальний образ чаю з зозуля. Ви помітите, що це фронтальний вигляд з деякими додатковими елементами з боків, які ми не хочемо. Отже, перш ніж перенести його в наш основний документ проекту, просто позбутися всіх елементів, що спливають. Потім виріжте і вставте в наш проект. Перетягніть його над усіма рівнями (ви навіть можете створити групу для цього об'єкту, оскільки до цього буде багато шарів).

Таким чином, будь-коли перетягніть ці годинники на полотно, скористайтеся командою Command / Ctrl + T> Distort (і / або Perspective) і позиціоніруйте, як ви бачите на першому зображенні нижче. Потім використовуйте Pen Tool і намалюйте 3 окремі шари форми. Намалюйте їх у певному порядку: темно-коричневий спочатку (бічна), потім найлегша коричнева (сторона покрівлі), потім середня коричнева (верхня частина даху) - друге зображення нижче. Далі, виділіть всі ці шари зоопарку, використовуйте Command / Ctrl + T і змініть його розмір у вертикальному положенні, щоб воно виглядало більш природним, до часу захвату Line Tool (U), встановіть його на 1 піксель та намалюйте майже пряму лінію, що йде від ілюстрації зверху до годинника (3-ий малюнок нижче).

Крок 35

Тепер використовуйте іншу текстуру з навчальних ресурсів "дерево". Це, здається, найближче до того, що має наш час. Прикріпіть його (маска для обрізки) до форми сторони годинника (1-ий малюнок нижче). Знизьте насиченість трохи (2-ий малюнок нижче). Потім створіть новий шар і обережно нанесіть м'яким коричневим кольором, щоб пом'якшити текстуру (третє зображення нижче). Нарешті створіть інший шар режиму накладання, який встановлений на накладення, використовуйте білий колір та пензель, як показано, щоб відлити світло (на 4-му малюнку нижче).

Використовуйте той самий процес і заповніть дві інші сторони годинника (5-те зображення нижче).

Крок 36

Поверніться до шарів годинника з кукушкою, прикріпіть до цього параметр "Яскравість / контрастність", встановіть його як показано (перше зображення нижче). Інструмент Grab Pen Tool і намалюйте фігуру свердловини над дверима пташиного зозуля (2-ий малюнок нижче). Використовуйте колір, показаний на 3-му зображенні нижче, і просто зм'якніть всю текстуру годинника, натиснувши на це. Нарешті, зробіть новий новий шар, змініть режим накладання на Soft Light і використовуйте м'яку білу кисть, щоб додати деякі висвітлювальні елементи (вказане на 4-му малюнку нижче).

Крок 37

Скопіюйте двері з годинника під отвір, вставте і поверніть її горизонтально, щоб створити відображення, що двері відкриті (перше зображення нижче - червона стрілка). Потім скопіюйте дві крихітні смужки з випадкових точок годинника та вставте їх там, де позначаються зелені стрілки (перше зображення нижче). Тепер, щоб покращити двері, використовуйте новий шар, прикріпіть його до шару дверей за допомогою обтискної маски, змініть режим накладання на Soft Light і фарбуйте білим або м'яким коричневим кольором, як зазначено нижче (друге зображення нижче). Тоді я вирішив трохи поправити точку тарілки, щоб зробити це, просто створіть еліпс з інструментом Elliptical Marquee Tool і скористайтеся командою Command / Ctrl + T> Distort it (третє зображення нижче). Потім додайте два градієнтні карти для кольорового збігу, як показано на 4-му малюнку нижче.

Крок 38

Ви, очевидно, можете пропустити цей крок і повернутися назад, щоб просто додати падаючу птицю, але давайте зробимо це більш цікавим! Відкрийте весняне зображення, виріжте його з білого фону та вставте його над годинником. Тепер скористайтеся командою Command / Ctrl + T> Wrap і відрегулюйте її, щоб вона виглядала справді вибитою з отвору (перше зображення нижче). Далі знову використовуйте техніку Curves, щоб намалювати кілька тіней (червона стрілка) та світло (зелена стрілка), зверніться до 2-го зображення нижче для напрямку. Тепер додайте градієнтну карту до джерела, використовуйте налаштування з 3-го зображення нижче. Потім створити новий шар використовуйте колір # ece7dc і м'яко кисті навколо пружини, щоб відняти деяку текстуру і трохи освітлити (на 4-му малюнку нижче). Нарешті, знову використовуйте техніку Curves, щоб розфарбувати тіні (червона стрілка) та висвітлює (зелені стрілки), використовуйте 5-ий образ нижче, як довідковий.

Крок 39

Відкрийте зображення птаха зараз. Витягніть його та вставте поверх пружини, використовуйте Command / Ctrl + T, щоб повернути його у правильному напрямку. Потім встановіть карту градієнта, як показано на 2-му зображенні нижче. Потім, використовуючи техніку Curves, розфарбуйте тіні (червона стрілка) та висвітлює (зелені стрілки), як показано на 3-му зображенні нижче.

Крок 40

Тепер, щоб все виглядало краще, змішано та освоєно, викиньте кілька шарів налаштування над усім у палітру "Шари". Цей порядок дійсно важливий, тому чітко дотримуйтесь наведених нижче зображень.