Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Наближення зимових свят дизайнери / художники, як ніхто інший, відчувають на собі. Все більше клієнтів хочуть красиве новорічне оформлення.

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

Сьогодні ми з вами навчимося робити гарний новорічний текст в фотошопі. Цей зимовий текст може підійти для прикраси листівки, банери або вашого блогу. Я думаю, ви знайдете йому гідне застосування.

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

Приступаємо до роботи

готуємо фон

В меню «File» - «Open» (Ctrl + O) відкриваємо текстуру, яка буде служити фоном для нашого тексту. Завантажити текстуру, яку використовувала я, можна тут. Ви можете також використовувати будь-яку іншу свою текстуру.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Переходимо до палітри шарів «Layers» - клавіша F7. Зараз в палітрі буде тільки один шар «Background» з нашої текстурою.

пишемо текст

Створено новий шар, на якому будемо писати наш текст. Для цього натисніть на іконку нового шару в самому низу палітри шарів, або натисніть Ctrl + Alt + N.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Виберіть інструмент Horizontal Type Tool (T) на панелі інструментів зліва.

Я вибрала шрифт Century Gothic, стиль Bold, розмір 110 pt.

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

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Додаємо стилі текстовому шару

Тепер до нашого тексту ми будемо застосовувати різні ефекти. Для цього в палітрі шарів двічі клацніть на шарі з текстом (праворуч від назви шару).

З'явиться таке ось вікно:

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Послідовно ставимо галочки зліва і виставляємо настройки для різних ефектів.

1. Gradient Overlay (накладення градієнта). Ставимо галочку навпроти цього ефекту і виділяємо цей рядок, клацнувши на ньому мишкою. Встановлюємо такі настройки: Style (Стиль) - Reflected (Відображення), Angle (Кут) - 90, Scale (Масштаб) - 125%. Потім задаємо колір градієнта. Для цього клацніть на смужку, в рядку «Gradient».

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

По черзі клацайте по маркерами на кінцях градієнта, а потім на вікно «Color» (Колір), щоб встановити колір градієнта.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Я зробила розтяжку від кольору # cd0030 до # ff0048. Ви можете використовувати ці ж кольору або вибрати свої на-віч (колір змінюється від темного до світлого зліва направо).

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Ставимо галочку навпроти ефекту «Satin», виділяємо цей рядок, ставимо такі налаштування:

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Режим змішування - Soft Light (м'яке світло), Angle (кут) - 90, Distance (дистанція) -1px, Size (розмір) - 5px. У вікні Countour вибираємо Roling Slope - Descending.

Переходимо до наступного ефекту. Ставимо галочку навпроти Bevel and Emboss, виділяємо його в рядку.

Ставимо настройки як на картинці.

Depth (глибина) - 261, Direction (Положення) - Up, Size - 2, Soften - 0. Angle -90, Altitude -80.

Highligth Mode - Linear Dodge, Opacity - 50, колір за замовчуванням (білий).

Shadow Mode - Soft Light, міняємо колір на #bdbdbd.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Виділяємо підпункт «Contour», в випадаючому меню вибираємо тип контуру «Half Round».

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Наступний ефект «Inner Glow» (Внутрішнє світіння), виділіть його в рядку і відзначте галочкою. Робимо такі настройки:

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

І останній ефект, який ми застосуємо до нашого тексту - «Inner Shadow» (Внутрішня тінь). Відзначаємо галочкою і виділяємо його. Виставляємо такі настройки:

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Після того, як налаштували все ефекти, натисніть «Ок».

Подивимося, що у нас вийшло на даному етапі:

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Створюємо дублікат шару з текстом. Для цього в палітрі шарів клацаємо по шару правою кнопкою і вибираємо «Duplicate Layer ...» (Дублювати шар)

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Далі працюємо на щойно створеному дублікаті текстового шару.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Біля мініатюри шару з'являться чорно-білі квадратики. Ще раз клацаємо правою кнопкою, вибираємо «Rasterize Layer» (Растеризувати шар).

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Тепер наш текст перетворився в картинку, редагувати його вже не можна, але у нас є запасний шар з редагований текст нижче.

малюємо сніг

Далі ми будемо створювати снігову шапку і лапатий сніг на наших буквах.

Створимо новий шар. Він буде четвертим в списку шарів. Працюємо на ньому.

Беремо інструмент кисть Brush Tool (B), завантажуємо кисть з точками. вибираємо її в палітрі кистей.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Щоб завантажити завантажену кисть натисніть «B», клацніть на чорну стрілку поруч з мініатюрою кисті, в віконці, що з'явилося знайдіть гурток зі стрілкою вправо, натисніть на нього, в випадаючому меню виберіть «Load Brushes» (Завантажити кисті), виберіть на своєму комп'ютері місце, звідки будете завантажувати кисті, натисніть «Load» (Завантажити). Кисті повинні мати розширення .abr

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Йдемо далі. Я встановила розмір кисті 70, колір - білий.

Малюйте пензлем з точками по верхівках букв довільно, не бійтеся вийти за краї. Зменшіть розмір кисті до 30 і пройдіться в деяких окремих місцях знову.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Ось що вийшло у мене.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Переходимо в палітру шарів - F7. Встановлюємо курсор між 4 і 3 шарами і затискаємо Alt. Як тільки курсор перетвориться в два пересічних гуртка (в CS5), клацаємо правою кнопкою на кордоні шарів.

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

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

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Оскільки літери у нас трохи опуклі, нам потрібно трохи пройтися гумкою Eraser tool (E) по контуру букв і прибрати зайве.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Тепер на панелі «Layers» клацаємо два рази на нашу шару зі снігом, щоб додати опуклості сніжним пластівців.

Вибираємо ефект «Outer Glow» (Зовнішнє світіння), ставимо галочку навпроти, встановлюємо налаштування як на зображенні:

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Ставимо галочку навпроти «Drop Shadow» (Падаюча тінь), виділяємо її. Налаштування для цього ефекту такі:

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

І останній ефект, який ми виділяємо і відзначаємо галочкою «Bevel and Emboss».

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Ось що у нас вийшло:

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Малюємо снігові шапки для букв

Створюємо новий шар Ctrl + Alt + N.

Вибираємо інструмент Brush Tool (B), звичайною круглою кистю невеликого діаметра (у мене 9 px) білим кольором малюємо закруглені снігові шапочки нашим буквах.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Щоб сніг не виглядав плоским, на новому шарі намалюємо пензлем 5 px тінь блідо-блакитним кольором (у мене # 8fc1dd).

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Йдемо в меню «Filter» - «Blur» - «Gaussian blur».

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Встановлюємо Radius - 2 pixels. Тінь пом'якшала.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Додамо трохи текстури снігу. Йдемо в меню «Filter» - «Noise» - «Add Noise». Робимо настройки: Amount 4, ставимо галочки навпроти «Gaussian» і «Monochromatic».

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Заходимо в палітру шарів. Повертаємося на шар нижче. Клацаємо двічі по шару зі снігом.

Ставимо галочку навпроти «Bevel and Emboss». Налаштовуємо ефект:

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Відзначаємо галочкою і виділяємо рядок з ефектом «Drop Shadow» (Падаюча тінь), робимо такі настройки:

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Ось що вийшло. Залишилось зовсім трохи. Ми забули дещо зробити спочатку, зробимо це зараз.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Виділяємо шар з редагований текст (він другий знизу на панелі шарів). Клацаємо по ньому двічі, вибираємо галочкою «Drop Shadow». Робимо такі настройки:

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Зараз нам потрібно буде замінити перший Растеризувати текстовий шар на другий, який ми тільки що створили. Вибираємо в палітрі 4 знизу шар, до якого застосована маска, видаляємо його натиснувши на іконку кошика.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

Оскільки ми видалили шар, до якого була застосована маска, весь вміст верхнього шару (шар 5. точки) вилізло назовні.

Тепер ми просто ставимо курсор між третім і четвертим шарами, натискаємо Alt і натискаємо лівою кнопкою. Маска застосувати до іншого шару.

Зимовий текст в фотошопі - Патерналізм уроки малювання і дизайну в adobe photoshop

У цьому уроці ми з вами навчилися робити красивий зимовий текст в фотошопі.

Сподіваюся, урок вам сподобався і не залишив вас байдужими.