В този урок за текстови ефекти на Photoshop ще научим как да създаваме прост 3D текст:
Крайният 3D текст ефект.
Да започваме!
Стъпка 1: Създайте нов документ
За начало нека създадем съвсем нов документ за Photoshop. Отидете до менюто File в горната част на екрана и изберете New, или за по-бърз начин натиснете клавишната комбинация Ctrl + N (Win) / Command + N (Mac). Който и начин да изберете, Photoshop изскача диалоговия прозорец Нов документ . Въведете необходимия размер за вашия документ. За този урок ще въведа ширина 6 инча, височина 4 инча и разделителна способност от 300 пиксела / инча, което е стандартна разделителна способност за печат с професионално качество. Също така ще задам фоновото си съдържание на бяло, което ще определи цвета на фона на новия ми документ на бяло. Когато приключите, щракнете върху OK в горния десен ъгъл на диалоговия прозорец, за да излезете от него. Вашият нов документ в Photoshop ще се появи на екрана.
Създайте нов документ в Photoshop, като използвате диалоговия прозорец Нов документ.
Стъпка 2: Изберете инструмента тип от палитрата на инструментите на Photoshop
За да добавим текст към документа, ще трябва да използваме Photoshop's Type Too l. Изберете го от палитрата Инструменти или натиснете буквата Т на клавиатурата си, за да го изберете с пряк път:
Изберете инструмента за тип.
Стъпка 3: Изберете шрифт от лентата с опции
След това трябва да изберем шрифт. С избрания инструмент Tool ще забележите, че лентата с опции в горната част на екрана се е променила, за да покаже опциите за инструмента за тип. Изберете какъв шрифт искате да използвате от списъка с шрифтове, които в момента имате на вашия компютър. Този 3D ефект работи най-добре с шрифтове, които имат големи, дебели букви. Ще избера Въздействие . Можете също така да изберете размер за вашия текст, ако желаете, но в този момент това не е наистина необходимо, тъй като по-късно можем лесно да променим размера на текста, както ще видим. Засега се нуждаем само от шрифта:
Изберете шрифт от лентата с опции.
Стъпка 4: Изберете цвят за вашия текст
След това трябва да изберем цвят за нашия текст. Ако погледнете по-надясно в лентата с опции, ще видите цветен кръг . Цветовата картинка показва текущия цвят на текста. За да промените цвета, просто кликнете върху цветовия образ:
Променете цвета на текста, като кликнете върху цветовия образ в лентата с опции.
Това ще доведе до избор на цвят на Photoshop. Изберете какъв цвят искате да използвате за вашия текст. Ще избера ярък нюанс на червено. Когато сте готови, щракнете върху OK в горния десен ъгъл на Color Picker, за да излезете от него:
Изберете нов цвят за текста от Color Picker, след което щракнете върху OK, за да излезете от него.
Цветовата картина в лентата с опции ще се промени, за да покаже избрания от вас цвят.
Стъпка 5: Добавете своя текст към документа
С избрания от нас шрифт и цвят на текста щракнете вътре в документа и добавете вашия текст. Ще напиша "PHOTOSHOP", всички с главни букви, за да подобря ефекта. Не се притеснявайте, ако засега текстът изглежда твърде голям или твърде малък. Можем да поправим това за момент:
Щракнете вътре в документа и добавете своя текст.
Когато приключите с въвеждането, щракнете върху отметката в лентата с опции, за да приемете текста и да излезете от режим на редактиране на текст:
Излезте от режим за редактиране на текст, като щракнете върху отметката в лентата с опции.
Ако погледнем нашата палитра на слоевете, можем да видим, че Photoshop удобно е поставил нашия текст върху неговия собствен слой над фоновия слой. Това е, което ще ни позволи да работим с текста независимо от белия фон зад него:
Текстът се появява на собствен слой в палитрата на слоевете.
Стъпка 6: Оразмерете типа, ако е необходимо
Ако установите, че текстът ви е твърде малък (или твърде голям), можем лесно да го поправим, използвайки командата Free Transform на Photoshop. Първо, уверете се, че вашият текстов слой е избран в палитрата на слоевете (избраните слоеве са подчертани в синьо). След това отидете до менюто Редактиране в горната част на екрана и изберете Безплатна трансформация . Можете също да изберете командата Безплатна трансформация с клавишната комбинация Ctrl + T (Win) / Command + T (Mac):
Изберете „Безплатна трансформация“ от менюто Редактиране.
Ще видите полето Безплатна трансформация и дръжките се появяват около вашия текст в документа. За да преоразмерите текста, задръжте клавиша Shift, след това щракнете върху някоя от ъгловите дръжки (малките квадратчета) и плъзнете ъгъла навътре, за да направите текста по-малък или навън, за да го увеличите. Задържането на клавиша Shift надолу, докато влачите, ограничава съотношението на страните, за да не изкривите случайно формата на текста, докато го преоразмерявате. Ще направя текста си малко по-голям, като влача дръжката в долния десен ъгъл навън. Можете също да преместите текста, ако е необходимо, като щракнете навсякъде в полето Безплатна трансформация и плъзнете текста на ново място вътре в документа:
Преоразмерете и преместете текста според нуждите с безплатна трансформация.
Когато приключите, натиснете Enter (Win) / Return (Mac), за да приемете промяната и да излезете от командата Free Transform.
Стъпка 7: Преобразувайте текста във форма
За да създадем нашия 3D ефект, трябва да променим перспективата на нашия текст. Има обаче само един проблем. Photoshop не ни позволява да променяме перспективата на текста (вижте как това може да е проблем?). За да ви покажа какво имам предвид, уверете се, че все още имате избран текстов слой, след това отидете до менюто Редактиране в горната част на екрана и изберете Трансформиране от списъка. Ще се появи второстепенно меню, показващо всички различни начини, по които можем да трансформираме съдържанието на слоя, който сме избрали в момента. Забележете как опциите за изкривяване и перспектива са сиви? Това означава, че в момента те не са достъпни за нас и това е така, защото Photoshop не може да извърши нито един от тези два типа трансформации на текст.
Решението е да преобразуваме нашия текстов слой в това, което се нарича слой във формата . Преобразувайки текста във форма, ще можем да променим гледната точка на него и да създадем своя ефект. Единственият недостатък на конвертирането на текст във форма е, че типът вече няма да може да се редактира. В този случай обаче, тъй като нямаме нужда да редактираме нашия текст, няма нужда да се притесняваме за него.
Когато текстовият слой все още е избран, отидете до менюто Слое в горната част на екрана, изберете Тип и след това изберете Преобразуване във форма :
Отидете на Layer> Type> Convert to Shape.
Ако погледнем в палитрата на слоевете, можем да видим, че текстовият слой сега изглежда съвсем различно и това е така, защото вече не е текстов слой. Photoshop го е преобразувал във слой във формата, което означава, че сега сме свободни да приложим трансформация на Перспектива към нея и да създадем нашия 3D текстов ефект:
Текстовият слой е преобразуван във слой във форма.
Стъпка 8: Промяна на перспективата
Върнете се обратно в менюто Редактиране . Ще видите, че опцията Transform, която разгледахме преди малко, е заменена с нова опция, наречена Transform Path . Отново това е така, защото сега се занимаваме с форма. Изберете Transform Path от списъка. Когато се появи второто меню, ще видите, че вече са налични опциите за изкривяване и перспектива. Изберете Перспектива от списъка:
Отидете на Редактиране> Път за трансформиране> Перспектива.
Същото поле и дръжки, което видяхме по-рано, когато избрахме командата Безплатна трансформация, ще се появи около текста (формата). Разликата е, че сега работим в перспективен режим. За да промените перспективата на текста и да му придадете триизмерен вид, просто щракнете върху дръжката в долния десен ъгъл и го плъзнете направо надолу. Когато плъзнете, височината на дясната страна на текста ще се увеличи от центъра му, докато лявата страна ще остане непроменена:
Кликнете върху дясната дясна ъглова дръжка и плъзнете надолу.
Когато сте доволни от изменението на перспективата, натиснете Enter (Win) / Return (Mac), за да приемете трансформацията. Сега вашият текст трябва да изглежда така:
Текстът сега се появява с 3D перспектива.
Стъпка 9: Създайте няколко копия от слоя на формата, като всяко от тях се премести леко по-надясно
Следващата стъпка е забавната част. Много бързо ще създадем множество копия на нашия фигурен слой, като всеки от тях премести един пиксел по-надясно от предишния. Това ще даде на нашите писма известна дълбочина. Първо изберете Move Too l от палитрата Tools или просто натиснете буквата V на клавиатурата си, за да я изберете с пряк път. Този трик работи само с избрания инструмент за преместване:
Изберете инструмента за преместване.
С избрания инструмент Move Tool и формата на формата, избран в палитрата на слоевете, задръжте клавиша Alt (Win) / Option (Mac) и натиснете клавиша със стрелка надясно на клавиатурата си. След това натиснете отново. После пак. И отново. Забележете какво се случва? Всеки път, когато натиснете клавиша със стрелка надясно с натиснат клавиш Alt / Option, създавате ново копие на слоя във формата и премествате новото копие с един пиксел вдясно. Задържането на Alt / Option казва на Photoshop да създава ново копие на формата всеки път, а не просто да премества съществуващата форма. Колкото повече пъти натискате клавиша със стрелка надясно, толкова повече копия на слоя ще създадете и толкова повече дълбочина ние даваме на нашите писма.
Продължавайте да натискате десния клавиш със стрелка, докато не сте доволни от резултатите. В моя случай натиснах клавиша със стрелка общо 68 пъти, създавайки 68 копия от формата си, като всеки от тях премести един пиксел по-надясно. Броят на натискане на клавиша със стрелка ще зависи от разделителната способност на документа, с който работите. Когато приключите, текстът ви трябва да изглежда така:
Задръжте Alt (Win) / Option (Mac), след това натиснете клавиша със стрелка надясно няколко пъти, за да придадете дълбочина на буквите.
Стъпка 10: Преместете оригиналния слой на формата до върха на стека от слоеве в палитрата на слоевете
Всеки път, когато създавахме ново копие на нашата форма, създавахме нов фигурален слой в палитрата на слоевете и Photoshop постави всеки нов слой директно над предишния слой. В моя случай палитрата ми „Слоеве“ сега съдържа 68 копия от оригиналния ми слой на формата. Оригиналният слой е разположен над фоновия слой, като всички копия са натрупани върху него. Можете да кажете, че това е оригиналът, защото това е единственият слой на формата, който не съдържа думата „копие“ в името си.
Трябва да преместим този оригинален слой до самия връх на купчината и има лесен начин да го направим. Първо щракнете върху оригиналния слой в палитрата на слоевете, за да го изберете. След това натиснете Ctrl + Shift +) (Win) / Command + Shift +) (Mac). Това е правилният скоба ключ (")") в случай, че се чудите. Този удобен пряк път ще премести моментално избрания слой директно в горната част на стека от слоеве:
Оригиналният фигурен слой се появява над останалите слоеве в палитрата на слоевете.
Стъпка 11: Обединете всички копия заедно
С нашия първоначален слой сега в самия връх на стека от слоеве, ние трябва да обединим всички тези копия на слоя във формата до един слой. Кликнете върху слоя непосредствено под оригиналния слой в палитрата на слоевете (с други думи, вторият слой отгоре). След това използвайте лентата за превъртане вдясно от палитрата на слоевете, за да превъртите надолу към слоя непосредствено над фоновия слой. Не просто кликнете върху него, за да го изберете, защото това ще премахне избрания слой, който току-що сте избрали в горната част. Вместо това задръжте клавиша Shift на клавиатурата и след това щракнете върху слоя, за да го изберете. Това ще избере и двата слоя едновременно, заедно с всеки слой между тях. Всички тези слоеве ще се подчертаят в синята палитра на синьото.
С всички избрани от нас копирани слоеве, отидете до менюто Слое в горната част на екрана и изберете Обединяване на слоевете в долната част на списъка. Или за по-бърз начин натиснете клавишната комбинация Ctrl + E (Win) / Command + E (Mac):
Отидете на Layer> Merge Layers.
Photoshop ще обедини всички избрани слоеве в един слой. Ако погледнем в нашата палитра от слоеве, можем да видим, че сега имаме само три слоя. Фоновият слой е отдолу, оригиналният фигурен слой е отгоре, а между тях е нашият нов сливен слой:
Всички копия на слоя във формата са обединени в един слой.
Стъпка 12: Добавете черно-бял градиент към обединения слой
За да придадем на нашите писма наистина 3D вид, нека завършим нещата, като добавим прост осветителен ефект. Или поне нещо, което прилича на светлинен ефект. Кликнете върху обединения слой в палитрата на слоевете, за да го изберете, ако вече не е избран. След това кликнете върху иконата на слоевете слоеве в долната част на палитрата на слоевете. Ще се появи списък с всички налични стилове на слоевете. Кликнете върху Gradient Overlay, за да го изберете:
Изберете стил на слой Gradient Overlay от долната част на палитрата на слоевете.
Това ще доведе до диалоговия прозорец на стила на слоя на Photoshop, зададен към опциите за градиентно наслагване в средната колона. Искаме да използваме градиент от черно до бяло за фалшивия ни ефект на осветление. Ако вече имате избран градиент от черно към бяло, можете да пропуснете тази следваща стъпка. Ако сте избрали някой друг градиент, кликнете върху областта за предварителен преглед на градиента в средата на опциите:
Кликнете върху областта за предварителен преглед на градиента в диалоговия прозорец Стил на слоя, за да изберете нов градиент.
Това извежда градиентния подбирач, показващ ни всички налични градиенти, от които можем да избираме. Този, който искаме е градиентът Черен, Бял, трети от левия, горния ред. Ако имате активирани Съвети за инструменти в Предпочитанията на Photoshop, ще видите името на градиента да се появи, когато задържите курсора на мишката върху миниатюрата. Кликнете върху него, за да го изберете, след което щракнете върху OK в горния десен ъгъл, за да го приемете:
Изберете градиент Черно, Бяло.
Върнете се в основните опции за наслагване на градиент, ще видите градиентната визуализация на градиента, която показва градиент от черно до бяло (ако не беше вече). Под него има няколко важни варианта. Уверете се, че опцията Style е зададена на Linear и ъгълът на наклон е 90 ° :
Уверете се, че опцията Style е зададена на Linear и че ъгълът е зададен на 90 °.
Щракнете върху OK, когато сте готови, за да излезете от диалоговия прозорец Layer Style и сме готови! Photoshop прилага черно-белия градиент към обединения слой, създавайки ефект на сянка върху буквите и завършвайки нашия прост 3D текстов ефект:
Финалният 3D текст ефект.
Къде да продължа …
И там го имаме! Вижте нашите секции за текстови ефекти или фото ефекти за още уроци за ефекти в Photoshop!