Как самому сделать визитку в Фотошопе

19 смотр.

Как самому сделать визитку в Фотошопе

How to Make a Business Card

Создаем простой дизайн визитки в Photoshop (How to Make a Business Card in Photoshop)

Детали:

  • Программа: Photoshop CС и выше
  • Время выполнения: ~30 мин.
  • Сложность: простые

Материалы урока:

В этом уроке я расскажу вам простой способ создания визитной карты. 

В завершении урока у вас получится следующий результат.

Как самому сделать визитку в Фотошопе

Шаг 1.

Создайте новый документ 1240x826px, затем перейдите в меню View / Просмотр > Show / Показать > Grid / Сетку, чтоб включить сетку, а затем перейдите в меню View / Просмотр > Snap To / Привязка к > Grid / Сетку чтоб включить привязку к сетке. Нажмите Ctrl+K и перейдите в окно Preferences / Установки. Перейдите в пункт Guides, Grid & Slices / Направляющие, сетка и фрагменты и установите значения которые вы считаете нужными. 

Из размера визитки можно поставить значения в 5px или 10px.

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

Как самому сделать визитку в Фотошопе

Шаг 2.

Сконцентрируйтесь на панели слоев, перейдите на слой «Background» и нажмите на иконку замка, чтоб разблокировать его.

Далее примените стиль слоя Gradient Overlay / Наложение градиента установив следующие значения настроек.

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Шаг 3.

Выберите инструмент Rectangle Tool / Инструмент «Прямоугольник» (U) и создайте векторную форму 740x460px.

Как самому сделать визитку в Фотошопе

Шаг 4.

К векторной форме примените стиль слоя Gradient Overlay / Наложение градиента установив следующие значения настроек.

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Шаг 5.

Продублируйте векторную форму, нажав Ctrl+J на клавиатуру и установите значение Fill / Выполнить заливку равное 0% и примените стиль слоя Pattern Overlay / Наложение узора, установив следующие значения настроек.

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Шаг 6.

Выберите инструмент Horizontal Type Tool / Инструмент «Горизонтальный текст» (T). Перейдите в меню Window / Окно > Character / Символ и установите шрифт на «Roboto Light» .

ЧИТАТЬ:  Создаем реалистичный хромовый текст в Adobe Photoshop

Выберите цвет заполнения белый и установите размер шрифта 16px и пишите текст контактов, как показано на скрине ниже.

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Шаг 7.

Примените к тексту стиль слоя Gradient Overlay / Наложение градиента установив следующие значения настроек.

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Шаг 8.

Откройте PSD файл с иконками, которые вы скачали в материалах урока и расположите соответствующие иконки напротив каждого контакта.

Затем примените к иконкам стиль слоя Stroke / Выполнить обводку установив следующие значения настроек.

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Шаг 9.

Добавьте лого, имя компании и ее слоган и примените стиль слоя Gradient Overlay / Наложение градиента установив настройки градиента предыдущего шага.

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Шаг 10.

Перейдите в панель слоев и выберите все слои из которых состоит визитка и конвертируйте ее в Smart Object / Смарт-объект.

К получившемуся слою примените следующие стили. В более ранних версиях фотошопа нет возможности применять несколько копий одного и того же стиля. Чтоб это сделать, вам необходимо после первого применения стиля слоя конвертировать слой в Smart Object / Смарт-объект, а затем применить такой же стиль, но с другими настройками.

В новых же версиях достаточно нажать + чтоб добавить копию стиля и изменить ей настройки.

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Шаг 11.

Активируйте свободную трансформацию и с зажатой клавишей Ctrl переместите верхний узел направляющей.

Как самому сделать визитку в Фотошопе

У вас должен получится следующий результат.

Как самому сделать визитку в Фотошопе

Шаг 12.

Снова активируйте свободную трансформацию и установите угол вращения на 14° и нажмите Enter.

Как самому сделать визитку в Фотошопе

Шаг 13.

Сделайте копию визитной карты и отключите два стиль слоя Drop Shadow / Тень. После чего поверните копию на 1,5° используя свободную трансформацию.

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Шаг 14.

Выберите копию карты и продублируйте ее. Полученную копию поверните на 1,5°.

Повторяйте это действие чтоб создать большее количество визиток.

ЧИТАТЬ:  Эффект объёмного изображения на фото. Интересные уроки Photoshop

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Вот и все...

Поздравляю вы выполнили урок

Как самому сделать визитку в Фотошопе

Автор: Razvan Gabriel

Источник: Pphotoshopstar

Переводчик: 2 fingers

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Как самому сделать визитку в Фотошопе

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Другие интересные статьи

19 смотр.

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

два × пять =

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: