3D-компонування поєднує вражаючі текстові ефекти з креативними елементами дизайну і виводить вашу типографіку на абсолютно новий рівень. Незалежно від того, чи хочете ви створити футуристичний, абстрактний або тематичний дизайн, ви можете використовувати Photoshop для створення індивідуальної 3D-композиції, яка візуально покращить ваше повідомлення. У цьому уроці я крок за кроком покажу вам, як створити сцену для вашої 3D-друку за допомогою текстур, світлових ефектів та інших елементів дизайну. Давайте почнемо і перетворимо вашу типографіку на витвір мистецтва!
Крок 1:
Спочатку я створюю новий документ; розмір не має значення. Я обираю дуже маленький розмір 800x600 пікселів. Якщо ви хочете надрукувати цей ефект, вам слід змінити одиницю виміру з пікселів на сантиметри, а роздільну здатність - з 72 до 300 пікселів на дюйм.
Крок 2:
Тепер я створюю текстовий шар з літерою. Для цього я натискаю в меню 3D>Repoussé>Text layer (3D>Репродукція>Текстовий шар).
Крок 3:
Я роблю наступні налаштування (для матеріалів я використовую шаблон " Без текстури для всього "):
Крок 4:
Тепер я викликаю 3D-панель керування у вікні Window (Вікно ) і перефарбовую екструзію. Для цього я натискаю на сірий колір під Diffuse (Розсіяний).
Крок 5:
Тепер колір правильний. Я просто хочу створити власну текстуру на передньому плані літери.
Крок 6:
Для нової текстури я створюю новий документ розміром 200 x 1 піксель. Потім двічі кла цаю на фоновому шарі і видаляю вміст за допомогою клавіші Delete. Тепер я можу створити виділення, яке покриває половину документа, і зафарбувати його синім кольором. Потім я знову виділяю все і зберігаю його за допомогою Меню>Правка>Задати шаблон.
Крок 7:
Отже, шаблон збережено, і я створюю новий документ розміром 2000х2000 пікселів. Потім я додаю новий шар і розфарбовую його (колір не має значення, тому що я встановив непрозорість на 0%). Тепер я переходжу до опцій заливки і активую свій новий шаблон. Потім я зберігаю текстуру як PSD-файл на своєму жорсткому диску.
Крок 8:
Тепер я повертаюся в свій документ і відкриваю нову текстуру на моєму Матеріалі - Надута передня частина.
Крок 9:
Результат виглядає так (я ще не зовсім задоволений лініями, тому відкриваю текстуру ще раз).
Крок 10:
Щоб я міг обертати мій візерунок, я перетворив шар на смарт-об'єкт. Тепер візерунок, який був розміщений зверху як варіант заливки, також можна обертати.
Крок 11:
Так мені подобається набагато більше.
Крок 12:
Оскільки лінії занадто широкі для мене, я знову відкриваю текстуру, переходжу в свій смарт-об'єкт і масштабую накладення візерунка .
Крок 13:
Щоб зробити фон більш ефектним, я додаю колірний градієнт до фонового шару.
Крок 14:
У той же час, я також надаю моєму сплющеному краю синього тону. Результат виглядає так:
Крок 15:
Щоб краще бачити джерела світла, я розмістив їх у нижній частині 3D-панелі керування.
Крок 16:
Крім того, я забарвлюю фоновий шар у сірий колір, щоб було видно білі смуги світла. Я змінюю тип світла для мого першого джерела з " Спрямованого " на " Точковий".
Крок 17:
Тепер я переміщаю світло і відразу ж бачу, як мій об'єкт реагує на нього.
Крок 18:
Я також змінюю наступне джерело світла на точкове і збільшую інтенсивність світла до 1.
Крок 19:
Оскільки рендеринг всього об'єкта може зайняти багато часу, я також можу створити виділення, а потім перейти до пункту Select for Progressive Render (Вибрати для прогресивного рендерингу ) в меню опцій 3D-панелі .
Крок 20:
Результат виглядає дуже добре. Я також можу відрендерити весь об'єкт, натиснувши на сцену у верхній частині 3D-панелі, а потім вибравши Трасування променів - Чорновий або Трасування променів - Остаточний (найдовше) у розділі Якість. Порада: Якщо мені потрібно змінити щось ще на об'єкті, не забудьте скинути налаштування на Інтерактивний (малювання ), інакше комп'ютер одразу ж відрендерить все заново, і вам доведеться чекати вічно.
Крок 21:
Після того, як я закінчив перший лист, я створюю наступний, використовуючи ті ж налаштування і процедуру. Знову завантажую раніше збережену текстуру.
Крок 22:
Оскільки смуги занадто великі для мене, я можу або знову відредагувати їх безпосередньо в текстурі, або просто перейти до Редагування Властивостей (Edit Properties) під пунктом Розсіювання ( Diffuse ).
Крок 23:
Якщо я збільшу значення параметра U-Scale (Масштаб), мої лінії стануть меншими. Однак, іноді лінії стають дивним чином ламаними, що, ймовірно, є помилкою у Photoshop або помилкою драйвера відеокарти дисплея.
Крок 24:
Після рендерингу сцени моя буква S має такий вигляд:
Крок 25:
Знову ж таки, я пересуваю всі джерела світла і змінюю деякі з них на точкові. Я навіть можу натиснути на іконку "Новий ", щоб створити більше джерел світла.
Крок 26:
Оскільки лінії занадто широкі для мене, я переходжу до текстури, потім до смарт-об'єкта, а потім до накладання шаблону, де я трохи зменшую розмір. Однак, в букві S з'явилася дивна подвійна лінія, тому я повертаюся до властивостей текстури і трохи змінюю значення U-Scale, поки воно не впишеться.
Крок 27:
Далі я створюю останню літеру. Я розміщую її під літерою S в ієрархії шарів.
Крок 28:
Я придумав дещо особливе для моєї літери d: вона повинна мати квітковий візерунок. Для цього я завантажую квітковий пензлик з PSD-Tutorials.de, вставляю його в документ 2000х2000 px з прозорим фоном і зберігаю як PSD-файл.
Крок 29:
У властивостях текстури я переміщаю візерунок відповідним чином.
Крок 30:
Тепер давайте знову налаштуємо світло, і тоді моя буква виглядає зовсім не погано:
Крок 31:
Далі я створюю новий шар і додаю кілька менших елементів білим кольором за допомогою квіткового пензля.
Крок 32:
Тепер настав час для вигадливого фону. Я візьму інструмент "Спеціальні фігури " і завантажу наступну фігуру, яку Photoshop надає з коробки (якщо вона не відображається, просто натисніть маленьку стрілку у верхньому правому куті, щоб завантажити бібліотеку ).
Крок 33:
Після перетягування фігури я трохи зменшую непрозорість, додаю маску шару і заливаю її радіальним чорно-білим градієнтом.
Крок 34:
Я все ще можу оптимізувати смуги, наприклад, зменшивши непрозорість області, а потім додавши легке світіння на зовні в опціях заливки білою фарбою. Потім я застосовую гарний радіальний синьо-темно-синій градієнт.
Крок 35:
Щоб додати більше світіння в центрі, я можу або відрегулювати градієнт відповідним чином, або просто змінити його за допомогою дуже м'якого великого пензля. Потім я трохи зменшую непрозорість шару.
Крок 36:
Якимось чином квіткові мазки занадто домінуючі для мене. Тому я збираюся створити їх знову, але цього разу ще меншим пензлем. Результат виглядає ось так:
Крок 37:
Я також можу швидко перефарбувати фон за допомогою коригувального шару відтінку/насиченості:
Крок 38:
Якщо я хочу перефарбувати літери, а не тло, я також можу перейти до режимів накладання окремої літери і встановити там кольорове накладення за допомогою режиму накладання " Колір" (Colour blending mode). Потім я копіюю ефект шару для кожної наступної літери, утримуючи клавішу Alt.
Крок 39:
Однак простіше зберігати літери в груповій папці, а потім вставляти над ними шар коригування відтінку/насиченості. І - дуже важливо: я встановлюю режим накладання для моєї групової папки з " Наскрізного " на " Звичайний " . Тоді коригувальний шар впливатиме лише на вміст папки.
Крок 40:
Маленька хитрість в кінці майстер-класу: Я дублюю свої 3D літери, а потім раструюю свою копію правою кнопкою миші .
Крок 41:
Тепер у мене є кілька варіантів: Або я зафарбовую всю літеру білим кольором, або просто накладаю на неї кольорове накладення білого кольору. Тепер я додаю маску, а потім можу скористатися м'яким пензлем, щоб підсилити певні ділянки, наприклад. У моєму випадку я підсилив світло у верхній частині літери d і використав ще один шар з чорним накладанням, щоб зробити тіні темнішими.
Крок 42:
Мій результат має такий вигляд:
Сподіваюся, я зміг передати багато порад про те, як працювати з 3D у Photoshop. Як бачите, це не так вже й складно.
