Как сделать визитку в Фотошопе: пошаговая инструкция

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

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

Содержание: как сделать визитку в Фотошопе

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

Устанавливаем Photoshop

Первым делом нужно скачать редактор из интернета и запустить его.

Важно! На официальном сайте Adobe Photoshop вместе с редактором идет автоматическая скачка веб-установщика со всеми необходимыми файлами.

Если сравнивать с другими программами, механизм установки Фотошоп отличается. После скачивания нужных файлов веб-установщиком, необходима авторизация в Adobe Creative Cloud.

Далее появится «креативное облако» и последует закачка редактора. Скорость установки зависит от скорости интернет-соединения. Несмотря на небольшие сложности установки, работать с Фотошопом просто.

Создаем макет: размер и формат визитки в Фотошопе

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

Добавляем фон на визитку

Далее нужно выбрать фон. Для этого переходим к панели инструментов и выбираем инструмент “градиент”.

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

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

Мы залили наш фон таким образом:

Добавляем графические элементы/изображения

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

Благодаря созданию нового слоя последующее редактирование визитки будет проще. Для этого нужно нажать на вкладку главного меню «Слои» и выбрать «Новые слой».

Переключение от одного слоя к другому происходит нажатием кнопки «Слои» и выбором нужного слоя.

Разместить графические элементы/изображения на макете визитки можно простым открытием заранее подготовленного файла и последующим копированием его на новый слой в проекте визитки. Мы откроем и перетащим туда наш логотип MyPhotoshop.ru:

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

Обратите внимание! Количество картинок не ограничено, но важно не перегрузить форму визитки излишними декоративными элементами.

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

Добавляем информацию

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

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

Итог

Совершив несложные манипуляции, можно получить полноценную визитную карточку. Для дальнейшего использования ее нужно сохранить как картинку или сразу распечатать. Сохранение визитной карты в формате Photoshop позволит редактировать её в дальнейшем.

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

Сегодня Adobe Photoshop считается самой популярной универсальной программой, которой пользуются программисты, дизайнеры, художники и фотографы.

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

​В этом уроке вы научитесь создавать визитку в Фотошоп, используя смарт-объекты и стили слоя.

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

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

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

Шаг 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

Источник: photoshopstar.com

Как сделать визитку в фотошопе самостоятельно бесплатный урок

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

Но не все так просто. Дизайн визитки напрямую влияет на имидж вашей компании и ваш, непосредственно. Думаю, вы уже не можете представить себе дешевую рекламную растяжку не первой свежести с желто – красной аляповатой надписью «Газпром». Компании, знающие свое дело заботятся о корпоративном имидже и своей рекламе. А потому не скупятся на услугах дизайнера.

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

Начнем с размера. В нашей стране существует единый размер визитки, а именно 5X9 сантиметров. Размер визитки при разработке в фотошопе тот же. В пикселях это 1063х591 при разрешении 300 пикс/дюйм.

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

Находим данную команду в верхнем меню. Файл – создать.

От краев нам необходимо сделать отступ в 0,5 мм. Никакая важная информация не должна выходить за эти рамки. Потому как может быть попросту обрезана в типографии и вы зря потратите деньги. На верхней панели ищем команду «просмотр» – «новая направляющая».

Устанавливаем вот эти настройки.

Проделываем это маневр 4 раза. Во второй раз устанавливаем направляющую на расстоянии 8,5 сам, не меняя расположение линии. В третий направление устанавливаем горизонтальное, при значении 0,5 см. Потом выбираем значение 4,5. Вот что имеем в итоге.

Это инструмент «Горизонтальный текст». Наиболее важный для нас. Задействуем его. Пишем наше имя, со следующими настройками.

Шрифт Arial, размер 12. Цвет черный.

Теперь под ним располагаем нашу специализацию. Настройки: Шрифт Impact, размер 7. Ставим курсор в конце фразы: «веб дизайнер», протягиваем к началу и выделяем. Теперь мы можем изменить цвет, кликнув по пиктограмме «Задайте цвет текста» на верхней панели.

Выбираем серый #707070.

Теперь пишем название компании. Настройки следующие: шрифт Impact, размер 15. Цвет черный. Между словами Photoshop и Work делаем 2 пробела.

Выделяем фразу Work и изменяем ее цвет на белый.

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

Теперь, под названием компании кратко описываем деятельность компании. Настройки: Arial,5, черный. И ниже – контакты. Настройки:Arial, 5, цвет # 707070. Тут мы пишем сразу несколько строчек, а потому нам нужно задать расстояние между ними. Его мы ищем в окне «текст». И равно оно 10пт.

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

Ищем окно слоев. И выделяем слой , предшествующий слою с надписью Photoshop Work. Для этого нам нужно просто кликнуть по нему мышкой. Идем, конечно, окольными путями. Но так вам будет проще понять суть действий.

А теперь создаем новый слой.

На панели инструментов ищем инструмент «прямоугольная область».

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

А теперь выбираем инструмент «заливка» и заливаем выделенную область, сделав клик по ней.

Вот, что у нас получилось. Выделение снимаем при помощи комбинации клавиш Ctrl+d.

Привнесем немного красок в наш мрачный пейзаж. Мы пытаемся сделать визитку для веб –дизайнера все-таки. Нельзя нам без ярких акцентов.

Создаем новый слой. Выбираем инструмент «овальная область», что находится в одной вкладке и с уже знакомой нам прямоугольной областью и рисуем ее, зажав клавишу Shift.

А теперь выполняем следующую команду:

Настройки следующие:

Цвет для своего эксперимента я взяла такой: #c3bf19.

Проделываем те же действия, меняя размер окружностей и цвет. Следующая у меня черная. В противоположном углу повторяем.

Экспериментируйте с расположением.

Вот, что у меня получилось.

Я легко и быстро сделал в фотошопе визитку самостоятельно. Теперь осталось сохранить ее в правильном формате, для распечатки.

Файл – сохранить как – tiff.

Рисуем визитку в Adobe Photoshop

В этом уроке мы будем рисовать классическую визитку в Photoshop. Саму карточку мы нарисуем и оформим при помощи стилей слоя. Затем, преобразуем все нарисованное в смарт-объект, и трансформируем его, чтобы создать перспективу и придать реалистичности. После чего создадим стопку из визиток. Благодаря смарт-объектам вы сможете использовать эту работу в качестве mockup-файла.

 

Результат

Исходники

Шаг 1

Создайте документ размером 1240x 826px, в меню выберите View > Show > Grid/Вид>Показать>Сетка, затем View > Snap To > Grid/Вид>Привязать к…>Сетке. Нажмите Control + K, чтобы открыть окно настроек. Зайдите в раздел Guides, Grid & Slices/Направляющие, сетка и фрагменты и укажите настройки как показано на картинке ниже. В скриншотах ниже сетки не будет, чтобы лучше была видна сама работа, но вам она поможет в размещении и редактировании объектов.

Шаг 2

В палитре Layers/Слои кликните по иконке замка возле фоного слоя, чтобы разблокировать его. Кликните дважды по слою, чтобы открыть его Layer Style/Стили слоя. Укажите параметры как на картинке ниже.

Шаг 3

При помощи инструмента Rectangle/Прямоугольник нарисуйте прямоугольник размером 740x 460px.

Шаг 4

Откройте Layer Style/Стили слоя для слоя с прямоугольником и введите параметры как на картинке ниже.

Шаг 5

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

Укажите копии Fill/Заливку в 0%, откройте окно Layer Style/Стилей слоя, и укажите следующие параметры.

Шаг 6

Возьмите инструмент Type/Текст. В палитре Character/Символ выберите шрифт Roboto Light, цвет шрифта #FFFFFF и размер в 16px. Введите текст, как показано ниже.

Шаг 7

Откройте Layer Style/Стили слоя для слоя с текстом (или слоев, если текст в разных слоях), и укажите стиль Gradient Overlay/Перекрытие градиента с указанными ниже параметрами.

Шаг 8

Откройте файл PSD из набора иконок и перенесите нужные иконки в ваш документ.

Откройте стили слоя для иконок и укажите им стиль Stroke/Обводка с указанными ниже параметрами.

Шаг 9

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

Шаг 10

В палитре Layers/Слои выделите все слои кроме фона. Кликните по ним правой кнопкой и выберите Convert to Smart Object/Преобразовать в смарт-объект.

Откройте стили слоя для этого смарт-объекта и укажите параметры как показано ниже.

Шаг 11

Нажмите Control + T, чтобы перейти в режим трансформирования. Зажмите клавишу Control и потяните левый верхний угол.

Шаг 12

Нажмите Control + T снова и поверните визитку на 14 градусов.

Шаг 13

Нажмите Control + J, чтобы дублировать слой с визиткой. Откройте стили слоя копии и отключите последние два стиля drop shadows/тень.

Теперь просто поверните визитку на 1.5 градуса.

Шаг 14

Выберите копию и дублируйте ее. Поверните получившийся слой на 1.5 градуса.

Повторите этот процесс столько, сколько визиток хотите получить.

Результат

Автор урока Razvan Gabriel

Перевод — Дежурка

Смотрите также:

Уроки фотошопа: создание визитки | ARTtime

Вы попали на блог ARTtime и я очень рад видеть вас здесь! Сегодня хочу преподать вам такой себе урок фотошопа по созданию визитки. Все имена в уроке вымышлены и не несут никакого смыслового значения 😉

Много говорить о том, зачем она нужна, думаю, нет необходимости, но все же, если вы хотите поднять свой «Level», Вам без нее не обойтись! Не стоит утруждать своего собеседника нервным клац-клац по телефону, проще дать ему свою визитку и все будут довольны, а уважение и доверие к вам мигом подскочит 😉

Чтобы сотворить эту «чудо карточку», достаточно быть обладателем любой версии Фотошопа.

Также рекомендую почитать о стандартах оформления визитки.

Делаем визитку

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

А теперь расскажу подробнее, как ее сделать. Для начала в Фотошопе создаем новый рабочий лист, я выбрал размер 700*340. Заливаем его темно-зеленым цветом #253с2a. Вот так должно получиться:

Ну и последний этап. Наносим надписи инструментом Horizontal Type Tool, вызывается клавишей «T» или иконка на панели инструментов со значком «T»

Вот видите, как я разместил надписи, можете повторить. Шрифт я выбрал Segoe UL, не страшно, если у вас его не будет, выберите любой другой, цвет шрифта #e2e2e2. Еще я добавил полоску вверху визитки, добавить ее можно с помощью произвольных фигур, инструмент вызывается клавишей “U”.

В общем строгая визитка для поднятия авторитета готова! Осталось отнести файл в типографию, там можно напечатать ее глянцевой, матовой или еще как то… Будет выглядеть очень хорошо. Но я посоветовал бы фон визитки сделать бархатным, а шрифту придать эффект серебра, получится круто! И совсем не нужно кормить ленивых дизайнеров, они берут большие деньги за работу пятиклассника 😉

Вот еще вариант, я придал ему более «технологичный» дизайн 🙂

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

p.s. Часто на развороте визитки печатают календарик – хороший вариант, если вы хотите показать, что вы авторитетный человек, но на развороте лучше разместить немного информации о себе или логотип фирмы.

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

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

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

Для создания визитных карточек чаще используют такие программы, как InDesign и CorelDraw, так как они лучше приспособлены для верстки и работы с векторным форматом. Тем не менее, если вы хотите сделать визитку для себя и не заморачиваться изучением нового ПО, то вполне можно обойтись средствами Фотошоп.

Начнем с создания нового документа – это важный этап, так как нам необходимо определить цветовой режим изображения CMYK для его корректного отображения при печати и формат. Популярный размер визиток – 9*5 см, внесем эти параметры в поля Ширина и Высота.

Далее нужно показать линейки и создать направляющие – воспользуйтесь сочетанием клавиш CTRL+R. Далее нажмите на горизонтальную линейку и потяните вниз до края будущей визитки. Вы увидите тонкую бирюзовую линию – это наша новая направляющая. То же самое нужно сделать с вертикальной линейкой для создания четырех направляющих со всех сторон.

Дальше нам нужно настроить линии реза, чтобы не зайти за них в процессе создания визитки. Для этого мы расширяем рабочую область через меню Изображение>Размер холста во все стороны по 1,5 мм – именно такой отступ обычно необходим при разрезании визиток в типографии.

Дальше можно приступать к рисованию дизайна визитки. Поместите на нее логотип и название компании, ее контакты и другие элементы дизайна. Важная информация не должна выходить за линии реза.

Создайте прямоугольник инструментом Rectangle Tool (быстрая клавиша U) по размеру рабочей области визитки и залейте его любым цветом – это будет фон. Поместите название компании сверху, а в нижнем углу визитки укажите свои контакты – сайт, электронную почту, телефон. Рисовать лучше в векторном формате, то используя инструмент Прямоугольник, Произвольная фигура, Ручка и другие, потому что в таком случае при масштабировании изображение не будет терять в качестве.

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

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

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

Обычно визитки делаются в векторных редакторах, таких как Adobe Illustrator, Corel Draw или InDesign. Однако, на самом деле можно обойтись и без них, используя всего лишь старый добрый фотошоп.

Конечный результат

Шаг 1 — Рассчитываем размеры макета

Для начала создаем в фотошопе новый документ — Ctrl+N.

Его размеры зависят от того, какую визитку вы планируете сделать. Стандартный размер готовой визитки — 90х50мм. Однако, для данного урока использую размер 90мм х 55мм.

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

Из-за особенностей программы Photoshop, которые вы увидите позже, будем использовать значение 3 мм. Таким образом, для создания визитки размером 90мм х 55мм при выборе размера холста нам нужно будет задать следующие значения:

Высота: 90 мм + по 3 мм справа и слева (припуски под обрез) = 96мм.

Аналогично задаем ширину: 55 +3 +3 = 61 мм.

Поскольку мы готовим документ для печати, разрешение устанавливаем 300dpi, цветовой режим — CMYK.

Если вы собираетесь делать огромный плакат, то можно обойтись разрешением всего 120dpi. На самом деле, это зависит от того, с какого расстояния будет рассматриваться документ. Если смотреть на документ с разрешением 120dpi с близкого расстояния, тогда качество печати будет очень плохое. Но смотря на большой плакат с расстояния нескольких метров, разрешения в 120dpi может быть вполне достаточным. В любом случае, для визитки лучше всего использовать разрешение 300dpi.

Шаг 2 — Разметка документа

Теперь нам нужно обозначить на документе припуски под обрез.

Нажмите <Ctrl>+<R>, чтобы включить линейки. Теперь устанавливаем направляющие. Для этого можно щелкнуть по линейке и перетащить направляющую в нужное место. Но есть более точный способ: перейдите в меню Viеw> Nеw Guidе (Просмотр — Новая направляющая), задайте горизонтальную ориентацию и значение 3 мм.

То же сделайте для вертикальной направляющей.

После повторите эти действия со значениями 93 и 58 мм.

Шаг 3 — Выбираем текстуру для фона

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

Для создания визитки я использовал следующую текстуру:

Вы можете скачать любую другую на свое усмотрение.

Шаг 4 — Обработка фона

После вставки текстуры, я нажал <Ctrl>+<T>, чтобы сделать вставленное изображение нужного размера, не забывайте зажимать Shift, чтобы сохранять пропорции при изменении размеров.

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

Мы можем сделать это с помощью инструмента Clone Stamp Tool (Клонирующий штамп)(S). Нажмите клавишу < Alt>, чтобы выбрать область для клонирования (в данном случае я использовал участок, расположенный выше), а затем кликайте по области, которую нужно исправить. Используйте мягкую кисть, чтобы клонированные участки выглядели более реалистичными.

Шаг 5 — Работа с цветом

Теперь я хочу немного затемнить текстуру.

Для этого я добавил слой, залил цветом #797c82 и установил режим наложения Multiply. Получился немного голубоватый оттенок. Мне же хочется получить более темный серый оттенок. Эта особенность связана с цветовым режимом CMYK.

Пришло время поговорить о цветовых режимах.

Немного о CMYK и RGВ

Основой цветового пространства CMYK составляют четыре триадных цвета, которые воспроизводят большинство принтеров. Комбинируя эти цвета (голубой, пурпурный, жёлтый и чёрный) можно получить множество других цветов. Измеряется данная модель в процентах. Например, для получения оранжевого цвета необходимо смешать 40 % голубой краски, 30 — пурпурной, 50 — жёлтой и 10% — черной.

Также существует цветовое пространство RGB, которое состоит, как вы знаете, из трёх цветов — красного, зелёного и синего. Выбор именно этих цветов обусловлен спецификой восприятия цвета сетчаткой глаза человека. Если насыщенность всех трёх базовых цветов будет 100 %, то в результате получится белый цвет, а отсутствие интенсивности даст противоположный чёрный цвет.

Цветовая модель RGВ имеет более широкий цветовой диапазон, в отличие от CMYK, поэтому изображения, просматриваемые в режиме RGB, могут быть чересчур яркими или контрастными, либо быть не совсем желаемым конечным результатом. Именно поэтому цветовая модель RGB предназначена для показа на экране монитора (телевизоре, на прозрачной пленке и.т.д.), а для отображения изображений на отражающей бумаге. CMYK используют в типографической печати.

Вот та полезная информация, которую я хотел рассказать о цветовых пространствах. Следует отметить, что диапазон цветов CMYK является меньшим, по сравнению с RGB. Поэтому в режиме CMYK вы обнаружите, что невозможно использовать наложения и получать супер яркие цвета. Однако на самом деле, когда вы распечатаете, документ, он будет выглядеть достаточно хорошо. Тем не менее, некоторые вещи, которые вы привыкли делать в Photoshop, придется делать, переключаясь между цветовыми режимами. Помните, что перед отправкой на печать, вы должны находиться в режиме CMYK.

Переключение цветовых режимов

Итак, на данном этапе считаю необходимым переключиться обратно в режим RGB, чтобы получить правильное затемнение серым. К тому же дальше, когда я буду работать с желтыми блоками, мне тоже нужно будет использовать этот режим.

Переключиться в режим RGB вы можете, зайдя в Image> Mоdе> RGВ Color (Изображение — Режим — RGB). Программа спросит вас, нужно ли сгладить изображение. Ответим отрицательно. Вы сразу увидите заметный эффект затемнения. Этот шаг по факту мог бы быть короче, но я хотел довести до вас полезную информацию о цветовых пространствах.

Шаг 6 — Рисуем желтую полоску

Итак, сейчас у нас установлен режим RGB.

Теперь нам необходимо сделать несколько диагональных блоков.

Выберите инструмент »Pоlygonаl Lаsso Tооl»(L) и создайте новый слой — Ctrl+Shift+N.

Нарисуйте фигуру, подобную той, что изображена ниже. Удерживайте клавишу <Shift>, это позволит создать четырехугольник с углами, кратными 45 градусам.

Шаг 7 — Клонируем полосы

Создав фигуру, заполните ее грязно-желтым цветом #c4b10f, установите режим смешивания слоя на »Cоlor Dоdge» вверху палитры слоев.

Как изменить режим смешивания слоя в фотошопе смотрите ниже:

У вас получится ярко-желтый цвет, как на изображении ниже. Обратите внимание, что если вы переключитесь обратно в CMYK, вы увидите, что этот эффект не работает, поэтому мы и переключились в RGB.

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

Шаг 8 — Автоматическое выравнивание фигур

Теперь вместо того, чтобы определять равные расстояния между блоками на глаз или нажимая на клавиши со стрелками, мы будем использовать инструмент выравнивания. Итак, сначала удерживая <Shift>, выберите все слои с жёлтыми фигурами. После этого кликните по инструменту »Align Tool», как показано ниже. Это равномерно распределит выделенные блоки в пространстве автоматически.

(Обратите внимание, что возможность выбора слоев с помощью клавиши <Shift> появилась с версии Photoshop CS2. В более старых версиях для этого использовались маленькие иконки с изображением канцелярской скрепки).

На данном этапе наше изображение выглядит так:

Шаг 9 — Возвращаемся к припускам под обрез

На этом шаге я создал новый слой выше (Ctrl+Shift+N) и большой мягкой черной кистью (B) аккуратно провел по краям.

Помните: всё, что находится за пределами направляющих, вероятно, не будет видно в конечном документе.

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

К сожалению, в Photoshop нет возможности автоматически скрывать области припусков под обрез. По этой причине мы можем видеть вроде бы готовый дизайн не так, как он будет выглядеть на самом деле, после распечатки.

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

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

Просто перед отправкой на принтер, убедитесь, что все вспомогательные слои отключены!

Шаг 10 — Делаем оборотную сторону визитки

Далее я поместил на будущую визитку небольшой текст. Это будет оборотная сторона визитки (лицевую сторону мы сделаем за одну секунду).

Я использовал шрифт DIN. На мой взгляд, он очень подходит для этой цели, к тому же в нем есть очень нужный нам символ ‘@’.

Размер шрифта я установил 8pt. Отмечу, что лучше не использовать шрифт размером менее 6pt. Если хотите, чтобы ваш текст был легкочитаемым, используйте 7.5pt и выше. В первую очередь, это зависит от вашей аудитории. При изготовлении визиток я руководствуюсь тем, что человек бегло читает их, проглядывая не одну, а много визитных карточек. Когда делаю что-то для себя, то часто использую мелкий шрифт.

Кроме того, я установил режим наложения »Linear Light». Как только сделаете это, можете сохранять документ под именем Back.psd.

Затем перейдите в меню Файл> Сохранить как… и в этот раз сохраните документ как Front.psd, из него мы будем делать лицевую часть визитки.

Шаг 11 — Делаем лицевую сторону визитки

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

Шаг 12 — Рисуем треугольник

Теперь нам нужно отключить часть слоев с желтыми блоками, чтобы осталось только три из них. Далее инструментом Polygonal Lasso Tool (Прямолинейное лассо / Многоугольное лассо)(L), нарисуйте треугольную форму, как изображено ниже:

Шаг 13 — Делаем заливку выделения

Затем создайте новый слой над слоем с текстурой, залейте его темно-серым цветом и установите режим смешивания »Multiply». К сожалению, это сделает желтые блоки более тусклыми. Исправим это позже.

Шаг 14 — Создаем маску

Теперь одновременно с <Ctrl> щелкните по одной из желтых фигур, затем, удерживая <Shift>, выберите следующую фигуру, затем третью. Таким образом, у вас будут выделены все три желтых блока.

Нажмите <Сtrl> + <Shift> +<I>, чтобы инвертировать выделение, как показано на рисунке.

Теперь выберите слой с треугольником и нажмите на иконку «Добавить маску слоя» внизу палитры слоев. Это создаст маску, через которую будут просвечивать желтые блоки.

Шаг 15 — Меняем цветовой режим на CMYK

Теперь мы должны перейти в меню Layer> Flatten Image (Слой-Выполнить сведение), а затем в Image> Mode> CMYK (Изображение — Режим — CMYK), чтобы вернуться в CMYK и получить готовый для печати документ.

Шаг 16 — Предпечатная подготовка

Теперь перейдите в меню Файл> Печать с предварительным просмотром и вы должны увидеть подобное тому, что изображено ниже. Если вы не видите все варианты, нажмите на »Дополнительные параметры», и они появятся.

Проверьте, чтобы стояла галочка в пункте »Corner Crop Marks» (Угловые метки реза), затем нажмите кнопку с надписью »Bleed» и установите значение 3 мм.

Также снимите галочку с пункта »Show Bounding Box»(Показать ограничительную рамку) (на скриншоте галочка стоит).

После того, как вы все это сделаете, вы можете печатать документ в PDF, сделайте то же самое для обратной стороны, и затем отправляйте на принтер. Обратите внимание, что для печати в PDF, вам нужно иметь полную версию Acrobat . Если она у Вас есть это, тогда создание визитки в фотошопе для вас закончено!

Если у вас нет программы Acrobat, не отчаивайтесь … еще не все потеряно!

Если у вас нет программы Acrobat, то используйте другой способ. Вернитесь в документ, создайте новый слой поверх остальных, затем с помощью инструмента »Single Column Marquee Tool»(Область (вертикальная строка), создайте выделение вдоль направляющих, как показано на рисунке ниже:

Создадим свои собственные метки реза. Для этого нам необходимо убедиться, что мы используем так называемый Registration Black.

Registration Black — это смешение в 100%-ном соотношении всех основных цветов CMYK (как вы видите на рисунке ниже).

Определившись с цветом, далее нам нужно заполнить выделение, созданное на предыдущем шаге.

Для этого, используя инструмент Rectangular Marquee Tool (Прямоугольная область), отрезаем линии так, чтобы у нас остались только небольшие одиночные линии в каждом из четырех углов слева — то есть четыре пары меток реза.

Затем выполните команду Save As и сохраните файл в формате PDF, используя Фотошоп. Это не должно вызвать каких-либо проблем при печати, хотя я, честно говоря, ни разу не пробовал отправить на печать файл с метками реза. Поэтому, наверное, лучше поинтересоваться в типографии по этому поводу, прежде чем распечатывать тысячу визиток.

Шаг 17 — Печать

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

Теперь вы знаете, как сделать визитку в фотошопе.

Источник: psd.tutsplus.com

Как создать собственную визитку в Photoshop —

Ах, визитная карточка. Этот скромный кусочек картона — мощный сетевой центр. Он следует за вами в кармане, на вашем столе и на каждой торговой выставке или мероприятии, которое вы посещаете. Элегантная визитная карточка имеет решающее значение для хорошего первого и длительного впечатления как у клиентов, так и у покупателей.

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

Итак, давайте сделаем что-нибудь нестандартное. То, что действительно твое.

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

Если у вас нет дизайна, давайте создадим его.

Начало работы

Итак, для начала откройте PDF-версию нашего шаблона визитной карточки в Photoshop.

Настройки по умолчанию подойдут. Единственное, на что стоит обратить внимание, так это на раскрывающийся список «Режим». Если вы собираетесь напечатать партией карточек, скорее всего, вы будете печатать их на офсетной машине. В этом случае выберите цвет CMYK. Если вы печатаете всего несколько открыток, вы, скорее всего, распечатаете их на цифровой печатной машине. Цифровые печатные машины также используют цветовую модель CMYK и чернила, хотя некоторые могут использовать RGB. Если вы не уверены, лучше всего позвонить в типографию и проверить.MMPrint.com использует модель CMYK как для цифровой, так и для офсетной печати.

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

В этом уроке мы будем использовать CMYK.

Это то, что вы увидите, когда откроете файл. Давайте посмотрим на три блока в этом руководстве.

Красный: это линия разреза. Это основной контур вашей готовой открытки.

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

Зеленый: линия выпуска за обрез. Если вы хотите, чтобы цвет или изображение доходили до края карты, они должны доходить до этой линии выпуска за обрез.

Как оформить визитку

Это карта, которую мы построим сегодня:

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

Для начала составим несколько руководств. Это поможет нам, когда у нас есть графика и формы, закрывающие шаблон. Щелкните и перетащите от верхней линейки к верхней линии обрезки, а затем отпустите кнопку мыши. При перетаскивании появится синяя линия, которая остановится там, где вы отпустите. Если вам нужно отрегулировать его размещение, нажмите V, чтобы активировать инструмент «Перемещение».Затем щелкните и перетащите синюю линию и оставьте ее на месте.

Отметив верхнюю линию обрезки, отметьте левую, правую и нижнюю линии обрезки. Затем отметьте верхнюю, нижнюю, левую и правую линии безопасности.

Перейдите на панель слоев. Если он не открыт, вы можете нажать F7, чтобы открыть его. Сначала переименуйте слой с шаблоном на «шаблон». Затем щелкните глазное яблоко слева от имени, чтобы выключить слой.

Затем нажмите Shft + Ctrl + N (Windows) / Shft + Cmd + N (Mac), чтобы создать новый слой.Это будет слой, с которым мы работаем.

Придадим этому слою цвет фона. Выделив новый слой, нажмите Shft + F5, чтобы открыть панель «Заливка».

Измените настройку содержания на «Цвет», затем выберите #FFFFFF или полностью переместите палитру цветов на белый и нажмите «ОК». Щелкните OK еще раз, и ваш слой станет белым.

А теперь нанесем логотип.

Перейдите в меню «Файл»> «Поместить встроенный» и найдите логотип, который нужно разместить на визитной карточке.Здесь предпочтительнее векторный логотип, но может работать логотип графического файла (например, PNG или JPG), если он имеет высокое качество и высокое разрешение. По сути, вы хотите, чтобы ваш логотип не имел искажений и был как можно больше размером с фотографию.

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

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

А теперь давайте добавим немного бликов на белый фон.

Давайте откроем инструмент «Прямоугольник». Он расположен на боковой панели вашего инструмента.

В верхней части экрана зададим параметры заливки. Установите заливку на # 2274a6 и отключите обводку, набрав 0 в поле ширины линии.

Теперь нарисуйте большой прямоугольник, щелкнув и перетащив правую 1/3 карты, и растяните его до верхней, нижней и правой стороны.

Затем нажмите P, чтобы активировать инструмент «Перо». Инструмент «Перо» позволяет рисовать линии с помощью узловых точек. Установите первую точку привязки на 3,5 дюйма от левой стороны карты, начиная с самого верха монтажной области. Затем проведите диагональную линию вниз. Наконец, закройте любое белое пространство, завершив треугольник наверху.

В верхней части экрана нажмите кнопку «Форма» в параметрах контура. Это создаст форму треугольника.Когда вы закончите, он должен выглядеть так:

Теперь добавим наш текст.

Нажмите T, чтобы активировать инструмент «Текст». Если вы не видите панель «Персонаж», выберите «Окно» -> «Персонаж», чтобы активировать ее.

Для этого дизайна мы использовали Myriad Variable Condensed. Вы можете использовать любой шрифт, но помните о удобочитаемости. Простой шрифт без засечек или засечек будет выглядеть намного лучше, чем новый шрифт.

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

Под полем «Семейство шрифтов» указан размер шрифта. Рядом с ним указана высота строки, которая должна быть установлена ​​автоматически, если вы не собираетесь настраивать ведущую позицию самостоятельно.

Нижний размер шрифта — это кернинг, или пробел между двумя буквами. Справа — межбуквенный интервал или пробел между ВСЕМИ буквами.

Затем у нас есть высота и ширина буквы. Наконец, у нас есть высота подстрочного индекса и цвет вашего шрифта.

Уф, вариантов много!

Для этого урока давайте начнем с написания нашего слогана «Откройте для себя радость музыки» под логотипом того же синего цвета, что и раньше. Для Myriad Variable Condensed, Semibold Condensed размер шрифта должен быть 16pt.

Теперь, чтобы изменить часть «радость» на другой цвет и шрифт, с помощью мыши выделите только это слово.Вернитесь на панель «Символ» и нажмите «Цвет», затем введите # ef811c. Наконец, перейдите в верхнюю часть панели символов и в раскрывающемся списке рядом с семейством шрифтов найдите вариант курсива. Для этой версии мы использовали полужирный курсив.

Теперь осталось добавить свою контактную информацию.

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

Используя тот же шрифт, что и раньше, Semibold Condensed, давайте добавим текст. Этот текст будет немного меньше — 14pt.Используя ту же технику, что и раньше, выделите название должности и адрес электронной почты курсивом.

Теперь это действительно похоже на карту! Давайте добавим еще один финальный штрих и закончим.

Вернитесь к инструменту формы и снова активируйте прямоугольник. На этот раз раскрасьте его # ef811c. Нарисуйте прямоугольник от края рядом с именем и титулом человека и вытяните его за пределы карточки, например:

Как проверить свой файл

Отлично выглядит! Давайте просто проверим и убедимся, что все в шаблоне.Перейдите на панель «Слои» и перетащите слой «Шаблон» наверх. Затем щелкните глазное яблоко рядом с ним, чтобы включить шаблон.

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

Если они молодцы! Выключите этот слой.

А теперь сэкономим.

Выберите «Файл»> «Сохранить как…» и сначала, , сохраните версию как файл Photoshop (PSD). Вам понадобится это, если вы когда-нибудь захотите внести изменения или создать альтернативные версии.

Затем выберите «Файл»> «Сохранить как…» и сохраните его как PDF-файл. Эту версию вы отправите в типографию. Сохраните его как печать высокого качества, и все готово.

Вот и все!

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

Как создать собственную визитную карточку как профессионал [Учебные пособия]

Хотите, чтобы вы знали, как создать собственную визитку в любимом графическом редакторе? Что ж, сегодня твой счастливый день!

Мы собрали 15 отличных руководств для начинающих, которые научат вас всем шагам по созданию собственной визитной карточки в Photoshop, Illustrator, InDesign, Inkscape, Affinity Designer. Некоторые уроки озвучены, другие нет, но все выдержаны в хорошем темпе. Каждый шаг является исчерпывающим, поэтому вы можете легко следовать выбранному вами руководству и одновременно создавать свою собственную визитную карточку.Давай начнем!

Создание собственной визитной карточки в Photoshop

1. Как создать визитку в Photoshop

Узнайте, как создать простую и привлекательную визитку в Photoshop с помощью этого урока. Видеоурок имеет удобное повествование и охватывает все необходимые шаги — от подготовки холста до завершения дизайна.

2. Как сделать креативную визитную карточку «Всплеск краски» — Урок Photoshop

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

3. Дизайн визиток в Photoshop CS6 Урок

Видеоурок, который покажет вам, как быстро и легко создать современную визитку в Photoshop CS6. В этом уроке нет повествования, но дизайнер сохранил хороший темп, который поможет вам не отставать от него и понимать каждый шаг.

4. Дизайн визиток в Photoshop CS6 Урок

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

5. Потрясающий дизайн 3D-визиток — Урок Photoshop

Видеоурок в красивом месте, знакомящий зрителя с процессом создания стильной визитки с 3D-эффектом.Учебное пособие выполнено в программе Photoshop и подходит для начинающих.

Создание собственной визитной карточки в Illustrator

6. Как создать визитку в Illustrator CC

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

7.Как создавать визитки в Illustrator CC 2019

Учебное пособие, которое научит вас профессионально создать собственную визитку в Illustrator. Учебное пособие проведет вас через создание рисунка и макета визитной карточки. Вы будете использовать эффект Trim Marks, Bleed и Clipping Masks.

8. Создайте готовый к печати дизайн визитной карточки в Illustrator

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

9. Как сделать профессиональную визитку в Illustrator | Сатори Графика

Видеоурок, который научит вас создавать профессиональные, готовые к печати визитки в Illustrator. Это руководство создано в Adobe Illustrator CC 2017 и полностью закадрово. Дизайн визитки очень современный и минималистичный.

Создание собственной визитной карточки в другом программном обеспечении

10. Создайте визитку в Adobe InDesign [Курс мультимедийного дизайна — Печать]

Полное руководство, которое научит вас создавать современный минималистичный дизайн визиток в InDesign. Видео подойдет даже новичкам. Он начинается с знакомства с программным обеспечением для экспорта дизайна визитной карточки для печати в конце.

11.Советы и рекомендации по дизайну визитных карточек InDesign — Учебное пособие по созданию визитных карточек InDesign

Узнайте, как создать современный и привлекательный дизайн визитной карточки в InDesign. Это руководство проведет вас через весь процесс. Он полностью озвучен и обогащен некоторыми полезными советами по работе с программным обеспечением.

12. Учебное пособие по Inkscape: готовый к печати дизайн визитной карточки

Полезное руководство для новичков, которые хотят изучить Inscape.В этом руководстве описаны все шаги по созданию собственной визитной карточки в Inscape. Конечный результат — готовая к печати современная визитка размером 3,5 на 2 дюйма.

13. Учебное пособие по Inkscape | Создать дизайн визитной карточки

Отличное руководство для новичков в графическом дизайне. В этом руководстве вы узнаете, как создать профессиональный дизайн в Inkscape и настроить окончательный документ для печати. Ссылки на активы приведены в описании.

14. Affinity Designer для iPad — Как создать дизайн визитной карточки

Если вы предпочитаете использовать Affinity Designer для iPad, это руководство будет реальной помощью, поскольку оно охватывает все, что вам нужно для создания визитной карточки в программе. Начиная с настройки холста и направляющих, создания библиотеки активов, размещения вашего контента и заканчивая экспортом окончательного дизайна.

15.Как создать визитку в Affinity Designer

Простое руководство для начинающих, из которого вы узнаете, как создать стильную визитку в Affinity Designer. Видео не озвучено, но очень исчерпывающее. Кроме того, в комментариях вы найдете ссылку на используемые шрифты.

Вот и все!

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

Возможно, вас заинтересуют некоторые из этих статей по теме:

Как создать визитную карточку для фотографии в Photoshop (Учебное пособие)

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

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

Лицевая сторона

Вы занимаетесь фотографией, поэтому с самого начала у вас есть целая библиотека возможностей для выбора лицевой стороны карты.Вы даже можете просто наклеить на него картинку и закончить день. Вы также можете использовать свой логотип, если он у вас есть, или можете комбинировать оба элемента! Вот как это сделать:

1. 1. Откройте в Photoshop новый файл размером с карту, которую вы хотите распечатать. Если вы уже выбрали принтер, ознакомьтесь с его требованиями! Если у вас нет, то 85 x 55 мм и 3,5 ″ x 2 ″ — довольно распространенные размеры. При необходимости вы можете изменить размер позже. Я буду делать карточку 84 x 55 мм — размер Moo.

Убедитесь, что вы используете разрешение 300 пикселей на дюйм.Вы получите относительно большой файл на экране вашего ноутбука, но помните, что он будет напечатан размером с кредитную карту, поэтому не втискивайте вещи и не делайте текст крошечным! Это будет особенно актуально при проектировании обратной стороны карты.

2. Выбери фото! Вот два вопроса, которые помогут вам выбрать:

— Что вы рекламируете с помощью своей карты? Подумайте, кому вы, скорее всего, отдадите открытку и чего вы хотите, чтобы они от вас хотели. Это фотография продукта? Склад? Купить репродукции картин? Нанять для портретов? Выберите что-нибудь, что показывает, что вы способны на то, что хотите, чтобы потенциальные получатели визиток знали, что вы предлагаете.Если вы делаете много разных вещей, выберите то, чем особенно гордитесь, или создайте несколько обложек, чтобы раздать их разным людям! Обратите внимание на , что многие службы печати не могут печатать разные карточки в одном пакете, но некоторые это делают. Му — один из них.

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

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

3. Откройте выбранную фотографию и файл с логотипом.

4. Измените размер фотографии. Вы можете сделать ее такого же размера (или немного больше), чем ваша карта, или вы можете сделать ее больше и использовать для карты только ее часть. Я обрезаю свой (а также делаю его черно-белым с помощью карты градиента в режиме наложения Saturation).

5. Перетащите фотографию в карточку и расположите ее, как необходимо.

6. Измените размер логотипа, если он не вектор. Если нет / когда это будет сделано, перетащите файл карточки поверх фотографии.

7. Настройте цвет и размер вашего логотипа по размеру.

8. ДОПОЛНИТЕЛЬНО. Если в вашем логотипе нет этого встроенного элемента и у вас есть для него место, вы можете добавить на карточку немного текста. В моем случае я добавляю простой текстовый слой с надписью «Freelance Creative» белым цветом, используя один из шрифтов, которые я обычно использую для своего брендинга, и поворачиваю логотип, чтобы разместить его.

9. Сохранить как> JPG, готово!

Оборотная сторона

1. Откройте другой файл того же размера, что и ваша лицевая сторона.

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

3. Создайте текстовое поле, выбрав инструмент «Текст», щелкнув угол создаваемого поля и перетащив его, как любую другую фигуру.Когда вы закончите, вы увидите мигающую вертикальную линию, означающую, что вы можете печатать. Начните вводить вашу информацию! Введите хотя бы слово, чтобы не потерять поле, по крайней мере, при настройке шрифта, размера и т. Д. В окне символов.

4. Введите текст и настройте размер шрифта и т. Д. В окне символов.

5. При необходимости отрегулируйте положение элементов.

6. Сохранить как> JPG, готово!

Вот наша последняя карточка:

Примечания

Чего следует избегать при оформлении карты:

— Рукописные шрифты для всего, что вы хотите, чтобы люди могли читать
— Более двух шрифтов в одном карточка, не считая вашего логотипа
— Фотографии, которые красивы, но не имеют ничего общего с тем, что вы предлагаете, e.г. изображение цветка, если вы фотограф-портретист
— Слишком много ссылок: я рекомендую связать свой веб-сайт и ваш основной канал в социальных сетях, а остальные ссылки в социальных сетях должны быть легко видны из этих мест.

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

А если вам нужно вдохновение, посмотрите эту коллекцию визитных карточек с фотографиями.

Надеюсь, это поможет! Если вы последуете этому руководству, мне бы хотелось увидеть, что вы придумали — не стесняйтесь показывать мне свои работы в комментариях ниже!

Как создать визитную карточку на космическую тематику в Photoshop

Предварительный просмотр

Щелкните изображение ниже, чтобы увидеть визитку в полном размере.

Учебные ресурсы

Шаг 1. Создайте новый документ Photoshop

Откройте новый документ Photoshop размером 3,75 x 2,25 дюйма. Установите Разрешение на 300 пикселей / дюйм и установите Цветовой режим на Цвет CMYK — 8 бит, чтобы он был готов к печати.

Стандартный размер визитной карточки — 3,5 x 2 дюйма, но для подготовки визитной карточки к печати по краям должно быть поле 1/4 дюйма (называемое выходом за обрез), которое будет обрезано так, чтобы изображение простирается до края визитной карточки без промежутков при печати и обрезке.(Подробнее о подготовке файлов к печати.)

Шаг 2. Добавьте направляющие

Мы будем использовать направляющие Photoshop, чтобы выделить область за обрез по сравнению с живой областью. Мы добавим направляющие со всех сторон холста, чтобы показать, где находится область выпуска за обрез. Чтобы добавить направляющие, выберите «Просмотр»> «Новое руководство».

Добавьте следующие 4 направляющих:

Ориентация	Позиция
Вертикально	0.125 дюймов (левая направляющая)
Вертикальный	3,625 дюйма (правая направляющая)
Горизонтально	0,125 дюйма (верхняя направляющая)
Горизонтально	2,125 (нижняя направляющая)

Примечание. необходимо изменить единицы измерения с пикселей на дюймы при работе с материалами для печати, поскольку эта абсолютная единица измерения является стандартной для принтеров. Измените единицы измерения, выбрав «Правка»> «Настройки»> «Единицы и линейки».Кроме того, вы можете щелкнуть правой кнопкой мыши на линейке («Просмотр»> «Линейки»), как показано ниже.

Шаг 3: Создайте градиентный фон

Теперь мы собираемся добавить сине-фиолетовый цвет градиентного фона с помощью различных инструментов. Сначала выберите инструмент «Градиент» (G) на панели инструментов, а затем установите стиль «Линейный градиент» на панели параметров.

Затем установите градиент от синего (# 4580c2) до фиолетового (# 91469b), а затем залейте фоновый слой с помощью инструмента Gradient Tool, перетащив его из правого верхнего угла в левый нижний угол холста, создав диагональ. цветовой градиент.

Шаг 4: Сделайте несколько звезд в Photoshop

Чтобы имитировать космос, нам нужны звезды. Создайте новый слой для ваших звезд (Shift + Ctrl / Cmd + N), назовите его «Звезды», чтобы мы поддерживали организацию нашей визитной карточки, а затем убедитесь, что этот новый слой находится над слоем градиента.

Затем залейте слой «Звезды» черным цветом (# 000000).

После этого перейдите в Filter> Noise> Add Noise и установите для параметра Amount значение 400%.Затем выберите параметры «Равномерное» и «Монохроматическое» и нажмите «ОК», чтобы применить фильтр.

Теперь мы воспользуемся фильтром размытия, чтобы смягчить слой шума. Перейдите в Фильтр> Размытие> Размытие по Гауссу и измените радиус на 0,7 пикселя, затем примените фильтр.

После этого щелкните Изображение> Коррекция> Уровни и немного поиграйте со значениями входных уровней, чтобы получить менее частые и более удаленные звезды.

Когда вас устраивает расположение звезд, уменьшите непрозрачность слоя до 50%.

Шаг 5: Добавьте немного звездной пыли с помощью фильтра облаков

Чтобы придать нашей работе другую космическую тему, мы создадим звездную пыль. Для этого сначала создайте новый слой для нашей звездной пыли (вы можете назвать этот слой «Звездная пыль»).

Затем установите цвет переднего плана на белый (#ffffff) и цвет фона на фиолетовый (# 4d008f) на панели инструментов.

Установив цвета переднего плана / фона, перейдите в меню «Фильтр»> «Рендеринг»> «Облака».

Шаг 6. Отрегулируйте яркость звездной пыли

Мы будем использовать корректировку изображения, чтобы улучшить цвет нашего изображения.Перейдите в Image> Adjustments> Levels и поиграйте со значениями Input Levels, чтобы сделать облака более яркими.

Шаг 7. Размажьте звездную пыль

Затем мы размажем нашу звездную пыль с помощью Smudge Tool (R), чтобы создать более плавный и смешанный эффект. Для инструмента Smudge Tool выберите кончик Soft Mechanical Brush и установите для параметра Master Diameter значение 500 пикселей (вы можете установить оба параметра кисти на панели параметров).

С помощью инструмента Smudge Tool, готового к действию, растушуйте слой «Stardust», чтобы он выглядел как звездная пыль.

Шаг 8: Последние штрихи на Stardust

Установите режим наложения слоя «Stardust» на Overlay, а также уменьшите непрозрачность до 60%.

Помните наш фон с сине-фиолетовым градиентом цвета? Дублируйте его (Ctrl / Cmd + J), а затем поместите дубликат поверх слоя «Stardust».

Нажмите Ctrl / Cmd + T (Свободное преобразование), а затем масштабируйте ширину фонового объекта до -100,0%.

После свободного преобразования установите режим наложения слоя на Color.

Шаг 9: Создание диагональной полосы

Далее мы создадим диагональные полосы, чтобы стилизовать нашу визитку и придать ей красивый элемент дизайна. Для начала установите белый цвет переднего плана (#ffffff), а затем возьмите Ellipse Tool (U) на панели инструментов. Затем нарисуйте большой круг и частично переместите его за пределы холста.

Теперь измените режим наложения слоя на Мягкий свет и уменьшите Непрозрачность до 8%.

После этого сделайте две копии слоя с кругом (Ctrl / Cmd + J).Затем переместите их ниже первого.

Убедитесь, что ваш цвет переднего плана установлен на белый (#ffffff), а затем выберите инструмент «Кисть» (B), установив для кончика кисти значение «Мягкая механика» с диаметром мастера 500 пикселей.

Щелкните один раз на холсте, чтобы нанести мазок кисти, создав большой белый круг.

Затем используйте инструмент Rectangular Marquee Tool (M), чтобы сделать выделение, как показано ниже.

Удалить выделенную область. После этого нажмите Ctrl / Cmd + T (Свободное преобразование) и на панели параметров установите Угол на -30 (затем примените преобразование).

Переместите диагональную полосу влево, используя инструмент «Перемещение» (V).

Затем смешайте это лучше с фоном, изменив режим наложения слоя на Мягкий свет и непрозрачность на 40%.

Шаг 10: Создайте больше диагональных полос

Дублируйте (Ctrl / Cmd + J) слой с диагональной полосой 6 раз и переместите скопированные слои вправо.

Шаг 11. Создание красочных световых эффектов

Создайте новый слой (назовите его «Цвета»).

Используйте Brush Tool (B), чтобы нарисовать несколько разноцветных кругов с помощью кисти с мягким наконечником.

Теперь измените режим наложения слоя «Цвета» на «Перекрытие» и уменьшите непрозрачность до 30%.

Шаг 12: Улучшение цветов с помощью карты градиента

Теперь добавьте корректирующий слой «Карта градиента», щелкнув значок Создать новый слой заливки или корректирующий слой , который находится в нижней части панели «Слои»; выберите «Карта градиента» в меню, которое появляется при нажатии на значок.

Установите градиент карты градиента таким образом, чтобы он менялся от черного (# 000000) к белому (#ffffff).

Измените режим наложения карты градиента на «Точечный свет».

Шаг 13: Типография визитных карточек

И последнее, но не менее важное — это текст, который будет размещен на нашей визитной карточке.

Я использовал бесплатный шрифт Nevis (от Ten by Twenty).

Начните с установки белого цвета переднего плана (#ffffff). Затем используйте инструмент Horizontal Type Tool (T), чтобы написать свое имя (или название вашей компании).

После этого выберите текстовый слой на панели слоев и перейдите в меню «Слой»> «Стиль слоя»> «Параметры наложения». Добавьте Gradient Overlay, используя следующие настройки.

Затем напишите описание под именем и повторите действия по стилизации.

Лицевая сторона закончена. Создайте новую группу слоев (Layer> New> Group) и назовите ее «Back».

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

Краткое содержание руководства

Поздравляем, наша визитка готова! Этот урок показал вам простой способ создать дизайн визитной карточки, который обязательно привлечет внимание тех, кому вы ее передадите. Мы создали космический фон со звездами и звездной пылью. Мы также разработали крутой набор диагональных полосок, чтобы подчеркнуть визитную карточку, а затем завершили его красивым корректирующим слоем Gradient Map.Затем нам на помощь пришел инструмент «Горизонтальный текст», когда мы разместили на нем свое имя и другую информацию о визитке.

Прежде чем идти к принтеру, чтобы напечатать визитную карточку, обязательно прочтите руководство под названием «Руководство по подготовке файлов для печати».

Скачать исходные файлы

Как создать собственную визитку с помощью Photoshop

Об этой статье

Написано:

Технический специалист

Эта статья написана Трэвисом Бойллсом.Трэвис Бойллс (Travis Boylls) — автор статей и редактор wikiHow по технологиям. Трэвис имеет опыт написания статей, связанных с технологиями, обслуживания клиентов программного обеспечения и графического дизайна. Он специализируется на платформах Windows, macOS, Android, iOS и Linux. Он изучал графический дизайн в общественном колледже Пайкс-Пик. Эту статью просмотрели 544 015 раз (а).

Соавторы: 13

Информация обновлена: 18 марта 2021 г.

Просмотры: 544,015

Краткое содержание статьи X

1.Создайте новый файл Photoshop с высоким разрешением 3,75 x 2,25 дюйма в цветовом режиме CMYK.
2. Включите «Линейки» и перетащите направляющую на 1/8 дюйма со всех краев.
3. Выберите цвет, используя квадраты в нижней части панели инструментов слева.
4. Используйте цветное ведро или инструмент градиента, чтобы создать цвет фона.
5. Используйте текстовый инструмент, чтобы добавить свое имя, должность, номер телефона, адрес электронной почты и другую контактную информацию.
6. Используйте инструмент «Перемещение», чтобы отрегулировать размер и положение текста.
7. Используйте инструмент «Кисть», чтобы добавить рисунки, текстуры и узоры на фон визитной карточки.
8. Выберите Place из меню «Файл».
9. Разместите изображение на своей визитной карточке.
10. Щелкните и перетащите, чтобы отрегулировать положение изображения.
11. Щелкните и перетащите углы изображения, чтобы отрегулировать размер изображения.
12. Выберите Сохранить как в меню «Файл». 13. Введите имя файла визитной карточки и нажмите Сохранить .

• Печать
• Отправить письмо поклонника авторам

Спасибо всем авторам за создание страницы, которую прочитали 544 015 раз.

Узнайте, как создать готовую к печати визитку в Photoshop

С помощью этого урока вы сможете создать свою собственную готовую к печати визитку в Photoshop.

Подробности учебника

Программа: Photoshop CS6 или более ранние версии

Расчетное время завершения: 50-60 минут

Учебные материалы

При создании этого учебного пособия были использованы следующие ресурсы.

* Кубический шрифт Автор dafont.com

Шаг 1

Прежде всего, нам нужно создать новый документ. Размеры карты зависят от того, где вы собираетесь ее печатать, поскольку они могут отличаться. Однако стандартный размер карточки составляет 89 x 51 мм, поэтому мы будем использовать его в этом уроке.

Прежде чем мы продолжим, вы должны иметь представление о том, что такое кровотечение. Раструб — это часть вашего дизайна, которая будет вырезана после печати. Если вы не будете учитывать этот факт при создании визитки, вы можете получить нежелательные белые полосы по бокам визитки.Однако, если мы расширим нашу конструкцию на несколько миллиметров, эти дефекты резки не будут иметь никакого значения. Это основная цель кровотечений. Пространство, которое вы оставляете для выпуска за обрез, также зависит от вашего принтера. Обычно достаточным считается размер за обрез 3 мм.

Реальный размер карты: 89 x 51 мм

Размер за обрез: 3 мм

Размер после добавления полей за обрез: 89+ (3 × 2) × 51+ (3 × 2)

Размер документа: 95 × 57 мм

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

Надеюсь, вы уловили основную идею; теперь используйте данные настройки для создания нового документа в Photoshop.

Step 2

Как видите, мы создали документ с включенным размером выхода за обрез, поэтому нам нужно определить эти линии за обрез, чтобы сосредоточиться на реальном пространстве проектирования. Сделаем это с помощью Гидов. Перейдите в «Просмотр»> «Новое руководство». Затем повторите с. После этого повторите два раза с рукой.

Step 3

Теперь кое-что, что вам нужно знать о полях.Они определены просто в целях безопасности, чтобы убедиться, что все важное содержимое размещено на некотором расстоянии от краев. Обычно используются поля 5 мм. Чтобы определить поля, выберите «Просмотр»> «Новое руководство». Затем повторите с. После этого повторите два раза с рукой.

Step 4

Наш основной макет визитки готов, теперь мы перейдем к его дизайну. Установите # f8951d в качестве цвета переднего плана и выберите инструмент «Прямоугольник», чтобы нарисовать вертикальный прямоугольник. Дублируйте его, перейдя в Слой> Дублировать слой и измените цвет дублированного прямоугольника на # 000000.Перетащите этот прямоугольник вправо. Теперь выберите оба прямоугольных слоя, нажав клавишу «Shift», а затем щелкните правой кнопкой мыши> Объединить формы. Дублируйте объединенный слой и снова перетащите его вправо от исходного слоя, чтобы получить последовательность, как показано ниже. Объедините эти слои и обозначьте это как 1-ю последовательность.

Шаг 5

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

Шаг 6

Затем щелкните второй слой последовательности, чтобы сделать его активным, и перейдите в Edit> Transform> Rotate.Введите значение угла -45⁰ на панели свойств, чтобы получить диагональный узор, как показано ниже.

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

Шаг 7

Теперь продублируйте слой 3-й последовательности и выберите «Инструмент многоугольного лассо», чтобы выбрать половину узора по диагонали. Вырежьте и вставьте его на новый слой.

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

Шаг 8

Затем нарисуйте четыре прямоугольника оранжевого (# f8941d) и серого (# 8a8a8a) тона. Соберите их в группу и обозначьте как 4-ю последовательность.

Измените режим наложения серых прямоугольников на «Исключение» с непрозрачностью 100% и измените режим наложения оранжевых прямоугольников «Умножение» с непрозрачностью 60%.

Шаг 9

Дублируйте 4-ю последовательность и расположите ее на некотором расстоянии вправо.Объедините обе группы, продублируйте их и перейдите в меню «Правка»> «Трансформировать»> «Отразить по горизонтали». Разместите его, как показано ниже.

Step 10

Установите # 000000 в качестве цвета переднего плана и выберите инструмент «Прямоугольник со скругленными углами» с радиусом 25 пикселей, чтобы нарисовать прямоугольник в центре холста.

Шаг 11

Выберите инструмент «Прямоугольная область», чтобы выделить тонкую полосу рядом с границей прямоугольника со скругленными углами, и залейте ее цветом #ffffff, используя инструмент «Заливка ведро» на новом слое.Дублируйте и расположите его, как показано ниже.

Дублируйте каждый слой с белыми полосами, придайте им чистый черный цвет и перетащите их на один шаг наружу.

Шаг 12

Затем мы добавим заголовок внутри прямоугольника. Здесь мы используем шрифт «Eras Bold ITC» цвета #ffffff.

Дважды щелкните текстовый слой и примените данные настройки для «Bevel and Emboss».

Шаг 13

Дублируйте текстовый слой. Отредактируйте верхний текстовый слой, набрав букву «i», придайте ей цвет # 949494 и поместите ее прямо над «i» основного тайла.Дублируйте этот новый текстовый слой «i» и расположите его, как показано ниже.

Введите строку тега в цвет # 949494.

Step 14

Затем мы добавим наш логотип. Во-первых, с помощью инструмента «Эллипс» нарисуйте круг цвета # 000000. Придайте ему обводку 6 пикселей.

Шаг 15

Теперь добавьте текст по кругу. Здесь мы используем шрифт «Cubic» с чистым белым цветом.

Теперь перейдите в меню «Файл»> «Сохранить как» и сохраните документ как «Business Card Front Psd».

Step 16

Держите этот передний psd открытым, поскольку мы внесем изменения в тот же документ для дизайна обратной стороны нашей карты. Создайте новый слой поверх остальных слоев; залейте его чистым белым цветом. Теперь продублируйте слой 3-й последовательности с диагональными полосами и поместите его поверх этого белого фона, отразите его по горизонтали и уменьшите его непрозрачность до 4%.

Шаг 17

Теперь объедините 3-й и 4-й слои узора, которые мы сформировали для лицевой стороны карты, переверните объединенный слой по горизонтали и выберите на нем прямоугольную полосу с помощью инструмента «Прямоугольная область», скопируйте и вставьте ее в верх остальных слоев.Расположите его внизу. Выберите тонкую полоску на этом слое и вставьте ее на новый слой над ней. Расположите его у правого края карточки. Теперь продублируйте эту полосу и разместите ее у левой границы, как показано ниже.

Шаг 18

Выберите другую прямоугольную область на объединенном слое узора и вставьте ее на новый слой вверху.

Теперь перейдите в Image> Adjustments> Hue / Saturation. Используйте указанные значения, чтобы обесцветить его.

Step 19

Затем мы добавим текст поверх темно-серой полосы, установим # f8951d в качестве цвета переднего плана и введем текст.

Шаг 20

Введите субтитры цветом # d2d3d3 и шрифтом «Eras Bold ITC». Используйте указанные значения, чтобы добавить тень.

Step 21

Создайте небольшой прямоугольник под субтитром в цвете # 232323 и поместите слои с логотипом поверх остальных слоев.

Шаг 22

Теперь вы можете добавить дополнительные детали в свободное место. Для этого мы используем шрифт «Berlin Sans FB» чисто черного цвета. Вы можете добавить маркеры к тексту с помощью инструмента «Эллипс».

Step 23

Теперь удалите все ненужные слои, которые мы сделали для лицевой стороны карты. После этого выберите «Файл»> «Сохранить как» и сохраните его как «Business Card Back Psd». Однако для печати вы можете сохранить шаблон как файл TIFF, который сжимает файл без особой потери качества.

Вот разные цветовые вариации визиток.

Это все, ребята. Надеюсь, вам понравился урок и вы узнали что-то полезное.Поделитесь своими мыслями по этому поводу.

30 Руководств по дизайну для создания профессиональных визитных карточек

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

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

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

Визитки — полезный ресурс для любого бизнеса, в частности для дизайнеров, они дают возможность создать что-то необычное и художественное, чтобы продемонстрировать их творческое чутье. Следуйте этому пошаговому руководству в Adobe Photoshop, Adobe Illustrator и Adobe InDesign, чтобы создать свой собственный дизайн двусторонней визитной карточки, в результате чего вы получите готовый к печати файл для отправки в любимую типографию.

Визитки — полезный ресурс для любого бизнеса, в частности для дизайнеров, они дают возможность создать что-то немного необычное и художественное, чтобы продемонстрировать свое творческое чутье.Следуйте этому пошаговому руководству в Adobe Photoshop, Adobe Illustrator и Adobe InDesign, чтобы создать свой собственный дизайн двусторонней визитной карточки, в результате чего вы получите готовый к печати файл для отправки в любимую типографию.

Какой бы профессией вы ни занимались, наступит время, когда вам понадобится собственная визитка. Это руководство по графическому дизайну покажет вам способ создания стандартного двустороннего дизайна визитной карточки в Adobe Photoshop, который вы можете перенести на свой принтер.

В этом уроке вы собираетесь создать гладкую полосатую визитку с нуля в Illustrator CS4, используя различные инструменты и методы.Вы можете не только создать эту визитку самостоятельно, но и бесплатно скачать визитку вместе с соответствующим фирменным бланком.

5. Как создать красивую визитную карточку с эффектом боке в Photoshop

В этом уроке вы собираетесь создать гладкую полосатую визитку с нуля в Illustrator CS4, используя различные инструменты и методы. Вы можете не только создать эту визитку самостоятельно, но и бесплатно скачать визитку вместе с соответствующим фирменным бланком.

6. Создание красочной яркой визитной карточки

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

7. Как создать абстрактную визитную карточку в

Photoshopn этот учебник Он научит вас, как создать абстрактную визитку, используя комбинацию Adobe Illustrator и Photoshop.Мы будем использовать Photoshop в качестве основы для нашей визитной карточки, при этом используя Illustrator для создания чистых абстрактных форм для использования в наших абстрактных визитных карточках.

8. Создайте классную и оригинальную визитку в джинсовом стиле в Photoshop

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

Визитная карточка имеет стандартный разрез 3 для США и Канады.5 × 2 дюйма, примерно 10 × 5 см. Поэтому, если вы будете следовать руководству, в конце вы сможете распечатать визитку для себя.

9. Создание готовой к печати визитной карточки с использованием только Photoshop

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

10.Учебное пособие — Как создать готовые к печати визитки стандартного размера

Создание визиток — увлекательный процесс. И вы можете создавать их очень быстро, потому что это, как правило, простые вещи. В этом уроке вы узнаете, как создавать готовые к печати визитки стандартного размера с помощью Photoshop. Если вы будете следовать этим рекомендациям, скоро сможете создавать свои собственные визитные карточки.

11. Учебное пособие — Как создать готовые к печати визитки стандартного размера

Нет ничего более уникального для вашего творческого таланта, чем серия ваших собственных рисунков и набросков.Давайте воспользуемся старым добрым дудлом, чтобы представить наши дизайнерские услуги, сочетая быстрые и забавные каракули с готовым к печати дизайном визитной карточки. Мы будем рисовать наши дудлы прямо в Illustrator и использовать возможности печати приложения, чтобы настроить нашу визитную карточку с правильными полями и обрезкой за обрез, чтобы создать готовый к печати PDF-документ.

12. Как создать красочный шаблон визитной карточки в Illustrator CS4 (+ бесплатный шаблон)

В этом уроке мы собираемся создать яркий, красочный и «счастливый» дизайн визитной карточки с нуля в Adobe Illustrator CS4.

13. Учебник PSD: Создайте грязную визитную карточку

Визитная карточка — отличный способ выразить свой бренд, и особенно это должно быть у каждого дизайнера или клиента. Клиенты всегда ценят в вас профессионализм, а потом и цену! То, как вы сделаете свою визитку, будет выделяться из толпы. Чтобы делать визитки, мы должны следовать очень немногим рекомендациям и, помимо этого, не придерживаться одного и того же факта или стиля.

14. Создание профессиональной визитной карточки в Photoshop

Профессиональная визитная карточка жизненно важна для успешного представления вашего бизнеса.PSD Nation создала простой в использовании учебник, в котором показаны шаги по созданию великолепной визитной карточки.

15. Визитная карточка из картона и рваной бумаги

В этом расширенном уроке Photoshop мы создадим красивый эффект картона и поиграем с аккуратным эффектом рваных краев.

16. Создайте стильную визитку для печати с помощью Photoshop

как создать свою собственную двустороннюю визитку в Photoshop и подготовить ее к печати. Недавно здесь, на webexpedition18, была раздача визиток.com, и это вдохновило их на написание этого руководства.

17. Пошаговое руководство по дизайну визитной карточки

Этот проект был разработан для Джеймса Кларксона; инструктор по вождению, работающий в Тадкастере недалеко от Йорка, со своим бизнесом «Обучение вождению на визуальных объектах».

18. Создание визитной карточки с помощью шаблона WL-OL244

Хотя я больше не беспокоюсь о печати фирменных бланков или конвертов для своего дизайнерского бизнеса (спасибо, электронная почта!), Я бы потерялся без визитной карточки. Мало того, что визитки по-прежнему продаются в реальном мире, но часто сама визитка помогает создавать бизнес.К тому же, если вы такой же графический дизайнер, как я, красивая открытка будет действовать как мини-портфолио ваших навыков.

19. Создайте стильную визитную карточку в Photoshop

его урок вдохновлен «Визитными карточками Исмаэльгнка» на flickr. Мне нравится идея и способ презентации, поэтому они решили поделиться шагами по созданию визиток, но по-своему. Итак, начнем с… !!

20. Создание новой Business CardListThumbs

Визитная карточка… это своего рода продолжение вас самих.Это немного отдать себя кому-то другому «.
— Кен Эрдман, основатель Музея визитных карточек, Эренхейм, Пенсильвания

21. Создание красивой визитной карточки

Есть много разных способов атаковать дизайн визитной карточки. Чистота и корпоративность — это всегда приятно. Но почему бы не немного взбеситься? Из этого туториала Вы узнаете, как создать красивую горизонтальную визитку.

22. Необычная презентация вашей визитной карточки

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

23. Необычная презентация вашей визитной карточки

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

24. Персональная карточка с вашим лицом

Простое руководство о том, как создать потрясающую визитную карточку.

25. Как настроить визитку в Photoshop

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

26. Создайте визитку в фотошопе. Урок

Гладкий шероховатый красный урок дизайна.

27. Создание учебного пособия по окружающему дизайну

Учебное пособие, в котором показано, как создать простую визитную карточку.

28. Создайте визитку в Photoshop

Зачем платить кому-то за создание визиток, если вы можете сделать это сами? Все, что вам нужно, это Adobe Photoshop, принтер и немного картона (доступны в магазинах Staples или аналогичных).Из этого туториала Вы узнаете, как сделать простую визитку. Это ни в коем случае не единственный способ, и вы можете изменить дизайн как хотите.