Зроби об’ємний текст в фотошоп

У цьому уроці ви дізнаєтеся, як створити глянсовий 3D текст в Фотошоп.

Зроби об'ємний текст в фотошоп

Крок 1. Створюємо документ розміром 800х1000 пікселів дозволом 300 dpi. Є три причини, чому ми вибрали такий великий розмір документа.
По-перше, коли ви створюєте щось в Фотошопі і потім імпортуєте це в будь-який проект, може знадобиться відрегулювати розмір зображення, а якщо вихідний матеріал буде маленьким, то при збільшенні він може сильно втратити в якості.
По-друге, при роботі з великими зображеннями ми можемо приділити більше уваги дрібним деталям.
По-третє, ми маємо більше вільного простору для роботи.

Зроби об'ємний текст в фотошоп

Крок 2. Перше, що ми повинні зробити, це створити букву. Я вирішив використовувати шрифт Defeqto з сайту www.dafont.com.
Я буду працювати з буквою B, але ви можете використовувати будь-яку іншу. Мені здається, що глянсовий ефект буде краще виглядати саме на такому шрифті.
Натискаємо правою кнопкою мишки по букві і вибираємо Rasterize Type (Растеризувати текст). Це дасть нам можливість його відредагувати.

Зроби об'ємний текст в фотошоп

Крок 3. (в цьому кроці ми будемо приводити в порядок букву, якщо це необхідно, звичайно. Ви можете пропустити цю частину і відразу перейти до Кроку 6)
Краї шрифту трохи грубуваті, давайте виправимо це. Активуємо Elliptical Marquee Tool (Овальний виділення) (M). Утримуючи SHIFT, створюємо виділення, щоб воно повторювало форму верхньої частини літери. Як видно на малюнку нижче, положення виділення не зовсім правильно, тому натискаємо правою кнопкою мишки по виділенню і вибираємо Transform Selection (Трансформувати виділення). Регулюємо положення, як показано на скріншоті. Потім просто тиснемо DELETE. щоб видалити виділену частину. Завдяки цьому, обриси літери стали плавними, як ми і хотіли.

Зроби об'ємний текст в фотошоп

Крок 4. Також нам необхідно поправити зовнішні краї, для цього створюємо виділення як в Попереднє кроці і інвертуємо його SHIFT + CTRL + I. Потім беремо Eraser Tool (Ластик) (E) з Opacity (Непрозорість) і Flow (Натиск) на 100%. Стираємо зайві краю.

Зроби об'ємний текст в фотошоп

Крок 5. Активуємо інструмент Pen Tool (Перо) (P) і створюємо плавну криву на розі літери, як показано на фігурі 1. Тиснемо правою кнопкою мишки і вибираємо Make Selection (Створити виділення). Переконайтеся, що параметр Feather (Розтушовування) встановлено на 0.2 пікселя. Не залишайте кути занадто жорсткими і не робіть їх занадто загругленнимі. Застосовуємо ці дії до інших частин букви, яким необхідні корекція. На фігурі 3 показано, що вийшло в результаті.

Зроби об'ємний текст в фотошоп

Крок 6. Ми підійшли до тієї частини уроку, в якій будемо створювати ефект 3D з неоновим світлом. Переходимо Edit - Transform - Free Transform (Редагування - Трансформація - Вільна трансформація) (CTRL + T). Утримуючи SHIFT + ALT + CTRL. тягнемо за правий кут вниз, щоб деформувати букву в перспективі (фігура 1). Потім тягнемо один з бічних вузликів до центру, як на фігурі 2.

Зроби об'ємний текст в фотошоп

Крок 7. Тепер додамо тексту об'ємності. Беремо інструмент Move Tool (Переміщення) (V), активуємо шар з буквою, затискаємо клавіші CTRL + ALT і, що з'явилася подвійною стрілкою, пересуваємо букву вправо 18 разів, щоб створити 18 копій. Після цього, затискаємо CTRL і виділяємо копії 8, 9 і 10, потім об'єднуємо їх комбінацією CTRL + E. Називаємо цей шар "світіння". Далі застосовуємо до нього Image - Adjustments - Hue / Saturation (Зображення - Корекція - Тон / Насиченість) (CTRL + U). Встановлюємо параметр Lightness (Яскравість) на максимум.

Зроби об'ємний текст в фотошоп

Крок 8. Потім виділяємо копії 11-17 і об'єднуємо їх (CTRL + E), називаємо шар "ПЕРЕДНЯЯ ЧАСТИНА". Тепер виділяємо копії 1-7 разом з оригіналом і також об'єднуємо. Називаємо шар "ЗАДНЯЯ ЧАСТИНА". Потім виділяємо копію 18 і перейменовуємо її на "ОФОРМЛЕННЯ".

Крок 9. Створюємо новий шар "СЯЙВО" над шаром "ОФОРМЛЕННЯ". Потім, затискаємо клавішу ALT і натискаємо між цими двома шарами. В результаті, біля шару "СЯЙВО" повинна з'явитися маленька стрілка спрямована вниз, яка означає, що для цього застосовується відсічні маски. Активуємо Rectangular Marquee Tool (Прямокутне виділення) (M), створюємо виділення ВСІЄЇ букви і заливаємо його білим кольором Edit - Fill (Редагування - Заливка). Далі беремо Elliptical Marquee Tool (Овальний виділення) (M) і виділяємо нижню частину букви, як показано на фігурі 2. Тиснемо клавішу DELETE. щоб видалити виділену частину, як показано на фігурі 3. Тепер створимо шар-маску. Ви можете це зробити, клікнувши на маленький прямокутник з окружністю всередині внизу панелі шарів Add layer mask (Додати шар-маску). Активуємо маску, клікнувши по другому білому прямокутнику на шарі "СЯЙВО".

Зроби об'ємний текст в фотошоп

Зроби об'ємний текст в фотошоп

Беремо Gradient Tool (Градієнт) (G) від чорного до білого, лінійний, деактивувавши опцію Reverse (Перевернути), якщо вона активна. Проводимо градієнтом від верху до низу документа і зменшуємо Opacity (Непрозорість) шару "СЯЙВО" приблизно на 50-60%. Переконайтеся, що ваша літера виглядає як моя.

Зроби об'ємний текст в фотошоп

Крок 11. Нам необхідно, щоб біла лінія в центрі світилася, але перед цим позбудемося тієї частини шару, яку ми не бачимо. Утримуючи CTRL. натискаємо на мініатюрі шару "ПЕРЕДНЯЯ ЧАСТИНА". Ви повинні натиснути саме на мініатюрі, так як нам необхідно завантажити виділення шару. Після цього переходимо на шар "світіння" (просто клікаєм по ньому) і тиснемо DELETE. Сховайте шари "ПЕРЕДНЯЯ ЧАСТИНА" і "ОФОРМЛЕННЯ" і ви побачите результат даних маніпуляцій. Знімаємо виділення CTRL + D. Тепер переміщаємо шар "світіння" в самий верх панелі шарів. Після цього, виділяємо шари "ПЕРЕДНЯЯ ЧАСТИНА" і "ЗАДНЯЯ ЧАСТИНА" і об'єднуємо їх разом (CTRL + E). Називаємо новий шар "ТІЛО".

Крок 12. Активуємо шар "світіння" і натискаємо на кнопку "fx" внизу панелі шарів і вибираємо Outer Glow (Зовнішнє світіння). Я хочу, щоб світіння було бірюзового кольору. Устаналіваем розмір світіння на 6 і колір 00E1F5.

Зроби об'ємний текст в фотошоп

Крок 13. Тепер зробимо кути букви більш плавними. Для цього, завантажуємо виділення шару "ОФОРМЛЕННЯ". Переходимо Select - Modify - Contract (Виділення - Модифікація - Стиснути). Вводимо 2 пікселя, потім інвертуємо виділення SHIFT + CTRL + I. Перед тим, як ми продовжимо, переконайтеся, що активний шар "СЯЙВО". Тепер тиснемо DELETE, щоб видалити зайву частину.

Зроби об'ємний текст в фотошоп

Крок 14. Далі ми повинні закруглити краю відображення. Беремо Pen Tool (Перо) (P) і створюємо контур, як на фігурі 1. Коли ви застосуєте ці дії до всіх кутах, то отримаєте те, що зображено на фігурі 2.

Зроби об'ємний текст в фотошоп

Крок 15. Активуємо шар "ОФОРМЛЕННЯ" і натискаємо на кнопку "fx" внизу панелі шарів. У меню вибираємо Inner Glow (Внутрішнє світіння).

Зроби об'ємний текст в фотошоп

Крок 16. Знову натискаємо на кнопці "fx" і вибираємо Create layers (Створити шари), в вискочила віконці натискаємо OK. Тепер стиль шару з внутрішнім світлом знаходиться на окремому шарі. Перейменовуємо його на "світіння КРАЇВ". Переконайтеся, що ваші шари виглядають також, як і мої.

Зроби об'ємний текст в фотошоп

Крок 17. Створюємо шар-маску для шару "світіння КРАЇВ" і тиснемо CTRL + I. щоб змінити її колір на чорний. Переконайтеся, що ваша панель шарів виглядає також.

Зроби об'ємний текст в фотошоп

Крок 18. Беремо кисть (B) середньої жорсткості білого кольору розміром близько 100 пікселів з Opacity (Непрозорість) на 100% і Flow (Натиск) на 15%. Переконайтеся, що кольори переднього і заднього планів встановлені на чорний і білий відповідно, якщо це не так, то натисніть клавішу D. Щоб швидко змінити колір з чорного на білий, натисніть клавішу X. Клікайте пензлем в тих місцях, в яких біла окантовка повинна бути видна. Можете також поекспериментувати з параметрами кисті. Робіть це тільки в тих місцях, де є закруглені краї, і зовсім небагато на жорстких, як показано на фігурі нижче. Запам'ятайте, що у сяйва повинен бути джерело світла, а так як я зробив букву трохи розгорнутої, то світло буде падати з лівого боку. Не робіть все кути світяться, так як це буде виглядати нереалістично.

Зроби об'ємний текст в фотошоп

Крок 19. Тепер ми повинні додати трохи відображень. Активуємо шар "ОФОРМЛЕННЯ", переходимо File - Place (Файл - Помістити) і вибираємо будь-яке зображення, бажано високої роздільної здатності. Я використовував фото з квітами. Потім поміщаємо новий шар так як показано на фігурі 2.

Зроби об'ємний текст в фотошоп

Зроби об'ємний текст в фотошоп

Крок 21. Створимо шар-маску для зображення, яке ви вирішили використовувати в якості відображення. Після цього використовуємо Gradient Tool (Градієнт) (G) так само, як ми робили це в Кроці 10, але в цей раз проведіть градієнтом у верхній частині літери, щоб маска була повністю вилучена.

Зроби об'ємний текст в фотошоп

Зроби об'ємний текст в фотошоп

Крок 23. Продовжуємо працювати на шарі з текстом. Завантажуємо виділення шару "ОФОРМЛЕННЯ" і стискаємо його на 2 пікселя, як ми робили це раніше через Select - Modify - Contract (Виділення - Модифікація - Стиснути). Потім Select - Modify - Feather (Виділення - Модифікація - Растушевка), вводимо 1 піксель. Інвертуємо виділення Select - Inverse (Виділення - Інвертувати) (SHIFT + CTRL + I) і двічі тиснемо DELETE. Виділення все ще активно, виділяємо шар із зображенням, яке ми використовували для відображення (то, яке з квітами) і знову двічі тиснемо DELETE. Порівнюємо фігуру 1 і фігуру 2.

Зроби об'ємний текст в фотошоп

Крок 24. Решта за вами! На чорному тлі буква виглядає непогано! Якщо ви оберете темний фон, то вам необхідно буде додати світіння на чорні області, так як зробив це я. Повторюємо Кроки 15-17, але в цей раз застосовуємо всі до шару "ТІЛО".

Зроби об'ємний текст в фотошоп

Зроби об'ємний текст в фотошоп

Пункт 9 не виходить. Тобто "Створюємо новий шар" СЯЙВО "над шаром" ОФОРМЛЕННЯ ". Потім, затискаємо клавішу ALT і натискаємо між цими двома шарами. В результаті, біля шару" СЯЙВО "повинна з'явитися маленька стрілка спрямована вниз, яка означає, що для цього застосовується Відсічна маска. " тут все ОК! А ось далі йде виділення прямокутне. До якої верстви це застосовувати ?!
Заздалегідь дякую!

Прошу вибачення: знову моя неуважність. Залив чорним кольором фон, не виконала крок 24.


доповнень:
23 442

передплатників:
70 000+

Робіт користувачів:
329 629

Інші наші проекти:

Реєстрація

Реєстрація через пошту