Пет бързи начина за страхотни типографски ефекти в Photoshop

Искаш да придадеш на текстовете си нещо специално, но имаш малко време? Няма проблем! С Photoshop можеш бързо да създадеш страхотни типо-ефекти с няколко стъпки. В този урок ще ти покажа пет бързи и лесни техники, за да направиш твоите надписи креативни и модерни. От неонов блясък, през метални изгледи, до изкривени ефекти - тези Бързачи ще внесат разнообразие и стил в твоите дизайни. Започваме и придаваме на твоите текстове лъчистост!

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

Особено подходящи за брошури и тапети са креативните ретро контури, които могат бързо да бъдат създадени с опцията за пълнеж Сянка отвън.

Стъпка 1: Поставяне на текст

Като стартово изображение вземам радиален фон с леко завъртян текст. Текстът е с шрифт Eight Track на 300 пт.

Стъпка 2: Пълнеж 'Сянка отвън' като градиент

Опцията Сянка отвън обикновено се използва за светла или тъмна сянка. Photoshop предлага и възможността за прилагане на градиент като сянка вместо цвят.

При текстове се появяват множество контурни ефекти при правилна настройка, които могат да бъдат комбинирани с различни методи за пълнене. Благодарение на наличието и лесното създаване на подходящи градиенти се получава почти безкрайно разнообразие на контурни ефекти, които могат нежно да ограничат текстовете или да ги огърлят психеделично и ярко.

Размерът в диалога с опциите за пълнеж показва колко голям трябва да бъде градиента навън. Долното пълнене показва колко силен трябва да бъде ефектът директно върху текста. Важна е техниката: При точност.

Много красиво: Под опцията Специални ефекти се намира прекъснат градиент, който може да бъде използван за успешен ретро ефект. Цветовете също се могат лесно приспособяват. Ако на някой му харесва, могат да се използват и външните контури, за да се разплезят в прозрачността.

Готов е ретро контурният ефект:

2. Изстърган контурен ефект за заглавия

Изстърганият контурен ефект може успешно да се използва в нестопански брошури или заглавия. Ефектът сам по себе си се прави бързо.

Стъпка 1: Поставяне на текст на бял фон

Фонът е бял. Написвам буквите PSD с размер 600 пт с инструмента за текст.

Стъпка 2: Избиране на букви Избирам буквите на текстовия слой с Ctrl и щракване върху миниатюрата на слоя на текстовия слой.

Стъпка 3: Редактиране на избора Чрез комбинацията на клавиши Ctrl+Alt+R отварям диалоговия прозорец Подобряване на контура. В него задавам Мек контур за моя избор. Конкретната стойност може да варира в зависимост от размера на текста.

Стъпка 4: Създаване на нов слой и запълване с цвят Създавам нов слой с комбинацията от бутоните Ctrl+Shift+Alt+N и го попълвам с произволен цвят. С цвета се попълва само избраният регион.

Мога да деактивирам текстовия слой и да премахна избора с бутоните Ctrl+D.

Стъпка 5: Конвертиране в смарт обект Отбелязвам текстовия слой с Мек контур и белия слой и конвертирам и двете в Смарт обект.

Стъпка 6: Прилагане на smartfilter Aquarell три пъти Прилагам филтъра на изкуство Aquarell три пъти върху моя Смарт обект.

1. Първа стъпка

Въведенията могат да варират и тук в зависимост от избрания цвят, размера на мекия контур и размера на текста.

2. Втора стъпка

3. Проход

Вече се вижда след два прохода как се появява неравномерен ефект на изтъркан край. С третия и при нужда четвърти проход мога да финна настроите ефекта още някакво време.

И така, ефектът може добре да се използва като текстов елемент за грундирани фонове. Фона, показан тук, е добавен като работен материал към този урок.

В този изглед в режим По-тъмно цвят с 85 процента прозрачност, фона е в режим Нормален също с 85 процента прозрачност:

В диференциран изглед в режим Разлика с 100 процента прозрачност, фона е в режим Нормален със 50 процента прозрачност:

3. Прости ефекти на зеркално отражение в 3D-оптика

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

Източник на изображение: Akhilesh Sharma - Fotolia.com.

Стъпка 1: Задаване на изображението като шаблон

Първата стъпка за този ефект е да задам изображението, което трябва да се отрази в текста, като шаблон. Това го правя докато снимката е отворена от менюто Редактиране>Задаване на шаблон.

Стъпка 2: Поставяне на текста Поставям текста си с Arial 300 точки в документа си. Документът има размери 800x600 пиксела и черен фон.

Стъпка 3: Опция за попълнение на контур Отварям Опциите за попълване на моето текстово ниво и избирам раздела Контур. Там избирам като вид на попълване Шаблон и кликвам върху предишния зададен шаблон в Предварителногледа.

Допълнителни настройки:

С мишката мога да поставя шаблона в изображението точно така, както бих искал да се покаже в околния текст. Настройките мога да потвърдя с ОК.

Стъпка 4: Задаване на опцията за попълване като ниво С Десен бутон от използваните Стилове на слоевете мога да създам ниво. Контурът вече е в слой в моето Панел за управление на слоевете. Поставям слоя под текстовото ниво си.

Стъпка 5: Опция за покрив на шаблон В Опциите за попълващи за текстовото ниво избирам раздела Покриване с шаблон и избирам предварително зададения шаблон. С помощта на регулатора за мащабиране намалявам шаблона си, докато го позиционирам точно така в изображението, както исках да се покаже в текста.

Стъпка 6: Фини настройки чрез контур За да изглежда ефектът реалистично, премествам нивото на контура надолу и наляво с стрелките на клавиатурата, за да се появи лека 3D оптика.

Сега мога да добавя още малко блясък в отражението, като добавя 1-пикселов външен контур с попълване с шаблон към текстовото ниво. Тъй като контурът с един пиксел е наистина само много слаб, той може да се показва и в горната част на текста. Ако ефектът е твърде силен, просто намалете малко прозрачността.

Това дава още едно красиво светлинно отражение. Готов е прост ефект на зеркално отражение в 3D-оптика.

4. Ефекти на отражение в текстове и форми с вариации

Предварително да кажа, че бях вдъхновен за този урок от Скот Келби, който обяснява този ефект в своята книга „Скот Келби: Photoshop CS4 Down & Dirty Tricks“.

Скот Келби обясни създаването на ефекта в 12 стъпки за два букви. Той направи следното:

1. Създаване на текст
2. Растриране на текста, избор и власатане на първия градиент
3. Дублиране на слоя и създаване на обратен градиент
4. Изрязване на градиента чрез избор във форма на елипса
5. Трансформация на избора
6. Обръщане и премахване на избраната градиентна област
7. Добавяне на контур
8. Добавяне на изпъкла ръбове и релеф
9. -Повторение на 12 стъпки за втората буква
   
   
   
   

Ефектът е малка, сладка забележителност. Обаче пътят до там позволява само статичен резултат. Текстът не може да бъде променян, защото е застроен в началото. За всеки следващ знак трябва да повторя голяма част от стъпките.

В моето урокче бих искал да покажа начин, който оставя текста по-достъпен за промяна. Също така с този ефект може бързо да се добавят още букви.

Стъпка 1: Създаване на градиент

За да създада този ефект по-бързо, аз създавам двойния градиент като форма. Така че първо отварям менюто Градиент, като кликна върху Преглед на градиента в лентата на менюто, докато инструментът Градиент е активиран.

Сега създавам градиента, който трябва да бъде разпределен като отражение с двойен градиент в текста.

Градиентът има следната подредба:

Сиво – Бяло – Черно – Сиво

Липсващите цветови прекъсвания добавям с клик до вече съществуващо цветово прекъсване и ги насочвам към желаното място чрез пренасяне и пускане. Цвета на цветовото прекъсване мога да променя с избор на цвят на менюто за Градиент.

Преходът от бяло към черно е рязък. Кофите за боя не трябва да се намират една върху друга, а леко отместени. В противен случай преходът ще има лек тръпчест ефект по-късно. Изглаждането от 30 процента гарантира, че градиентът в сивата област е със стройни контури.

При нужда мога да запазя новия градиент и в преглед на градиента, като го декларирам с произволно име като Ново. След това потвърждавам настройките на градиента си с ОК.

Стъпка 2: Изкривяване на градиента

Изкривявам градиента с инструмента Градиент от долната среда на документа към горе вляво.

Заради кривината на градиента, за съжаление, не мога да направя всички редакции само с наслагване на градиент. Решението е да се приложи изкривеният градиент като форма.

С Ctrl+T>Изкривяване настройвам лека кривината, така че черният преход да се показва изкривено. За целта леко премествам градиентната мрежа нагоре вляво.

Стъпка 3: Поставяне на градиента като форма Сега мога да поставя изкривения двоен градиент като форма. За целта избирам в менюто Редакция>Задаване на форма. Името е: Двоен градиент с отражение.

Стъпка 4: Поставяне на текста За документа избирам нов, тъмночервен фон. Сега мога да въведа текста си с шрифта 530-Punkt- Army. Пиша буквата 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.