П'ять швидких способів створення крутих ефектів друкарських помилок у Photoshop

Хочете додати своїм текстам чогось особливого, але не маєте часу? Без проблем! За допомогою Photoshop ви можете створити круті типографічні ефекти всього за кілька кроків. У цьому уроці я покажу вам п'ять швидких і простих прийомів, які допоможуть надати вашому шрифту креативного та сучасного вигляду. Від неонового сяйва і металевих ефектів до спотворених ефектів - ці швидкі прийоми додадуть різноманітності та стилю вашим дизайнам. Давайте почнемо і створимо сцену для ваших текстів!

1. ефект ретро контуру для заголовків

Спеціально для флаєрів і шпалер можна дуже швидко створити креативні ретро-контури за допомогою опції заливки назовні.

Крок 1: Розмістіть текст

Я використовую променеве тло зі злегка поверненим текстом як початкове зображення. Текст має шрифт Eight Track розміром 300 пт.

Крок 2: Застосуйте заливку "зовнішнє світіння" у вигляді градієнта

Зовнішнє світіння як варіант заливки зазвичай використовується як світле або темне світіння/тінь. Однак Photoshop також пропонує можливість застосування градієнта у вигляді світіння замість кольору.

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

Розмір у діалоговому вікні параметрів заливки визначає, наскільки великим має бути градієнт назовні. Underfill визначає, наскільки сильним має бути ефект безпосередньо на тексті. Важлива техніка: Точна.

Дуже гарно: У налаштуваннях спецефектів є переривчастий градієнт, який можна використати для створення вдалого ретро-ефекту. Кольори також можна легко налаштувати. За бажанням, ви також можете дозволити зовнішнім контурам зникати в прозорість.

Ефект ретро контуру готовий:

2. Ефект пошарпаного контуру для заголовків

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

Крок 1: Розмістіть текст на білому тлі

Тло біле. Я використовую текстовий інструмент, щоб написати літери PSD у вигляді 600-пунктової армії.

Крок 2: Виділіть літери Я виділяю літери текстового шару, натиснувши Ctrl і клацнувши на мініатюрі текстового шару.

Крок 3: Редагування виділення Я використовую комбінацію клавіш Ctrl+Alt+R, щоб відкрити діалогове вікно Покращення краю. У цьому діалозі я встановлюю м'який край для мого виділення. Конкретне значення може змінюватися залежно від розміру тексту.

Крок 4: Створення нового шару і заливка кольором Я створюю новий шар за допомогою комбінації клавіш Ctrl+Shift+Alt+N і заливаю його кольором на свій вибір. Кольором заливається лише виділена область.

Я можу деактивувати текстовий шар і зняти виділення за допомогою комбінації клавіш Ctrl+D.

Крок 5: Перетворення на смарт-об'єкт Я виділяю шар літер з м'яким краєм і білий шар і перетворюю обидва шари на смарт-об'єкт.

Крок 6: Застосуйте акварельний смарт-фільтр тричі Я застосовую акварельний художній фільтр тричі до мого смарт-об'єкта.

1. Перейдіть

Тут записи також можуть змінюватися залежно від обраного кольору, розміру м'якого краю та розміру тексту.

2. Уривок

3. Пасаж

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

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

У цьому поданні в режимі " Темніший колір" з непрозорістю 85% , тло в режимі " Звичайний " також з непрозорістю 85%:

У диференційованому поданні в режимі Difference (Різниця ) зі 100-відсотковою непрозорістю тло в режимі Normal (Звичайний ) з 50-відсотковою непрозорістю:

3. простий дзеркальний ефект у 3D-оптиці

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

Джерело зображення: Akhilesh Sharma - Fotolia.com.

Крок 1: Встановіть дзеркальне зображення як шаблон

Першим кроком для цього ефекту є визначення зображення, яке буде дзеркально відображено в тексті, як шаблон. Я роблю це з відкритим зображенням через меню " Редагування>Встановити шаблон".

Крок 2: Розміщення тексту Я розміщую текст у своєму документі з кеглем 300 пунктів. Документ має розмір 800x600 пікселів і чорне тло.

Крок 3: Параметри заливки контуру Я відкриваю параметри заливки текстового шару і переходжу на вкладку "Контур " . Я вибираю " Візерунок " як тип заливки і натискаю на попередньо визначений візерунок у вікні попереднього перегляду візерунка.

Подальші налаштування:

За допомогою миші я можу розташувати візерунок на зображенні саме так, як я хочу, щоб він виглядав у межах текстового контуру. Підтверджую налаштування натисканням кнопки ОК.

Крок 4: Встановіть опцію заливки як шар Клацніть правою кнопкою миші, щоб створити шар з моїм стилем шару. Тепер контур доступний у шарі на панелі керування шаром. Я розмістив цей шар під текстовим шаром.

Крок 5: Варіант заливки з накладанням візерунка У параметрах заливки текстового шару я вибираю вкладку " Накладання візерунка" і викликаю раніше визначений візерунок. Я використовую повзунок масштабування, щоб зменшити розмір мого шаблону, поки він не впишеться у вигляд. За допомогою миші я можу розташувати візерунок на зображенні саме так, як я хочу, щоб він з'явився в тексті.

Крок 6: Тонка настройка контуру Щоб ефект виглядав реалістично, я переміщую шар контуру трохи вниз і вліво за допомогою клавіш зі стрілками на клавіатурі, щоб створити трохи тривимірний вигляд.

Тепер я можу створити контур товщиною 1 піксель ззовні із заливкою шаблону для текстового шару, щоб додати віддзеркаленню трохи гламуру. Оскільки контур насправді має товщину лише один піксель, його також можна відобразити у верхній частині тексту. Якщо ефект занадто сильний, просто трохи зменшіть непрозорість.

Це створить приємне додаткове відбиття світла. В результаті ви отримаєте простий ефект віддзеркалення з 3D-виглядом.

4. Ефекти градієнта відбиття в текстах і фігурах

Дозвольте мені почати з того, що на створення цього підручника мене надихнув Скотт Келбі, який пояснив цей ефект у своїй книзі "Scott Kelby: Photoshop CS4 Down & Dirty Tricks".

Скотт Келбі пояснив створення ефекту в 12 кроків для двох літер. Він діяв наступним чином:

1. Створіть текст
2. Раструйте текст, виділіть і перетягніть перший градієнт
3. Продублюйте шар і перетягніть зустрічний градієнт
4. Обрізання градієнта за допомогою виділення еліпса
5. Трансформуйте виділення
6. Інвертування та видалення виділеної області градієнта
7. Додавання контуру
8. Додавання сплющеного краю та рельєфу
9. -Повторіть кроки 12 для другої літери
   
   
   
   

Ефект привертає увагу. Однак, він створює лише статичний результат. Текст не може бути змінений, тому що він був растрований на самому початку. Мені доводиться повторювати більшість кроків для кожної наступної літери.

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

Крок 1: Створіть градієнт

Щоб створити цей ефект швидше, я створюю подвійний градієнт як шаблон. Для цього я спочатку відкриваю меню градієнта в моєму документі розміром 1000x600 пікселів, натиснувши на попередній перегляд градієнта в рядку меню з активованим інструментом градієнта (G).

Тепер я створюю градієнт, який буде розміщено в тексті, як відображення з подвійним градієнтом.

Градієнт має наступне розташування:

Сірий - Білий - Чорний - Сірий

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

Перехід від білого до чорного є складним. Кольорові відра не слід розташовувати один над одним, а злегка зміщувати. Інакше перехід згодом матиме ефект легких сходів. Згладжування на 30 відсотків гарантує, що градієнт у сірій області також буде гарним і плавним.

Якщо потрібно, я також можу зберегти новий градієнт у попередньому перегляді градієнта, оголосивши його як Новий з будь-якою назвою на свій розсуд. Потім я підтверджую свої налаштування градієнта натисканням OK.

Крок 2: Згинаємо історію

Я перетягую градієнт з нижнього центру документа у верхній лівий кут за допомогою інструмента "Градієнт ".

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

За допомогою Ctrl+T>Curve я встановлюю невелику кривизну, щоб чорний перехід був вигнутим. Для цього я трохи перетягую сітку кривизни у верхній лівий кут.

Крок 3: Встановіть градієнт як шаблон Тепер я можу встановити вигнутий подвійний градієнт як шаблон. Для цього я вибираю в меню Редагування>Визначити шаблон. Назва: Подвійний градієнт з відбиттям.

Крок 4: Розміщення тексту Я вибираю новий темно-червоний фон для документа. Тепер я можу ввести свій текст з армією з 530 пунктів. Я вводжу літеру P.

Крок 5: Накладання візерунка Я відкриваю параметри заливки для текстового шару. На вкладці " Накладення ві зерунка" я вибираю попередньо визначений візерунок зі списку вибору.

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

Крок 6: Контур На наступній вкладці " Контур " я встановив контур товщиною 5 пікселів у позиції " Ззовні ". Тип заливки - градієнт.

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

Сам по собі контур ще не має бажаного вигляду. Він виглядає по-справжньому металевим лише зі сплющеним краєм і рельєфом.

Крок 7: Сплющений край і рельєф Налаштування на вкладці "Сплющений край і рельєф " створюють 3D-металічний ефект. Я вибрав такі налаштування:

- Стиль: Рельєфний контур

- Техніка: Заокруглення

- Глибина: 100 відсотків

- Розмір: 5 пікселів

- Кут і висота затінення: 120 і 30 градусів

- Глянцевий контур: Подвійне кільце

Ефект готовий.

Крок 8: Додаткові літери Для додаткових літер я просто дублюю текстовий шар, переміщую його в потрібну позицію і змінюю відповідну літеру на нову за допомогою інструмента "Текст".

Якщо потрібно, я просто підлаштовую градієнт дубліката до форми нової літери на вкладці "Накладення шаблону ".

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

Це все, що потрібно зробити!

5. Нахилений текст з рамкою

Приємним подальшим розвитком попереднього ефекту градієнта відбиття є надання тексту рамки і нахил рамки з текстом у поданні.

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

Крок 1: Додайте рамку

Я використовую інструмент нестандартної фігури (U), щоб намалювати прямокутник з тонкою рамкою зі стандартних налаштувань як рамку для мого тексту.

Крок 2: Копіювання стилів шару Я використовую клавішу Alt, щоб перетягнути існуючі стилі текстового шару на шар рамки. Тепер я скопіював стилі шару для рамки. Якщо потрібно, я знову налаштовую конкретне положення накладання ша блону за допомогою параметрів заливки, щоб він виглядав акуратно у зображенні.

Крок 3: Перетворення обох шарів на смарт-об'єкт Я виділяю текстовий і рамковий шари на панелі шарів і перетворюю їх на смарт-об'єкт.

Крок 4: Трансформування Я натискаю Ctrl+T на моєму смарт-об'єкті, щоб трансформувати його. Я можу використовувати Ctrl, щоб трохи перетягнути верхній лівий кут до центру. Це призведе до нахилу рамки і тексту.

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

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

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