В този урок за Photoshop Effects ще научим как да създадем просто оформление на фоторамки в стил галерия, допълнено с надпис под него, сякаш снимката е изложена в художествена галерия. Това може да бъде много елегантен и елегантен начин да представите работата си, а създаването на оформлението е лесно.
Ето как ще изглежда крайният резултат (разбира се, снимките и надписите ви за текст ще са различни):
Окончателното оформление на фоторамката в стила на галерията.
Как да създадете фоторамка в стил галерия
Стъпка 1: Създайте нов документ
Нека започнем със създаването на нов документ. Отидете до менюто File в лентата с менюта в горната част на екрана и изберете New :
Отворете Файл> Ново.
Това отваря диалоговия прозорец Нов документ на Photoshop. Искам окончателното ми оформление да се отпечатва като 8x10 в пейзажна ориентация, така че ще вкарам стойност от 10 инча за ширината и 8 инча за височината (не забравяйте да зададете типа на измерване на инчове, а не пиксели ). Размерите, от които се нуждаете за оформлението си, може да са различни. Тъй като ще искам да отпечата висококачествено, ще въведа стойност на резолюцията от 240 пиксела / инч . И накрая, задайте Background Contents на White, което ще запълни фона на новия документ с бяло, въпреки че ще го променим за миг (това просто ни държи на същата страница):
Задайте ширината, височината, разделителната способност и цвета на фона в диалоговия прозорец Нов документ.
Щракнете върху OK, за да затворите диалоговия прозорец. На вашия екран ще се появи нов документ, изпълнен с бяло.
Стъпка 2: Напълнете новия документ с черно
С нашия нов документ, създаден, нека го запълним с черно, което ще се превърне в цвят на фона на оформлението. Отидете до менюто Редактиране в горната част на екрана и изберете Запълване :
Отидете на Редактиране> Запълване.
Това извежда диалоговия прозорец Запълване. Задайте опцията Използване в горната част на диалоговия прозорец на Черно :
Задайте опцията Use на черно.
Щракнете върху OK, за да излезете от диалоговия прозорец, и Photoshop попълва документа с плътно черно:
Черното вече е цветът на фона за оформлението.
Стъпка 3: Добавете нов празен слой и го наречете „Photo Area“
Нека добавим нов празен слой към нашия документ, като кликнем върху иконата New Layer в долната част на панела Слоеве:
Кликнете върху иконата New Layer.
Това добавя нов празен слой, който Photoshop автоматично назовава „Layer 1“, над фоновия слой в панела „Слоеве“. Кликнете два пъти директно върху името "Layer 1" и променете името на снимка . Натиснете Enter (Win) / Return (Mac), когато сте готови да приемете промяна на името:
Кликнете два пъти върху името на новия слой и го променете на „photo area“.
Стъпка 4: Плъзнете селекция около основната зона за снимки
Трябва да направим селекция около зоната, в която ще се показва снимката. Изберете инструмента „Правоъгълна маркировка“ от панела „Инструменти“:
Изберете инструмента за правоъгълна маркировка.
При избран инструмент за правоъгълна маркировка лентата с опции в горната част на екрана ще се промени, за да се покажат опции специално за този инструмент. Ще проектирам моето оформление, за да покажа снимка със стандартно съотношение 4х6, в пейзажна ориентация. За да направя това, първо ще променя опцията Style в лентата с опции на Фиксирана съотношение, след това ще въведем 6 за Ширина и 4 за Височината (съотношението на страните, което искате за вашата снимка, може да е различно) :
Променете опцията Style на Fixed Ratio, след това въведете 6 за Width и 4 за Height.
След това ще щракна на около сантиметър или толкова далеч от горния ляв ъгъл на документа и ще изтеглем селекция, която ще се превърне в областта, в която се показва снимката. Докато тегля, Photoshop заключва избора до съотношението на страните, което зададох в лентата с опции:
Плъзнете селекция около областта, в която ще се показва снимката.
Стъпка 5: Запълнете селекцията със сиво
С избрания избор отидете в менюто Редактиране и изберете Запълване още веднъж. Този път, когато се появи диалоговият прозорец Запълване, задайте опцията Използване на 50% сиво :
Задайте Използване на 50% сиво.
Щракнете върху OK и Photoshop запълва зоната на снимката със сиво. Натиснете Ctrl + D (Win) / Command + D (Mac), за да премахнете контура за избор:
Зоната за снимки вече е изпълнена със сиво.
Стъпка 6: Подравнете хоризонтално фотозоната с документа
Преди да продължим, нека се уверим, че нашата снимка е хоризонтално подравнена с документа. Натиснете Ctrl + A (Win) / Command + A (Mac) на вашата клавиатура, която незабавно ще избере целия документ (около ръбовете на прозореца с документи ще се покаже контур за избор. Натиснете буквата V на клавиатурата си, за да изберете бързо инструмента за движение на Photoshop. След това, с избрания инструмент Move, щракнете върху опцията Подравняване на хоризонталните центрове в лентата с опции:
Използвайте опцията Подравняване на хоризонталните центрове, за да подравните зоната на снимката с документа.
Ако зоната ви за снимки е била малко в центъра на хоризонтала, Photoshop ще я щракне в перфектно съответствие с документа. Натиснете Ctrl + D (Win) / Command + D (Mac), когато сте готови, за да премахнете избора на документа.
Стъпка 7: Добавете тънка бяла рамка
Нека добавим тънка бяла рамка около зоната за снимки. За това ще използваме един от стиловете на слоя на Photoshop. Кликнете върху иконата на слоевете на слоевете в долната част на панела Слоеве:
Кликнете върху иконата Layer Styles.
След това изберете Stroke от дъното на списъка:
Изберете Ход от списъка.
Отваря се диалоговият прозорец на Photoshop's Layer Style, зададен на опциите Stroke в средната колона. Първо щракнете върху цветовия отдясно от думата Color, който ще отвори Color Picker, и изберете бял като цвят за щриха. Щракнете върху OK, за да затворите избора на цветове, когато сте готови. След това променете позицията на удара на вътре . Накрая коригирайте размера на хода, като плъзнете плъзгача Размер вдясно. Можете да видите предварителен преглед на размера на хода в прозореца на документа, докато плъзгате плъзгача. Тъй като искаме тънка граница, ще настроя размера на моя ход на 4 px :
Променете цвета на щриха на бял и Позицията на вътре, след което регулирайте размера на хода с плъзгача.
Кликнете върху OK, за да излезете от диалоговия прозорец „Слой стил“. Сега около зоната за снимки в прозореца с документи се появява тънък бял щрих (причината да запълним снимката със сиво, а не бяло по-рано, беше така, че да можем да видим бялата рамка около нея):
Появява се първата от две бели рамки. Ще добавим второ след малко.
Стъпка 8: Направете копие на слоя на зоната за снимки
С избрания слой на фотошопа в панела Слоеве (избраните слоеве са подчертани в синьо), натиснете Ctrl + J (Win) / Command + J (Mac) на клавиатурата си, за да направите копие на слоя, който Photoshop ще постави над оригинални. Забележете, че стилът на слоя щрих също се копира:
Photoshop автоматично именува новия слой "копие на фотографска зона".
Стъпка 9: Преименувайте слоя и го плъзнете между оригиналните два слоя
Щракнете двукратно директно върху името "копие на фотографска зона" и променете името на слоя на рамка, тъй като ще го използваме, за да добавим външна граница към фотозоната за момент. Натиснете Enter (Win) / Return (Mac), за да приемете промяната на името. След това кликнете върху граничния слой в панела "Слоеве" и, докато все още държите бутона на мишката, го плъзнете между фоновия слой и слоя със снимка. Пуснете бутона на мишката, за да го поставите на място, когато между двата слоя се появи лента за осветяване:
Плъзнете новия слой между оригиналните два.
Стъпка 10: Намалете запълването на граничния слой до 0%
Ще използваме запълнената със сиво зона на граничния слой, за да добавим втори, по-дебел ход около снимката. Проблемът е, че всъщност не искаме сивата зона да се вижда на този слой. Всичко, което искаме да можем да видим, е белият щрих около него. За да скриете сивото и да запазите видимо само хода, просто намалете запълващия слой за границата до 0% . Fill скрива съдържанието на слой, но запазва всички стилове на слой видими. Ще намерите опцията запълване директно под опцията за непрозрачност в горната част на панела Слоеве. Изглежда, че нищо не се е променило в прозореца с документи, тъй като слоят на зоната за снимки блокира граничния слой от изглед:
Задайте Fill на 0%, за да скриете сивото, без да криете хода около него.
Стъпка 11: Използвайте безплатна трансформация, за да добавите пространство около зоната за снимки
Когато Fill е настроен на 0%, натиснете Ctrl + T (Win) / Command + T (Mac), за да изведете полето за безплатна трансформация на Photoshop и да обработва около сивата зона на граничния слой. Задръжте натиснат клавиша Alt (Win) / Option (Mac), след това щракнете върху лявата или дясната дръжка (малкия квадрат) и докато държите бутона на мишката надолу, го плъзнете навън, за да добавите малко място от двете страни между вторият удар и сивата зона за снимки. Забележете, че се вижда само самия бял щрих. Сивото на граничния слой е скрито от гледката, оставяйки ни с черна зона (която се показва от фоновия слой) между този втори бял щрих и оригинала.
Дръжте натиснат Alt / Option и плъзнете горната или долната дръжка навън, за да добавите равно пространство между втория ход и горната и долната част на сивата зона за снимка:
Използвайте Безплатна трансформация, за да добавите място между втория ход и зоната за снимки.
Натиснете Enter (Win) / Return (Mac), когато сте готови да приемете трансформацията.
Стъпка 12: Увеличете дебелината на външната граница
Щракнете двукратно върху думата Stroke под граничния слой в панела Слоеве:
Всички стилове на слоевете, използвани на слой, са изброени директно под него.
Това отново отваря диалоговия прозорец Стил на слоя, отново зададен на опциите за инсулт в средната колона. Нека направим външната граница малко по-дебела от оригиналната, като плъзнете плъзгача Размер по-надясно. Отново можете да видите предварителен преглед на щриха в прозореца на документа, докато влачите плъзгача. Ще увелича размера на външния си ход на 12 px . Оставете всички други опции същите:
Увеличете размера на втория ход за по-дебела външна граница.
Щракнете върху OK, за да излезете отново от диалоговия прозорец „Слой стил“. Сега имаме тънка рамка директно около зоната за снимка и по-дебела рамка около външната й страна, допълвайки основната ни рамка:
Зоната за снимки и опростената рамка с двойна граница вече са налице.
Стъпка 13: Отворете снимката, която искате да покажете
Време е да добавим нашата снимка към зоната за снимки! Отворете снимката, която искате да покажете, която ще се появи в отделен прозорец на документа. Ето изображението, което ще използвам:
Отворете изображението, което ще се покаже в зоната за снимки.
Стъпка 14: Изберете и копирайте изображението
Натиснете Ctrl + A (Win) / Command + A (Mac), за да изберете бързо цялата снимка. След това натиснете Ctrl + C (Win) / Command + C (Mac), за да го копирате в клипборда.
Стъпка 15: Изберете слой на областта на снимките
След като снимката се копира в клипборда, преминете обратно към оригиналния документ на прозореца (оформлението на фоторамката на галерията) и щракнете върху слоя със снимка в панела Слоеве, за да го изберете:
Изберете слоя за зона за снимки.
Стъпка 16: Поставете снимката в документа
Натиснете Ctrl + V (Win) / Command + V (Mac), за да поставите снимката, която копирахме преди малко в клипборда, в документа. Photoshop автоматично ще постави снимката върху нейния собствен слой директно над какъвто и слой да е бил избран по това време (поради което първо сме избрали слоя за област на снимката), както можем да видим, като погледнем в панела Слоеве. Photoshop нарече фотослоя "Layer 1", което е добре. Няма нужда да го преименувате:
Снимката се появява на нейния собствен слой, непосредствено над слоя на фотошопа.
Ако погледнем в прозореца на документа обаче, виждаме, че изображението в момента е твърде голямо, за да се побере във фотозоната и го блокира от изглед:
В момента снимката е твърде голяма, за да се побере в зоната, в която ще бъде показана.
Стъпка 17: Създайте Маска за изрязване
Нуждаем се от начин да направим изображението да се побере във фотозоната и можем да го направим с помощта на изрязваща маска . Първо щракнете върху слоя, който съдържа снимката ("Layer 1") в панела Слоеве, за да я изберете. След това отидете до менюто Слое в горната част на екрана и изберете Създаване на маска за изрязване :
Изберете фотослоя на панела Слоеве, след което отидете на Слой> Създаване на маска за изрязване.
Фотослоят ще се отстъпи вдясно в панела „Слоеве“, като ни уведоми, че сега е „подстриган“ към слоя под него:
Слоят за фотошоп сега се използва като маска за изображението.
Благодарение на изрязващата маска, в прозореца на документа вече се вижда само областта на изображението, която пада директно над сивата снимкова зона под нея. Зоните извън границите на зоната за снимки са скрити от изглед:
Само зоната на снимката непосредствено над зоната за снимка остава видима.
Стъпка 18: Преоразмерете и преместете снимката с безплатна трансформация
Засега добре, но изображението ми все още е твърде голямо, за да се впише изцяло в по-малките граници на фотошопа и също трябва да се пренастрои. Можем да направим и двете неща с Безплатна трансформация. Още веднъж натиснете Ctrl + T (Win) / Command + T (Mac), за да изведете кутията за свободна трансформация и дръжки, този път около снимката. Задръжте клавиша Shift и плъзнете някоя от ъгловите дръжки, за да промените размера на снимката според нуждите, докато тя се впише във фотозоната. За да преместите снимката, щракнете навсякъде в полето Безплатна трансформация и плъзнете изображението на място. Ако изображението ви използва същото съотношение на изображението като вашата снимка (както моята), трябва да можете да монтирате цялото изображение вътре в него. Ако не, просто оразмерете изображението, докато се види колкото е възможно повече от него. Натиснете Enter (Win) / Return (Mac), когато сте готови да приемете трансформацията:
Използвайте Безплатна трансформация, за да преместите и оразмерите снимката, докато тя не се побере във фотозоната.
Стъпка 19: Добавете своя текст под изображението
В този момент остава само да добавите надпис от текст под изображението. Изберете инструмента за хоризонтален тип от панела с инструменти:
Изберете инструмента за тип.
С избрания инструмент Tool изберете вашия шрифт и размер на шрифта от лентата с опции. Ще използвам Trajan Pro на 24 pt:
Изберете вашия шрифт и размер на шрифта в лентата с опции.
Кликнете върху цветовия фиш в лентата с опции и изберете бял като цвят на текста от Color Picker. И накрая, щракнете върху опцията Център за текст вляво от цветовата папка, което ще улесни малко центъра ни в текста, докато пишем:
Изберете бяло като цвят на текста и изберете опцията за подравняване на текста на центъра.
След това просто щракнете в черната зона под центъра на снимката с инструмента за въвеждане и добавете своя текст. Ще напиша "Фотография на Стив Патерсън". Вероятно ще искате да добавите нещо различно, освен ако разбира се не искате да ми дадете кредит за вашата работа. Забележете, че мястото, на което сте кликнали с инструмента за тип, става централна точка за текста, докато пишете, благодарение на опцията Център за текст, която избрахме в лентата с опции:
При избрана опция Център за текст текстът се разширява в двете посоки от мястото, на което сте кликнали.
Когато приключите, щракнете върху отметката в лентата с опции, за да приемете текста:
Щракнете върху отметката, за да излезете от режим на редактиране на текст.
Стъпка 20: Подравнете текста хоризонтално, ако е необходимо
За да сте сигурни, че текстът е подравнен хоризонтално с документа, следвайте същия метод, който използвахме в стъпка 6. С текстовия слой, избран на панела Слоеве, натиснете Ctrl + A (Win) / Command + A (Mac), за да изберете целия документ. Натиснете буквата V, за да изберете бързо инструмента за преместване, след което щракнете върху опцията Подравняване на хоризонталните центрове в лентата с опции. Photoshop ще подравни текста перфектно в хоризонталния център на документа. Натиснете Ctrl + D (Win) / Command + D (Mac), когато сте готови, за да премахнете избора на документа. След като премахнете избора, можете да натиснете клавишите със стрелки нагоре и надолу на клавиатурата си, ако трябва да натиснете текста малко по-високо или по-долу:
Използвайте отново опцията Подравняване на хоризонталните центрове, този път, за да подравните текста с документа.
И с това сме готови! Ето и последното ми оформление на фоторамката в стил галерия:
Крайният резултат.