7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Effects

Создаём Макет Визитки с помощью Фильтра Исправление Перспективы

Scroll to top
Read Time: 3 mins

Russian (Pусский) translation by Nazar Sulaimanbekov (you can also view the original English article)

Существует множество примеров, когда вы хотите воссоздать модель или макет, чтобы увидеть, как дизайн будет выглядеть распечатанным и сфотографированным. Это может быть макет для портфолио, возможно, для клиента, чтобы помочь им представить концептуальный дизайн, или это может быть просто макет для вашего собственного удовлетворения, видя, как ваша работа будет выглядеть для конечного пользователя.

В данной технике мы используем немного перспективы, а также полезный фильтр Исправление Перспективы (Vanishing Point filter), чтобы добиться потрясающих результатов. Я применю данную технику к Шаблону Визитной Карточки от автора Collis Ta'eed из предыдущего урока.

Шаг 1

Вначале нам нужно что-то подобрать для заднего фона нашей работы. В моём случае я выбрал деревянный стол, который стоял у меня в кабинете. После этого, подберите визитную карточку или квадратный лист бумаги, чтобы можно было использовать в качестве исходника, а затем сделайте снимок. Не перемещая камеру, уберите листик бумаги, а затем сделайте ещё один снимок.

Шаг 2

Теперь давайте создадим плоскость в перспективе, используя фильтр Исправление Перспективы (Vanishing Point filter), для этого идём Фильтры - Исправление Перспективы (Filters>Vanishing Point). Далее, появится новое окно с настройками данного фильтра.

Шаг 3

Выберите инструмент Создать плоскость (Create Plane Tool (C), а затем создайте прямоугольную плоскость, используя визитную карточку в качестве ориентира. После этого, просто примените масштабирование к плоскости.

Шаг 4

Как только мы создали плоскость, теперь давайте поместим здесь нашу визитную карточку.

  1. Откройте исходное изображение, которое вы хотите поместите на созданную сетку. В нашем случае, это карточка от Collis, нажмите клавиши (Ctrl+A), чтобы выделить всё изображение, а затем нажмите клавиши (Ctrl+C), чтобы скопировать выделение.
  2. Возвращаемся на наш рабочий документ, создайте новый слой, а затем ещё раз идём в настройки фильтра Исправление Перспективы (Vanishing Point filter).
  3. В окне настроек фильтра, вклейте скопированную карточку.
  4. Теперь просто сдвиньте её и примените масштабирование до тех, пока вы не подберёте подходящее положение, которое вам нравится.

Повторите в основном те же самые действия, поместив карточку с обратной стороны.

Шаг 5

Чтобы наша карточка выглядела более реалистичной, мы применим к ней Стили слоя (Layer Styles). Давайте добавим стиль слоя Тень (Drop Shadows) к фронтальной стороне карточки.

Щёлкните правой кнопкой мыши по слою с фронтальной стороной карточки и в появившемся окне, выберите опцию Скопировать стиль слоя (copy layer style), а затем щёлкните правой кнопкой мыши по слою с обратной стороной карточки и в появившемся окне, выберите опцию Вклеить стиль слоя (paste layer style).

Шаг 6

Находясь на одном из слоёв со сторонами карточки, продублируйте слой, а затем преобразуйте в смарт-объект. Примените фильтр Размытие по Гауссу (Gaussian Blur), для этого идём Фильтр – Размытие- Размытие по Гауссу (Filters>Blur>Gaussian Blur). (Примечание: если вы не используете Photoshop CS3, не переживайте насчёт преобразования в смарт-объект). Теперь просто поменяйте режим наложения на Осветление (Screen), Непрозрачность слоя 45%.

Повторите те же самые шаги для другой стороны.

Шаг 7

Теперь давайте наведём порядок в палитре слоёв. Старайтесь давать имена слоям, которые запоминаются. Распределите слои по группам. После этого, выделите все слои за исключением вспомогательных ориентиров, ещё раз сгруппируйте их, а затем назовите группу Контент (content). Продублируйте группу, преобразуйте дубликат группы в смарт-объект.

Шаг 8

Вы можете остановиться здесь, но мы продолжим немного дальше, чтобы показать вам, как добавить эффект глубины резкости. Находясь на слое смарт-объекта Контент (Content), выделите все слои.

  1. Поменяйте значение Растушёвки (Feather) на 80px, поставьте галочку в окошке Сглаживание (Anti-alias).
  2. Создайте прямоугольное выделение, как показано на скриншоте ниже. Проведите инверсию выделенной области, для этого идём Выделение – Инверсия (Select>Inverse).
  3. Теперь ещё раз примените Размытие по Гауссу (Gaussian Blur).

Обратите внимание, что это создаст эффект дистанционной фокусировки: всё становится размытым при удалении от фокусной точки.

Шаг 9

После этого, вы можете даже применить фильтр Рассеянное свечение (Diffuse Glow), для этого идём Фильтр - Искажение - Рассеянное свечение (Filters>Distort>Diffuse Glow), чтобы эффект выглядел более реалистичным.

Заключение

Фильтр Исправление Перспективы (Vanishing Point filter) определённо потрясающий фильтр и он позволяет нам предварительно просматривать нашу работу с большой точность реализма. Лучше всего то, что он очень прост в использовании. Вы могли бы даже использовать другую текстуру вместо стола или добавить больше объектов к нашей сцене.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.