В този урок ви показвам как да създадете ефект на текста на припокриващи се букви във Photoshop, с цветове, които се смесват, където буквите се припокриват! Както ще видим, това не само е забавен и цветен ефект, но и е много лесно да се създаде. Просто добавяме малко текст, преобразуваме буквите във форми, променяме цвета на всяка буква и след това преместваме буквите по-близо един до друг, за да ги припокриваме. За да смесим цветовете в припокриващите се области, използваме един от режимите на смесване на слоя на Photoshop. Да видим как работи!

Ето как ще изглежда крайният текстов ефект на "припокриващи се букви", когато приключим:

Крайният ефект.

Да започваме!

Как да създадете припокриващ се текст в Photoshop

Използвам Photoshop CC, но всяка стъпка е напълно съвместима с Photoshop CS6.

Стъпка 1: Създайте нов документ

Започнете със създаването на нов документ за Photoshop. Отидете до менюто File в лентата с менюта и изберете New :

Отидете във Файл> Ново.

В диалоговия прозорец Нов документ задайте Ширината на 1600 пиксела, Височината до 800 пиксела, Разделителната способност до 72 пиксела / инча и Съдържанието на фона на Бяло . Щракнете върху Създаване или ОК (в зависимост от това коя версия на Photoshop използвате), за да затворите диалоговия прозорец и да създадете новия документ:

Задаване на опциите за новия документ.

Стъпка 2: Добавете вашия текст

Изберете инструмента тип от лентата с инструменти:

Избор на инструмента за тип.

Изберете вашия шрифт в лентата с опции. По-дебелите шрифтове обикновено работят най-добре за този ефект. Ще използвам Avenir Next Bold . Задайте размера на вашия тип на 72 pt . Ще променим размера на текста, след като го добавим, но това ще ни даде най-големия предварително зададен размер, за да започнем с:

Избор на шрифта и размера на типа.

Уверете се, че цветът на вашия тип е настроен на черен, за да можем да видим текста пред белия фон. Ако не е зададено на черно, натиснете буквата D на клавиатурата си, за да я нулирате. Ще изберем различни цветове за всяка буква, след като превърнем текста си във форми:

Цветовата картина в лентата с опции показва текущия цвят.

Щракнете вътре в документа и добавете своя текст. Ще напиша думата "COLORFUL":

Добавяне на първоначалния текст към документа.

За да приемете вашия текст, щракнете върху отметката в лентата с опции:

Щракнете върху отметката.

Стъпка 3: Преоразмерете и преместете текста с безплатна трансформация

За да преоразмерите текста, отворете менюто Редактиране и изберете Безплатна трансформация :

Отидете на Редактиране> Безплатна трансформация.

Photoshop поставя полето Безплатна трансформация и се справя около текста. За да го промените, натиснете и задръжте клавиша Shift, докато щракнете и плъзнете някоя от ъгловите дръжки . Задръжте клавиша Shift, докато влачите ключалки в оригиналните форми на буквите, така че да не ги изкривявате. Уверете се, че когато сте готови, първо пуснете бутона на мишката и след това пуснете клавиша Shift или ще получите неочаквани резултати.

За да преместите текста в центъра на документа, щракнете и плъзнете вътре в полето Безплатна трансформация. Когато сте доволни от размера и позицията на текста, натиснете Enter (Win) / Return (Mac) на клавиатурата си, за да излезете от Безплатна трансформация:

Плъзгане на ъглова дръжка, докато държите Shift, за да промените размера на текста.

Стъпка 4: Преобразувайте текста във форми

В панела Слоеве текстът се появява на нов слой тип над фоновия слой:

Панелът Слоеве, показващ новия слой тип.

Трябва да конвертираме буквите си във форми. С избрания слой Type отидете в менюто Type в лентата с менюта и изберете Convert to Shape :

Отидете на Тип> Преобразуване във форма.

Обратно в панела Слоеве, слоят Type вече е слой Shape, което означава, че текстът ни вече не може да се редактира:

Слоят Type вече е слой Shape.

И в документа виждаме очертания на пътя около буквите, което ни дава да разберем, че текстът всъщност е форма:

Текстът е преобразуван във форма.

Свързано: Как да рисувате фигури във Photoshop

Стъпка 5: Преместете всяка буква в собствения си слой

За да припокриваме буквите и да смесим цветовете им заедно, трябва да поставим всяка буква на отделен слой. Вземете инструмента за избор на път ( инструмента с черна стрелка) от лентата с инструменти:

Избор на инструмент за избор на път.

След това в Photoshop CC отидете до лентата с опции и променете опцията за избор на всички слоеве . Това ще улесни избора на отделни букви. В Photoshop CS6 тази опция не е налична, но все пак ще можете да изберете буквите също толкова лесно:

Промяна на "Избор" на "Всички слоеве" (само за Photoshop CC).

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

Избор на първата буква в думата.

За да преместите тази една буква в собствения си слой, отидете до менюто Layer, изберете New и след това изберете Shape Layer чрез Cut (уверете се, че изберете Cut, а не Copy). Или по-бърз начин (и начина, по който препоръчвам за този ефект) е да натиснете Shift + Ctrl + J (Win) / Shift + Command + J (Mac) на клавиатурата си:

Отидете на Layer> New> Shape Layer чрез Cut.

Няма да изглежда, че нещо се е случило, но в панела Слоеве сега виждаме, че първата буква е преместена в собствения си слой над оригиналния:

Първата буква е преместена в собствения си слой.

Продължете да премествате букви към собствените си слоеве

За да преместите останалите букви в техните собствени отделни слоеве, щракнете върху буква с инструмента за избор на път, за да я изберете (в Photoshop CS6, ще трябва да щракнете двукратно). След това натиснете Shift + Ctrl + J (Win) / Shift + Command + J (Mac), за да изрежете буквата от оригиналния слой Shape върху собствения си слой. Продължете да се движите през буквите една по една от ляво на дясно, докато всяка от тях е на отделен слой. Когато стигнете до последната буква отдясно, можете просто да я оставите, защото тя ще бъде единствената буква, останала на оригиналния слой Shape:

Панелът "Слоеве" показва всяка буква в думата сега на нейния собствен слой.

Стъпка 6: Променете режима на смесване на буквите да се умножи

За момент ще променим цвета на всяка буква и ще преместим буквите по-близо една до друга, така че да се припокриват. Тъй като искаме цветовете в припокриващите се области да се смесват, трябва да променим режима на смесване за всеки слой Shape. Photoshop ни позволява бързо да променим режима на смесване за няколко слоя наведнъж.

Кликнете върху най-горния слой в панела Слоеве, за да го изберете. След това, за да изберете и останалите Shape слоеве, натиснете и задръжте клавиша Shift и кликнете върху оригиналния слой Shape директно над фоновия слой:

Избор на всички букви наведнъж.

Променете режима на смесване в горната лява част на панела Слоеве от Нормално на Умножение . Ще видим ефекта от режима Multiply blend, след като започнем да припокриваме буквите:

Промяна на режима на смесване на слоевете Shape да се умножи.

Стъпка 7: Поставете слоевете Shape в група слоеве

Докато сме избрали слоевете Shape, нека ги поставим в група слоеве. Кликнете върху иконата на менюто в горния десен ъгъл на панела Слоеве:

Отваряне на менюто на панела Слоеве.

След това изберете Нова група от слоевете :

Избор на нова група от слоеве от менюто.

В диалоговия прозорец „Нова група от слоеве“ назовете групата „Букви“ и натиснете OK:

Именуване на групата на слоевете.

Обратно в панела Слоеве слоевете Shape сега се появяват в група, наречена „Letters“. Щракнете върху триъгълника вляво от иконата на папката, за да завъртите отворената група:

Преглед на слоевете Shape вътре в групата.

Стъпка 8: Промяна на цвета на всяка буква

Нека променим цвета на всяка буква. Ще започнем с първата буква вляво. Щракнете двукратно върху миниатюрата за горния слой Shape в панела Слоеве:

Щракнете двукратно върху миниатюрата на горния слой Shape.

Това отваря цветовия подбор на Photoshop. Ще избера светлосиньо. За да използвате същия цвят, който използвам, задайте R стойност на 30, G стойност на 117 и B стойност на 197 :

Избор на светлосиньо за първата буква в думата.

Кликнете върху ОК, за да затворите инструмента за избор на цвят и първата буква се появява в новия си цвят:

Първата буква вече е светлосиня.

За да промените цвета на втората буква, щракнете двукратно върху нейната миниатюра в панела Слоеве:

Щракнете два пъти върху миниатюрата на втория слой Shape.

Изберете различен цвят в Цветния подбор. Ще избера зелено, като задам R на 25, G на 161 и B на 53 :

Избор на светло зелено за втората буква.

Щракнете върху OK и сега втората буква се появява в зелено (или който и цвят да изберете):

Два цвята надолу, шест да върви.

Промяна на цвета на останалите букви

Продължете да променяте цвета на всяка буква в думата, като щракнете двукратно върху нейната миниатюра в панела Слоеве и изберете нов цвят от Цветния подбор. За третата буква (" L ") ще избера жълто ( R = 255, G = 190, B = 0 ), а за четвъртата буква (" O ") ще отида с магента ( R = 158, G = 33, В = 150 ). За „R ще използвам оранжево ( R = 244, G = 99, B = 36 ), а за „ F “ ще избера ярко розово ( R = 243, G = 43, B = 104 ).

Ще променя втората последна буква („ U “) със същото синьо, което използвах за първата буква ( R = 30, G = 117, B = 197 ). И накрая, ще използвам същото жълто за последната буква (" L "), която използвах за третата буква ( R = 255, G = 190, B = 0 ):

Всяка буква е с различен цвят.

Стъпка 9: Добавете градиент към групата на слоевете

Текстът определено изглежда по-цветен, но можем да подобрим цветовете още повече, като приложим градиент към самата група слоеве. Кликнете върху групата слоеве „Букви“ в горната част на панела Слоеве, за да го изберете:

Избор на групата слоеве „Букви“.

След това кликнете върху иконата на слоевете на слоевете (иконата "fx") в долната част на панела Слоеве:

Кликнете върху иконата на слоевете на слоевете.

Изберете Gradient Overlay от списъка:

Избор на градиентно наслагване.

Това отваря диалоговия прозорец на стила на слоя на Photoshop, зададен на опциите за градиентно наслагване. Щракнете върху триъгълника до грайфера на градиента, за да отворите градиентния подбор . След това изберете градиента Черен, Бял, като щракнете два пъти върху миниатюрата му (трета отляво, горния ред):

Избор на градиент Черно, Бяло.

Задайте Blend Mode на Overlay, Opacity на 100%, Style to Linear и Angle на 90 градуса, след което щракнете върху OK:

Опциите за Gradient Overlay.

Прилагането на градиента от черно към бяло директно върху групата на слоевете и задаването на режима на смесването му на Overlay превръща плоския цвят на всяка буква в градиент, с по-светъл нюанс на цвета в горната част и по-тъмен нюанс в долната част:

Добавянето на Gradient Overlay към групата е бърз начин да превърнете плоските цветове в градиенти.

Свързано: Как да нарисувате градиенти във Photoshop

Стъпка 10: Изберете Move Tool и го задайте на Auto Select Layers

В този момент всичко, което остава, е да преместите буквите по-близо една до друга, така че да се припокриват. Изберете инструмента за преместване от лентата с инструменти:

Избор на инструмента за преместване

След това в лентата с опции се уверете, че автоматичният избор е включен (отметен) и че е зададен на слой, а не на група. Това ще ни позволи да подберем всяка буква само като щракнем върху нея:

Включване на Auto-Select и настройка на Layer.

Стъпка 11: Плъзнете буквите заедно, така че да се припокриват

Кликнете върху писмо с инструмента за преместване, за да го изберете. Слоят Shape за тази буква ще се подчертае в панела Слоеве. След това плъзнете буквата върху буквата до нея, докато част от буквите не се припокриват. Задръжте Shift, докато плъзнете, за да улесните преместването право през него. Ето, щракнах върху втората буква (зелената „О“) и я превлякох нагоре и леко в първата буква („С“). Забележете, че в областите, в които двете букви се припокриват, цветовете от всяка буква се смесват заедно:

Кликнете върху буква, за да я изберете, след което я плъзнете върху част от писмото до нея.

Ще щракна върху третата буква ("L"), за да я избера, и след това ще я плъзнем наляво, докато задържам Shift, докато част от нея се припокрива с буквата "O". Уверете се, че щракнете веднъж, за да изберете буквата първо, пуснете бутона на мишката и след това щракнете втори път, за да я плъзнете, в противен случай ще приключите с избора и преместването на две букви наведнъж. С други думи, уверете се, че слоят Shape за буквата, която искате да преместите, е подчертан на панела Слоеве, преди да го преместите:

Ефектът на припокриване на текст придобива форма.

Ако случайно изберете и преместите две букви наведнъж, натиснете Ctrl + Z (Win) / Command + Z (Mac), за да отмените последната си стъпка. Щракнете навсякъде в белия фон, за да премахнете избора на буквите, след което щракнете върху буквата, която трябва да изберете.

Преместване на останалите букви

Продължете да влачите останалите букви заедно, докато всички те се припокриват. Отново, не забравяйте да кликнете веднъж върху буква, за да я изберете, пуснете бутона на мишката и след това щракнете втори път, за да я преместите. Можете също да натискате букви наляво и надясно, като използвате левия и десния клавиш със стрелки на клавиатурата си. Ето моя резултат след припокриване на останалите букви. Единственият проблем е, че след преместването на буквите по-близо една до друга, думата изглежда твърде малка в документа. Ще завършим урока, като научим как да го преоразмеря следващото:

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

Стъпка 12: Преоразмерете текста

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

Избор на групата на слоевете.

Натиснете Ctrl + T (Win) / Command + T (Mac) на клавиатурата си, за да изберете бързо командата Free Transform на Photoshop. След това, точно както го направихме по-рано, натиснете и задръжте клавиша Shift и плъзнете някоя от ъгловите дръжки, за да промените размера на текста. Преместете текста, за да го препозиционирате, като щракнете и плъзнете в полето Безплатна трансформация:

Оразмеряване на ефекта с безплатна трансформация.

Натиснете Enter (Win) / Return (Mac) на клавиатурата си, за да излезете от Безплатна трансформация и ние сме готови! Ето, след като направих няколко незначителни корекции в разстоянието на буквите, е последният ми текст ефект „цветни припокриващи се букви“:

Крайният ефект.

И там го имаме! Ето как да създадете текст с припокриващи се букви и как да смесвате припокриващите се цветове заедно във Photoshop! Не забравяйте да разгледате нашите раздели за текстови ефекти за още уроци!

Категория: