В този урок за ефекти на Photoshop ще научим как да разположим изображение във вътрешността на друго изображение, използвайки командата "Поставяне в" в Photoshop.
С появата на тазгодишния Super Bowl (по времето, когато пиша това), всички големи магазини за електроника пълнят своите уебсайтове и седмични листовки със снимки на най-новата телевизия с висока разделителна способност, показваща голямата игра. Ако това не е голямо спортно събитие, което се показва на екраните, обикновено това е най-новото издание на DVD филм блокбастър или видеоигра с голям бюджет.
Разбира се, нито едно от тези изображения наистина не се показва на екрана, тъй като е почти невъзможно да се направи висококачествена снимка на нещо, което се появява на телевизора. Всичко е направено във Photoshop. Образ на каквото и да е, което те искат да се появяват на телевизора, е просто поставено в образа на самата телевизия. В този урок за Photoshop ще видим как се прави, за да можете да използвате същата техника със собствените си изображения!
Обърнете внимание, че тази версия на урока е за Photoshop CS4 и по-ранна версия. За потребители на Photoshop CS5, CS6 и CC или за друг пример за това как може да се използва тази техника, вижте нашата напълно актуализирана версия.
Ето, имам изображение от вида на телевизора, който вероятно бихте намерили в листовката на магазина за електроника:
Изображение на телевизор, подобно на това, което бихте намерили на уебсайта на магазина за електроника или в техния седмичен флаер.
И ето изображението, което искам да има в телевизора:
Снимка на футболна игра.
Ето как ще изглежда, когато приключим:
Играта сега изглежда се показва на телевизионния екран.
Как да поставите едно изображение вътре в друго
Стъпка 1: Изберете областта, която искате да поставите второто изображение в
Първо, отворете изображението, в което искате да поставите второто изображение, и направете селекция около зоната, където ще се появи второто изображение. Инструментът за избор, който използвате, ще зависи, разбира се, от формата на зоната, която трябва да изберете. Искам второто ми изображение да се появи вътре в телевизионния екран, който е проста четиристранна форма, така че ще използвам полигоналния Lasso Tool на Photoshop, който по подразбиране се крие зад стандартния инструмент Lasso в палитрата Tools. Ще щракна върху иконата на Lasso Tool, след това ще задържа бутона на мишката надолу за секунда или две, докато се появи менюто за излитане, и след това ще избирам полигоналния инструмент Lasso от списъка:
Избор на многоъгълния инструмент Lasso от палитрата инструменти в Photoshop.
Полигоналният инструмент Lasso ви позволява да изготвите селекция, като просто щракнете върху различни точки, където посоката на селекцията трябва да се промени. Всеки път, когато щракнете върху нова точка, Photoshop ще добави права линия между новата точка и последната точка, върху която сте кликнали, подобно на това как работи инструментът Pen, когато рисувате сегменти с права линия. Просто продължавате да щракнете върху областта, която трябва да бъде избрана, докато не очертаете цялата област и не сте направили своя път обратно към началото. Когато кликнете отново върху тази първа точка, Photoshop ще създаде селекцията.
Избирането на телевизионния екран с полигоналния инструмент Lasso е лесно. Всичко, което трябва да направя, е да щракнете във всеки от четирите ъгъла. Ще започна с горния ляв ъгъл, след което направя пътя си надолу към долния ляв ъгъл, след това към долния десен ъгъл и до горния десен ъгъл. Можем да видим трите линии, които са създадени досега:
Кликнете във всеки ъгъл на телевизионния екран с инструмента Polygonal Lasso, за да нарисувате избор около него.
За да завърша избора, ще щракна още веднъж на същото място, с което започнах в горния ляв ъгъл на телевизионния екран, и Photoshop ще създаде моя избор за мен:
Кликнете отново върху началната точка, за да завършите избора.
Стъпка 2: Копирайте второто изображение в клипборда
Отворете второто си изображение във Photoshop и натиснете Ctrl + A (Win) / Command + A (Mac), за да поставите селекция около цялото изображение:
Натиснете "Ctrl + A" (Win) / "Command + A" (Mac), за да поставите селекция около цялото изображение.
След това натиснете Ctrl + C (Win) / Command + C (Mac), за да копирате изображението в клипборда.
Стъпка 3: Поставете второто изображение в селекцията
Превключете обратно към оригиналното си изображение във Photoshop. Все още трябва да видите селекцията, която сте създали преди малко. Ще поставим второто изображение директно в тази селекция. За целта отворете менюто Редактиране в горната част на екрана и изберете Поставяне в:
Избиране на "Поставяне в" от менюто "Редактиране".
Три неща ще се случат с оригиналното изображение, когато изберете "Постави в". Photoshop ще добави нов слой над фоновия слой в палитрата на слоевете, ще постави второто изображение върху новия слой и ще използва селекцията, която направихме, за да създаде маска на слоя, която ще скрие всички области на второто изображение които попадат извън селекцията, оставяйки видима само областта вътре в селекцията. С други думи, единствената част от футболния ми образ, която ще бъде видима, е зоната, която се вписва в селекцията, която направих около телевизионния екран.
Първо, нека да разгледаме палитрата на слоевете за оригиналното изображение, за да видим какво се е случило. Виждаме, че сега имам два слоя - оригиналният фонов слой в долната част, който съдържа моето телевизионно изображение, и новият слой, "Layer 1", над него, който съдържа футболната снимка. Можем също да видим миниатюрата на маската на слоя (кръг в червено), показваща ни маската на слоя, която е създадена. Бялата, правоъгълна форма в центъра на миниатюрата е избраната зона (телевизионният екран), а цялата черна зона около нея е областта, която не е избрана:
Photoshop добавя нов слой към оригиналното изображение, поставя второто изображение към новия слой и създава маска на слоя въз основа на селекцията, която направихме в стъпка 1.
И ако погледнем самото изображение, сега можем да видим футболния образ, появяващ се на телевизионния екран:
Второто изображение сега се появява в селекцията, която направихме в оригиналното изображение.
Стъпка 4: Оразмерете второто изображение с безплатна трансформация
Единственият проблем в момента е, че телевизорът е под ъгъл и снимката, която съм поставил в него, не е, така че перспективата между двете изображения не съвпада. За да поправя това, ще натисна Ctrl + T (Win) / Command + T (Mac), за да покажа полето за безплатна трансформация на Photoshop и се справя около второто изображение. Първото нещо, което ще направя, е да се опитам да вложа колкото се може повече от футболната снимка в телевизионния екран, колкото мога, така че ще задържа Shift + Alt (Win) / Shift + Option (Mac) и ще плъзнем един от четирите ъглови дръжки в посока към центъра, за да направите изображението по-малко. Задържането на "Shift" ограничава пропорциите на изображението, докато влача, за да не изкривя случайно външния вид на изображението, а задържането на "Alt / Option" казва на Photoshop да преоразмери изображението от центъра му, което прави нещата по-лесни:
Преоразмерете изображението според нуждите с командата "Безплатна трансформация" на Photoshop.
Сега, когато съм доволен от размера на второто си изображение, ще реша проблема с перспективата. Със свободната трансформация все още активна, ще задържа Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac), която временно превръща безплатната трансформация в режим на перспективна трансформация. Можете също така да отидете до менюто Редактиране, да изберете Трансформиране и след това да изберете Перспектива, но клавишната комбинация е по-лесна, ако вече имате активни дръжки за безплатна трансформация.
В режим на перспективна трансформация ще щракна отново върху дръжката в горния ляв ъгъл и ще я влача малко надолу. Докато влача горната лява ъглова дръжка надолу, дръжката в долния ляв ъгъл ще се движи нагоре едновременно. Това ще ми позволи да намаля височината на лявата страна на футболното изображение, без да засягам височината на дясната страна на изображението, създавайки илюзията, че изображението е под същия ъгъл като телевизора:
Използвайте режим на трансформация "Перспектива", за да коригирате всички проблеми в перспективата между двете изображения.
Сега, когато съм доволен от размера и ъгъла на второто изображение, ще натисна Enter (Win) / Return (Mac), за да приема промените и да изляза от командата Free Transform.
Стъпка 5: Добавете стил на вътрешен слой на сянка
За да завърша ефекта, ще добавя лека сянка към краищата на футболния образ, така че да изглежда по-скоро като че ли всъщност се показва на телевизионния екран и по-малко като някой просто да го залепи там (въпреки че точно това Направих). При избран „Layer 1“ ще кликнете върху иконата на слоеве слоеве в долната част на палитрата на слоевете и ще избера Inner Shadow от списъка със стилове на слоевете:
Кликнете върху иконата "Стилове на слоевете" в долната част на палитрата на слоевете и изберете "Inner Shadow" от списъка.
Това извежда диалоговия прозорец на стила на слоя на Photoshop, зададен на опциите Вътрешна сянка в средната колона. Намалете непрозрачността на Вътрешната сянка до около 60%, така че да не е толкова интензивна, след това намалете и Размера и Разстоянието до 1 px. Може също да се наложи да регулирате ъгъла на сянката в зависимост от вашето изображение. Имам моята настройка на 120 °:
Променете опциите за стила на слоя Вътрешна сянка, кръг по-горе.
Щракнете върху OK, за да излезете от диалоговия прозорец Layer Style и да приложите сянката, и сте готови! Ето, след като добавих ефекта на сянката си около краищата на футболния образ, така че да изглежда по-естествено на телевизионния екран, е моят краен резултат:
Крайният резултат.