Декорація тексту

У цьому уроці зробимо приголомшливу декорацію до тексту.

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

Крок 1.

Перш ніж ми почнемо на фактичному зображенні, ми спочатку повинні створити простий зразок, що ми будемо використати пізніше. Створіть новий документ із параметрами 20x20px, далі edit>preferences>grid... і використайте ці параметри настроювання.

Створіть новий шар (Shift+Ctrl+N), сховайте background layer, установите кольори преднего тла(foreground color) #808080. Зобразите також як показано на картинці нижче (для цього ви можете використати кожної з методів, яким вам легше, polygonal lasso tool - підходящий инстрмент для того що ми хочемо досягти).

Крок 2.

Створіть новий документ (Ctrl+N), цього разу з параметрами 1024x768px, створіть нову групу шарів Layer>New>Group. Створіть новий шар Shift+Ctrl+N, далі виберіть gradient tool (G) і відкрийте редактор градієнта(gradient editor). Клацніть на стрелочку в блоці із заготівлями, і виберете Pastels, виберіть перший градієнт у цьому наборі.

Використовуючи лінійний градієнт linear gradient проведіть градієнт від низу сторінки до верху, утримуючи клавішу Shift, що удержить його строго вертикальним. Далі зміните opacity цього шару до 75%.

Градієнт це завжди сильний спосіб для початку створення чого-небудь, але дійсно вимагає накладення якої-небудь текстури.

Крок 3.

На цьому кроці створимо фонову текстуру, для початку знайдемо просте зображення хмар (те, що використав автор можна знайти тут. Скопіюйте й вставте це зображення, зміните розміри так, щоб вони відповідали вашій сторінці. Потім інвертуйте кольори (Ctrl+I) і учтановите blending mode на screen. Тепер додайте трохи більше глибини до тла, роблячи теж саме з іншим зображенням хмар як це.

Додаючи текстуру до будь-якої частини у фотошопе, завжди експериментуйте з усіма режимами накладення (blending mode), оскільки деякі будуть виглядати краще чим інші залежно від текстури яку Ви використаєте.

Крок 4.

Перш ніж ви приступитеся до створення чого-небудь,добре було б визначитися з палітрою, що ви будете використати при створенні тексту. Подвійний щиглик на іконці foreground color і створіть палітру із трьох квітів: #b5005e, #39d336, #00baff.

Крок 5.

Прийшов час для тексту. Створіть нову групу шарів Layer>New>Group, назвіть її 'foreground'. Виберіть text tool (T) і розтягніть текстове вікно ліворуч сторінки праворуч. Надрукуйте свій текст, потім виділите його й виберіть window>character, щоб установити параметри тексту. Використайте парметри настроювання як показано на малюнку нижче.

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

Крок 6.

Правий клич на іконці шаруючи з текстом і вибираємо blending options. Додаємо drop shadow, outer glow, bevel and emboss, color overlay, pattern overlay and a stroke. Використаємо настроювання, як показано на малюнках нижче.

Крок 7.

Наступні кілька кроків покажуть як додати нашому тексту патьоки й краплі. Виберіть кольорами переднього плану foreground color фіолетовий, створіть нову групу Layer>New>Group у межах групи "foreground" і назвіть її Goo. Перемістите її нижче шару з текстом. Перебуваючи в групі Goo створіть новий шар (Shift+Ctrl+N). Використовуючи інструмент line shape tool (U) створіть щось схоже на малюнок нижче. Нехай у вас деякі лінії мають товщину 2px, а деякі 3px, це додасть деяку розмаїтість.

Крок 8.

Створіть новий шар у межах групи Goo. Виберіть інструмент brush tool (B ) і використайте круглу кисть із розміром 3px і твердістю hardness 100%. Увеличте масштаб зображення приблизно до 400 % і зобразите деякі крапельки в підстави кожної лінії, також намалюйте деякі бусинки рідини на лінії.

Крок 9.

Створіть новий шар (Shift+Ctrl+N) у межах групи Goo. Використовуючи ту ж саму кисть, прикрасьте текст трохи більше, щоб досягти результату, подібного нижче.

Крок 10.

Ctrl+клич на іконці шаруючи з текстом, помітьте що виділяється текст без границь, це стане проблемою у виконанні декількох наступних кроків. Найлегший спосіб щоб уникнути цього полягає в тому, щоб спочатку продублировать шар з текстом, потім перетягнути його нижче оригінального тексту, тепер створіть новий шар (Shift+Ctrl+N) безпосередньо нижче нового текстового шару, виберіть новий текстовий шар і злийте його із чистим шаром (Ctrl+E) і перейменуйте шар, що вийшов, в "selection". Ctrl+клич на цьому шарі, тепер текст виділяється із границями, але є оригінальний текст, що може бути легко відредагований.

Крок 11.

Створіть нову групу шарів (Layer>New>Group),назвіть її "lines", помістите її вище текстового шару, але усе ще перебуваючи в групі "foreground". Створіть новий шар (Shift+Ctrl+N), далі виберіть інструмент pen tool і намалюйте шлях, після кожної крапки втримуйте натиснутої ліву кнопку миші й тягніть, щоб шлях вийшов плавним. Далі клич правою кнопкою на шляху й виберіть stroke path, заберіть галочку з simulate pressure, і натисніть ok. Снову правий клич на шляху й виберіть delete path. У вас повинне вийде приблизно також як на картинці нижче

Крок 12.

Виберіть інструмент eraser (E), установите для нього параметри diameter - 100px, hardness - 0% й opacity - 30% і небагато підітріть кінці лінії. Також використайте інструмент blur tool з такою же кистю, щоб розмити деякі частини лінії.

Крок 13.

Тепер ми будемо використати той шар, що ми створили в 10 кроці, щоб точно видалити частини цієї лінії. Ідея цього кроку полягає в тому, щоб використати виділення шаруючи й виділити весь текст і створити нове виділення вручну, перетнути ці частини з текстом. Спочатку Ctrl+клич на шарі щоб завантажити виділення, далі візьміть інструмент lasso tool (L), і на панелі інструментів зміните спосіб виділення на intersect mode.

Виберіть шар з лінією, виберіть ту частину лінії, що ви хочете перемістити за текст, обведіть цю частину лінії й натисніть Delete. Так на зображенні нижче потрібно щоб лінії пішла за лівою частиною букви “H”, помітьте що ми виділяємо не точно по контурі Н, тому що вийде тільки та частина яка перебуває на перетинанні цих двох виділень. Проробіть теж саме й для інших частин лінії, щоб зробити враження лінії, що переплітається.

Крок 14.

Додайте ще ліній, повторюючи останні 3 кроки. Спробуйте так само змінити розмір кисті на 2px або 1px або вибрати параметр simulate pressure.

На прикладі нижче автор використав кисть зелених кольорів в 1px і включив параметр simulate pressure.

Для цього ефекту була використана кисть в 2px, включений параметр simulate pressure, і затиснута клавіша Shift,щоб одержати рівну лінію.

Крок 15.

Швидкий спосіб зробити деякі випадкові крапки: виберіть інструмент brush tool, з настроюваннями 2px, hardness - 100%, натисніть F5,щоб відкрити редактор кистей. Виберіть для кисті блакитні кольори. Використайте такі настроювання.

Намалюйте випадкові крапки.

Крок 16.

Для цього кроку вам знадобляться набори квіткових кистей. Ви їх можете скачати тут. Створіть нову групу нижче шару з текстом, виберіть фіолетові кольори й малюйте кистями, начебто квіти ростуть із тексту й ліній. Набір, яким користувався автор включали деякі листи, якими він прикрасили текст навколо. Експериментуйте з іншими кистями.

Крок 17.

Далі зробимо от такі простенькі й симпатичні сині лінії. Створимо новий шар (Shift+Ctrl+N), виберемо foreground color синій, тверда кисть із розміром 8px. Використовуючи інструмент pen tool створіть більшу дугу. Правий клич на шляху й вибрати stroke path, включите simulate pressure. Інструментом eraser небагато підітріть край лінії. Скопіюйте лінію, що вийшла, і застосувавши до неї трансформацію (Ctrl+T), створіть щось схоже. Об'єднаєте ці лінії в один шар.

Крок 18.

Продублируйте шар, що вийшов, з дугами, Ctrl+T і поверніть шар на°180 . Перемістите цей шар у підходяще місце.

Крок 19.

Текст виглядає мило, однак передній план і тло здаються окремими картинками, змусимо їх краще гармоніювати один з одним. Створимо нову групу (Layer>New>Group) перебуваючи в групі "foreground", але нижче всього іншого в цій групі. Створіть новий шар у цій групі (Shift+Ctrl+N), далі image>apply image, потім edit>transform>warp і трансформуйте картинку.

Крок 20.

Тепер виберіть цей шар, потім layer>layer mask>hide all, зміните кольори foreground color на білий, далі використайте кілька наступних кистей із середньою прозорістю opacity, щоб відобразити деякий уміст цього шару. Переконаєтеся що обрано маску шаруючи, а не сам шар.

1. Grung кисть будь-якого розміру, це може бути кисть яку ви завантажували раннє, або яка-небудь зі стандартних наборів Photoshop: spatter, charcoal або chalk. Вони дають гарний ефект, коли використаються у великому розмірі, просто ставлячи сліди на зображенні, не розтягуючи кисть.

2. Квіткові кисті середнього й великого розмірів. Вони смотрятся добре на високому ступені прозорості, також як і на низкою. Ніколи не тягніть ці кисті.

3. Дійсно гарний ефект може бути отриманий використовуючи pattern stamp tool (s).

Ви можете повторити ці два кроки знову, щоб більше деталізувати картинку.

Крок 21.

На зображенні яке ми маємо хмари тільки на задньому плані. Додати хмари перед текстом ми можемо двома способами: або додати хмари на передній план картинки, або забрати що-небудь із картинки переднього плану. Автор вирішив що другий метод дасть більше реалістичний результат. Однак, також отут можна використати кисті хмар. (їх можна знайти тут ). На палітрі шарів у вас повинні бути тільки групи "foreground", "background", і білий шар background, всі інші повинні втримуватися в їхніх межах. У групі "background" продублируйте один із шарів із хмарами й перетягнете його із цієї групи на самий верх у палітрі шарів. Зміните його blending mode на normal, потім select>color range і виберіть саму темну частину зображення й використайте настроювання як показано нижче, ОК.

Зараз у вас повинне бути грубе виділення навколо хмар, сховайте цей шар, потім виберіть групу "foreground" і створіть маску шаруючи, нажавши / унизу палітри шарів.

Крок 22.

На останньому кроці додамо небагато кольори всьому зображенню. Створіть новий шар (Shift+Ctrl+N) вище групи "foreground".(Далі автор використав радіальні градієнти різних квітів) я ж пропоную використати м'яку кисть великого розміру, розставте кольорові крапки приблизно як показано нижче.

Небагато розмийте цей кольоровий шар Filter>Blur>Gaussian Blur, Radius - 25. Зміните opacity шаруючи до 50% і зміните blending mode на color.

Тепер виберіть той дублікат хмар, які був створений на 21 кроці(зараз він невидимий). Перетягнете його на самий верх у палітрі шарів і відобразите. Зміните його blend mode на soft light. Opacity шаруючи встановите самі.

От і все! Удачі вам у прикрасі тексту

Джерело: photoweb.com.ua

Отдых на воде. где отметить день рождения москва недорого.

Кориснi статтi:

Декорація тексту

Джерело: photoweb.com.ua