Прозорий скляний текст - один з найпопулярніших текстових ефектів у Photoshop, який додає дизайну елегантний, сучасний і професійний вигляд. Незалежно від того, чи використовується він для логотипів, графіки заголовків або творчих проектів, цей ефект вражає своїм реалістичним відтворенням скла, яке захоплює світло і тінь. У цьому уроці я крок за кроком покажу вам, як створити ефект прозорого скляного тексту за допомогою Photoshop. Ми будемо використовувати прості інструменти, такі як стилі шарів, градієнти та ефекти, щоб досягти переконливого результату. Давайте почнемо і змусимо ваш текст сяяти!
1. фон
Ми створимо новий документ розміром 700 x 400 пікселів. І для тих, хто хоче роздрукувати його пізніше: Роздільна здатність 300 ppi.
По-перше, ми створимо гарний градієнт фону. Більшість градієнтів зазвичай складаються з двох кольорів. Однак у Photoshop ми маємо можливість створювати кілька кольорів і, таким чином, більш складні градієнти.
Тому ми створимо радіальний градієнт:
Для першого повзунка виберемо колір #790d3c, клацнемо посередині кольорової панелі і виберемо колір #4a0823. В останньому: #2c0414.
Потім малюємо градієнт з правого нижнього кута у верхній лівий так, щоб наш світловий конус був у правому нижньому куті.
2. текст
Далі ми використовуємо текстовий інструмент. Я вибрав шрифт "Adobe Caslon Pro", який входить до складу Creative Suite. Розмір шрифту в цьому прикладі становить 75,92 пт. Єдине, чого не вистачає, - це правильного кольору. Ми призначаємо його, натиснувши на поле кольору у верхньому правому куті.
Там ми вводимо наступне значення: #a9419c.
Для нашого проміжного результату:
Встановлюємо непрозорість шару на 28%, щоб наш текст поки що виглядав прозорим.
Потім двічі клацніть на шарі "PSD" або натисніть на кнопку fx внизу панелі шарів, щоб відкрити ефекти ша ру. Спочатку ми ставимо галочку на тіні. Ви можете знайти значення нижче:
Ми отримуємо наступний результат:
Далі, ми переходимо до Тінь всередину і застосовуємо наступні значення:
І отримуємо такий результат:
- Сяйво назовні:
Проміжний результат:
- Зовнішній вигляд всередину:
- Згладжений край і рельєф:
- Контур:
Проміжний результат:
- Глянець: Для отримання кольору заливки просто клацніть піпеткою один раз на темному фоні поруч з літерою "P".
Проміжний результат:
- Контур:
Проміжний результат:
3. створення відблисків
Тепер давайте створимо невелике відображення в нижній частині "D". Для цього виділимо весь наш текст, затиснувши клавішу Ctrl і клацнувши на мініатюрі нашого шару.
Створіть новий шар над ним.
Потім переходимо до інструменту градієнт і вибираємо градієнт від білого до прозорого. Переконайтеся, що прапорець " Радіальний градієнт" все ще позначений...
... і застосуйте градієнт, як показано на ілюстрації нижче.
Результат:
Ми також можемо приховати виділення за допомогою комбінації клавіш Ctrl+H. Це дозволить нам краще оцінити результат, коли ми намалюємо другий градієнт.
Тому ми намалюємо ще один градієнт, як показано на ілюстрації. Таким чином ми ще трохи посилили світіння.
Тепер натисніть Ctrl+D, щоб скасувати приховане виділення. Потім ми називаємо наш верхній шар "Bottom glow". Щоб наш градієнт тепер добре поєднувався з текстом, обираємо метод заливки " Копіювати один в інший" (Copy one into another).
Це дає нам наступний проміжний результат:
Тепер робимо те саме з верхнім лівим кутом: Виділяємо текст, утримуючи клавішу Ctrl і клацаємо на мініатюрі шару.
Створюємо новий шар, який називаємо "Верхня частина зображення"...
... і використовуємо радіальний градієнт від білого до прозорого, щоб створити ще один градієнт, як показано нижче...
Проміжний результат:
Потім скасовуємо виділення за допомогою комбінації клавіш Ctrl+D...
... і змінюємо непрозорість на 30%.
Проміжний результат:
Для сильнішого віддзеркалення спочатку перетягнемо еліптичне виділення на верхню половину нашого шрифту до... (щоб перемістити еліпс під час перетягування, утримуйте клавішу пробіл ).
Потім ми інвертуємо це виділення, натиснувши комбінацію клавіш Ctrl+Shift+I,...
... і видаляємо решту градієнта за допомогою клавіші Del, щоб створити жорсткий відбиваючий край.
4. створення відблисків (2 варіанти)
Щоб створити ще більш глянцевий вигляд, ми створюємо невеликі відблиски. Існує кілька способів зробити це. Я поясню вам 2 з них. Перший - це використання багатокутних зірочок. А в другому - за допомогою плям розтушовування.
Варіант 1: Багатокутні зірочки
Почнемо з багатокутних зірок. Для цього створюємо новий шар і називаємо його "зірочки".
Потім вибираємо інструмент "Багатокутник"...
... натискаємо на маленьку стрілку вниз на панелі керування і...
... клацніть на опцію зірочки.
- Ми встановимо "Втягнути сторони" на 98%, щоб отримати дійсно жорсткі точки. Потім ми введемо 5 для " Сторінок ", щоб отримати 5 балів за зірку.
Тепер важливо, щоб ми встановили колір переднього плану на білий. Потім ми розміщуємо зірки на найяскравіших освітлених ділянках...
Все це може виглядати ось так.:)
Тепер давайте перейдемо до другого варіанту. Але спочатку давайте приберемо нашу палітру шарів, об'єднавши наші полігональні шари в групу (виділивши відповідні шари і натиснувши Ctrl+G). Потім ми можемо приховати їх одним клацанням миші. Ми можемо назвати групу "зірочка".
Варіант 2: Створіть плями вицвітання як пензлі
Я хотів би показати вам дуже ефективний спосіб швидкого і простого розміщення плям вицвітання. Для цього нам спочатку знадобиться новий документ з робочою областю 2000 x 2000 пікселів (нам це знадобиться, тому що плями вицвітання будуть надзвичайно великими навіть тоді, коли вони будуть маленькими;) ).
Ми заливаємо фонову область чорним кольором...
... і викликаємо наші плями вицвітання.
Тепер нам потрібно переконатися, що ми розмістили ділянку з апертурою в центрі, якщо це можливо, щоб ми також отримали світіння навколо неї на нашій робочій поверхні нерозрізаним.
Якщо ви уважно подивитеся або подивитеся на монітор під верхнім кутом, то побачите, що наша апертурна латка майже торкається верхнього краю;)
Але, на щастя, ми все ще маємо його повністю. Тепер натискаємо Ctrl+I, щоб інвертувати наш шар.
Потім виділяємо весь шар комбінацією клавіш Ctrl+A, йдемо в меню Edit>Set Brush Preset...
... і зберігаємо наше місце накладання як пензель.
Повертаємося до нашого документа, спочатку створюємо новий шар і називаємо його "Пляма діафрагми".
Тепер ми можемо викликати пензель, який ми щойно створили, у палітрі пензлів.
Перш за все, переконайтеся, що наш пензель не надто великий. Колір переднього плану також має бути білим.
Найкраще створювати новий шар для кожної плями відблисків (щоб ми могли переміщати її за потреби) і розміщувати його на відбитих зонах на нашому зображенні.
5. створюємо відображення
Як і у випадку з більшістю глянцевих об'єктів, вони зазвичай залишають відображення. І це саме те, що ми зараз зробимо з нашим текстом.
Перш за все, нам потрібна копія шару всього нашого тексту, включаючи відображення. Для цього виділяємо шари "PSD", "Відображення знизу" і "Відображення зверху" і перетягуємо їх на нижній відривний аркуш, утримуючи кнопку миші, щоб створити шарову копію всіх трьох шарів.
Потім натисніть Ctrl+E, щоб об'єднати ці копії в один шар.
Потім натисніть Ctrl+T, щоб трансформувати шар. Для цього клацніть правою кнопкою миші на шарі трансформації і виберіть Дзеркальне відображення по вертикалі.
Потім за допомогою клавіш зі стрілками перемістіть шар вниз, доки краї шару не торкнуться один одного. У цьому випадку це стосується лише літери "S". Нам доведеться відкоригувати дві інші.
Тому ми викликаємо інструмент прямокутного виділення і спочатку виділяємо "P".
Якщо ми натиснемо "V", наш інструмент переміщення буде готовий. З його допомогою ми можемо перемістити "P" вгору за допомогою клавіш зі стрілками, доки він не торкнеться нижнього краю. Якщо тепер натиснути Ctrl+H, ми приховаємо край виділення і зможемо краще оцінити позицію. Це дуже допомагає під час переміщення.
Неважливо, що нижній край літери "P" відрізано, оскільки він все одно буде прихований пізніше.
Потім ми робимо те ж саме з "D".
Потім створюємо маску шару на цьому шарі...
... переходимо до інструмента градієнт і встановлюємо чорно-білий градієнт або градієнт від чорного до прозорого. Переконайтеся, що ми активували опцію Лінійний градієнт.
Розташовуємо інструмент біля нижнього краю і перетягуємо його вгору, як показано на ілюстрації. Ми все ще можемо утримувати клавішу Shift, щоб наш градієнт був дійсно дуже прямим.
І ми отримуємо наступний проміжний результат:
Як і у випадку з багатьма віддзеркаленнями, це віддзеркалення зазвичай дуже слабке. Тому ми зменшуємо непрозорість цього шару ще трохи (44%), щоб отримати відносно реалістичне відображення.
Це дає нашому тексту трохи більше простору, оскільки відображення робить підлогу впізнаваною. І щоб зробити цей простір трохи чіткішим, ми створимо підлогу.
Перш ніж ми це зробимо, давайте наведемо лад у наших шарах. Перейменуємо щойно створений шар на "Відображення". Оскільки під текстом є відображення, ми перемістимо цей шар "Відображення" під шар "PSD". Потім ми об'єднуємо текст разом з відображенням і відображеннями в групу і називаємо цю групу "PSD". Також ми об'єднуємо три шари з плямами вицвітання в групу з плямами вицвітання. Таким чином, наша структура шарів складається з фонового шару, групи "PSD", групи "Asterisk" і групи "Flare".
У групі "PSD" ми створюємо папку під назвою "Floor", в якій створюємо нашу остаточну графіку.
6. створення підлоги
Створюємо новий шар у групі шарів "Підлога", який також називаємо "Підлога". Потім переходимо до нашого інструменту градієнта.
Встановлюємо такі значення кольору:
Потім, утримуючи клавішу Shift, намалюйте гарний градієнт зверху вниз.
Проміжний результат:
Це вже виглядає дуже гарно, але ми хочемо, щоб це стало нашою підлогою. Тепер натискаємо Ctrl+T і тягнемо шар за верхню центральну ручку вниз, доки він трохи не виступатиме над відображенням. Таким чином, текст опиниться не на задньому краю "кімнати", а ближче до центру.
Проміжний результат:
Тепер у нас є наша віртуальна підлога. Однак вона ще не зовсім переконлива, оскільки не відкидає тінь. Тому ми створюємо новий шар для тіні і переміщуємо його під наш шар "підлога".
Ми також називаємо цей шар "Тінь". Потім вибираємо м'який круглий чорний пензель...
... і, утримуючи клавішу Shift, малюємо вздовж краю підлоги за межами документа.
Проміжний результат:
Тепер наша тінь все ще трохи занадто сильна. Але це не біда, адже ми можемо перемістити її трохи вниз за допомогою інструмента Move (Переміщення) та клавіш зі стрілками. Або ми можемо знову натиснути Ctrl+T і перемістити нижній центральний регулятор трохи вгору, щоб зробити нашу тінь трохи жорсткішою.
Потім ми можемо трохи відрегулювати непрозорість тіні (до 60%).
І ми нарешті досягли нашої мети.:)
Сподіваюся, вам сподобався цей урок і з нетерпінням чекаю на будь-які коментарі.:)
