Шаблон для фотошопа визитка: Создаем в Фотошоп шаблон визитной карточки / Фотошоп-мастер – Визитная карточка PSD, 6500+ Photoshop Графические ресурсы для бесплатной загрузки

Ниже вы можете посмотреть финальный вариант:

Скачать архив с материалами к уроку

Примечание: Исходный файл с иконками не доступен.  В архиве вы найдете альтернативные иконки для выполнения урока.

Шаг 1

Создаем документ размером 1240 х 826 пикселей, переходим View – Show –

Такая сетка облегчит процесс создания визитки и позволит более аккуратно выравнивать все элементы дизайна. На скриншотах в уроке я специально отключил сетку, чтобы она не мешала.

Шаг 2

Переходим на панель слоев, выбираем фоновый слой Background (Фон), кликаем по нему дважды, чтобы разблокировать и превратить в обычный слой.

Еще раз дважды кликаем по фоновому слою, чтобы применить к нему стиль слоя Gradient Overlay (Наложение градиента) со следующими параметрами.

Шаг 3

Шаг 4

Открываем окно со стилями слоя и применяем Gradient Overlay (Наложение градиента) к прямоугольнику.

Шаг 5

Проверяем, чтобы слой с прямоугольником был активен, и жмем Ctrl+J, чтобы дублировать его.

Устанавливаем Fill (Заливка) для копии на 0%, затем применяем к ней стиль слоя

• Узор из коллекции Color paper (Цветная бумага) – Blue Crepe (Синий креп)
• Blend Mode (Режим наложения) – Overlay (Перекрытие)

Шаг 6

Активируем Type Tool (T) (Текст).

Открываем панель Window – Character (Окно – Символ) и устанавливаем шрифт Roboto Light.

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

Шаг 7

Открываем окно со стилями слоя и применяем Gradient Overlay (Наложение градиента) для каждого текстового слоя из предыдущего шага.

Шаг 8

Открываем PSD-файл с набором иконок и импортируем любые понравившиеся иконки на рабочий документ, но так, чтобы они подходили по смыслу к тексту с контактами.

Затем применяем к каждой иконке стиль слоя Stroke (Обводка), используя следующие настройки.

Шаг 9

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

Шаг 10

На панели слоев с зажатой клавишей Ctrl выделяем все слои, из которые состоит визитка, кликаем по ним правой кнопкой мыши и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

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

Внутрення тень (Inner Shadow)

• Blend Mode (Режим наложения) – Overlay (Перекрытие)

Тень (Drop Shadow)

• Blend Mode (Режим наложения) – Overlay (Перекрытие)

Тень (Drop Shadow)

• Blend Mode (Режим наложения) – Overlay (Перекрытие)

Тень (Drop Shadow)

• Blend Mode (Режим наложения) – Overlay (Перекрытие)

Тень (Drop Shadow)

• Blend Mode (Режим наложения) – Overlay (Перекрытие)

Шаг 11

Жмем Ctrl+T, чтобы активировать свободную трансформацию, зажимаем клавишу Ctrl и тянем за верхнюю левую узловую точку, чтобы деформировать визитку. Закончив, жмем Enter.

Шаг 12

Снова жмем Ctrl+T, чтобы активировать свободную трансформацию, затем на верхней панели устанавливаем угол на 14 градусов, чтобы слегка повернуть визитку, и жмем Enter.

Шаг 13

Убедитесь, что слой с визиткой активен, и жмем Ctrl+J, чтобы дублировать ее.

Выбираем копию, открываем стили слоя и применяем две копии Inner Shadow (Внутренняя тень). Оба стиля слоя Drop Shadow (Тень) мы отключаем.

С помощью свободной трансформации поворачиваем визитку на 1,5 градусов, как показано ниже.

Шаг 14

Выбираем копию и дублируем ее (при этом копия должна оказаться над оригиналом). Выбираем дубликат и поворачиваем его на 1,5 градуса.

Далее повторяем этот процесс, пока не получим стопку визиток.

Мы закончили!

Вот так выглядит финальный результат.

Автор: Razvan Gabriel

Учимся делать визитку в Фотошоп / Фотошоп-мастер

В этом уроке мы с вами вместе нарисуем красивую визитку. Даже если вы новичок, вы сможете легко выполнить данный урок.

Шаг 1

Первым делом нам нужно создать документ с необходимыми параметрами. Это очень важно, ибо иначе могут возникнуть проблемы с печатью. То есть напечатать-то вы напечатаете, но качество оставит желать лучшего. Стандартные параметры я привел ниже, хотя вы, конечно, можете немного изменить их на свой вкус.

Примечание. В данном уроке в качестве стандартных размеров использованы: ширина –  55 мм., плюс дополнительные 6 мм. под обрезку; высота – 90 мм., дополнительные 6 мм. под обрезку.

Шаг 2

Теперь нам нужно установить разметку, чтобы нам было удобнее работать. Для начала, если у вас нет линеек, нажмите Ctrl + R. Теперь, когда линейки появились, расставьте направляющие, кликая по линейкам и перетаскивая их на проект, удерживая левую кнопку. Оступы от краев должны быть по 3 миллиметра. Ниже показано, как должно получиться. Расставьте направляющие около каждой стороны.

Шаг 3

Теперь проект должен выглядеть так:

Шаг 4

Отлично! Теперь добавим текстуру – мы будем использовать текстуру асфальта. Добавляем понравившуюся текстуру в проект. Обратите внимание, что текстура должна выходить за пределы разметки – мы специально создаем запас, так как на практике идеально ровно вырезать визитку не может даже машина.

Примечание: подходящую текстуру вы сможете найти здесь.

Шаг 5

Теперь немного затемним текстуру. Для этого применяем Image – Adjustment – Curves (Изображение – Корректировка – Кривые) со следующими настройками. Мы делаем текстуру темнее, чтобы текст и прочие элементы визитки лучше вписывались в фон.

Шаг 6

Отлично. Теперь добавим разметку на наш асфальт. С помощью встроенных форм в фотошопе, создаем желтую стрелку, как показано ниже.

Шаг 7

Теперь жмем несколько раз Ctrl + J, чтобы сделать несколько дубликатов стрелки. Расставьте дубликаты в линию, как показано ниже. Не беспокойтесь о том, что расстояние между стрелками не одинаковое, мы поправим это чуть позже.

Шаг 8

Удерживая Ctrl, кликаем поочередно по всем слоям со стрелками, чтобы выделить их. Далее жмем на кнопку Distribute Horizontal Centers (Выравнивание центров по горизонтали).

Шаг 9

Объединяем все слои со стрелками в один и устанавливаем режим наложения новоиспеченного слоя на Overlay (Перекрытие), это создаст эффект, будто стрелки правда нарисованы на асфальте.

Шаг 10

Далее дублируем слой со стрелками, зажав Ctrl + J, и отражаем по горизонтали, применив Edit – Transform – Flip Horizontal (Редактирование – Трансформация – Отразить по горизонтали). Располагаем дубликат напротив оригинала.

Шаг 11

Прекрасно! Теперь с помощью мягкой черной кисти на новом слое рисуем вот такое подобие рамки – это поможет сконцентрировать внимание в центре визитки.
Итак, когда с рамкой покончено, самое время сохранить проект как шаблон. Также сохраняем еще две копии – лицевую и переднюю часть. Далее мы будем работать с лицевой.

Шаг 12

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

Шаг 13

На новом слое добавим в проект отпечатки ботинок с помощью кистей, которые можно найти в интернете. Меняем режим наложения на Overlay (Перекрытие) и лицевая часть визитки готова!

Шаг 14

Открываем заготовку задней части визитки. Нам нужно расположить стрелки следующим образом, чтобы оставить расстояние между ними.

Шаг 15

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

Шаг 16

Снова отпечатки подошв. Добавляем, меняем режим наложения на Overlay (Перекрытие) и понижаем значение непрозрачности до 50%.

Шаг 17

Отлично, теперь все готово! Надеюсь, вам понравилось и вы узнали для себя что-то новое.

Спасибо за внимание!

Автор: irenethompson80

Перевод: Руслан Гильзидинов

PSD исходник — Визитка / Фотошоп-мастер

Все мы сталкиваемся с критикой в жизни. И все мы критикуем кого-то. Но как понять, пишет ли тебе «эксперт» с целью помочь или он решил выплеснуть негатив на тебя?

743 45

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

733 38

Смотрите запись трансляции с иллюстратором Инной Гревцевой. Инна расскажет про лица, затронет тему стилизации, покажет, как начинает работу над персонажем.

394 0

Мы подготовили исходные фотографии с локации Москва гостиница «Украина». Попробуйте создать свою единую композицию. Интерактив состоит из двух этапов.

1061 9

15 марта на сайте прошла трансляция с иллюстратором Ульяной Бабенко. Смотрите запись и делитесь своими впечатлениями.

525 0

PSD исходник — Визитка для фотографа / Фотошоп-мастер

Все мы сталкиваемся с критикой в жизни. И все мы критикуем кого-то. Но как понять, пишет ли тебе «эксперт» с целью помочь или он решил выплеснуть негатив на тебя?

743 45

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

733 38

Смотрите запись трансляции с иллюстратором Инной Гревцевой. Инна расскажет про лица, затронет тему стилизации, покажет, как начинает работу над персонажем.

394 0

Мы подготовили исходные фотографии с локации Москва гостиница «Украина». Попробуйте создать свою единую композицию. Интерактив состоит из двух этапов.

1061 9

15 марта на сайте прошла трансляция с иллюстратором Ульяной Бабенко. Смотрите запись и делитесь своими впечатлениями.

525 0