Как да направим перфектни перспективи смяна в Photoshop за изображения и логотипи

Достатъчно лесно е да поставите лого върху нещо в Photoshop. Но какво, ако базовата ви снимка не е директна, така че квадратното лого (или друго изображение) ще изглежда изкривено? Ето как да получите най-доброто изображение, подравнено с правилната перспектива.

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

Нека да използваме изображението на екрана с притурки като база: често срещана нужда от маркетолози (или уеб писатели като мен). Нашият източник на изображение тук е Nintendo Switch с обикновен 16: 9 екран, но ние трябва да поставим на екрана на нещо друго - нека да кажем изображение от Zelda вместо Марио. Ето снимките, които ще използвам, за да можете да ги вземете и да практикувате сами:

Маркирайте изображението на екранната снимка в инструмента Layers (Слоеве), след което активирайте инструмента Transformation с клавишната комбинация Ctrl + T на Windows или Command + T на macOS.

Ако сте използвали Photoshop за какъвто и да е период от време, вероятно вече сте доволни от инструмента Free Transform: трябва да знаете как да преместите изображението, да го свиете или да го разширите, или да го завъртите. Но също така можете да го наклоните значително, достатъчно, за да го промените, за да промените перспективата и да я съчетаете с изображението по-долу. Това е доста ясен пример: ще съпоставим тази правоъгълна снимка на Zelda с правоъгълния екран на комутатора..

Задръжте натиснат бутона Ctrl в Windows или командния бутон на Mac, след това щракнете върху един от белите квадратчета в ъгъла на екрана, който е част от инструмента Transform. Като задържите натиснат клавиша Ctrl и левия бутон на мишката, плъзнете един от ъглите на най-горното изображение на екрана до съответния ъгъл на екрана на комутатора на изображението под него. Увеличете мащаба на пикселния изглед, ако трябва да го съчетаете перфектно.

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

Повторете тази стъпка за следващите четири ъгъла, като преместите изображението на екрана върху екрана на Switch под него. Не прилагайте трансформацията, докато не приключите, или няма да можете отново да вземете четирите ъгъла - те ще бъдат запълнени с прозрачност. Можете да накарате горния слой да се простира покрай дъното на един или два пиксела, само за да се уверите, че той напълно покрива екрана под него. Натиснете Enter, за да затворите инструмента Transform.

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

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

Да речем, че имате този образ на лаптоп Mac и не искате да използвате логото на Apple в реклама. Предпочитате да покажете логото на фирмата си. Ще използвам кръговото лого на Geek за преглед като пример.

Така че искате да прикриете емблемата на Apple точно като екрана на телефона преди, но сега равнината на изходното изображение (капакът на лаптопа) не съвпада с слоя, който искате да добавите (кръговото лого), и все още трябва да запази перспективата право. В този случай ще използваме нещо друго на снимката като ориентир: приблизително правоъгълния капак на лаптопа. Ще съпоставим гледната точка на логото с капака на лаптопа, след което ще го намалим до размера, от който се нуждаем, като същевременно запазим перспективата заключена.

За да започнете, натиснете Ctrl + T или Command + T, като най-горният слой е избран, за да отворите отново инструмента за преобразуване. Сега натиснете Ctrl + Click или Command + Click, изберете квадратите за насочване в ъглите на слоя на логото и ги съчетайте с ъглите на капака на лаптопа. Ъглите са закръглени, но можете да използвате ръбовете на капака и ръководството за трансформиране, за да подравните.

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

Сега имате квадратно изображение над екрана на лаптопа и то е в правилната перспектива, за да съответства на логото на Apple под него. Трябва да го оразмерите, така че да не изглежда на място. С активния инструмент Transform, задръжте Alt + Shift в Windows или Option + Shift на Mac, след това кликнете върху един от ъглите и го плъзнете навътре, за да намалите изображението на логото, така че не е много по-голямо от логото на Apple.

Ето окончателния резултат:

Ако дъното ви е сравнително редовно, с перспектива, предсказуема от едната страна, можете да задържите Ctrl + Alt + Shift на Windows или Command + Option + Shift на Mac, за да използвате инструмента Transform в режим Skew. Това е доста рядко, че вашето изображение ще се подреди перфектно за това, все пак.

Използване на безплатна трансформация на нерегулярни повърхности

Добре, така че сега можете да съпоставите перспектива и да промените размера, ако е необходимо. Но какво, ако се опитвате да получите нещо на повърхност, която не е плоска? Нека опитаме още един пример: поставяме логото на Review Geek на топка. За пореден път използвайте изображенията по-долу в копието на Photoshop за практика.

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

За да коригирате това, натиснете Ctrl + T или Command + T, за да активирате инструмента Transform и погледнете отгоре на прозореца на Photoshop. Търсите извития правоъгълен бутон, който активира Warp Mode. Кликнете върху него.

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

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

За повърхности, които са малко по-предсказуеми, но все още са твърде нередовни за редовния инструмент Transform, можете да използвате предварително зададените инструменти на Warp от дясната страна на горното меню.

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

Снимка: Shutterstock / Wachiwit, Shutterstock / Студио за Африка, Shutterstock / Ygor, Yiorgos GR / Shutterstock.com, Nintendo