Створюємо креативний постер в Photoshop

Створюємо креативний постер в Photoshop
Робота з текстом
25.07.2021, 19:30
630
0
У цьому уроці ви дізнаєтеся, як, використовуючи стокове фото із зображенням чорнила в воді і декількох текствих шарів, створити креативний постер в Photoshop. Даний ефект найкраще виглядає на однотонному тлі. Стокову картинку ви можете знайти в Інтернеті або завантажити на сайті Envato Elements.
Перед початком завантажуємо всі необхідні матеріали:
Чорнило в воді
Шрифт Bw Nista International
Оригінальна картинка з уроку платна, але в архіві ви знайдете безкоштовні альтернативні версії початкових кодів. Також на сайті Google Fonts можна підібрати підходящий для вашої роботи безкоштовний шрифт, наприклад, Roboto або Lato.
Викачуємо картинку, встановлюємо шрифт і приступаємо до роботи!


Створюємо новий документ
Крок 1
У програмі Photoshop переходимо File - New (Файл - Новий), щоб створити новий документ. У вікні вводимо назву «Постер». Встановлюємо Width (Ширина) на 1270 пікселів, Height (Висота) - на 1600 пікселів і Resolution (Роздільна здатність) - на 72 пікселя / дюйм. Тиснемо ОК.

Крок 2
На панелі Window - Layers (Вікно - Шари) в нижній частині натискаємо на кнопку Create new fill or adjustment layer (Створити нову заливку або коригувальний шар) і вибираємо Solid Color (Колір) або переходимо Layer - New Fill Layer - Solid Color (Шар - новий шар заливки - Колір). У вікні Color Picker (Вибір кольору) вибираємо чорний колір (# 000000) і тиснемо ОК.

Крок 3
Тиснемо поєднання клавіш Ctrl + R, щоб активувати лінійки з боків документа. Потім у верхньому меню переходимо View - New Guide (Перегляд - Нова напрямна). У вікні New Guide (Нова напрямна) вибираємо Horizontal (Горизонтальний) і встановлюємо положення на 50 пікселів. Тиснемо ОК.
Створюємо такі ж направляючі по всім сторонам документа, відступивши від краю 50 пікселів. Щоб приховати / показати напрямні, використовуємо комбінацію клавіш Ctrl + ;.


Вставляємо картинку з чорнилом
Крок 1
Перетягуємо файл з чорнилом в Photoshop.

Крок 2
За допомогою комбінації клавіш Ctrl + T активуємо вільну трансформацію і коригуємо розмір зображення. Для цього на верхній панелі параметрів між шириною і висотою тиснемо на кнопку Maintain Aspect Ratio (Зберігати пропорції). Потім встановлюємо Width (Ширина) на 300%. При цьому Height (Висота) зміниться автоматично. Закінчивши, тиснемо Enter.

Крок 3
За допомогою Move Tool (V) (Переміщення) розміщуємо чорнило по центру. Воно повинно бути спрямоване зверху вниз, тому розміщуємо картинку впритул до верхнього краю документа.

Крок 4
На панелі шарів вибираємо шар з чорнилом. Клікаємо по ньому правою кнопкою і застосовуємо Rasterize Layer (Растеризувати шар). Потім дублюємо шар комбінацією клавіш Ctrl + J.

Крок 5
Щоб створити ефект занурення тексту в чорнило, нам потрібно скористатися маскою. На панелі шарів вибираємо верхню копію шару з чорнилом і в нижній частині тиснемо на кнопку Add layer mask (Додати шар-маску).


Додаємо текст
Спершу нам потрібно намітити розташування тексту. Також він повинен знаходитися на окремих шарах. Це дасть нам можливість вільно рухати елементи постера, поки ми не отримаємо потрібний результат.
Крок 1
На панелі інструментів вибираємо Text Tool (T) (Текст).
Клікаємо в будь-якому місці документа і пишемо слово «DER». Щоб налаштувати зовнішній вигляд тексту, відкриваємо панель Type - Panels - Character Panel (Текст - Панелі - Панель символів). Тут ми вибираємо шрифт Bw Nista International з жирним шрифтом і встановлюємо розмір на 265 пунктів.

Крок 2
Тим же інструментом додаємо решту слів «KLANG VON MUSIK». Кожне слово має перебувати на окремому шарі.

Крок 3
Давайте красиво розподілимо текст.
Розміщуємо рядки один над одним, залишивши між ними невеликe відстань. Необов'язково, щоб все було ідеально. Посувайте їх по горизонталі, це додасть динаміки.
Головне, стежте, щоб ні один рядок тексту не доторкалася бічних напрямних.

Крок 4
З затиснутою клавішею Ctrl на панелі шарів вибираємо всі чотири текстових шари, потім на верхній панелі натискаємо на кнопку Distribute Vertical Center (Розподіл центрів по вертикалі) (при цьому повинен бути активний інструмент Move Tool (V) (Переміщення)). Це дозволить вирівняти відстань між рядками тексту.

Крок 5
Тепер ми повинні розмістити текстові шари між двома копіями чорнила. Вибираємо всі чотири текстових шари і тиснемо Ctrl + G, щоб об'єднати їх в групу, або перетягуємо мишкою на кнопку в нижній частині панелі Create a new group (Створити нову групу). Розміщуємо групу між двома шарами з чорнилом. Дуже важливо розподілити шари саме в такому порядку. Ми залишимо видимими тільки деякі деталі верхнього шару з чорнилом, щоб вони частково перекривати текст.


Об'єднуємо текст і чорнило
Крок 1
На панелі шарів вибираємо маску верхнього шару з чорнилом. Тиснемо Ctrl + I, щоб інвертувати її колір з білого на чорний. Це приховає весь вміст даного шару.

Крок 2
На панелі інструментів вибираємо Brush Tool (B) (Пензель). Встановлюємо колір переднього плану на білий, а заднього - на чорний. Щоб переключатися між цими кольорами, використовуємо клавішу Х. Це стане в нагоді трохи пізніше.
Натискаємо правою кнопкою по документу і налаштовуємо пензлик. Встановлюємо Size (Розмір) на 80 пікселів. Для швидкої зміни діаметра пензля під час роботи за допомогою клавіш [і]. Також встановлюємо Hardness (Жорсткість) на 100%.

Крок 3
Переконайтеся, що у вас все ще обрана маска шару з чорнилом.
За допомогою налаштованого пензлика проводимо по шару, щоб відновити потрібні частини чорнила поверх тексту. Якщо ви зробили зайвий штрих, то перемкніть колір на чорний (клавіша Х) і доопрацюйте потрібне місце.
Враховуйте форму чорнила. Зверніть увагу, як воно рухається, створюючи плавні форми і накладаючись один на одного. Щоб створити потрібний ефект, чорнило повинне обтікати текст. Подивіться на приклад нижче:

Крок 4
Повторюємо дії для всіх рядків тексту. Працюйте на свій розсуд, тут немає вірного або невірного підходу.

Крок 5
Закінчивши зі словами, ми повинні додати тіні, щоб підсилити ефект. Тиснемо комбінацію клавіш Shift + Ctrl + N, щоб створити новий шар. У вікні пишемо назву шару «Тінь». Тиснемо ОК.
Розміщуємо цей шар над групою з текстом.

Крок 6
Беремо Brush Tool (B) (Пензель). Натискаємо правою кнопкою по документу і налаштовуємо пензлик. Встановлюємо Size (Розмір) на 80 пікселів і Hardness (Жорсткість) - на 0%. На верхній панелі зменшуємо Opacity (Непрозорість) до 20%.

Крок 7
Переконайтеся, що у вас вибраний шар «Тінь». Налаштованим вище пензликом проводимо по кожній літері в тих місцях, де чорнило обволікає текст. Це додасть легку тінь і ефект глибини, завдяки чому робота буде виглядати об'ємно і реалістично.
Вам може здатися, що тінь ледь помітна. На панелі шарів поруч з назвою шару є кнопка у вигляді ока, яка відключає / включає видимість шару. Натисніть на неї і порівняйте результат з тінню і без. Тоді ви побачите, що, насправді, легкої напівпрозорої тіні більш ніж достатньо. Такі незначні деталі можуть як покращити, так і зіпсувати фінальний результат.

Крок 8
Створюємо новий шар (Shift + Ctrl + N). У вікні пишемо назву «Зовнішнє обведення» і тиснемо ОК. Також перевіряємо, щоб цей шар знаходився вище групи з текстом.

Крок 9
Включаємо напрямні натисканням клавіш Ctrl + ;. На панелі інструментів активуємо Rectangle Tool (U) (Прямокутник). По внутрішній стороні синіх напрямних малюємо прямокутник.

Крок 10
На верхній панелі відключаємо заливку і встановлюємо колір обведення на білий, а ширину - на 25 пунктів. Тиснемо Enter.

Крок 11
Вибираємо маску верхнього шару з чорнилом і активуємо Brush Tool (B) (Пензель). Повторюємо ті ж дії, що для тексту, і відновлюємо частину чорнила.
Діаметр пензля - 80 пікселів, жорсткість - 100%, непрозорість - 100%. Зафарбовуємо верхню частину обведення, щоб приховати її під чорнилом.


Додаємо фінальні деталі
Давайте додамо останні деталі на постері. Беремо Text Tool (T) (Текст) і відкриваємо панель Characters (Символ). Якщо вона закрита, переходимо Type - Panel - Characters Panel (Текст - Панелі - Панель символів).
Нижче текст, який я додала, з розмірами, шрифтом і міжрядковим інтервалом.

  • 18.06 - 20.06.2018 (BW Nista International, Size (Розмір) - 54 пт, Leading (Міжрядкові) - 57 пт, накреслення Bold)
  • AUSBURG KUNST UND KULTUR AKUKCOM (BW Nista International, Size (Розмір) - 30 пт, Leading (Міжрядкові) - 32 пт, накреслення Thin)
  • ALTE KONGRESSHALLE ALEXANDERPLATZ U5 (BW Nista International, Size (Розмір) - 54 пт, Leading (Міжрядкові) - 57 пт, накреслення Bold)

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


Як зберегти файл для вебу
Переходимо File - Save (Файл - Зберегти) і зберігаємо документ звичайним способом.
Щоб зберегти у форматі JPEG для вебу, переходимо File - Save for Web (Файл - Зберегти для Інтернету) або використовуємо комбінацію клавіш Shift + Alt + Ctrl + S. У вікні вибираємо формат файлу - в моєму випадку JPEG - і встановлюємо Quality (Якість) на 100. Нижче в меню Image Size (Розмір зображення) можете підкоригувати розмір в пікселях, якщо на сайті, куди ви збираєтеся завантажувати роботу, є будь-які обмеження за розміром.

Тиснемо Save (Зберегти), вибираємо місце на комп'ютері і в діалоговому вікні тиснемо кнопку Зберегти.


Вітаю! Ми закінчили!
У цьому уроці ви дізналися, як створити креативний постер в Photoshop, використовуючи типографіку і картинку з чорнилом. Ви навчилися:

  • Використовувати маски щоб приховувати / відновлювати ділянки зображення.
  • Додавати тінь для створення ефекту глибини.
  • Грамотно розподіляти елементи композиції, щоб створити ілюзію об'єму.


Якщо вам сподобався урок, поділіться ним з друзями в соціальних мережах, використовуючи кнопки нижче.


Автор: Laura Keung Переклад: svit4u
Ctrl
Enter
Помітили помЫлку
Виділіть текст та натисніть Ctrl+Enter
Коментарі (0)
Топ із цієї категоріі
Як обробляти осінні фотографії Як обробляти осінні фотографії
Сьогодні я покажу як можна обробляти осінні фотографії.
22.10.2017, 19:11
1925
0
Перефарбовуємо літо в осінь в Photoshop Перефарбовуємо літо в осінь в Photoshop
Друзі, цього разу я збираюся показати вам простий трюк, як зробити зелене листя червоним, як восени, в Photoshop.
22.03.2022, 12:36
395
0

Стара форма входу