Створюємо грамотні відображення в photoshop

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

Ймовірно, у вас промайне думка про те, що відображення були вкрай популярні пару років назад, а сьогодні вони трохи втратили популярність, і ви матимете рацію. Тим не менш, ви можете спостерігати різні приклади на безлічі веб-сайтів в інтернеті, включаючи Apple.com. Звичайно ж, не можна переборщувати з відбитками, намагаючись наздогнати тенденціями стилів web2.0, але варто відзначити, що часом відображення можуть надати презентабельний вигляд якогось нудного елементу.

Відображення тривимірного об'єкту

Що робити, якщо ваш об'єкт складний? Наприклад, якщо наш об'єкт - це коробка?

Якщо ми підемо по етапах по перевороту об'єкта, то це може привести до катастрофи. Це дасть нам зовсім жахливе відображення.

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

Далі застосовуємо маску і зменшуємо рівень відображення і таким чином у нас виходить ідеально відображена коробка!

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

Відображаємо знімок товару

І ось, мені вже чуються вигуки: «Не так швидко!» Яка ймовірність того що вам коли-небудь доведеться робити відображення старої плоскої коробки? Коли-небудь це може статися раптово і, до того ж, набагато більша ймовірність того, що вам потрібно буде робити відображення фотографії товару або що-небудь більш складне.

Як видно, зображення на коробці псує весь ефект. Він повинен бути перевернутим. Нам доведеться це реалізувати, щоб отримати правильне відображення.

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

Перше, що вам потрібно зробити - перевернути зображення вертикально.

Далі, натисніть CTRL і клацніть по превью шару для того, щоб створити виділення об'єкта. Утримуючи кнопку ALT, зніміть виділення зі сторін коробки так, щоб тільки передня частина залишилася виділеної.

З даними активним виділенням, здійсните функцію Free Transform (CTRL + T), а потім, утримуючи CTRL, обхопіть середній покажчик на зображенні нижче і перетягніть таким чином, щоб він акуратно був посунуть на дно основної коробки.

Тепер виконайте те ж саме з іншими сторонами коробки. Тут будьте впевнені, що виділені лише боку коробки, і використовуйте середній лівий індикатор при виділенні. Це дозволить вам створити ідеальне відображення коробки. Тепер ви можливо будете стурбовані нижньою частиною вашого відображення, так як тут у нас все перемішалося.

Тут добре те, що ви можете повністю проігнорувати цей момент. Не забувайте, що тут у нас буде ефект загасання, тому нижній частині навіть не буде видно.

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

Трохи про режими змішування

Обов'язково варто наголосити на тому, що при роботі з відображення в Photoshop, вам не слід дотримуватися режиму змішування за замовчуванням. Експериментуйте. Пробуйте різні режими і дивіться, як вони будуть впливати на відображення.

Кожне створене вами відображення може містити різні кольори, і тому якийсь певний режим змішування може підійти набагато краще стандартного.

Якщо вам не терпиться позбавитися, то ви можете спробувати навіть зробити два дубля відображення з різними установками режимів змішування. Це іноді допомагає отримати більш реалістичне зображення відображення.

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

Ви повинні вміти визначати - коли слід застосувати відображення, а коли воно буде зайвим. Ви також повинні вміти створювати відображення як простих елементів, так і складних елементів.