В този урок ще ви покажа как да поставите изображение във форма във Photoshop. Лесно е да вмъкнете снимка във всяка форма, независимо дали е обикновен правоъгълник, кръг или изискана персонализирана форма. В този урок ще използваме персонализирана форма. Също така ще ви покажа как да изтеглите новите форми, които идват с Adobe Photoshop.

Ето пример как ще изглежда крайният ефект след поставяне на снимката във формата. Заедно с поставянето на изображение във формуляра, ще разгледаме и как да промените цвета на фона или да го премахнете, така че да можете да преместите формуляра на какъвто фон желаете.

Окончателното изображение е поставено във форма

В този урок ще използвам Photoshop 2022, за да вмъкна картина във формуляр.

Видео урок в моя канал:

Създаване на нов документ

Започнете със създаване на нов документ на Photoshop. Ако сте на главния екран, натиснете бутонаНов файл.

Чрез щракване върху бутона Нов файл на главния екран на Photoshop

Или можете да отидете до менюФайлна панела и да изберетеНово.

Отидете на Създаване на файл

Във всеки случай ще се отвори диалогътНов документ, където можете да въведете необходимите параметри в колоната вдясно. Ще създам документ с квадратна форма, като задам ширината и височината на 2000px.

Тъй като ще поставим изображение във формуляра, а изображенията обикновено се записват с по-висока резолюция, ще променяResolutionна300ppi. А за параметъраСъдържание на фонаще оставя стойносттаБяло.

Нови настройки на документа

След това натиснете бутонаСъздаване.

Щракнете върху Създаване

Photoshop ще създаде нов документ.

Нов документ

Отворен панелФорми

Най-бързият начин да рисувате персонализирани фигури във Photoshop е да ги добавите от панелаShapes. За да отворитеShapes, отидете на менюWindowи изберетеShapes.

Отидете до прозореца за фигури

ПанелФорми се отваря в колоната на вторичните панели (вляво от основните). Можете да покажете или скриете панел, като щракнете върху неговата икона.

Панелът Shapes се отваря в тесен панел с колони

Първоначално се виждат само формите по подразбиране, разделени на групи.

Групи персонализирани форми по подразбиране

Отворете която и да е група, за да видите формите в нея, като щракнете върху стрелката до иконата на папка.

Преглед на форми в група

Можете да плъзнете долната част на панелаФорми надолу, за да го разгънете и да видите повече фигури едновременно.

Разширете лентата с форми

Зареждане на липсващи цифри

За да заредите всички липсващи фигури, включени във Photoshop, щракнете върху иконата на менюто на панелаФорми.

Щракнете върху иконата на менюто

След това изберетеLegacy Shapes and More.

Зареждане на групата Legacy Shapes and More

Новата групаLegacy Shapes and More ще се появи под групите по подразбиране.

Нова група Legacy Shapes and More

В групата има още две групи.2019 Shapesсъдържа стотици нови форми, които са добавени към Photoshop 2020. А групатаAll Legacy Default Shapes съдържа класически форми от по-стари версии на Photoshop .

Групи 2019 форми и всички наследени форми по подразбиране

Изберете форма

За този урок ще използваме една от класическите фигури. Отворете групатаAll Legacy Default Shapes.

Отваряне на всички стари формуляри по подразбиране

След това превъртете надолу доПрирода и го разгънете.

Първа група Природа

В комплектаПриродаизберете форматаПеперуда.

Избор на форма на пеперуда

Плъзнете формата върху платното

За да добавите форма, просто щракнете и плъзнете миниатюра от панелаФорми върху платното.

Плъзнете фигура от панела с фигури към платното

Photoshop рисува формата, когато пуснете бутона на мишката.

Photoshop рисува фигура

Преоразмеряване и центриране на формата

Преди да преоразмерите формата, отидете в лентата с опции и се уверете, че между полетатаWidthиHeight иконата за връзка към поправете избраното съотношение.

Уверете се, че ширината и височината са свързани една с друга

След това преоразмерете формата, като щракнете и плъзнете някоя от манипулаторите за трансформация. Ако задържите клавишаAlt(Win) /Option (Mac), докато плъзгате, фигурата ще се преоразмерява от центъра.

Плъзнете точка, за да преоразмерите фигурата

Щракнете и плъзнете фигурата към центъра на платното. Когато се приближите до центъра, той трябва да се заключи на място.

Плъзнете формата към центъра

След това щракнете върху отметката в лентата с опции, за да приемете промените.

Щракнете върху отметката

В панела със слоеве формата се появява на собствения си слой с форма. Знаем, че това е слой с фигура по иконата в долния десен ъгъл на миниатюрата.

Нов слой с форма в панела със слоеве

Проверете настройките за запълване и щрих в панела със свойства

Когато е избран слой на фигура, панелът със свойства ни дава достъп до всички опции за фигури, включително запълване и щрих.

Опции за запълване и щрихи в панела със свойства

По подразбиране Photoshop използва черно за запълване, което е добре, тъй като все още няма да видим цвета, когато запълним формата с изображение.

Но Photoshop също добавя 1px черен щрих около формата.

Попълване и щрих по подразбиране

Можем да добавим щрих по-късно, ако имаме нужда. Но засега изключете щриха, като щракнете върху цвета на рамката:

Щракнете върху мострата за цвят на щриха

Щракнете върху иконатаБез цвятв горния ляв ъгъл на панела. След това щракнете извън панела, за да го затворите, или натиснетеEnter(Win) /Return (Mac) на вашата клавиатура.

Задайте щрих на Без цвят

Поставете изображението в документа

Тъй като искаме изображението да се появи в същия документ като нашата форма, ще използваме командата на PhotoshopПоставяне в документ.

Отидете до менюФайли изберете командаПоставяне в документ.

Отидете на File Place inline

Отидете до мястото за запазване на изображението на вашия компютър. В моя случай е в папка на работния плот. Кликнете върху снимката, за да я изберете, след което щракнете върху бутонаМясто.

Изберете изображение и натиснете Place

Photoshop добавя изображение върху формата. Ако изображението е по-голямо от размера на документа, Photoshop ще го преоразмери.

Изображението е поставено пред формата

Ще преоразмерим изображението, след като бъде вмъкнато във формуляра. Междувременно щракнете върху отметката в лентата с опции.

Щракнете върху отметката

В панела със слоеве изображението се появява на нов слой над слоя с фигури. Обърнете внимание, че Photoshop е преобразувал изображението в интелигентен обект, както е показано от иконата на интелигентен обект в долния десен ъгъл на миниатюрата.Това означава, че независимо колко пъти преоразмеряваме изображението, то няма да загуби качество.

Photoshop поставя изображението като смарт обект

Създаване на изрязваща маска

В момента снимката е пред фигурата. За да поставите снимка във форма, щракнете върху иконата на менюто на панела със слоеве.

Щракнете върху иконата на менюто на панела със слоеве

След това изберетеСъздаване на изрязваща маска.

Изберете командата Създаване на изрязваща маска

Изрязващата маска притиска изображението към фигурата под нея, което означава, че единствената част от картината, която остава видима, е областта непосредствено над или пред формата. Всяка част от снимката извън формата е скрита, създавайки илюзията, че изображението е вътре във формата.

Резултат след изрязване на изображението, за да пасне

Върнете се в панела със слоеве, обърнете внимание, че слоят с изображение вече е изместен надясно, с малка стрелка, сочеща надолу към слоя с фигури под него. Ето как Photoshop ни казва, че сме създали изрязваща маска.

Панел със слоеве с изрязваща маска

Преоразмерете и позиционирайте изображение с помощта наСвободна трансформация

За да промените размера и позицията на изображението във формата, отворете менютоEditи изберетеFree Transform.

Безплатна трансформация

В лентата с опции се уверете, че иконата за връзка е избрана между полетатаWidthиHeight.

Уверете се, че иконата за връзка е избрана

Преоразмерете изображението, като плъзнете някоя от точките на трансформация. Докато плъзгате точка, можете да задържите клавишаAlt(Win) /Option (Mac) на клавиатурата си, за да промените размера на изображението от центъра му .

Преоразмеряване на изображение във фигура

Плъзнете снимката, за да позиционирате обекта във формата. Може да се наложи да промените размера и позицията на изображението отново и отново, докато получите желания резултат.

Позициониране на изображението във формата

Когато сте готови, щракнете върху отметката в лентата с опции.

Щракнете върху отметката

Как да промените цвета на фона

В този момент поставихме изображението във формата и основният ефект е постигнат. След това можете да направите няколко неща:

  • добавете щрих около фигурата
  • промяна на цвета на фона зад формата
  • напълно премахване на фона.

Първо, ще ви покажа как да промените цвета на фона. И най-лесният начин да направите това е да използвате слоя за запълванеПлътен цвят.

Добавяне на запълващ слойПлътен цвят

Искаме слоят за запълванеSolid Colorда бъде директно над слояBackground. Така че в панела със слоеве щракнете върху слояBackground, за да го изберете.

Изберете фонов слой

След това щракнете върху иконатаNew Fill LayerилиAdjustment Layer в долната част на панела със слоеве:

Щракнете върху иконата за ново запълване или коригиращ слой

ИзберетеПлътен цвят от горната част на списъка.

Добавяне на слой за запълване с плътен цвят

Изберете нов цвят на фона

Photoshop отваряИзбор на цвят, за да можем да изберем нов цвят за фона. Цветът по подразбиране е черен, което определено подчертава детайлите на формата. В нашия случай черното е твърде тъмно за пеперуда.

Ефект с черен цвят на фона

Можете да изберете друг цвят вИзбор на цвят. Но можете също да изберете цвета директно от изображението във формуляра. Просто задръжте курсора на мишката върху снимката и курсорът ще се превърне в капкомер. След това щракнете върху цвета, който искате да изберете.

Ще избера светъл тон на кожата на челото на момичето и той моментално ще стане новият цвят на фона.

Избиране на нов цвят на фона от изображението във формата

Когато намерите цвета, който харесвате, натиснете OK, за да затворитеИзбор на цвят. Обратно в панела със слоеве можем да видим, чеSolid Color слой за запълване е добавен между фоновия слой и слоя с формата над него.

Панел със слоеве с нов слой за запълване с плътен цвят

Как да добавите щрих около фигура

Друг начин за подобряване на ефекта е да добавите щрих около формата.

Изберете слой с форма

Първо, в панела със слоеве щракнете върху слоя с формата, за да го изберете.

Изберете слой с форма

Добавяне на ефект на слой с щрих

Въпреки че щрихи могат да се добавят от панела със свойства, аз все още предпочитам стария начин за добавяне на щрихи с помощта на ефекти на слоя. И така, с избрания слой Shape, щракнете върху иконатаfx в долната част на панела със слоеве:

Щракнете върху иконата за ефекти на слоя

И изберетеУдар.

Добавяне на ефект на слоя Stroke

Photoshop отваря диалоговия прозорецСтил на слояс опциитеЩрих в средната колона. За да промените цвета на щриха, щракнете върху цветната мостра.

Щракнете върху цветната мостра в диалоговия прозорец Стил на слоя

След това изберете нов цвят вИзбор на цвят. Ще избера бяло, като задамR,GиBна255. НатиснетеOK, когато сте готови, за да затворитеColor Picker(Color Picker).

Избор на цвят на бял щрих от цветовата палитра

Обратно в диалоговия прозорецСтил на слоя, задайтеПозициянаОтвънна щрих се появи около външната страна на формата.След това увеличете стойносттаSize, за да регулирате дебелината на щриха. Размер около18 px работи добре за моето изображение

Задаване на позиция и размер на линията

Щракнете върху OK, за да затворите диалоговия прозорецСтил на слоя. И ето моят резултат с щрих около формата.

Резултат с щрих, добавен около фигурата

Ако не харесвате щриха, можете да го изключите в панела със слоеве, като щракнете върху иконата за видимост до думатаЩрих.

Включете или изключете хода, като щракнете върху иконата за видимост

Как да премахнете фона зад формата

Накрая, нека да разгледаме как да премахнем фона зад формата, така че да можем да поставим формата и изображението вътре в нея на различен фон. Също така ще ви покажа как да запазите резултата и какъв тип файл ви е необходим, за да запазите фона прозрачен.

Изключете фоновия слой и запълнете слояПлътен цвят

Първо, за да премахнете фона зад формата, изключете слояBackground, като щракнете върху иконата му за видимост в панела със слоеве.

Деактивиране на фоновия слой

И ако слоят за запълванеПлътен цвят е добавен в предишния раздел, щракнете върху иконата за видимост, за да го изключите.

Деактивирайте слоя за запълване с плътен цвят

Това ни оставя прозрачност зад формата, която Photoshop представя като кариран модел.

Фонът вече е прозрачен

Изрязване на прозрачни пиксели

Нямаме нужда от цялото допълнително пространство около формата. За да го изрежете, отворете менютоИзображениеи изберетеИзрязване.

Отидете на Изрязване на изображение

В диалоговия прозорецCropсе уверете, чеTransparent Pixelsе избрано в горната част иTop е избрано в отдолу,отдолу,лявоидясно. След това натиснете бутонаOK.

Настройки за изрязване

Photoshop ще изреже зоните около формата.

Околните пиксели са изрязани

Запазете резултата във файлPNG

Накрая, за да запазите резултата, отидете до менютоFileи вместо да изберетеSaveилиSave КатоизберетеЗапазване на копие.

Отидете на Файл Запазете копие

Можете да го запазите на вашия компютър или в облака.

Избиране на опцията Запазване на вашия компютър

За да запазим формата прозрачна, не можем да я запазим като файлJPEG.webp, защотоJPEG.webpне поддържа прозрачност. Вместо това трябва да го запазим като файлPNGЩракнете върху полетоЗапиши като типна компютър с Windows илиФорматиранена Macbook и изберетеPNG

Задаване на файлов тип на PNG

След това дайте име на файла. Ще го кръстяimage-in-shape.png.webp.

Име на файл

Отидете до мястото, където е записан файлът на вашия компютър. Ще го запазя в същата папка на моя работен плот, където е записано моето изображение. След това натиснете бутонаSave.

Щракнете върху Запазване

Накрая в диалоговия прозорецОпции за PNG форматизберете опцията по-долуНай-малък размер на файлаи натиснетеOK.

Изберете най-малкия размер на файла

Това е! Разгледайте раздела Photoshop Photo Effects за още повече уроци за Photoshop ефекти!

Категория: