Создаем простой дизайн визитки в Photoshop (How to Make a Business Card in Photoshop)
Детали:
- Программа:
- Время выполнения:
- Сложность:
Материалы урока:
- Шрифт: ()
- PSD: ()
В этом уроке я расскажу вам о простом способе создания визитной карты.
В завершении урока у вас получится следующий результат.
Шаг 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» .
Выберите цвет заполнения белый и установите размер шрифта 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°.
Повторяйте это действие чтоб создать большее количество визиток.
Вот и все…
Поздравляю вы выполнили урок
Автор: Razvan Gabriel
Источник:
Переводчик:
06.03.2017