Уроки Photoshop: Універсальний letterpress-ефект, Програми для роботи з графікою, Програмні керівництва, статті

УНІВЕРСАЛЬНИЙ LETTERPRESS ЕФЕКТ

Універсальний letterpress-ефект

Користувачі Adobe Photoshop CS4 стикаються з таким ефектом кожен раз, коли запускають будь-яку програму з цього пакета. Останнім часом ефект “вдавлених” або “вибитих” букв все частіше можна зустріти в оформленні сайтів.

Універсальний letterpress-ефект

Змусити букви виглядати злегка втиснутими в поверхню можна за допомогою різних програм, а також засобами CSS. Тут же мені хотілося зупинитися на створенні універсального редагованого Letterpress-ефекту в Photoshop. Це дуже просто.

Для початку нам знадобиться фон, на якому букви будуть виглядати досить контрастно. Оформлення фону на ваш смак – градієнти, пензлі, фотографії, результат роботи фільтрів.
Пишемо бажаний текст і відкриваємо Blending Options текстового шару. Звідти потрібно три налаштування: Drop Shadow, Inner Shadow і Gradient Overlay.

Універсальний letterpress-ефект

1. Drop Shadow тут будемо використовувати не зовсім звичним чином – щоб висвітлити внутрішні краї букв. Якщо необхідний відблиск строго певного кольору, то режим змішування ставимо на Normal і задаємо “тіні” потрібний колір, а якщо потрібно, щоб стиль був більш-менш універсальним, то ставимо відповідний освітлюючий режим накладення (Lighten, Color Dodge і т.п. на смак), а кольорами вибираємо білий. Значення Opacity повинно бути невеликим, 10-20%. Angle, Distance і Size – на ваш розсуд.

2. Inner Shadow допоможе показати “глибину” букв. Колір – чорний, режим накладення Multiply, Opacity 60-80%. Така тінь не буде чорної, її відтінок буде залежати від кольору тексту: на блакитному – темно-синя, на рожевому – малинова і т.д. Експериментуйте.

3. Gradient Overlay можна використовувати двома способами. По-перше, можна підібрати точні кольору (наприклад, від блакитного до чорнильно-синього). В такому випадку не важливий початковий колір тексту, але підбір підходящої комбінації кольорів займе певний час. Другий варіант – на однотонний текст накласти чорно-білий градієнт в режимі змішування Multiply. Тоді не потрібно буде підбирати кожен колір градієнта в окремо, а можна просто змінювати колір самих букв, розтяжка від темного до світлого вийде “автоматично”.

Вийшло так:

Універсальний letterpress-ефект

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

Продовжуємо “підстроювати” текстовий ефект під наші потреби.
Припустимо, такий текст за задумом дизайнера повинен розташовуватися на якомусь строкатому тлі, при цьому повторюючи кольори цього фону. Не потрібно мучитися, перефарбовуючи літери, досить просто зменшити значення Fill у шару з текстом до нуля, тоді видимими залишаться тільки ефекти цього шару.

Універсальний letterpress-ефект

І ще, як вчинити, якщо потрібні “пробиті наскрізь” букви, через які видно фон? Так, можна виділити і видалити шматок фону за формою написи. Але що робити, якщо текст доведеться рухати або – о жах! – міняти? А якщо фон складний, з декількох різношерстих верств?

Є в стилях шару одна досить рідко використовується настройка під назвою Knockout. Цей нокаут буває трьох видів: None (стоїть за умовчанням), Shallow і Deep і призначається в буквальному сенсі для пробивання дірок. Можна сказати, що Knockout це Clipping Mask з точністю до навпаки.

Універсальний letterpress-ефект

“Глибокий” нокаут (Deep) пробиває всі верстви до шару Background, а якщо такого в документі немає, то до “шахматки”. (До речі, перетворити шар в Backgroung можна за допомогою Layer> New> Background from Layer). Нокаут “дрібний” (Shallow) пробиває шари до дна групи включно.

Універсальний letterpress-ефект

Таким чином, щоб отримати дірку за формою тексту, треба шару з текстом призначити потрібний стиль, зменшити Fill до нуля і в настройках змішування у шару поставити Knockout> Shallow (Можна і Deep, але тоді варіативність менше). Щоб все “продірявили” як годиться, напис потрібно згрупувати з тими верствами, які потрібно пробити.

Результат: отвори по формі шару, оформлені відповідним стилем, при цьому і напис, і фон можна легко переміщати і змінювати.

Універсальний letterpress-ефект

Дякую за увагу і сподіваюся, що урок виявиться комусь корисним. Буду рада будь-яким конструктивним зауважень і доповнень.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*