PSD мокап визиток (стопка визитных карточек)

Набор из 5 мокапов стопок визиток. PSD мокап визиток отлично подойдет для презентации дизайна визитных карточек. Выберете макет с понравившимся расположением карточек, вставьте ваш дизайн в смарт слой и поменяйте цвета.
PSD файлы со смарт объектами.
Размер 3000 x 3000 пикселей, разрешение 300 dpi.
freemockup.ru
стопка визиток Фотографии PNG | Векторы и PSD-файлы
ручная роспись день стопку книг книги
3000*3000
социальные медиа
800*800
Векторная иллюстрация коричневый плюшевый мишка несет стопку gif
800*800
Ручной обращается стопку книг цветной дизайн
2000*2000
кепка выпускной книги
5000*3000
свадьба дизайнер шаблонов визиток
800*800
очки на стопке книг
1200*1200
книги книга Стек мультипликация
2292*2292
стопка книг концепции образования плоский вектор
5000*5000
мальчик и девочка сидела на вектор стопку книг и readin
800*800
стопку книг
2500*2500
стопку книг по прозрачным фоном
1200*1200
бизнесмен с стопки бумаги бизнес концепции квартиру вектор иллюстрация
5000*5000
Раскрашенный вручную дизайн книжной иллюстрации с коммерческими элементами
2000*2000
Рентабельность инвестиций roi Концепция Бизнес Рост Стрелки к успеху Доллар Стопка Куча Монеты и деньги Сумка Диаграмма Увеличение прибыли Финансы Растяжение Рост баннер Плоский стиль векторные иллюстрации
4000*4000
черноватого цвета визиток
1200*1200
Чернильница Рисованная книга стопка книг Одна башня книга
2000*2000
рукописные день учителя объект стопку книг
1200*1200
Голубой многоугольник шаблонов визиток низкой
1200*1200
мороженое шаблонов визиток
800*800
стопка фиолетовых ботинок
1200*1200
Нерегулярная графика Пунктирная линия Технологические линии Затенение линии
3000*3000
Мультяшный рука рисует стопку книг дизайн
2000*2000
бизнес yello дизайну карты
1200*1200
c4d Золотая монета Деньги и деньги Золотая монета c4d
2000*2000
для свободного визитку шаблон
1200*1200
бизнесмен с стопки бумаги бизнес концепции квартиру вектор иллюстрация
5000*5000
стопку книг
1200*1200
синяя печать визиток шаблон
800*800
ru.pngtree.com
стопка визиток PNG, векторы, осчс, иконы для свободного скачивания
ручная роспись день стопку книг книги
3000*3000
Векторная иллюстрация коричневый плюшевый мишка несет стопку gif
800*800
свадьба дизайнер шаблонов визиток
800*800
стопку книг
2500*2500
Ручной обращается стопку книг цветной дизайн
2000*2000
очки на стопке книг
1200*1200
черноватого цвета визиток
1200*1200
шаблонов визиток
1200*1200
личных визиток
5556*5556
шаблонов визиток
2000*2000
шаблонов визиток
1200*1200
шаблонов визиток
1200*1200
набор визиток
1200*1200
стопка книг
1200*1200
синяя печать визиток шаблон
800*800
стопку книг по прозрачным фоном
1200*1200
Три стопки золотых
1201*1201
шаблон проектирования цветных визиток
1200*1200
стопку книг
5000*5000
стопку книг
1200*1200
мороженое шаблонов визиток
800*800
современный дизайн корпоративных визиток
2000*2000
поиск креативных визиток и логотипов
5556*5556
креативный и профессиональный дизайн визиток
432*432
файлы шаблонов визиток и логотипов
5556*5556
набор женских визиток
1200*1200
стопка книг концепции образования плоский вектор
5000*5000
стопка книг
2500*2500
многоцветные шаблоны визиток
1200*1200
дизайн шаблонов профессиональных визиток
2917*2917
проверка креативных визиток и логотипа
5556*5556
красно синяя комбинация визиток
1200*1200
стопка фиолетовых ботинок
1200*1200
макеты визиток визитные карточки
1200*1200
ru.pngtree.com
Учимся делать визитку в Фотошоп / Фотошоп-мастер
В этом уроке вы научитесь создавать визитку в Фотошоп, используя смарт-объекты и стили слоя.
Ниже вы можете посмотреть финальный вариант:

Скачать архив с материалами к уроку
Примечание: Исходный файл с иконками не доступен. В архиве вы найдете альтернативные иконки для выполнения урока.
Шаг 1
Создаем документ размером 1240 х 826 пикселей, переходим View – Show – Grid (Просмотр – Показать – Сетку) (Ctrl+’), чтобы активировать сетку. Затем View – Snap To – Grid (Просмотр – Привязать к – Линиям сетки). Жмем Ctrl+K, чтобы открыть окно настроек программы, затем переходим в раздел Guides, Grid & Slices (Направляющие, сетка и фрагменты). Устанавливаем Gridline Every (Линия через каждые) на 5, а Subdivisions (Внутреннее деление на) – на 10.
Такая сетка облегчит процесс создания визитки и позволит более аккуратно выравнивать все элементы дизайна. На скриншотах в уроке я специально отключил сетку, чтобы она не мешала.

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


Шаг 3
Далее берем Rectangle Tool (U) (Прямоугольник) и создаем прямоугольник размером 740 х 460 пикселей.

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


Шаг 5
Проверяем, чтобы слой с прямоугольником был активен, и жмем Ctrl+J, чтобы дублировать его.
Устанавливаем Fill (Заливка) для копии на 0%, затем применяем к ней стиль слоя Pattern Overlay (Наложение узора).
- Узор из коллекции 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
photoshop-master.ru