В този урок за Photoshop Basics ще научим как да създаваме интересни текстови оформления, използвайки персонализирани форми като текстови рамки ! С други думи, ние ще рисуваме форма, използвайки една от персонализираните форми, които се доставят с Photoshop, но вместо да запълваме формата с цвят, както обикновено, ще я запълним с текст!
Ето пример за ефекта, който ще се научим да създаваме. Фоновото изображение (без текста) е достъпно от библиотеката с изображения на Fotolia . Разбира се, можете да използвате различно изображение, ако предпочитате, или просто да създадете нов документ на Photoshop с бял фон, който да използвате, докато следвате:
Сърцевидна форма, завъртяна леко и изпълнена с текст.
Да започваме!
Стъпка 1: Изберете Инструмент за персонализирана форма
Изберете Инструмент за персонализирана форма на Photoshop от панела с инструменти. По подразбиране той се крие зад инструмента Rectangle Tool, така че кликнете върху иконата на Rectangle Tool и задръжте бутона на мишката надолу за секунда или две, докато не се появи менюто за излитане, показващо списък на другите инструменти, налични на това място, след което изберете Инструмент за персонализирана форма от списъка:
Щракнете и задръжте инструмента за правоъгълник, след което изберете менюто за персонализирана форма от менюто.
Стъпка 2: Изберете форма
С избрания инструмент за персонализирана форма щракнете върху миниатюрата за визуализация на формата в лентата с опции в горната част на екрана:
Миниатюрата за визуализация показва избраната в момента форма.
Това отваря Photoshop's Shape Picker, който показва малки миниатюри от всички персонализирани форми, от които можем да избираме. За да изберете форма, просто щракнете върху нейната миниатюра. Ще избера формата на сърцето. След като изберете форма, натиснете Enter (Win) / Return (Mac), за да затворите избора на фигура:
Избиране на формата на сърцето, като щракнете върху неговата миниатюра.
Стъпка 3: Изберете опцията „Пътеки“
Близо вляво от лентата с опции е ред от три икони, всяка от които представлява различен тип форма, която можем да нарисуваме. Photoshop ни дава избор да рисуваме нормални фигури, пътеки или фигури на базата на пиксели. За да използваме форма като контейнер за нашия текст, искаме да нарисуваме път, който по същество е контур на формата. Ще поставим нашия текст вътре в контура. Кликнете върху средата на трите икони, за да изберете опцията Paths :
Кликнете върху опцията Paths (средата на трите икони).
Стъпка 4: Начертайте вашата форма
С опцията Paths, избрана в лентата с опции, щракнете вътре в документа и издърпайте формата си. Ще видите, че формата ви се показва като тънка контура, докато плъзнете. Можете да задържите клавиша Shift, докато влачите, за да принудите формата да запази първоначалния си вид, докато го рисувате. Ако трябва да препозиционирате формата, докато я рисувате, задръжте клавиша за интервал, плъзнете формата до мястото, където ви е необходим в документа, след това освободете интервала и продължете да влачите. Ето, аз нарисувах формата на сърцето си в горната дясна част на изображението:
Кликнете и изтеглете формата си в документа. Ще се покаже като контур.
Стъпка 5: Прекройте, завъртете или преместете пътя (незадължително)
Ако трябва да прекроите или завъртите пътя (контура на формата) или да го преместите на друго място, най-лесният начин да го направите, като отидете в менюто Редактиране в лентата с менюта в горната част на екрана и изберете Безплатно Път за трансформиране . Можете също така да натиснете Ctrl + T (Win) / Command + T (Mac), за да изберете бързо една и съща команда с клавишната комбинация:
Отидете на Редактиране> Път за безплатна трансформация.
Това поставя дръжките и рамката за свободна трансформация около формата. За да го промените, просто щракнете върху някоя от дръжките (малките квадратчета) около ограничаващото поле и ги плъзнете. За да промените размера на формата, задръжте клавиша Shift и плъзнете някоя от четирите ъглови дръжки . За да го завъртите, преместете курсора навсякъде извън ограничаващото поле, след което щракнете и плъзнете с мишката. Накрая, за да преместите формата, щракнете навсякъде в ограничаващото поле и плъзнете.
Ще завъртя малко формата на сърцето си, така че извивката надолу от лявата страна да тече по-добре с оформлението на цветята:
Завъртане на формата с безплатен път за трансформация.
Натиснете Enter (Win) / Return (Mac), когато сте готови да приемете промените и да излезете от командата Free Transform Path:
Очертанието сега изглежда въртено.
Стъпка 6: Изберете инструмента за тип
Сега, когато имаме своя път, сме готови да добавим нашия текст! Изберете инструмента тип от панела с инструменти:
Изберете инструмента за тип.
Стъпка 7: Изберете вашия шрифт
Изберете шрифта, който искате да използвате за вашия текст, в лентата с опции. За моя дизайн ще използвам Palatino Italic на 12 pt:
Изберете вашия шрифт от лентата с опции.
За да избера цвят за моя текст, ще кликнете върху цветовата папка в лентата с опции:
Кликнете върху цветовия образ, за да изберете цвят за вашия текст.
Това отваря цветовия подбор на Photoshop. Ще избера тъмнозелено от Color Picker, за да съответства на цвета от цветята в моя образ. След като сте избрали цвят, щракнете върху OK, за да затворите избора на цветове:
Изберете цвят за текста си от инструмента за избор на цвят.
Стъпка 8: Отворете панела за абзаци
Кликнете върху иконата за превключване на символа / абзаца отдясно на цветовата палитра в лентата с опции:
Иконата на превключване се отваря и затваря панелите с символи и параграфи.
Това отваря панелите за символи и параграфи на Photoshop, които са скрити по подразбиране. Изберете панела Абзац, като щракнете върху раздела с името му в горната част на групата на панела:
Кликнете върху раздела на панела Абзац.
Стъпка 9: Изберете опцията „Оправдаване в центъра“
Когато панелът „Абзац“ вече е отворен, щракнете върху опцията „ Изравняване на центрите “, за да го изберете. Това ще улесни текста, който ще добавим, за да запълни цялата ширина на формата. Когато приключите, кликнете отново върху иконата на превключване в лентата с опции, за да скриете панелите с символи и абзаци, тъй като ние вече не се нуждаем от тях:
Изберете опцията "Изравняване по центриране".
Стъпка 10: Добавете своя текст
В този момент остава само да добавим нашия текст. Преместете курсора на инструмента за тип навсякъде във формата. Ще видите пунктирана елипса около иконата на курсора, което е начинът на Photoshop да ни каже, че сме на път да добавим нашия текст вътре в пътя:
Около иконата на курсора се появява пунктирана елипса, когато я преместите във формата.
Щракнете навсякъде във формата и започнете да пишете текста си. Докато пишете, ще видите, че текстът е ограничен до областта вътре в пътя:
Докато пишете, текстът остава в границите на формата.
Продължете да добавяте още текст, докато не попълните формата на формата:
Формата вече е изпълнена с текст.
Стъпка 11: Щракнете върху отметката, за да приемете вашия текст
Когато приключите с добавянето на вашия текст, щракнете върху отметката в лентата с опции, за да го приемете и излезте от режим за редактиране на текст на Photoshop:
Кликнете върху отметката, за да приемете текста.
Текстът вече е добавен и запълва добре формата на формата, но все още можем да видим очертанието на пътя около него:
Пътят около текста остава видим.
За да скриете контура на пътя, просто щракнете върху различен слой в панела Слоеве. В моя случай моят документ съдържа само два слоя - слоят Type, който държи текста ми (който е избран в момента) и фоновият слой под него, който държи фоновото ми изображение, така че щракнете върху фоновия слой, за да го изберете:
Пътят ще бъде видим, когато текстовият слой е активен. За да го скриете, изберете друг слой.
И с това сме готови! Текстът, който добавих, може да не ми спечели никакви литературни награди, но сега видяхме колко лесно е да използвате персонализираните форми на Photoshop като контейнери за текст:
Крайният резултат.