В този урок за фото ефекти за Photoshop ще научим как да създадем обикновена рамка за снимки с три изображения и когато приключим, ще видим как лесно да конвертираме крайния резултат в шаблон за многократна употреба, използвайки Smart Photos обекти на Photoshop! Интелигентните обекти бяха представени за първи път във Photoshop CS2, което означава, че ще ви трябва Photoshop CS2 или по-висока версия за последните стъпки в урока. Сам ще използвам Photoshop CS4. Ако обаче използвате по-ранна версия на Photoshop, все още можете да създадете самата действителна рамка за снимки. Единственото нещо, което няма да можете да направите, е да преобразувате изображенията в Smart Objects в края на урока.
Ето рамката с три снимки, която ще създаваме:
Крайният резултат.
Как да създадете рамка за снимки с три изображения
Стъпка 1: Създайте нов документ
Нека започнем със създаването на нов документ за Photoshop. Отидете до менюто File в лентата с менюта в горната част на екрана и изберете New . Или за по-бърз начин да създадете нов документ, просто натиснете клавишната комбинация Ctrl + N (Win) / Command + N (Mac) :
Отидете на Файл> Ново или натиснете Ctrl + N (Win) / Command + N (Mac).
Така или иначе ще изберете диалоговия прозорец " Нов документ" на Photoshop, където ние задаваме опциите за нашия нов документ. Тъй като ще поставя три образа в портретен стил един до друг подред, ще ми трябва документ, който е доста широк, така че ще вкарам 12 инча за ширината и 6 инча за височината, като правя уверете се, че типът на измерване е настроен на инчове, а не пиксели. Може да се наложи да въведете различни стойности за ширината и височината, ако имате конкретен размер на документа, който искате да създадете. Тъй като ще искам да отпечатам ефекта на рамката, когато свърша, ще въведем 300 пиксела / инча за резолюцията :
Създайте нов документ от 12 инча х 6 инча при 300 пиксела / инч.
Щракнете върху OK, когато сте готови, за да приемете настройките и да излезете от диалоговия прозорец. Новият документ се появява на вашия екран:
Появява се новият документ.
Стъпка 2: Напълнете новия документ с черно
Искам да използвам черно за цвят на фона, така че ще отида до менюто „ Редактиране “ в горната част на екрана и ще избере командата за запълване на Photoshop, която ни позволява да запълним слой или избор с цвят:
Отидете на Редактиране> Запълване.
Когато се появи диалоговият прозорец Запълване, ще задам опцията Използване в секцията Съдържание в горната част на диалоговия прозорец на Черно :
Задайте опцията Use на черно.
Щракнете върху OK, за да излезете от диалоговия прозорец, и Photoshop попълва документа с плътно черно:
Документът сега е изпълнен с черно.
Стъпка 3: Добавете нов празен слой
Трябва да добавим нов празен слой. Ще добавим заместител за първото ни изображение в този нов слой. Задръжте клавиша Alt (Win) / Option (Mac) и кликнете върху иконата New Layer в долната част на панела Layers:
Задръжте натиснат Alt (Win) / Option (Mac) и щракнете върху иконата New Layer.
Задържайки клавиша Alt / Option, докато щракнем върху иконата New Layer, казваме на Photoshop да отвори диалоговия прозорец New Layer, преди да добавим новия слой, и можем да използваме диалоговия прозорец, за да дадем име на новия ни слой. Променете името на новия слой от неговия по подразбиране „Layer 1“ в запазено място отляво :
Променете името на новия слой на „запазено място наляво“.
Щракнете върху OK, за да приемете промяна на името и да излезете от диалоговия прозорец. Ако погледнем в панела "Слоеве", можем да видим, че сега имаме нов празен слой, наречен "задържан от мястото", разположен над фоновия слой. Моделът на шахма в миниатюрата за визуализация на слоя вляво от името на слоя ни показва, че слоят в момента е празен:
Добавен е нов слой с име „запазено място“.
Стъпка 4: Изберете инструмента за маркиране на правоъгълник
Изберете Photoshop's Practangular Marquee Tool от горната част на панела Tools или натиснете буквата M на клавиатурата си, за да го изберете бързо с пряк път:
Изберете инструмента за правоъгълна маркировка.
При избран инструмент за правоъгълна маркировка лентата с опции в горната част на екрана се променя, за да се покажат опциите за инструмента за правоъгълна маркировка. Една от опциите е Style . Променете го от настройката по подразбиране на Нормално на Фиксирано съотношение, след това въведете 4 за Ширина и 6 за Височина . Това ще наложи формата на селекцията, която предстои да изготвим в съотношение 4х6, което ще улесни добавянето на няколко снимки на 4x6 към документа по-късно:
Променете стила на "Фиксирано съотношение", след това въведете "4" за ширината и "6" за височината.
Стъпка 5: Начертайте правоъгълна селекция от лявата страна на документа
Издърпайте правоъгълна селекция от лявата страна на документа. Тук ще се появи снимката вляво. Ще забележите, че докато изтеглите селекцията, формата му се ограничава до съотношението на страните 4x6, което сме задали в лентата с опции в предишната стъпка. Ако трябва да препозиционирате избора, докато го влачите, просто задръжте клавиша за интервал, плъзнете мишката, за да преместите избора на място, след това освободете интервала и продължете да влачите. Не забравяйте да оставите достатъчно място, за да се поберат още две снимки вътре в документа:
Кликнете и изтеглете селекция около района, където снимката вляво ще се появи.
Стъпка 6: Запълнете селекцията със сиво
След като нарисувате избора, върнете се обратно в менюто Редактиране и изберете командата Запълване отново:
Отидете на Редактиране> Запълване.
Този път, когато се появи диалоговият прозорец Запълване, променете опцията Използване в секцията Съдържание в горната част на диалоговия прозорец на 50% сиво :
Този път променете опцията Използване на "50% сиво".
Щракнете върху OK, когато сте готови, за да излезете от диалоговия прозорец. Photoshop запълва селекцията със сиво. Няма специална причина, поради която тук сме избрали сиво. Просто ни беше необходимо да запълним селекцията с цвят и тъй като я използваме само като заместител за изображение, сивото изглеждаше като естествен избор. Натиснете Ctrl + D (Win) / Command + D (Mac), за да премахнете контура за избор от формата:
Натиснете Ctrl + D (Win) / Command + D (Mac), за да премахнете контура на селекцията, след като сте запълнили избора сиво.
Стъпка 7: Добавете тънък бял щрих около формата
Нека добавим тънка бяла рамка около формата. Кликнете върху иконата на слоевете на слоевете в долната част на панела Слоеве и изберете Очертаване от дъното на списъка със стилове на слоя, който се показва:
Кликнете върху иконата Layer Styles и изберете Stroke от списъка.
Това извежда диалоговия прозорец на стила на слоя на Photoshop, зададен на опциите за инсулт в средната колона. Първо, променете цвета на щриха, като кликнете върху малката цветна картина вдясно от думата Цвят и изберете бяло от Цветния подбор, когато се появи. Щракнете върху OK, за да затворите избора на цветове, когато сте готови. Увеличете размера на хода до около 10 пиксела (пиксела), след което променете позицията на вътре :
Променете цвета на щриха на бял, след това увеличете размера до около 10 px и променете позицията на "Inside".
След като зададете цвета, размера и позицията на щриха, щракнете върху OK, за да излезете, за да излезете от диалоговия прозорец. Ето моето изображение с тънката бяла рамка, приложена към формата:
Слоевете на слоевете са лесен начин за добавяне на прости ефекти, като рамки към изображението.
Стъпка 8: Изберете инструмента за преместване
Изберете Photoshop's Move Tool от панела с инструменти или натиснете буквата V на клавиатурата си, за да го изберете бързо с пряк път:
Изберете инструмента за преместване.
Стъпка 9: Плъзнете копие на формата в центъра на документа
Натиснете Shift + Alt (Win) / Shift + Option (Mac) и, докато държите двата клавиша надолу, щракнете върху сивата си форма вътре в документа и го плъзнете вдясно. Клавишът Alt / Option казва на Photoshop, че искаме да създадем копие на формата, докато се плъзгаме, вместо да преместваме оригиналната форма, докато клавишът Shift ограничава посоката, в която можем да плъзнем, като го прави лесно да плъзнете по права линия към десния.
Плъзнете копието в центъра на изображението, което създава заместител за средната снимка, която ще добавяме. Забележете, че белият щрих също се копира заедно с формата:
Задръжте Shift + Alt (Win) / Shift + Option (Mac) и плъзнете копие на формата в средата на документа.
Стъпка 10: Преименувайте новия слой „Среден заместител“
Ако погледнем в панела Слоеве, можем да видим, че втората форма се е появила на собствен слой над първоначалната форма. Photoshop е кръстил новия слой "ляво копие на заместителя на място". Кликнете два пъти директно върху името на новия слой и го променете на средната част на запазения слой. Натиснете Enter (Win) / Return (Mac), когато сте готови да приемете промяната:
Новата форма се появява на собствен слой над оригинала. Преименувайте новия слой „средно място на заместителя“.
Стъпка 11: Плъзнете още едно копие от формата в дясната страна на документа
Задръжте отново Shift + Alt (Win) / Shift + Option (Mac), щракнете върху средната форма и плъзнете копие от нея в дясната страна на документа. Това ще стане заместител на изображението, което се показва вдясно. Отново белият щрих се копира заедно с формата. Опитайте се да оставите същото пространство между новата форма и десния ръб на документа, колкото има между лявата форма и левия ръб на документа. Не се притеснявайте засега, ако самите форми не са равномерно разположени един от друг, както моите очевидно не са:
Опитайте се да оставите равно пространство между третата форма и десния ръб на документа, тъй като има между оригиналната форма и левия ръб.
Стъпка 12: Преименувайте новия слой „Заместител вдясно“
Ако погледнем отново в панела Слоеве, можем да видим, че третата форма се появява на собствения му слой над другите две форми, а Photoshop автоматично нарече новия слой „средно копие на заместителя на място“. Щракнете двукратно директно върху името на слоя и го променете на запазено право . Натиснете Enter (Win) / Return (Mac), за да приемете промяната, когато сте готови:
Преименувайте новия слой „право на заместител“.
Стъпка 13: Изберете всички три слоя за заместители наведнъж
Нека подравним трите форми, така че да са разположени равномерно една от друга. Когато вече е избран най-горният слой ("задържане надясно"), задръжте клавиша Shift и щракнете върху слоя на оригиналната форма ("заместител вляво") в панела "Слоеве". Това ще избере и трите слоя за запаметяване наведнъж (ще ги видите всички маркирани в синьо, което ни казва, че са избрани):
Задръжте Shift и кликнете върху „запазено място вляво“, за да изберете всичките три слоя за запълване наведнъж.
Стъпка 14: Щракнете върху иконата „Разпределете хоризонтални центрове“
С избраните трите слоя и инструмента за преместване все още е избран, в лентата с опции в горната част на екрана ще видите серия от икони, които ни дават различни начини за подравняване и разпределение на слоевете. Кликнете върху иконата Разпределяне на хоризонтални центрове, която ще разположи формите хоризонтално:
Кликнете върху иконата "Разпределяне на хоризонтални центрове" в лентата с опции.
И трите форми на заместители трябва сега да бъдат равномерно разположени в документа:
Сега заместителите са разпределени равномерно.
Готови сме да добавим няколко снимки към документа. Ще направим това по-нататък!
Стъпка 15: Отворете първата снимка, която трябва да добавите към рамката
Отворете първото изображение, което искате да добавите към рамковия документ. Ето снимката, която ще използвам:
Първата снимка, която ще добавя към документа.
Стъпка 16: Копирайте снимката в клипборда
Натиснете Ctrl + A (Win) / Command + A (Mac), за да изберете бързо цялата снимка. Ще видите очертания за избор около изображението. След това натиснете Ctrl + C (Win) / Command + C (Mac), за да копирате изображението в клипборда. Можете да затворите от прозореца на документа на снимката, след като копирате изображението в клипборда.
Стъпка 17: Изберете слоя "Заместител вляво"
Превключете обратно към документа с рамка, като щракнете навсякъде в прозореца на документа си, след което щракнете върху левия слой със задържано място в панела Слоеве, за да го изберете:
Изберете слоя „запазено място вляво“ в документа с рамката.
Стъпка 18: Поставете снимката в документа на рамката
Натиснете Ctrl + V (Win) / Command + V (Mac), за да поставите снимката в документа на рамката. Photoshop ще постави снимката върху нейния собствен слой непосредствено над избрания слой, и ако погледнем в панела Слоеве, можем да видим, че това е достатъчно сигурно, снимката се появява на собствения й слой непосредствено над слоя „левия заместител вляво“, който ние избран в предишната стъпка:
Поставянето на изображение в друг документ поставя изображението върху неговия собствен слой над избрания слой.
Единственият проблем е, че искам тази снимка да се показва като лявото изображение в рамката, но в момента не само, че се появява в средата, тя е скрита зад средната форма, поради това, че слоят „средно място за запълване“ е над снимка в панела Слоеве. Всичко, което виждам на изображението, са външните ръбове, които се простират извън формата:
Успешно добавихме снимката към документа, но тя е на грешно място и скрита зад формата на средния заместител.
Стъпка 19: Плъзнете снимката върху формата „Заместител вляво“
Когато инструментът за преместване все още е избран, щракнете вътре в документа и плъзнете снимката вляво, докато тя не се покаже отгоре на формата „заместител вляво“:
Кликнете и плъзнете снимката върху формата „запазено място вляво“.
Стъпка 20: Създайте Маска за изрязване
След като снимката е над формата на „запазено място вляво“, отидете до менюто „ Слой “ в горната част на екрана и изберете Създаване на маска за изрязване :
Отидете на Layer> Create Clipping Mask.
Photoshop ще "прикачи" снимката до формата на заместител под нея, като ще остане видима само областта на снимката, която попада в границите на формата. Останалата част от снимката, която се простира извън формата, става скрита от поглед. Белият щрих около формата вече се вижда за пореден път:
Снимката вече е „подстригана“ до формата на заместител под нея.
Стъпка 21: Оразмерете снимката с командата за безплатна трансформация
Нека променим размера на снимката, така че да виждаме цялото изображение, а не само каквато и да е част, която да е над формата на заместителя. Натиснете Ctrl + T (Win) / Command + T (Mac) за бързо извеждане на полето за безплатна трансформация на Photoshop и дръжки около изображението. Въпреки че можем да видим само областта на снимката, която е директно над формата, дръжките на Free Transform се появяват около действителните размери на изображението. Ако не можете да видите дръжките за безплатна трансформация, тъй като изображението ви е толкова голямо, че краищата се простират извън видимата област на прозореца на документа, натиснете Ctrl + 0 (Win) / Command + 0 (Mac), за да намалите Photoshop до, докато всичко се вписва във прозореца на документа (известен като изглед Fit on Screen ). Натиснете го отново, когато сте готови да промените размера на изображението.
Плъзнете ъгловите дръжки за свободна трансформация (малките квадратчета) навътре, докато те се подравнят с ъглите на формата на заместителя, така че и формата, и снимката да са с еднакъв размер. Разбира се, това предполага, че използвате снимка със същото съотношение 4х6 като формата на заместител, както аз съм тук. Ако вашата снимка използва различно съотношение, просто преоразмерете изображението, докато възможно най-голяма част от него се вписва във формата. Задръжте клавиша Shift, докато влачите дръжките, за да ограничите съотношението на страницата на снимката, за да не изкривите случайно вида на изображението, докато го преоразмерявате. Можете да препозиционирате снимката, ако е необходимо, като кликнете навсякъде в полето Безплатна трансформация и я плъзнете наоколо с мишката:
Плъзнете ъгъла на дръжките Free Transform навътре, докато снимката стане със същия размер като формата на заместителя.
Когато сте готови да промените размера на изображението, натиснете Enter (Win) / Return (Mac), за да приемете трансформацията и да излезете от командата Free Transform:
Снимката вече е със същия размер като формата на заместител под нея.
Стъпка 22: Добавете още две снимки към рамката
Следвайте същите стъпки, за да добавите още две снимки към рамковия документ, една за средната зона и една за дясната страна. Първо отворете снимката, която искате да използвате. Натиснете Ctrl + A (Win) / Command + A (Mac), за да го изберете, след това Ctrl + C (Win) / Command + C (Mac), за да го копирате в клипборда. Затворете се от прозореца на документа на снимката, след като копирате изображението в клипборда. Превключете обратно към документа с рамка и кликнете върху средния или задния слой на десен слой в панела Слоеве, за да го изберете (в зависимост от това към кой добавяте снимката).
Натиснете Ctrl + V (Win) / Command + V (Mac), за да поставите снимката в документа. Photoshop ще постави снимката върху нейния собствен слой директно над слоя за задържане, който сте избрали. Използвайте инструмента за преместване, за да плъзнете снимката над формата на заместителя, ако е необходимо, след това отидете до менюто Слое в горната част на екрана и изберете Създаване на маска за изрязване . И накрая, натиснете Ctrl + T (Win) / Command + T (Mac), за да изведете полето Free Transform и да обработвате изображението. Задръжте клавиша Shift и плъзнете ъгловите дръжки, за да промените размера на снимката. Натиснете Enter (Win) / Return (Mac), когато сте готови да излезете от Безплатна трансформация.
Ето моя рамков документ след добавяне на снимки в средната и дясната част:
Крайният резултат от три снимки.
Стъпка 23: Преобразуване на трите снимки в интелигентни обекти
За тези останали няколко стъпки ще ви трябва Photoshop CS2 или по-нова версия, за да следвате. Ще видим колко лесно е да използваме крайния си резултат като шаблон, разменяйки други снимки във и извън рамката, ако е необходимо, използвайки интелигентни обекти, които бяха въведени за първи път във Photoshop CS2.
В панела "Слоеве" щракнете върху слоя, отколкото съдържа първата снимка, която добавихме (тази директно над слоя "ляв заместител"), за да го изберете. Тя трябва да е на слой, наречен "Layer 1":
Кликнете върху „Слой 1“, който съдържа първата снимка, която добавихме.
С избрания слой щракнете с десния бутон на мишката (Win) / Control-щракнете върху (Mac) върху името на слоя и изберете Преобразуване в Smart Object от менюто, което се показва:
Изберете „Преобразуване в интелигентен обект“ от менюто.
Изглежда, че нищо не се е случило в прозореца на документа, но ако погледнем в долния десен ъгъл на миниатюрата за визуализация на слоя, можем да видим, че се е появила малка икона на Smart Object, която ни уведомява, че снимката вече е Smart Object:
В миниатюрата за визуализация на слоя се появява малка икона на Smart Object.
Направете същото за останалите две изображения (които ще намерите в „Layer 2“ и „Layer 3“), първо щракнете върху слоя в панела „Слоеве“, след това щракнете с десния бутон (Win) / Control-щракване (Mac ) от името на слоя и изберете от менюто Преобразуване в интелигентен обект . Когато приключите, и трите снимки трябва да имат иконата Smart Object, която да се показва в долния десен ъгъл на миниатюрата за визуализация на слоя им.
Стъпка 24: Заменете съдържанието на всеки интелигентен обект, за да добавите различни снимки
Тъй като и трите фотослоя са превърнати в интелигентни обекти, кликнете отново върху „слой 1“ в панела „Слоеве“, за да изберете снимката вляво, след това отново щракнете с десния бутон (Win) / Control-click (Mac) върху името на слоевете да отвори същото меню, което видяхме преди малко. Този път изберете Замени съдържанието от менюто:
Изберете "Layer 1" отново, след това щракнете с десния бутон (Win) / Control-щракнете (Mac) и изберете "Replace Contents" от менюто.
Това отваря диалоговия прозорец на Photoshop's Place . Отворете папката на вашия твърд диск, която съдържа снимката, с която искате да замените първото изображение. Имам три нови снимки, запазени в папка на моя работен плот. Кликнете върху името на снимката, която искате да използвате, след което кликнете върху бутона Място :
Кликнете върху името на снимката, след което щракнете върху Място.
Щом щракнете върху бутона Place, Photoshop заменя оригиналната снимка с новата снимка в документа! Ако трябва да преоразмерите новото изображение, натиснете Ctrl + T (Win) / Command + T (Mac), за да изведете дръжките за свободна трансформация, след което плъзнете ъгловите дръжки, за да го промените, точно както направихме с оригиналната снимка, като задръжте натиснат клавиша Shift, докато влачите, за да ограничите съотношението на аспектите. Отново, ако не можете да видите дръжките, тъй като изображението е прекалено голямо, за да се побере във прозореца на документа, натиснете Ctrl + 0 (Win) / Command + 0 (Mac), за да преминете в режим на изглед Fit on Screen . Натиснете го отново, когато сте готови да промените размера на изображението:
Ако новото изображение изглежда твърде голямо, го преоразмерете с командата Безплатна трансформация.
Натиснете Enter (Win) / Return (Mac), когато сте готови да приемете трансформацията и да излезете от Free Transform:
Лявата снимка е заменена.
Направете същото за другите две снимки, за да ги размените с други изображения. Първо изберете слоя на снимката в панела "Слоеве" ("Слой 2" или "Слой 3"), след това щракнете с десния бутон на мишката (Спечелете) / Контролен бутон (Mac) от името на слоя и изберете Замяна на съдържанието от менюто, което се показва. Когато се появи диалоговият прозорец „Място“, изберете новата снимка, която искате да използвате, след което кликнете върху бутона „ Място “. Ако трябва да преоразмерите новото изображение, натиснете Ctrl + T (Win) / Command + T (Mac) и плъзнете ъгловите дръжки на Free Transform, задържайки Shift, докато влачите. Натиснете Enter (Win) / Return (Mac), когато сте готови да излезете от Безплатна трансформация.
Ето моят резултат след замяната на средната и лявата снимка с нови изображения:
Замяната на оригиналните изображения с нови беше лесна благодарение на Smart Objects!
Не забравяйте да запазите документа като .PSD файл на Photoshop, когато сте готови, за да запазите слоевете и Smart Objects непокътнати, готови за следващия път, когато трябва да отворите отново файла и да добавите нови снимки!