В този урок ще научим как да поставяме изображение в текст с Photoshop, много популярен ефект за създаване и този, който също се случва много лесно благодарение на силата на подстригващите маски на Photoshop, както ни предстои виж!
Тази версия на урока е за Photoshop CS5 и по-ранна версия. Ако използвате Photoshop CC или CS6, вижте напълно преработената и актуализирана версия на този урок. Ето ефекта, за който се стремим:
Крайният ефект „изображение в текст“.
Да започваме!
Как да поставите изображение в текст
Стъпка 1: Отворете снимка, за да поставите вътре вашия текст
Първо, имаме нужда от изображението, което ще поставим вътре в нашия текст. Ще използвам тази панорамна снимка на Хавай:
Океански изглед от Хавай.
Гледайте видео урока в нашия YouTube канал!
Стъпка 2: Дублирайте фоновия слой
Ако погледнем в палитрата на слоевете, можем да видим, че в момента имаме един слой, наречен Background . Този слой съдържа нашето изображение. Трябва да дублираме този слой и най-лесният начин да направим това е с помощта на клавишната комбинация Ctrl + J (Win) / Command + J (Mac). Ако погледнем още веднъж в палитрата на слоевете, виждаме, че сега имаме два слоя. Оригиналният фонов слой е отдолу, а над него стои копие на фоновия слой, който Photoshop автоматично кръсти "Layer 1":
Палитрата на слоевете на Photoshop.
Стъпка 3: Добавете нов празен слой между двата слоя
След това трябва да добавим нов празен слой между фоновия слой и „слой 1“. Понастоящем "слой 1" е слоят, който е избран в палитрата на слоевете. Можем да кажем кой слой е избран, защото избраният слой винаги е подчертан в синьо. Обикновено, когато добавим нов слой, Photoshop поставя новия слой директно над който и да е слой, който в момента е избран, което означава, че Photoshop би поставил слоя над "Layer 1". Това не е, което искаме. Искаме новият слой да бъде поставен под „Layer 1“. Ето полезен трик. За да добавите нов слой под текущо избрания слой, задръжте клавиша Ctrl (Win) / Command (Mac) и кликнете върху иконата New Layer в долната част на палитрата на слоевете. Задържането на Ctrl (Win) / Command (Mac) е трикът да поставите слоя под текущо избрания слой:
Задръжте "Ctrl" (Win) / "Command" (Mac) и кликнете върху иконата New Layer в палитрата на слоевете.
Вече имаме нов празен слой, наречен "Layer 2", разположен директно между фоновия слой и "Layer 1":
Палитрата на слоевете, показваща новия празен слой между фоновия слой и „слой 1“.
Стъпка 4: Напълнете новия слой с бяло
В момента новият ни слой е напълно празен. Нека го запълним с бяло, така че да изглежда като бял фон, след като сме поставили изображението си вътре в текста. Отидете до менюто Редактиране в горната част на екрана и изберете Запълване . Това ще доведе до диалоговия прозорец Запълване на Photoshop. Изберете Бяло за опцията Съдържание в горната част на диалоговия прозорец, след което щракнете върху OK, за да излезете от диалоговия прозорец:
Изберете Бяло за опцията Съдържание в горната част на диалоговия прозорец на командата Запълване.
Нищо няма да се случи в прозореца на документа, тъй като изображението на „слой 1“ блокира „слой 2“ от изглед, но ако погледнем миниатюрата за визуализация на слоя за „слой 2“ в палитрата на слоевете, можем да видим че е достатъчно сигурно, слоят вече е изпълнен с плътно бяло:
Прегледът на миниатюрата за „Layer 2“ показва, че слоят вече е изпълнен с бяло.
Стъпка 5: Изберете „Layer 1“ в палитрата на слоевете
Време е да добавим нашия текст, но за да видим текста, когато го добавим, ще трябва текстът да се появи над „Слой 1“, в противен случай изображението на „Слой 1“ ще блокира текста от изглед. За да сте сигурни, че можем да видим нашия текст, кликнете върху „Слой 1“ в палитрата на слоевете, за да го изберете. По този начин, веднага щом започнем да пишете, Photoshop ще създаде нов тип слой за нас и ще постави типа слой директно над „Layer 1“:
Кликнете върху „Layer 1“ в палитрата на слоевете, за да го изберете.
Стъпка 6: Изберете инструмента за тип
За да добавите текста, ще ни е необходим Type Tool на Photoshop, затова изберете Type Tool от палитрата Tools. Можете също така бързо да изберете инструмента тип, като натиснете буквата T на клавиатурата си:
Изберете инструмента за тип.
Стъпка 7: Изберете шрифт в лентата с опции
С избрания инструмент Tool отидете до лентата с опции в горната част на екрана и изберете кой шрифт искате да използвате за ефекта. По принцип шрифтовете с дебели букви работят най-добре. Ще избера Arial Black. Не се притеснявайте за размера на шрифта засега:
Изберете шрифт в лентата с опции.
Стъпка 8: Задайте бялото като цвят на преден план
Тази стъпка не е абсолютно необходима, но за да ми помогне да виждам текста си, ще използвам бяло за цвета на текста си. Цветът, който сте избрали за вашия текст, всъщност няма значение, тъй като ще запълним текста с изображение за момент, но все пак помага да можем да видим текста, когато го добавяме. За да зададем цвета на текста на бял, всичко, което трябва да направим, е да зададем цвета на предния план на Photoshop да е бял. Първо натиснете буквата D на клавиатурата си, която ще нулира цветовете на предния план и фона до техните стойности по подразбиране. Черният е цветът по подразбиране за цвета на предния план, а белият е цветът по подразбиране за цвета на фона. За да ги размените така, че бялото да стане цвят на предния план, натиснете буквата X на клавиатурата си. Ако погледнете фигурите за цвят на предния план и за фон в долната част на палитрата „Инструменти“, ще видите, че бялото вече е цветът на предния план (вляво)
Задаването на цвят на предния план на бял задава и цвета на текста като бял.
Стъпка 9: Добавете своя текст
С избрания инструмент Tool, избраният от вас шрифт и бял цвят като цвят на предния план, щракнете вътре в прозореца на вашия документ и добавете своя текст. Тъй като използвам снимка на океанска сцена на Хаваите, ще напиша думата "HAWAII":
Щракнете вътре в документа и добавете своя текст.
Когато сте готови, щракнете върху отметката в лентата с опции, за да приемете текста.
Щракнете върху отметката в лентата с опции, за да приемете текста.
Стъпка 10: Преоразмерете и преместете текста с командата за свободна трансформация
Вероятно ще трябва да преоразмерите и препозиционирате текста си в този момент и ние можем да направим и двете неща, използвайки командата Free Transform на Photoshop. Натиснете Ctrl + T (Win) / Command + T (Mac) на клавиатурата си, за да изведете полето Free Transform и да обработва вашия текст, след което плъзнете някоя от дръжките, за да промените размера на текста. Ако искате да преоразмерите текста, без да изкривявате вида му, задръжте клавиша Shift и плъзнете някоя от четирите ъглови дръжки. Можете също да преоразмерите текста от центъра му, като държите клавиша Alt (Win) / Option (Mac), докато влачите. И накрая, за да преместите текста, щракнете навсякъде в полето Безплатна трансформация и плъзнете мишката, за да преместите текста вътре в прозореца на документа:
Използвайте командата за безплатна трансформация на Photoshop, за да промените размера и да преместите текста.
Натиснете Enter (Win) / Return (Mac), когато сте готови да приемете трансформацията и да излезете от командата Free Transform.
Стъпка 11: Плъзнете текстовия слой под „Слой 1“
Сега, когато имаме своя текст по начина, по който го искаме, трябва да преместим слоя тип под текста в палитрата на слоевете. Кликнете върху текстовия слой, след което просто го плъзнете надолу под „Layer 1“. Ще видите дебела черна линия между "слой 1" и "слой 2":
Плъзнете слоя тип под „Layer 1“.
Пуснете бутона на мишката, когато се появи черната линия, за да сложите слоя тип на място между „Layer 1“ и „Layer 2“:
Сега слоят тип се появява между "Layer 1" и "Layer 2".
Стъпка 12: Отново изберете "Layer 1"
Кликнете отново върху „Layer 1“ в палитрата на слоевете, за да го изберете:
Сега слоят тип се появява между "Layer 1" и "Layer 2".
Текстът временно ще изчезне във прозореца на документа сега, когато изображението на „Layer 1“ го блокира от изглед.
Стъпка 13: Създайте Маска за изрязване
За да създадем илюзията, че снимката е вътре в текста, трябва да използваме изрязваща маска . Това ще "клипне" снимката на "слой 1" към текста на слоя непосредствено под нея. Всички области на снимката, които се появяват директно над буквите, ще останат видими в документа. Останалата част от снимката ще изчезне от гледката.
С „Layer 1“, избран в палитрата на слоевете, отидете до менюто Layer в горната част на екрана и изберете Create Mask Mask :
Отидете на Layer> Create Clipping Mask.
Ако погледнем в прозореца на документа, можем да видим, че снимката сега изглежда вътре в текста:
Снимката сега се появява вътре в буквите.
Стъпка 14: Добавете капка сянка (незадължително)
За да завърша ефекта си, ще добавя капка сянка към буквите. Ако искате да следвате, първо изберете слоя тип в палитрата Слоеве, след това щракнете върху иконата на слоевете слоеве в долната част на палитрата на слоевете:
Изберете слоя тип, след което щракнете върху иконата на слоевете на слоевете.
Изберете Drop Shadow от списъка със стилове на слоя, който се показва:
Изберете стила на слоя Drop Shadow.
Това извежда диалоговия прозорец на стила на слоя на Photoshop, зададен на опциите Drop Shadow в средната колона. Ще оставя повечето опции сам, но ще намаля непрозрачността на падащата сянка до около 60%, така че да не е толкова интензивен и ще настроя ъгъла на сянката на 120 ° :
Диалоговият прозорец Стил на слоя, показващ опциите за падащата сянка.
Щракнете върху OK, когато сте готови, за да приложите сенника за излизане от диалоговия прозорец Стил на слоя. Ето и последния ми ефект „изображение в текст“:
Крайният ефект „изображение в текст“.
Следващ урок: Как да поставите изображение в няколко текстови слоя наведнъж!
Поставяне на изображение в текст - Бързо обобщение
Разгледахме много в този урок. Ето кратко резюме на стъпките за това, когато имате нужда от него:
- В Photoshop отворете снимката си, след това натиснете Ctrl + J (Win) / Command + J (Mac), за да дублирате фоновия слой.
- Натиснете и задръжте Ctrl (Win) / Command (Mac) и в панела Layers щракнете върху иконата New Layer, за да добавите нов празен слой между двата съществуващи слоя.
- Отидете до менюто Редактиране в лентата с менюта и изберете Запълване . В диалоговия прозорец Запълване задайте Използване на бяло . Щракнете върху OK.
- В панела Слоеве изберете най-горния слой (Layer 1), за да го активирате.
- Изберете инструмента за тип, след което в лентата с опции изберете опциите за вашия шрифт.
- Задайте цвета на предния план на бял, след това щракнете в документа и добавете своя текст.
- Натиснете Ctrl + T (Win) / Command + T (Mac), за да изберете Безплатна трансформация, след това преоразмерете и препозиционирайте вашия текст според нуждите. Натиснете Enter (Win) / Return (Mac), за да излезете от Безплатна трансформация.
- В панела Слоеве плъзнете слоя Type под снимката на Layer 1.
- Изберете Layer 1, за да го активирате, след това отидете до менюто Layer в лентата с менюта и изберете Create Masping Mask .
- За да добавите капка сянка към текста, в панела Слоеве щракнете върху иконата " fx ", изберете Drop Shadow, след това задайте ъгъла и непрозрачността според нуждите.
И там го имаме! Ето как лесно да поставите изображение в текст с Photoshop! Посетете нашите секции за текстови ефекти или фото ефекти за още уроци за ефекти в Photoshop!