Як зробити ідеальний перехід перспективи в Photoshop для зображень і логотипів

Досить легко накласти логотип на щось у Photoshop. Але що, якщо ваша базова фотографія не лобова, то квадратний логотип (або будь-яке інше зображення) буде виглядати перекошеним? Нижче описано, як отримати найкраще зображення у відповідності з правильною перспективою.

Використання інструменту перетворення для ідеальних матчів

Давайте використаємо зображення екрана гаджета як основу: загальна потреба маркетологів (або веб-письменників, як я). Нашим вихідним зображенням тут є комутатор Nintendo з звичайним екраном 16: 9, але нам потрібно поставити на скріншот щось інше - скажімо, зображення з Zelda замість Маріо. Ось фотографії, які я буду використовувати, щоб ви могли захопити їх і практикувати самостійно:

Виділіть знімок екрана у інструменті "Шари", а потім активуйте інструмент "Трансформація" за допомогою комбінації клавіш Ctrl + T у Windows або Command + T на MacOS.

Якщо ви використовували Photoshop протягом будь-якого періоду часу, вам, мабуть, вже сподобався інструмент Free Transform: ви повинні знати, як перемістити зображення навколо, зменшити або розгорнути його, або повернути його. Але ви також можете значно перекосити його, достатньо, щоб ви могли змінити його, змінивши перспективу і зіставивши його з зображенням нижче. Це дуже простий приклад: ми збираємося зрівняти цей прямокутний скріншот Zelda з прямокутним екраном на комутаторі, простим ходом від кута до кута..

Натисніть і утримуйте клавішу Ctrl на Windows або кнопку Command на Mac, потім клацніть на одному з білих квадратиків на розі скріншоту, який є частиною інструменту Transform. Утримуючи натиснутою клавішу Ctrl і ліву кнопку миші, перетягніть один із кутів верхнього знімка знімка до відповідного кута на екрані комутатора на зображенні нижче. Збільшіть масштаб піксельного перегляду, якщо вам потрібно відмінно підібрати його.

Ви помітите, що замість звичайної дії розміру, Ctrl або модифікатор Command дозволяє захопити один кут зображення та перемістити його, а інші чотири кути залишаються на місці.

Повторіть цей крок для наступних чотирьох кутів, перемістивши знімок знімка на екрані комутатора під ним. Не застосовуйте трансформацію, поки не закінчите, або ви не зможете знову захопити всі чотири кути - вони будуть заповнені прозорістю. Ви можете зробити верхній шар простирається повз нижній на піксель або два тільки, щоб переконатися, що він повністю покриває екран під ним. Натисніть Enter, щоб закрити інструмент Transform.

Оскільки екран на екрані телефону та знімок екрана мають однакове співвідношення сторін, це невелике покриття ідеально підходить і не потребує подальшого редагування. Давайте перейдемо до чогось трохи складніше.

Використання інструменту "Трансформувати" на незвично розміщених зображеннях

Скажімо, у вас є цей образ ноутбука Mac, і ви не хочете використовувати логотип Apple у рекламі. Ви б хотіли показати свій логотип своєї компанії. Я буду використовувати круговий логотип Огляд Geek як приклад - обидва вихідних зображення нижче.

Отже, ви хочете приховати логотип Apple так само, як і на екрані телефону, але зараз площина вихідного зображення (кришка ноутбука) не відповідає шару, який ви хочете додати (круговий логотип), і вам все одно потрібно зберегти перспективу право. У цьому випадку, ми будемо використовувати щось інше на фотографії як орієнтир: приблизно прямокутна кришка ноутбука. Ми подивимося на перспективу логотипа на кришку ноутбука, а потім зменшимо його до потрібного розміру, не змінюючи перспективи.

Для початку натисніть комбінацію клавіш Ctrl + T або Command + T, вибравши верхній шар, щоб знову відкрити інструмент перетворення. Тепер натисніть комбінацію клавіш Ctrl + Click або Command + Click, оберіть квадрати керування на кутах шару логотипу та поєднайте їх з кутами кришки ноутбука. Кути закруглені, але ви можете скористатися краями кришки та напрямним перетворення, щоб вирівняти.

Оскільки кришка ноутбука не є квадратною, ваше коло занадто широке. Ви можете налаштувати його назад до перетворення квадратного розміру. Ви можете оглянути це, якщо воно не потребує досконалості, або повернути шар під ним, а також скористатися напрямними лінійки Photoshop, якщо вам потрібна більша точність. Натисніть Enter, щоб застосувати трансформацію, коли ви будете готові.

Тепер у вас є квадратне зображення над екраном ноутбука, і це в правильній перспективі, щоб відповідати логотипу Apple нижче. Ви повинні розмірити його вниз, так що це не виглядає недоречним. За допомогою активного інструмента "Перетворення" утримуйте клавіші Alt + Shift у Windows або Option + Shift на комп'ютері Macintosh, потім клацніть на одному з кутів і перетягніть його всередину, щоб зменшити зображення логотипу, тому це не набагато більше, ніж логотип Apple.

Ось кінцевий результат:

Якщо ваше нижнє зображення досить регулярне, з перспективним перекосом, який можна передбачити на одній стороні, ви можете утримувати Ctrl + Alt + Shift у Windows або Command + Option + Shift на Mac, щоб використовувати інструмент "Трансформація" в режимі Skew. Це досить рідко, але ваше зображення буде ідеально підійти для цього.

Використання вільного перетворення на нерегулярних поверхнях

Отже, тепер ви можете відповідати перспективі та змінювати розмір за потреби. Але що, якщо ви намагаєтеся отримати щось на поверхні, яка не є плоскою? Давайте спробуємо ще один приклад: помістити логотип Review Geek на м'яч. Знову скористайтеся наведеними нижче зображеннями у вашій копії Photoshop для практики.

Використовуючи інструменти, які ви дізналися в попередніх розділах, легко отримати зображення логотипу на верх м'яча і навіть налаштувати його перспективу, щоб відповідати орієнтації самого м'яча. Але файл логотипу виглядає дивно, тому що його плоска, а поверхня м'яча не є.

Щоб виправити це, натисніть Ctrl + T або Command + T, щоб активувати інструмент "Трансформація" і подивитися вгорі вікна Photoshop. Ви шукаєте вигнуту прямокутну кнопку, яка активує режим деформації. Натисніть її.

За допомогою інструменту "Перетворити" в режимі Warp можна переміщати зображення в будь-якій точці зсередини або зовні, а не тільки в кутах. Це дозволяє натиснути і перетягнути різні частини зображення в неправильні позиції. Ви побачите, що дев'ять посібників рухаються разом із зображенням, допомагаючи вам побачити, як ви змінили речі.

Для ефективного використання Warp Tool потрібна деяка практика. Можливо, потрібно кілька разів скасувати та повторити свою роботу. Але протягом декількох хвилин ви повинні бути в змозі відповідати кривої м'яча досить добре. Натисніть Enter, щоб застосувати перетворення.

Для поверхонь, які є трохи більш передбачуваними, але все ще надто нерегулярними для звичайного інструменту "Трансформація", ви можете використовувати попередньо встановлені інструменти Warp з правого боку верхнього меню.

Ви можете комбінувати вищеописані методи з будь-якими іншими інструментами у Photoshop, наприклад, корекції кольору, криві, фільтри, розмиття і так далі, щоб ваш верхній шар відповідав нижньому шару. Пограйте з цими інструментами, і ви з легкістю зможете підібрати логотипи та скріншоти.

Зображення: Shutterstock / Wachiwit, студія Shutterstock / Африка, Shutterstock / Ygor, Yiorgos GR / Shutterstock.com, Nintendo