Как да създадете онлайн фоторамка с помощта на Photoshop

Как да създадете онлайн фоторамка с помощта на Photoshop

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





Стъпка 1: Настройте вашия файл

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





След това отворете Photoshop, за да настроите вашия документ. За този урок да кажем, че рамката за картини, която създавате, е аватар в социалните медии. Аватарите обикновено са с еднакви размери от всички страни, независимо дали са кръгови или квадратни.





Имайки това предвид, задайте размера на документа си на поне 1000x1000 пиксела, въпреки че можете да го увеличите. Тези размери ще действат като ръководство за вашата рамка за картина.

Стъпка 2: Настройте своя инструмент за персонализирана форма

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



След това се уверете, че вашият Инструмент за персонализирана форма е активен. След това проверете цветовете за вашата персонализирана форма в Попълнете и Удар секции.

В момента в момента има активна цветова палитра по подразбиране. Не искам обаче да използвам тези цветове в рамката си за картина, затова ще ги изключа.





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

Можете също да заредите персонализирана цветова палитра, ако вече сте я създали. Ако не сте го правили преди, разгледайте нашия урок с обяснения как да създадете персонализирана цветова палитра във Photoshop .





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

какво е хардуерно ускорение в хром

След това отидете на вашия Форма падащото меню и изберете дизайна, който ще бъде най -подходящ за вашата снимка.

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

Въпреки че Adobe има много предварително изградени рамки, те са прекалено фантастични за нашата цел. Този кръг трябва да свърши работа.

Стъпка 3: Начертайте формата си

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

Ако случайно сте изтеглили изображението си от страницата-като мен-не се притеснявайте. Можете или да използвате Инструмент за избор на път или Инструмент за преместване да центрирате рамката си. Тук е подчертано в червено.

Стъпка 4: Приложете стил на слой

След като рамката ви е центрирана, може да искате да приложите ефект към нея, за да изглежда по -скоро „3D“.

За да направите това, отидете на вашия Слой панел и щракнете двукратно върху слоя, който съдържа вашата форма. Ще се появи кутия с надпис Стил на слоя .

Под Опции за смесване , ще видите Bevel & Emboss . Щракнете върху тази опция, за да я активирате, и се уверете, че квадратчето до името е попълнено.

След като отметката е активна, ще видите, че вашата фоторамка е придобила по -3D качество.

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

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

След като коригирате всичките си настройки, щракнете върху Добре .

Стъпка 5: Растеризирайте своя слой

След като завършите скосяването, ще искате да изберете рамката си, за да създадете „избор на рамка“. Това ще ви позволи да извикате „формата“ на по-късна дата и лесно да приложите цветна заливка във формата на тази селекция --- само в различен слой.

Мислете за това като за пряк път към редактирането.

Когато изберете своя Инструмент Magic Wand , уверете се, че вашето изображение в момента е настроено на 16 бита . Ще получите предупреждение от Photoshop, ако не е така.

Ако не е, кликнете върху Изображение> Режим> 16 бита . Тъй като работите в различни слоеве, Photoshop ще ви попита дали искате да обедините тези слоеве, когато намалите дълбочината на документа.

Щракнете Не сливайте . Все още искате тези слоеве да бъдат отделени.

След като промените дълбочината на изображението си, все още ще трябва да „растеризирате“ слоя си, за да използвате Magic Wand. Това означава, че преобразувате векторна графика в такава, базирана на пиксели.

За да растеризирате вашия слой, щракнете с десния бутон върху слоя, който съдържа вашата фоторамка, и изберете Растеризирайте стил на слоя .

Стъпка 6: Направете избор

След това се върнете към вашия Инструмент Magic Wand и изберете празното място от вътрешната и външната страна на рамката за картина.

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

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

Ако се опитате да щракнете директно върху вашата 3D рамка, Photoshop ще избере само цветовете със същата стойност и нюанс-не цялата.

С Изберете Обратно , сега имате чист избор на вашата рамка.

За да запазите този избор за по -нататъшно използване, отидете в лентата с менюта в горната част на работното си пространство. Щракнете Изберете> Запазване на селекцията .

Дайте на вашия избор смислено име, след което щракнете върху Добре .

Стъпка 7: Регулирайте цвета

След като сте създали своята онлайн рамка за снимки, може да искате да коригирате цвета й.

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

От Канал падащия списък, изберете избраната от вашата рамка за картина.

След като изборът е активен, преминете към вашия Кофа с боя или Градиент инструмент и нанесете някакъв цвят върху този слой. Той ще остане в границите на този избор.

иконата на батерията не се показва на windows 10

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

За да направите това, кликнете върху Режим на смесване падащото меню във вашия Слоеве панел. Изберете ефект.

Както можете да видите, този ефект озарява рамката ми, като същевременно улавя светлите и тъмните нюанси на 3D скосяването отдолу.

Стъпка 8: Добавете вашата снимка

След като приключите с рамката за картина, вероятно ще искате да поставите снимка вътре в нея. За да демонстрирам тази част, използвах себе си.

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

След като плъзнете снимката на главата в раздела, Photoshop ще пренесе снимката на главата във вашето работно пространство за рамка за картина.

Освободете файла. Photoshop автоматично ще постави снимката на главата в нов слой във вашия Слоеве панел.

След като тази снимка на глава е в нов слой, преместете този слой с глава под слоя с рамката на картината. Рамката трябва да се вижда отгоре.

Ако е необходимо, коригирайте снимката на главата, за да пасне по -добре на вашата рамка, като отидете Редактиране> Безплатна трансформация . Плъзнете точките на закрепване навътре, за да го намалите.

След това отидете на слоя рамка за картина. Активирайте вашия Магическа пръчка инструмент, след което изберете пространството около външната страна на рамката.

След като зоната извън рамката ви бъде избрана, върнете се към слоя за снимки на главата. Отидете в менюто в горната част на екрана, след което щракнете върху Редактиране> Разрез.

Това бързо ще премахне останалата част от картината ви извън рамката, създавайки ефекта „подобен на картината“.

Стъпка 9: Запазете файла си за мрежата

Сега, когато вашата снимка на главата е поставена и рамката ви за картина е готова, вие сте готови да запазите.

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

След като фонът ви е изключен, отидете на Файл> Експорт> Запазване за мрежата (Наследено) . Запазете файла си като PNG. И ето го. Готови сте.

Персонализиране на вашето онлайн присъствие

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

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

Дял Дял Туит електронна поща Ето защо ФБР е издало предупреждение за кошери Ransomware

ФБР издаде предупреждение за особено гаден вид рансъмуер. Ето защо трябва да сте особено предпазливи към рансъмуера на Hive.

най -доброто приложение за wifi обаждания за android
Прочетете Напред Свързани теми
  • Творчески
  • Споделяне на снимки
  • Адобе Фотошоп
  • Дизайн
  • Урок за Photoshop
За автора Шиан Еделмайер(136 статии са публикувани)

Шиан има бакалавърска степен по дизайн и опит в подкастинг. Сега тя работи като старши писател и 2D илюстратор. Тя обхваща творчески технологии, забавления и производителност за MakeUseOf.

Още от Шиан Еделмайер

Абонирайте се за нашия бюлетин

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

Щракнете тук, за да се абонирате