В даній статті розповідається про деякі поради і прийоми, як перетворити текст на вивіску, використовуючи 3D інструменти і налаштування Photoshop на ряду з декількома зображеннями, текстурами і стилями шарів, корегувальними шарами. Давайте почнемо!
Цей текстовий ефект отримав своє натхнення від багатьох стилів шару, доступних на GraphicRiver.
Матеріали для уроку
При створенні даної статті були використані наступні ресурси:
- Шрифт Burford Base;
- BrickSmallBrown0478 Image - 1 (зображення);
- Metal gradient seamless textures (безшовні текстури градієнта в стилі матеріал) від jojo-ojoj;
- Letter E Bulbs (ілюмінація букви Е) від makamuki0;
- Bulb (лампа) від ivoxis;
- Fireworks0023 (ви можете використати будь-які зображення на ваш смак).
1.Налаштування фонової текстури.
Крок 1
Створіть новий документ, розміром 1000 x 750px, перейдіть в File > Place Linked, відкрийте зображення BrickSmallBrown0478, щоб додати його в якості Smart Object.
Змініть розмір зображення відповідно до розміру документа і натисніть кнопку Return.
Крок 2
Перейдіть в Image > Adjustments > Hue/Saturation, і встановіть значення Lightness на -65.
Крок 3
Двічі клікнітьна шарі BrickSmallBrown0478, щоб застосувати ефект накладання кольору, Color Overlay, з наступними налаштуваннями:
- Color:
#e0e0e0; - Blend Mode: Linear Burn.
Це створить темну фонову текстуру.
2. Як створити 3D текст з можливістю редагування.
Крок 1
Напишіть текст великими літерами, скориставшись фоном Burford Base. Змініть його розмір на 450 pt і Tracking to -75.
Крок 2
Перейдіть в 3D > New 3D Extrusion from Selected Layer.
Це перетворить тип шару в 3D шар з можливістю редагування.
3.Робота з 3D сценою.
Крок 1
Щоб мати доступ до налаштувань и властивостей 3D, вам потрібно відкрити дві панелі: панель 3D і панель Properties.
Панель 3D містить всі компоненти 3D сцени і, коли ви клікнете на імені однієї з них, відкриється доступ до її властивостей на панелі Properties. Тому переконайтесь, що ви завжди вибираєте вкладку потрібного елемента на панелі 3D, перш ніж змінювати параметри на панелі Properties.
Крок 2
Якщо ви вибрали інструмент Move Tool, ви побачите набір 3D Modes справа панелі Options.
Якщо ви виберете один з режимів, то потім ви можете вносити зміни об'єкта, клікнувши і потягнувши його (обраний елемент на панелі 3D).
Використовуйте ці режими для зміни поточного вигляду - змініть на такий кут, який вам до вподоби.
4.Налаштування 3D об'єкта і капітелі.
Крок 1
Виберіть вкладку з текстом на панелі 3D, змініть її параметр Extrusion Depth на панелі Properties на 0.
Крок 2
Клікніть на іконку Cap вверху панелі Properties, щоб мати доступ до налаштувань.
Крок 3
Клікніть іконку Contour picker, щоб створити контур.
Коли відкриється Contour Editor, клікніть по лінії, щоб додати точку.
Крок 4
При виділеній точці, поставте галочку внизу в віконці Corner.
Крок 5
Поставте ще одну точку і також поставте галочку в віконці Corner.
Крок 6
Далі ви повинні вибрати кожну з точок, яку ви додали, і прописати їх вхідні і вихідні (Input і Output) значення внизу.
Значення для точок зліва:
- Input: 5;
- Output: 95.
Значення для точок справа:
- Input: 95;
- Output: 95.
Натисніть OK, коли все готово.
Крок 7
Змініть значення Bevel Width на 12 і Angle на 85%.
Ви також можете використовувати будь-яке інше значення, якщо хочете отримати дещо інший результат.
5.Як створити матеріал з текстурою.
Крок 1
Виберіть вкладку текста Front Inflation Material, натисніть на іконці папки Diffuse на панелі Properties, щоб вибрати Load Texture.
Відкрийте зображення misto 1.jpg з набору Metal gradient seamless textures.
Крок 2
Клікніть на піктограмі текстури Diffuse і виберіть Edit UV Properties.
Крок 3
Налаштуйте значення Tile і Offset, щоб отримати бажаний результат.
Крок 4
Для решти налаштувань використовуйте наступні значення (значення кольору в режимі RGB):
- Specular: 135, 59, 33;
- Illumination: 191, 96, 27 - Intensity -4.77;
- Shine: 70%;
- Reflection: 3%;
6.Як зберегти і повторно застосувати 3D матеріали.
Крок 1
Клікніть на значку Material Picker, клікніть по іконці спадаючого меню і виберіть New Material.
Крок 2
Введіть "Front and Back Material" в полі ім'я і натисніть OK.
Це додасть матеріал в палітру і пізніше ви зможете повторно застосовувати його.
Крок 3
Виберіть вкладку Back Inflation Material, відкрийте Material Picker, спустіться вниз до іконки Front and Back Material, клікніть по ній, щоб застосувати.
7. Створюємо ще більше матеріалів з текстурою.
Крок 1
Натисніть на вкладці Front Bevel Material, клікніть по іконці папки Diffuse, виберіть Load Texture, щоб відкрити зображення d.jpg з набору Metal gradient seamless textures.
Крок 2
Виберіть вкладки Extrusion і Back Bevel Material, клікніть іконку папки Diffuse, і виберіть зі списку назву текстури d.
Крок 3
Виберіть вкладки Front Bevel, Extrusion, і Back Bevel Material, і внесіть наступні налаштування:
- Specular: 104, 86, 64;
- Illumination: 191, 96, 27 - Intensity -4.77;
- Shine: 85%;
- Reflection: 20%;
- Refraction: 1.536%.
Крок 4
Виберіть тільки вкладки Extrusion і Back Bevel Material і змініть їх значення Shine на 30%.
8.Як налаштувати освітлення 3D сцени.
Крок 1
Виберіть вкладку Infinite Light 1 і змініть параметр Intensity на 50% і Shadow Softness на 100%.
Крок 2
Використовуйте інструмент Move Tool, щоб змінити кут освітлення так, як ви хочете, або ви можете натиснути іконку Coordinates вверху панелі Properties, щоб ввести цифрові значення.
9.Корегування різноманітних налаштувань.
Крок 1
Оскільки ми використовуємо Bevel Contour для створення 3D об'єкту без будь-якої глибини екструзії, можливе виникнення ліній в випадковому порядку по всьому тексту.
Щоб позбутися цих ліній, натисніть на вкладці Scene і поставте галочку в віконцях Backfaces і Lines на панелі Properties під Remove Hidden.
Крок 2
Оскільки ми додаватимемо лампи вручну, за допомогою стокового зображення, вгадати перспективу 3D тексту буде важко.
Є два способи це виправити. Ви можете вибрати вкладку Custom View і потім пресет Front з меню View.
Або ж ви можете вручну налаштувати кут камери за допомогою інструментів переміщення 3D режимів, а потім клікнути на вкладці Current View і іконку Orthographic.
10.Рендеринг і модифікація сцени після рендерингу.
Крок 1
Коли ми закінчили налаштування і внесення змін, перейдіть в 3D > Render 3D Layer. Рендеринг займе трохи часу, але ви можете зупинити цей процес будь-коли, натиснувши клавішу Esc.
Після закінчення рендерингу, клікніть правою кнопкоюмиші на 3D шарі і виберіть команду Convert to Smart Object, щоб уникнути будь-яких випадкових змін.
Двічі клікніть на 3D шарі, щоб застосувати наступний стиль шару:
Крок 2
Додайте Outer Glow з такими налаштуваннями:
- Blend Mode: Linear Light;
- Opacity: 7%;
- Color:
#ffcb8d; - Size: 131.
Крок 3
Додайте Drop Shadowз наступними значеннями параметрів:
- Opacity: 75%;
- Поставте галочку в віконці Use Global Light;
- Angle: 63;
- Distance: 6;
- Size: 10.
Так ми застосуємо стиль до 3D тексту.
11.Створення ефекту віньєтки.
Крок 1
Натисніть іконку Create new fill or adjustment layer внизу панелі Layers і виберіть Solid Color.
Задайте значення Fill Color - Black, і змініть режим накладання шару, Blend Mode, на Soft Light , а його непрозорість, Opacity на 50%.
Крок 2
Виберіть інструмент Elliptical Marquee Tool і створіть виділення навколо тексту.
Виберіть піктограму маски шару Solid Color, і виконайте заливку виділення чорним кольором, Black.
Натисніть Command-D, щоб зняти виділення.
Крок 3
Залиште виділеною мініатюру маски і відкрийте панель Properties, підвищіть значення Feather, щоб зробити краї м'якими і створити ефект віньєтки.
12.Додаємо лампи.
Крок 1
Відкрийте зображення Letter E Bulbs і за допомогою інструменту Elliptical Marquee Tool виділіть лампу вверху літери.
Перейдіть в Edit > Copy, щоб скопіювати виділення.
Крок 2
Повертаємось до нашого початкового 3D документу, потім перейдіть в Edit > Paste, перейменуйте шар на Bulb 01 і перетворіть його на смарт-об'єкт, Smart Object.
Крок 3
Двічі клікніть на мініатюрі смарт-об'єкта, Smart Object, щоб відкрити файл з лампою і перейдіть в Image > Image Size, щоб змінити значення ширини і висоти Width і Height на 56.
Крок 4
Додайте шар Hue/Saturation над шаром Bulb 01 і прикріпіть його до нього. Змініть значення параметра Hue на -12.
Крок 5
Двічі клікніть на шарі Bulb 01, щоб застосувати ефект внутрішнього світіння, Inner Glow, з наступними налаштуваннями:
- Blend Mode: Linear Dodge (Add);
- Opacity: 25%;
- Color:
#fff2e3; - Source: Center;
- Size: 27.
Крок 6
Збережіть файл і закрийте його, щоб повернутися до нашого початкового документу.
13. Створення стилів шару і дублікатів об'єктів.
Крок 1
Помістіть зображення лампі всередину першої букви, яка у вас є, натисніть Command-T, щоб перейти в режим вільної трансформації, Free Transform Mode, і змініть розмір лампочки до потрібного.
Натисніть на кнопку Return, коли все готово.
Двічі клікніть на шарі Bulb 01 Smart Object, щоб застосувати наступний стиль шару:
Крок 2
Додайте Outer Glow з такими налаштуваннями:
- Blend Mode: Linear Light;
- Opacity: 75%;
- Color:
#ffcb8d; - Size: 20.
Крок 3
Додайте ефект Drop Shadow з такими налаштуваннями:
- Opacity: 35%;
- Зніміть галочку з віконця Use Global Light;
- Angle: 63;
- Distance: 6;
- Size: 7.
Так ми застосуємо стиль до нашої лампочки.
Крок 4
Натисніть і утримуйтекнопку Option, далі перетягніть лампу, зробивши таким чином її дублікат.
Крок 5
Повторіть цю дію, щоб зробити копії ламп і заповнити ними текст.
Коли закінчите, помістіть всі шари ламп в групу і назвіть її Bulbs.
14.Додаємо незасвічені лампи.
Крок 1
Відкрийте зображення Bulb і скориставшись інструментом Elliptical Marquee Tool, виділіть внутрішню частину лампи та скопіюйте її.
Крок 2
Вставте скопійовану лампу в початковий документ, перейменуйте шар на Bulb 02, потім перетворіть його на смарт-об'єкт, Smart Object.
Змініть розмір зображення Bulb 02 відповідно до розміру Bulb 01.
Далі приховайте будь-який шар Bulb 01 і на його місце помістіть Bulb 02.
Двічі клікніть на зображенні Bulb 02, щоб застосувати наступний стиль шару:
Крок 3
Додайте Inner Shadow з такими налаштуваннями:
- Blend Mode: Linear Light;
- Color:
#b8b8b8; - Opacity: 100%;
- Distance: 0;
- Size: 10.
Крок 4
Додайте Inner Glow з такими налаштуваннями:
- Blend Mode: Linear Dodge (Add);
- Opacity: 55%;
- Color:
#ffffff; - Source: Center;
- Size: 13.
Крок 5
Додайте Outer Glow з такими значеннями параметрів:
- Blend Mode: Linear Light;
- Opacity: 5%;
- Color:
#ffcb8d; - Size: 20.
Крок 6
Додайте Drop Shadow з такими налаштуваннями:
- Opacity: 35%;
- Зніміть галочку з віконця Use Global Light;
- Angle: 63;
- Distance: 6;
- Size: 7.
Це стилізує другу лампу, проте нам все ще потрібно позбавитися від темних ділянок.
Крок 7
Знову Двічі клікніть на шарі Bulb 02, щоб налаштувати його режим накладання, Blending Options.
Ми будемо налаштовувати повзунки шару This Layer опції Blend If, що допоможе захистити темні ділянки шару Bulb 02 від взаємодії з іншими шарами.
Для цього натисніть і утримуйтеклавішу Option і далі натисніть і потягнітьлівий слайдер, щоб розділити його навпіл.
Потягніть обидва кінці, поки не зникнуть темні області.
В результаті ви повинні отримати щось на зразок цього:
15. Як додати іскри.
Крок 1
Помістіть будь-яке з зображень Fireworks0023 над шаром Bulb 02, змініть його режим накладання, Blend Mode, на Screen і трансформуйте його на ваш смак.
Крок 2
Продублюйте шар Bulb 02 і додайте більше шарів з іскрами, щоб створити більше незасвічених ламп в тексті.
16.Додаємо налаштування для всієї сцени.
Крок 1
Додайте новий шар над усіма іншими шарами і назвіть його Noise.
Перейдіть в Edit > Fill, змініть параметр Contents на 50% Gray, і натисніть OK.
Крок 2
Перетворіть шар Noise на смарт-об'єкт Smart Object і змініть його режим накладання, Blend Mode, на Soft Light.
Крок 3
Перейдіть в Filter > Noise > Add Noise. Змініть параметр Amount на 3 і Distribution на Gaussian, поставте галочку у віконці Monochromatic.
Крок 4
Додайте корегувальний шар Color Lookup, виберіть 3Strip.look з меню 3DLUT File і змініть Opacity шару на 85%.
Вітаю, ви це зробили!
В цьому уроці ми налаштували просту текстуру, щоб створити фон, а також зробили 3D об'єкт з текстового шару.
Далі ми відредагували настройки 3D об'єкта, створили для нього матеріали, налаштували його освітлення і інші параметри та здійснили рендеринг.
Після цього ми скористалися декількома зображеннями, а також корегувальними шарами, щоб додати в текст лампи.
Нарешті, ми додали завершальні штрихи корекції, щоб закінчити ефект.
Будь ласка, не вагайтесь та залишайте внизу ваші коментарі, пропозиції та результати робіт.
