Научете как да прелиствате, огледавате и завъртате едно изображение в Photoshop, за да създадете забавни и интересни дизайни и как да създавате уникален външен вид за ефекта с режимите на смесване на слоевете на Photoshop!
В предишен урок за фото ефекти, ние научихме как да създадем прост огледален ефект в Photoshop, като обърнете хоризонтално едната страна на изображението, за да създадете отражение на другата страна. В този урок ще вземем една и съща основна идея и ще продължим много по-напред с нея, създавайки интересни ефекти, дизайни и шарки, просто като прелиствате, въртите и огледаете едно и също изображение отново и отново! Ще експериментираме и с режимите на смесване на слоевете на Photoshop, за да видим как различните режими на смесване могат драматично да променят нашите резултати.
За да следвате, можете да използвате всяко изображение, което харесвате, но често ще получите най-добрите резултати, ако изображението съдържа много подробности.
Ето снимката, която ще използвам (снимка на цветя от Adobe Stock):
Оригиналното изображение. Кредит за снимки: Adobe Stock.
И ето само един пример за типа дизайн, който можем да създадем от него само с няколко лесни стъпки. Ще видим и други примери, докато продължаваме. Всяка снимка ще ви даде уникални резултати, така че след като знаете как да създадете ефекта, опитайте я с различни видове изображения, за да видите какво можете да създадете:
Един възможен дизайн. Резултатите ви ще зависят от вашата снимка и избраните от вас режими на смесване.
Да започваме!
Как да прелиствате, огледало и да въртите изображения в Photoshop
За този урок използвам Photoshop CC, но всяка стъпка е съвместима с Photoshop CS6 и по-ранни.
Можете също да следите заедно с моето видео от този урок на нашия канал в YouTube. Или изтеглете този урок като PDF и получете новото ми Пълно ръководство за режимите на смесване на слоевете като бонус!
Стъпка 1: Изрежете снимката, ако е необходимо
Като начало, нека изрежем всички области от изображението, които всъщност не се нуждаем от този ефект. Ако не е необходимо да изрязвате изображението си, можете да преминете към стъпка 2.
Като цяло, вие ще искате да изрежете плътно около обекта си, премахвайки всички околни области с ниски детайли (като ясно синьо небе), които всъщност няма да добавят нищо към крайния резултат. В моя случай изображението, което използвам, всъщност няма области с ниска детайлност. Всъщност той практически цъфти с детайли (малко цвете хумор там). Просто бих могъл да използвам цялата снимка такава, каквато е, и да завърша с наистина луд дизайн. Но за да опростя нещата малко, ще отрежа част от цветята.
За да изрежете вашето изображение, изберете инструмента за изрязване на Photoshop от лентата с инструменти вляво на екрана:
Избор на инструмента за изрязване.
С избрания инструмент за изрязване, уверете се, че Изтриване на изрязани пиксели е поставена отметка в лентата с опции, тъй като всъщност трябва да изтрием изрязаните пиксели, а не просто да ги скриете от изглед (забележете: опцията Изтриване на изрязаните пиксели е налична само в Photoshop CC и CS6 . Ако използвате по-ранна версия, Photoshop изтрива пикселите по подразбиране, така че няма нужда да се притеснявате за това):
Уверете се, че „Изтриване на изрязани пиксели“ е отметнато.
След това щракнете и издърпайте рамка за изрязване около зоната, която искате да запазите. В моя случай ще преместя рамката около дясната страна на изображението. Това означава, че ще запазя дясната страна и ще изрежа лявата страна далеч:
Плъзгане на моята граница около дясната страна на снимката.
Натиснете Enter (Win) / Return (Mac) на клавиатурата си, когато сте готови да изрежете изображението:
Останалата част от изображението трябва да създаде интересни дизайни.
Стъпка 2: Дублирайте фоновия слой
Ако погледнем в нашия панел „Слоеве“, виждаме изображението си на фоновия слой, който в момента е единственият слой в документа:
Панелът Слоеве, показващ изрязаното изображение на фоновия слой.
Трябва да създадем копие на този слой. За да направите това, щракнете върху фоновия слой и го плъзнете надолу върху иконата на нов слой в долната част на панела Слоеве (втора икона отдясно):
Плъзгане на фоновия слой върху иконата на нов слой.
Photoshop прави копие на фоновия слой, назовава го „Background copy“ и го поставя над оригинала:
Появява се слой „Фоново копие“.
Стъпка 3: Удвоете ширината на платното
Отидете до менюто Изображение в горната част на екрана и изберете Размер на платно :
Отидете на Image> Canvas Size.
Отваря се диалоговият прозорец на Photoshop's Canvas Size, който ще използваме, за да добавим още пространство на платното около нашата снимка. Трябва да удвоим текущата ширина на нашето платно и искаме цялото допълнително пространство на платно да се показва вдясно от изображението ни. За целта задайте стойността на широчината на 200 процента и оставете височината на 100 процента (което ще остави височината на платното при сегашния му размер). Оставете опцията за относително отметка . За да принудите допълнителното пространство на платното вдясно от снимката, щракнете върху левия среден квадрат в мрежата за котва :
Настройките за удвояване на ширината на платното.
Щракнете върху OK, когато сте готови да излезете от диалоговия прозорец. Photoshop удвоява ширината на платното, добавяйки цялото допълнително пространство вдясно от снимката. По подразбиране Photoshop запълва допълнителното пространство на платно с бяло. Ако по някаква причина вашето не е бяло, не се притеснявайте, защото не е важно:
Допълнителното пространство на платното се появява от дясната страна на снимката.
Стъпка 4: Плъзнете снимката върху слоя „Фоново копие“ вдясно
Сега, когато добавихме допълнителното си пространство на платно, трябва да плъзнем копието на нашата снимка върху слоя „Фоново копие“ в новата област. Изберете инструмента за преместване на Photoshop от лентата с инструменти:
Избор на инструмента за преместване
Уверете се, че слойът „Фоново копиране“ е избран на панела „Слоеве“. Задръжте клавиша Shift, след това щракнете върху снимката и я преместете от дясната страна на оригиналното изображение. Задържането на клавиша Shift, докато плъзнете, ще ограничи посоката, в която можете да се движите, което ще улесни плъзгането право през него. Когато приключите, освободете бутона на мишката и след това освободете клавиша Shift. Сега трябва да видите две копия на снимката, седнали една до друга:
Плъзгане на копието на изображението вдясно от оригинала.
Стъпка 5: Превърнете изображението вдясно хоризонтално
Досега всичко, което имаме, са две еднакви близнаци. Нека създадем първия си огледален ефект, като обърнем изображението вдясно хоризонтално, така че да изглежда като отражение на този отляво. За да направите това, отидете до менюто Редактиране в горната част на екрана, изберете Трансформиране и след това изберете Превъртане хоризонтално :
Отидете на Edit> Transform> Flip Horizontal.
Снимката вдясно моментално се превръща в огледално отражение на снимката вляво, създавайки нашия първи ефект:
Двете изображения са огледални отражения един на друг.
Стъпка 6: Обединете двата слоя заедно
Засега толкова добре, но както се казва, но ние едва сега започнахме. Нека обединим нашите два слоя в един слой, като отидем до менюто Layer в горната част на екрана и изберете Merge Down :
Отидете на Layer> Merge Down.
Изглежда, че нищо не се е случило в документа, но ако погледнем нашия панел Слоеве, виждаме, че нашите два слоя са слети в един фонов слой:
Фоновият слой вече държи нашия огледален ефект.
Стъпка 7: Дублирайте слоя
Точно както направихме в стъпка 2, нека да дублираме фоновия слой, като щракнем върху него и го плъзнем надолу върху иконата на нов слой :
Отново плъзнете фоновия слой върху иконата New Layer.
Photoshop отново дублира фоновия слой, назовава го „Фоново копие“ и го поставя над оригинала:
Панелът "Слоеве" показва новия слой "Копие на фона".
Стъпка 8: Удвоете височината на платното
Ще създадем още едно отражение на нашия образ, този път вертикално. За това трябва да удвоим височината на своето платно и новото пространство на платното да се появи под съществуващото ни изображение. Нека за пореден път изведем диалоговия прозорец Размер на платно, като отидете до менюто Изображение в горната част на екрана и изберете Размер на платно :
Отидете на Image> Canvas Size.
Когато се появи диалоговият прозорец, задайте Ширината на 100 процента (което ще остави ширината в сегашния си размер) и Височината на 200 процента . Отново оставете опцията за относително отметка . За да принудите допълнителното пространство да се появи под изображението, щракнете върху горния среден квадрат в мрежата за котва :
Настройките за удвояване на височината на платното.
Щракнете върху OK, за да затворите диалоговия прозорец. Photoshop добавя допълнителното пространство на платното под изображението. Ако не можете да видите цялото платно в този момент, тъй като сега е твърде голямо, за да се побере на вашия екран, отидете до менюто View и изберете командата Fit on Screen или натиснете Ctrl + 0 (Win) / Command + 0 ( Mac) на вашата клавиатура. Photoshop ще намали мащаба на документа до каквото ниво е необходимо, за да може да се побере:
Допълнителното пространство на платното се появява под изображението.
Стъпка 9: Плъзнете изображението под оригинала
След като инструментът за преместване все още е избран и слоят „Копиране на фона“, избран в панела „Слоеве“, щракнете върху изображението и го плъзнете надолу в допълнителното пространство на платното. Натиснете и задръжте клавиша Shift, докато влачите, за да ограничите посоката, в която можете да се движите, като улеснявате плъзгането на снимката право надолу:
Плъзгане на изображението върху слоя „Фоново копие“ под оригинала.
Стъпка 10: Повърнете вертикално долното изображение
За да превърнете долното изображение в огледално отражение на горното, отидете до менюто Редактиране, изберете Трансформиране и след това изберете Вертикално обръщане :
Отидете на Edit> Transform> Flip Vertical.
Сега имаме второто си огледално отражение, този път вертикално. Нещата вече започват да изглеждат интересни:
Долното изображение вече е отражение на горното изображение.
Стъпка 11: Обединете двата слоя в нов слой
Досега всичко, което правим, е да правим копия на изображението и да ги обръщаме хоризонтално или вертикално. Нека видим колко по-нататък можем да вземем нещата, като завъртим копия на изображението и изпробваме различни режими на смесване на слоевете!
Първо, нека обединим и двата ни съществуващи слоя в съвсем нов слой. За целта натиснете и задръжте клавиша Alt (Win) / Option (Mac) на вашата клавиатура. Докато все още държите клавиша надолу, отидете до менюто Слое в горната част на екрана и изберете Merge Visible в долната част на списъка:
Задръжте Alt (Win) / Option (Mac) и отидете на Layer> Merge Visible.
Обикновено командата Merge Visible би обединила нашите два слоя в един слой, точно както командата Merge Down направи по-рано. Но като натиснахме клавиша Alt / Option, когато избрахме Merge Visible, казахме на Photoshop да създаде съвсем нов слой и да обедини съществуващите ни слоеве с новия слой.
На нашия панел „Слоеве“ можем да видим, че сега имаме трети слой, наречен „Layer 1“, и в неговата миниатюра за визуализация можем да видим, че той съдържа обединено копие на изображенията от оригиналните два слоя под него:
Двата оригинални слоя са слети върху трети слой.
Стъпка 12: Завъртете новия слой на 90 ° по посока на часовниковата стрелка
Нека завъртим изображението на "Layer 1". Отидете до менюто Редактиране, изберете Трансформиране и след това изберете Завъртане на 90 ° по посока на часовниковата стрелка :
Отидете на Редактиране> Преобразуване> Завъртете на 90 ° по посока на часовниковата стрелка.
Това ще завърти слоя на 90 ° по посока на часовниковата стрелка, оставяйки двата слоя под него в оригиналната им ориентация:
Резултатът след завъртане на "слой 1" на 90 градуса.
Стъпка 13: Изрязване на документа около завъртеното изображение
След това ще изрежем документа около завъртеното изображение. Натиснете и задръжте клавиша Ctrl (Win) / Command (Mac) на клавиатурата си и кликнете директно върху миниатюрата за визуализация за „Layer 1“ в панела „Слоеве“:
Кликнете върху миниатюрата за визуализация, докато държите Ctrl (Win) / Command (Mac).
Това зарежда контур за избор около завъртеното изображение. С избрания избор отидете в менюто Изображение в горната част на екрана и изберете Изрязване :
Отидете на Изображение> Изрязване.
Photoshop зарязва далеч областите над и под изображението. За да премахнете контура за избор, тъй като вече не се нуждаем от него, отидете до менюто Select в горната част на екрана и изберете Deselect или натиснете Ctrl + D (Win) / Command + D (Mac) на вашата клавиатура:
Отидете на Select> Deselect.
Сега, когато сме изрязали горната и долната част, всичко, което можем да видим сега, е завъртеното ни изображение. Ще поправим това след като започнем да експериментираме с режимите на смесване на слоя на Photoshop:
Резултатът след изрязването на областите над и под изображението.
Стъпка 14: Експериментирайте с режимите на смесване на слоевете
В този момент нещата започват да стават малко по-експериментални и въпрос на личен вкус. В момента изображението на "Layer 1" напълно блокира пластовете под него от изглед, което не е това, което искаме. Трябва да смесим горния си слой със слоевете под него и можем да го направим, като променим режима на смесване на слоя.
Ще намерите опцията Blend Mode в горната лява част на панела Слоеве. Не казва "Blend Mode" никъде, но това е опцията, която е зададена по подразбиране на Normal . "Нормално" означава, че слоят изобщо не се смесва със слоевете под него. Просто ги блокира от изглед. Нека да изпробваме няколко различни режима на смесване, за да видим какво получаваме. Ще започна с промяна на моя режим на смесване от нормален на умножен :
Промяна на режима на смесване за "Layer 1" на Multiply.
Режимът Multiply blend върши приятна работа за смесването на моите изображения заедно, за да създадете интересен дизайн. Но тъй като Multiply е един от няколко режима на смесване във Photoshop, който има ефект на потъмняване на цялостното изображение, можем да видим, че ефектът, който създаде, е доста по-тъмен от този, който имахме преди:
Множеството създава интересен, но тъмен модел.
Ще пробвам различен режим на смесване, този път Олекнете :
Промяна на режима на смесване за "Layer 1" на Lighten.
Lighten е един от няколко режима на смесване, които правят цялостното изображение по-ярко. Той работи, като сравнява пикселите на избрания слой с пикселите на слоевете под него и след това запазва, който от пикселите е по-лек. Тук виждаме, че определено озари нещата и ми даде още един интересен дизайн. Лично на мен това ми харесва много по-добре:
Lighten създава още един интересен и много по-лек дизайн.
Ако искате нещо по-психеделично, опитайте или режимите на смесване Разлика или Изключване . Ще опитам Разлика:
Промяна на режима на смесване на разликата.
Режимът на смесване на разликите търси различия между слоя и слоевете под него и след това показва тези разлики като различни цветове. Верен на името си, резултатът определено изглежда различен:
Ефектът при режим на смесване, зададен на Разлика.
Колоездене през режими на смесване от клавиатурата
Досега току-що щракнах върху опцията Blend Mode в панела Слоеве и след това избирам произволни, за да изпробвам от списъка. Но ето много по-лесен начин да изпробвате режимите на смесване. Уверете се, че все още имате избран инструмент за преместване. След това просто натиснете и задръжте клавиша Shift на клавиатурата си и използвайте клавишите + и -, за да преминете нагоре или надолу през списъка.
След като ги изпробвах, мисля, че ще се придържам към режима Lighten blend. Може да предпочитате различен режим на смесване на вашето изображение, но в този случай Lighten ми дава резултата, който ми харесва най-добре.
Стъпка 15: Обединете двата слоя в нов слой
Нека опитаме да направим още едно копие на изображението, да го завъртим и след това да променим неговия режим на смесване, за да видим какво получаваме. Първо, ще обединим и трите ни слоя в нов слой. Отново натиснете и задръжте клавиша Alt (Win) / Option (Mac), докато отидете до менюто Layer и изберете Merge Visible :
Задръжте Alt (Win) / Option (Mac) и изберете Layer> Merge Visible.
Това обединява и трите слоя в четвърти слой, "слой 2", над тях:
И трите слоя вече са обединени в "слой 2".
Стъпка 16: Завъртете новия слой на 45 °
Избран "Layer 2", отидете на менюто Edit, изберете Transform и след това изберете Rotate :
Отидете на Редактиране> Преобразуване> Завъртане.
След това в лентата с опции в горната част на екрана въведете 45.0 в полето за въвеждане на ъгъл, за да кажете на Photoshop да завърти изображението на "Layer 2" с 45 ° по посока на часовниковата стрелка:
Въвеждане на „45.0“ в полето Ъгъл.
Натиснете Enter (Win) / Return (Mac) на клавиатурата си веднъж, за да приемете въведения ъгъл, след това натиснете Enter (Win) / Return (Mac) втори път, за да излезете от командата Rotate. Ето моят дизайн с въртене на горното изображение:
Ефектът след завъртане на "слой 2" с 45 °.
Стъпка 17: Промяна на режима на смесване
И накрая, изпробвайте различни режими на смесване, както преди, за да видите как всеки от тях влияе върху начина, по който завъртеното изображение на "слой 2" се смесва със слоевете под него. Отново, най-лесният начин да направите това е като задържите клавиша Shift и използвате клавишите + и -, за да преминете през режимите на смесване.
След като ги изпробвам, този път ще премина с режим на смесване на по- тъмен цвят . Подобно на режима Multiply blend, който опитахме и по-рано, Darker Color също потъмнява изображението, но е малко по-усъвършенстван. Той работи, като сравнява пикселите на избрания слой с пикселите от слоевете под него и след това запазва в зависимост от това, кои пиксели са по-тъмни:
Задаване на горния слой на по-тъмен цвят.
И ето резултатът:
Ефектът след промяна на режима на смесване на горния слой с по-тъмен цвят.
Разбира се, винаги можете да се върнете в този момент и да промените режима на смесване за „Layer 1“, ако искате да продължите да експериментирате. За целта ще кликнете върху „Слой 1“, за да го изберете. След това ще променя режима му на смесване на нещо съвсем различно, като Luminosity :
Избор на "Layer 1" и промяна на неговия режим на смесване на Luminosity.
Режимът на смесване на Luminosity смесва яркостта (стойностите на яркостта) на избрания слой с цветовете от слоевете под него и тук виждаме, че той създава много различен резултат от предишните примери, които разгледахме:
Резултатът с "Layer 1" е зададен на Luminosity.
Накрая ще кликнете върху „Слой 2“, за да го преизбирам. Тогава ще променя режима му на смесване на Color :
Избор на "Layer 2" и промяна на режима на смесване на Color.
Режимът на смесване на цветовете на Photoshop е обратното на Luminosity. Той смесва цвета на избрания слой с яркостта на слоевете отдолу. С други думи, той оцветява изображението, като ни дава още един уникален резултат:
Резултатът с "Layer 2" сега е зададен на Color.
Разбира се, не е нужно да знаете как всеки от 27-те различни режима на смесване на слоя (в Photoshop CC 2017) на Photoshop работят, за да създадете този ефект. Всичко, което наистина трябва да знаете, е как да преминете през тях и да изберете този, който ви харесва най-добре! Въпреки това, има няколко режима на смесване, които ще използвате през цялото време във вашата Photoshop работа. За да научите всичко за тях, разгледайте нашия урок за Photoshop Five Essential Blend Modes.
И там го имаме! Ето как да създадете интересни дизайни и шарки с изображение, просто като го обърнете, завъртите и отгледате и експериментирате с режимите на смесване на слоевете във Photoshop! За подобни уроци вижте нашия ефект на Mirror Image или нашите уроци за Blend Textures With Photos. Или посетете нашата секция с фото ефекти за повече уроци за ефекти за Photoshop!