В този урок ще научите как да попълните форма с изображение във Photoshop! Както ще видите, Photoshop улеснява поставянето на снимка във всякакъв вид форма, от основен правоъгълник или кръг до фантастична персонализирана форма. За този урок ще използваме една от готовите персонализирани форми на Photoshop. Но след като научите стъпките, можете да започнете да поставяте изображения във всяка форма, която харесвате!
Ето как ще изглежда крайният ефект „изображение във форма“, когато приключим. Разбира се, това е само един пример за ефекта. Има много форми, от които да избирате във Photoshop, и дори можете да създадете свои. Така че след като научите стъпките, наистина няма ограничение за това, което можете да направите:
Крайният ефект „изображение във форма“.
Да започваме!
Как да попълните форма със снимка
Използвам Photoshop CC, но всичко, което ще правим, също е съвместимо с Photoshop CS6.
Стъпка 1: Създайте нов документ
Нека започнем със създаването на нов документ. Отидете до менюто File в лентата с менюта в горната част на екрана и изберете New :
Отидете на File & New.
Това отваря диалоговия прозорец Нов документ . Ако използвате Photoshop CC, ще видите току-що преработената версия на диалоговия прозорец Нов документ. Ако използвате Photoshop CS6, ще видите по-старата, традиционна версия. Първо ще разгледаме версията на Photoshop CC, след това ще разгледаме версията CS6.
В Photoshop CC опциите за създаване на нов, персонализиран документ се намират в панела Preset Details вдясно на диалоговия прозорец. За този урок, нека създадем документ с квадратна форма. Задайте ширината и височината на 2000 пиксела . Ще зададем резолюцията на 72 пиксела / инча, а фоновото съдържание - на бяло . Кликнете върху Създаване, за да създадете новия документ:
Панел за предварително зададени данни в диалоговия прозорец Нов документ в Photoshop CC.
В Photoshop CS6 отново задайте както Ширината, така и Височината на 2000 пиксела, Разделителната способност на 72 пиксела / инча и Съдържанието на фона на Бяло . Щракнете върху OK, за да създадете новия документ:
Новият диалогов прозорец във Photoshop CS6.
Гледайте видеоклипа и споделяйте вашите коментари в нашия YouTube канал!
Стъпка 2: Изберете Инструмент за персонализирана форма
Както споменах по-рано, можете да използвате всеки тип форма за този ефект, от обикновен правоъгълник или кръг до персонализирана форма. За този урок ще използвам една от вградените персонализирани форми на Photoshop.
Изберете Инструмент за персонализирана форма от лентата с инструменти. По подразбиране Инструментът за персонализирана форма се влага зад инструмента за правоъгълник. Щракнете с десния бутон на мишката (Win) / Control (щракнете върху Control) (Mac) в инструмента Rectangle, след което изберете менюто Custom Shape Tool от менюто:
Избор на Инструмент за персонализирана форма от лентата с инструменти.
Стъпка 3: Задайте режима на инструмента на „Shape“
Има три различни вида форми, които можем да нарисуваме във Photoshop. Можем да рисуваме векторни форми, пътеки или пикселни форми. За този ефект искаме да нарисуваме векторни форми, които ще ни позволят да начертаем формата, всякакъв размер, от който се нуждаем, като същевременно поддържаме краищата хубави и остри.
Photoshop се отнася до векторните форми просто като "форми". При избран инструмент за персонализирана форма се уверете, че опцията за режим на инструмента в лентата с опции е зададена на Форма :
Задаване на режима на инструмента на "Форма" в лентата с опции.
Стъпка 4: Задайте цвета на формата на черно
За да видим формата си на бял фон, ще зададем цвета на запълване на формата на черно . В лентата с опции (непосредствено до опцията „Режим на инструмента“) ще намерите цветовия фиш .
По подразбиране цветът вече ще е черен. Ако не е, натиснете буквата D на клавиатурата си. Това ще нулира вашите цветове на преден план и фон на техните стойности по подразбиране, като цветът на предния план (и цвета на запълване на формата) ще бъде черен:
Цветовият фиш запълване в лентата с опции. Уверете се, че е настроен на черно.
Стъпка 5: Заредете персонализираните форми
Photoshop включва много готови персонализирани форми, от които да избираме. Но по подразбиране в програмата се зареждат само шепа от тях. За да намерим останалите, трябва да ги заредим в себе си.
Миниатюрата Shape в лентата с опции показва избраната в момента форма. Кликнете върху миниатюрата, за да изберете друга форма:
Кликнете върху миниатюрата Shape в лентата с опции.
Това отваря Custom Picker Picker с миниатюри на всички форми, от които можем да избираме. Както споменах, по подразбиране се показват само шепа форми. Нека да заредим всички форми, за да ни дадем повече избор.
Кликнете върху иконата на менюто ( иконата на зъбно колело) в горния десен ъгъл на избора на персонализирана форма:
Кликнете върху иконата на менюто на Избиращия персонализиран формуляр.
В долната половина на менюто, което се показва, ще видите списък с всички персонализирани набори от форми, от които можем да избираме. Вместо да зареждаме всеки поотделно, за да видим какво получаваме, нека просто да ги заредим наведнъж. За да направите това, изберете Всички от горната част на списъка:
Зареждане на всички набори от персонализирани форми във Photoshop.
Photoshop ще ви попита дали искате да замените текущите фигури с новите. Тъй като формите по подразбиране са включени в различните набори форми, няма да загубим нищо, като ги заменим, така че щракнете върху OK :
Щракнете върху OK, за да замените текущите форми с новите.
Стъпка 6: Изберете персонализирана форма
Върнете се в Избор на персонализирана форма, сега имаме много повече форми за избор. Превъртете през миниатюрите, докато намерите този, който искате да използвате. Формата на сърцето (която всъщност е част от формите по подразбиране) е популярен избор. Но за нещо различно ще избера формата на пеперудата .
За да изберете форма, щракнете двукратно върху нейната миниатюра. Това избира формата и се затваря от избора на персонализирана форма.
Избор на персонализирана форма на пеперуда.
Стъпка 7: Начертайте формата
За да нарисувате формата си, щракнете в горната лява част на документа, за да зададете начална точка. С натиснат бутон на мишката натиснете и задръжте клавиша Shift на клавиатурата си и плъзнете диагонално надолу към долния десен ъгъл на документа. Задържането на клавиша Shift, докато влачите, заключва съотношението на формата на формата, така че да не изкривявате външния вид на нея.
Докато рисувате формата, ще видите само пътека, как ще изглежда формата:
Кликнете в горната лява част, задръжте Shift и плъзнете в долния десен ъгъл.
За да завършите формата, освободете бутона на мишката и след това освободете клавиша Shift. Уверете се, че първо пуснете бутона на мишката, след това клавиша Shift или пропорцията на формата може да се промени. Photoshop рисува формата, като я запълва с черно:
Photoshop рисува формата, когато пуснете бутона на мишката.
Ако погледнем в панела Слоеве, виждаме формата, седнала върху собствения му слой над над запълнения с бял фон слой:
Панелът "Слоеве" показва слой Shape над фоновия слой.
Стъпка 8: Преместете формата в центъра
За да преместите формата в центъра на документа, изберете инструмента за преместване на Photoshop от лентата с инструменти:
Избор на инструмента за преместване
След това кликнете върху формата и я плъзнете в центъра. Той трябва да щракне на мястото си, след като се доближите до средата:
Преместване на формата в положение.
Стъпка 9: Отворете вашето изображение
Отворете изображението, което искате да поставите във вашата форма. Ето този, който използвам (момиче със снимка на пеперуда от Adobe Stock). Вашето изображение ще се отвори в собствен документ с отделни раздели:
Изображението, което ще поставя във формата. Кредит за снимки: Adobe Stock.
Стъпка 10: Изберете и копирайте изображението
Нека копираме изображението и го поставим в документа на формата. Отидете до менюто Избор в горната част на екрана и изберете Всички . Ще видите очертания за избор около изображението.
Отидете на Избор> Всички.
С избраното изображение отидете в менюто Редактиране и изберете Копиране :
Отидете на Редактиране> Копиране.
Стъпка 11: Поставете изображението в документа във формата
Превключете обратно към документа на формата, като щракнете върху неговия раздел точно под лентата с опции. Ако не сте посочили документа, когато го създадохте (което не го направихме), той най-вероятно е наречен „Untitled-1“:
Кликнете върху раздела на документа за формата.
След това се върнете обратно към менюто Редактиране и този път изберете Поставяне :
Отидете на Редактиране> Поставяне.
Photoshop вкарва изображението в документа. В момента изображението напълно блокира формата от поглед. Освен това изображението ми е твърде голямо, за да се побере изцяло в документа на формата. Ще отстраним и двата проблема в следващите няколко стъпки:
Изображението е поставено в документа на формата.
Стъпка 12: Създайте Маска за изрязване
Ако погледнем отново в панела Слоеве, виждаме, че Photoshop е поставил изображението на нов слой над слоя Shape:
Панелът Слоеве, показващ изображението над формата.
За да поставите изображението във формата, всичко, което трябва да направим, е да създадем изрязваща маска. Уверете се, че сте избрали слоя на изображението ("Layer 1"). След това отидете до менюто Слое в горната част на екрана и изберете Създаване на маска за изрязване :
Отидете на слой> Създаване на маска за изрязване.
Това "клипва" изображението на "слой 1" на слоя Shape под него, което означава, че единствената част от изображението, която остава видима в документа, е областта, която седи непосредствено над (или пред) формата. Останалата част от изображението вече е скрита, създавайки илюзията, че изображението всъщност е вътре във формата:
Изрязващата маска поставя изображението във формата.
И ако погледнем отново в панела „Слоеве“, виждаме, че „Слой 1“ е вдлъбнат отдясно, като малка стрелка е насочена надолу към слоя Shape под него. Ето как Photoshop ни дава да разберем, че изображението сега е изрязано във формата:
Панелът Слоеве, показващ изображението, прикачено към слоя Shape.
Стъпка 13: Оразмерете и променете изображението с безплатна трансформация
За да промените размера и да препозиционирате изображението във формата, отново се уверете, че сте избрали „Layer 1“. След това отидете до менюто Редактиране и изберете Безплатна трансформация :
Отидете на Редактиране> Безплатна трансформация.
Това поставя кутията за свободна трансформация и дръжки (малките квадратчета) около действителните размери на вашето изображение, включително зоната извън видимото платно. Ако не можете да видите всичките си дръжки за безплатна трансформация, защото изображението ви е твърде голямо, за да се побере изцяло на екрана, отворете менюто View и изберете Fit on Screen : Fit on Screen :
Отидете на изглед> Fit on Screen.
Photoshop автоматично регулира нивото на увеличение, така че да се вижда цялото поле за безплатна трансформация. Тук виждаме полето ми за безплатна трансформация, което се простира вдясно от платното:
Появява се полето Безплатна трансформация около цялото изображение.
За да промените размера на изображението във формата, натиснете и задръжте клавиша Shift и плъзнете някоя от ъгловите дръжки . Задържането на клавиша Shift, докато влачите, заключва оригиналното съотношение на формата, докато го преоразмерявате.
За да преместите изображението във формата, щракнете навсякъде в полето Безплатна трансформация и плъзнете изображението на място.
Ето, аз влача дръжката в горния десен ъгъл навътре и също така преместих изображението, за да приляга по-добре на лицето на момичето във формата на крилото на пеперудата:
Използване на безплатна трансформация за преоразмеряване и преместване на изображението във формата.
Когато сте готови, натиснете Enter (Win) / Return (Mac) на клавиатурата си, за да извършите промяната и да излезете от командата Free Transform:
Изображението сега се вписва по-добре във формата.
Стъпка 14: Промяна на цвета на фона
В този момент се прави основният ефект "изображение във форма"! Разбира се, винаги можем да направим повече, за да го персонализираме и да изглеждаме още по-добре. Едно нещо, което можем да направим, е да променим цвета на фона.
Най-лесният начин да промените цвета на фона е като използвате един от запълващите слоеве на Photoshop Solid Color. Ще ни трябва слой за запълване на плътния цвят, за да се появи между фоновия слой и слоя Форма, така че първо щракнете върху фоновия слой в панела Слоеве, за да го изберете:
Избор на фонов слой.
След това кликнете върху иконата New Fill или Adjustment Layer в долната част на панела Layers:
Кликнете върху иконата за нов запълващ или коригиращ слой.
Изберете Плътен цвят от върха на списъка:
Добавяне на слой за запълване на плътен цвят.
Photoshop изскачащи отвори Color Picker, където можем да изберем нов цвят. Черното е популярен избор като цвят на фона за този ефект, така че нека да видим как изглежда това:
Избор на черно от Цветника.
Черното определено разкрива детайлите на формата, но като цвят на фона за пеперуда, не съм сигурен, че работи:
Резултатът след промяна на цвета на фона на черен.
Мога да избера различен цвят от самия Color Picker. Или бих могъл да пробвам цвят директно от изображението във формата, което често работи по-добре.
За целта преместете курсора на мишката върху цвета, който искате да опитате. Курсорът ви временно ще премине към иконата на Eyedropper Tool, като ви уведомява, че е готов за изваждане на цвят. Обичам да поддържам фини цветове на фона, така че вместо да избирам зелено от дърветата или червено от цветята, ще избера светъл тон на кожата от челото на момичето, като щракнете върху него, за да го пробвам:
Проба на цвят, който да се използва за фон.
Щом щракнете, изваденият цвят става новият цвят на фона. Този нов цвят ми харесва по-добре, така че ще щракнете върху OK, за да затворя избора на цветове:
Избраният цвят вече е цветът на фона.
Ако погледнем в панела „Слоеве“, виждаме нашия запълващ слой „Пълен цвят“, наречен „Цвят на запълване 1“, седнал между фоновия слой и слоя „Форма“, точно там, където ни трябваше:
Панелът Слоеве, показващ новия слой за запълване на Пълен цвят.
Стъпка 15: Добавете удар
И накрая, нека завършим ефекта, като добавим щрих около формата. Кликнете върху слоя Shape в панела Слоеве, за да го изберете:
Избор на слой Shape.
След това кликнете върху иконата на слоевете на слоевете (иконата " fx ") в долната част на панела Слоеве:
Кликнете върху иконата на слоевете на слоевете.
Изберете Ход от списъка:
Избор на стил на слой Stroke.
Отваря се диалоговият прозорец на Photoshop's Layer Style, зададен на опциите Stroke в средната колона. За да промените цвета на щриха, кликнете върху цветовата папка :
Щракване на цветовия образ.
Това отново отваря Цветника. Ще избера бяло за моя щрих цвят, след което щракнете върху OK, за да затворя от Color Picker:
Избор на бяло от Цветния подбор.
Върнете се в диалоговия прозорец „Слой на слоя“, ще настроя позицията на хода на вън, така че да се появи около външната страна на формата. След това ще увелича размера на размера, за да коригирам дебелината на хода. За това изображение мисля, че размерът от около 12 px работи добре:
Задаване на позиция навън и размер на 12 px.
Кликнете върху OK, за да затворите диалоговия прозорец „Слой стил“. И с това сме готови! Ето, след промяна на цвета на фона и добавяне на щрих около пеперудата, е последният ми ефект „изображение във форма“:
Крайният резултат.
И там го имаме! Ето как лесно да поставите изображение във форма, като използвате изрязващи маски във Photoshop! Вижте нашата секция с фото ефекти за още уроци за ефекти за Photoshop! И не забравяйте, всички наши уроци за Photoshop вече са достъпни като PDF файлове, готови за печат!