Малюємо текст з страз в photoshop

У цьому уроці ми навчимося створювати цікавий ефект, який можна застосувати як в типографике, так і в інших областях. Ми будемо малювати текст з страз, використовуючи фільтри, ефекти, патерни і кисті. Сподіваємося вам сподобається!

фінальний результат

Малюємо текст з страз в photoshop

Вихідні тексти:

Створіть новий документ. У прикладі використані наступні розміри: дозвіл - 300px / inch, ширина - 1800px, висота - 1350px. Ви можете вибрати інший розмір, але врахуйте що деякі деталі уроку мають відношення до розміру.

Залийте перший шар радіальним градієнтом.

Малюємо текст з страз в photoshop

Використовуйте наступні параметри:

Малюємо текст з страз в photoshop

Надрукуйте будь-який текст чорним кольором, зробіть шрифт напівжирним (strong).

Малюємо текст з страз в photoshop

Растрируются шар з текстом (правою кнопкою по шару в палітрі Шари / Layers> Растеризувати / Rasterize). Скиньте налаштування першого кольору і фону на стандартні (натисніть «D») і поміняйте їх місцями (перший колір - білий, фон - чорний).
У меню виберіть Фільтр> Текстура> Вітраж (Filter> Texture> Stained Glass)
Застосуйте параметри як зазначено нижче:

Малюємо текст з страз в photoshop

Ось як повинен виглядати результат:

Малюємо текст з страз в photoshop

Щоб виділити лише осередки чорного кольору, в меню знайдіть Виділення> Колірний діапазон (Select> Color Rang). Потім клікніть по області з чорним кольором піпеткою.

Малюємо текст з страз в photoshop

Малюємо текст з страз в photoshop

Тепер в меню знайдіть Виділення> Уточнити край (Select> Refine Edge). Спробуйте параметри як показано нижче. При необхідності поекспериментуйте з параметрами. Ваше завдання - зробити так, щоб видно було тільки чорні осередки:

Малюємо текст з страз в photoshop

Ось який результат: Білих перегородок більше немає.

Малюємо текст з страз в photoshop

Задайте стандартний сірий плямистий патерн.

Малюємо текст з страз в photoshop

У прикладі використаний патерн «Cells».

Малюємо текст з страз в photoshop

Виберіть в якості першого кольору чорний, і в якості фонового - білий. Знову застосуєте фільтр Вітраж (Stained Glass).

Малюємо текст з страз в photoshop

Налаштуйте рівні (levels), щоб додати контраст:

Малюємо текст з страз в photoshop

Використовуйте налаштування як зазначено нижче:

Малюємо текст з страз в photoshop

Додайте розсипи страз (використовуючи кисть з початкових кодів) в новому шарі.

Малюємо текст з страз в photoshop

Встановіть в якості першого колір - білий, як фоновий - чорний. Виберіть кисть з початкових кодів та малюйте їй навколо написи.

Малюємо текст з страз в photoshop

Ви можете експериментувати з розміром кисті, щоб досягти кращого результату:

Малюємо текст з страз в photoshop

Щоб додати ефект «гранований», застосуєте до шару ефект Вітраж (Stained Glass).

Малюємо текст з страз в photoshop

Тепер об'єднайте шар з розсипом страз і шар з написом. Дублюйте вийшов шар і зробіть один з цих шарів невидимим. До нього ми повернемося пізніше.
Конвертуйте другий дублікат в 3D Листівку (3D Postcard):

Малюємо текст з страз в photoshop

Подредактіруйте положення так, щоб вийшло приблизно як на картинці нижче.

Дублюйте 3D-шар і растрируются його. Зробіть нерастрірованний шар невидимим.
Застосуйте стилі шарів як на картинках нижче до видимого шару.

Малюємо текст з страз в photoshop

Малюємо текст з страз в photoshop

Малюємо текст з страз в photoshop

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

Малюємо текст з страз в photoshop

Вкажіть непрозорість заливки в 0% і додайте ефект Тінь (drop shadow).

Малюємо текст з страз в photoshop

Знову дублюйте верхній шар. Вкажіть заливку і непрозорість на 100%, змініть режим накладання шару (Blending Mode) на перекриття (Overlay). Помістіть цієї шар над усіма іншими.

Малюємо текст з страз в photoshop

Зробіть ще один дублікат шару з написом. Вкажіть заливку в 0%, застосуєте стиль шару Тиснення (Bevel and Emboss).

Малюємо текст з страз в photoshop

Малюємо текст з страз в photoshop

Малюємо текст з страз в photoshop

Малюємо текст з страз в photoshop

Створіть п'ятий дублікат шару з написом. Змініть режим накладання шару на Освітлення (Screen).
Підкоригує рівні (levels).

Малюємо текст з страз в photoshop

Відредагуйте рівні як на картинці нижче. Змінюючи режим накладення шару на Нормальний (Normal), повинні бути видні тільки рідкісні білі клітинки, інші повинні бути чорними.

Малюємо текст з страз в photoshop

Щоб підсилити ефект світіння, дублюйте шар, з яким ми тільки що працювали і застосуєте фільтр Розумієте по Гауса (Gaussian Blur). Нехай режимом накладення залишається Освітлення (Screen).

Малюємо текст з страз в photoshop

Малюємо текст з страз в photoshop

Повертаємося до невидимого шару, до якого ми не застосовували ефект 3D. Зробіть його видимим.
Створіть новий шар над ним, і намалюйте кілька білих цяток поверх написи, іспольлзуя розтушувати кисть.

Малюємо текст з страз в photoshop

Знову зробіть шар з написом невидимим, а білі цятки конвертуйте в 3D листівку. Використовуйте в точності ті ж параметри що і при конвертації шару з текстом.
Змініть режим накладання шару на Перекриття (Overlay).

Малюємо текст з страз в photoshop

При бажанні можете також додати довгу смугу, що світиться. Використовуйте ті ж методи і інструменти як в попередньому кроці.

Малюємо текст з страз в photoshop

Ось як виглядає результат наших старань:

Малюємо текст з страз в photoshop

Створіть новий шар і знову візьміть кисть-стрази. Виберіть розмір кисті близько 8-10px і намалюйте падаючі з неба стрази:

Малюємо текст з страз в photoshop

Застосуйте до них фільтр Розумієте по Гауса (Gaussian blur) з радіусом в 1px.

Малюємо текст з страз в photoshop

Дублюйте цей шар і в меню знайдіть Фільтр> Розмиття> Розмиття в русі (Filter> Blur> Motion Blur).

Малюємо текст з страз в photoshop

Малюємо текст з страз в photoshop

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

Малюємо текст з страз в photoshop

Повторіть процес створення падаючих страз, але вже більшого розміру - приблизно 12-14px.

Малюємо текст з страз в photoshop

Малюємо текст з страз в photoshop

Створіть новий шар над шаром заднього плану.
Залийте його смугастим патерном з початкових кодів.

Малюємо текст з страз в photoshop

У меню виберіть Фільтр> Спотворення> Скручування (Filter> Distort> Twirl).

Малюємо текст з страз в photoshop

Конвертуйте цей шар в 3D листівку і розмістіть в тій же позиції що і напис.

Малюємо текст з страз в photoshop

Додайте шару з патерном шар-маску і залийте її чорно-білим градієнтом, щоб задній план був прихований, а передній видно.

Малюємо текст з страз в photoshop

Малюємо текст з страз в photoshop

Схожі статті