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

Давайте начнем.

Шаг 1

Работу над визиткой мы начнем с определения параметров с учетом требований для печати. Создайте новый документ, нажав CTRL + N. В меню настроек характеристик изображения введите следующие значения:

• Ширина - 3,5 дюймов
• Высота - 2 дюйма.
• Разрешение 300 ppi
• Цветовой режим: CMYK

Шаг 2

Мы получили заготовку под стандартную визитную карточку. Создайте копию фонового слоя (CTRL + J ).

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

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

Шаг 3

При работе с визитными карточками не забывайте про зону "под обрезку".
Перейдите к Изображение > Размер холста (Image > Canvass). Установите новые значения для высоты и ширины: ширина (width) - 3,75 дюймов; высота (height) - 2, 25 дюймов.

Шаг 4

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

Рабочее поле можно ограничить несколькими способами. Например:

1. "На глаз". Для этого используйте линейку (методика из шага №2). Размеры по краям уменьшаем на 0,125 дюймов.
2. Либо можно ввести четкие параметры для вспомогательных линий. Это позволит добиться более точного результата. Для ввода новых величин перейдите к Просмотр > Новая вспомогательная линия (View > New Guide).

Затем установите следующие значения:

• Верхнее поле: по горизонтали (Top Margin: Horizontal) - 0,25 дюйма
• Нижнее поле: по горизонтали (Bottom Margin: Horizontal) - 2 дюйма
• Левое поле: вертикальный (Left Margin: Vertical) - 0,25 дюйма
• Правое поле: вертикальный (Right Margin: Vertical) - 3,5 дюйма

Шаг 5

Мы подготовили шаблон для визитки! Теперь займемся разработкой макета.
Перейдите на копию фонового слоя. Активируйте инструмент Градиент (Gradient tool) и задайте с его помощью общий цвет.

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

Примечание переводчика: автор использовал: тип градиента - "Зеркальный"; цвета - # c28c44 - # c5bb88 - # c28c44.

Шаг 6

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

Шаг 7

Стоя на слое с текстурой бумаги, перейдите к режиму наложения слоя (blend mode) и установите его на Перекрытие (Overlay). Этот простой прием позволит обьеденить текстуру с общим цветом.

Шаг 8

Отлично! Теперь мы подготовили визитку к следующему этапу - заполнение содержимым. Нашим первым элементом станет логотип.
Хорошо разработанный логотип, добавит шарм и более профессиональный вид любой визитной карточке.

В этом примере мы создадим круглый логотип с фигурой солнца.
Активируйте инструмент Эллипс (Ellipse Tool). Создайте новый слой поверх остальных. Удерживая клавишу Shift нарисуйте круг. Цвет выберите по собственному желанию.

Примечание переводчика: автор использует цвет # 211a26

Шаг 9

Для дальнейшей работы нам необходимо растрировать фигуру круга, которую мы только что нарисовали. Для этого, сделайте щелчок правой кнопкой мыши по слою с кругом и выберите в подменю "Растрировать слой " (rasterize).

Шаг 10

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

Активируйте инструмент Произвольная фигура (Custom Shape Tool). Из галереи вариантов форм (которая находится выше), выбираем подходящий образец. Добавляем новый слой, над слоем с кругом, и рисуем на нем выбранную фигуру.

Шаг 11

Зажмите клавишу CTRL и щелкните по иконке фигуры логотипа в слое. Это позволит создать выделение.

Шаг 12

Перейдите на растрированный слой с кругом. Не снимая выделение нажмите клавишу DELETE . Снимите выделение. Отключите видимость слоя с фигурой логотипа.

Шаг 13

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

Активируйте инструмент Кисть (Вrush tool). Из набора кистей выберите стандартную круглую жесткую кисть размером 5 пикс.

Шаг 14

Теперь, нажмите на иконку панели кистей. Перейдите к "Интервалы " (shape subsection) Изменение расстояние до 200%. Это позволит превратить круглую кисть в ряд точек.

Шаг 15

Создайте новый слой, нажав CTRL + SHIFT + N . Затем, используя кисть которую мы только что настроили, нарисуйте прямую пунктирную линию (удерживайте клавишу shift для того чтобы линия получилась прямой).

Шаг 16

Дублируйте полученную линию несколько раз. Разместите строчки как вам нравится.

Шаг 17

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

Шаг 18

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

Шаг 19

Отлично! Теперь просто добавим наш текст. Мы используем несколько различных ретро шрифтов, которые можно скачать на сайте dafont.com.

Шаг 20

Переходим к финальным деталям! Выделите все слои. Щелкните правой кнопкой мыши на панели слоев и в подменю выберите "Объединить слои " (Мerge layers).

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

Шаг 21

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

Примечание переводчика: Автор использовал инструмент "Ластик". В настройках инструмента была выбрана гранжевая кисть. Неплохого эффекта можно добиться если добавить слой-маску к слою с логотипом (текстом) и воспользоваться на маске слоя гранжевыми кистями (цвет черный).

Шаг 22

Измените режим наложения слоя с винтажными узорами и слоя с информацией на Затемнение основы (Сolor burn).

Примечание переводчика: Если вы воспользовались советом из шага №20, то режим наложения вам нужно изменить для трех слоев: с винтажным узором, с текстом, с логотипом+строчки.

Шаг 23

Последний штрих. Дублируйте слой с информацией, это придаст выразительность основной части.

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

Такую простую визитку вы можете сами нарисовать в фотошопе. Уровень – легкий, длительность выполнения урока – 15 минут.

Стандартные размеры визитки 90 × 50 мм. Именно для такого размера делают российские визитницы.

Этапы урока “Как сделать визитку в фотошопе”:

Открываем фотошоп и создаем новый документ с размерами 90 × 50 мм, разрешение – 300 пикс/дюйм, режим CMYK (для печати).

Включите линейки при помощи горячих клавиш Ctrl + R – появится шкала, единицы измерения – пиксели. Теперь возьмите Move Toole (Инструмент перемещение) и создайте направляющие (протяните их от верхнего и левого края документов так, чтобы сделать отступы в полсантиметра (на 5 делений шкалы). Это нужно для того, чтобы обозначить “безопасную зону”, именно в ней следует размещать всю важную информацию, не выходя за пределы. Иначе при печати может оказаться обрезан номер телефона или будет искажена другая информация.

Теперь вам нужно определиться с цветовой схемой будущей визитки. Вы можете продумать цвета сами, а можете отправится на специальный сайт, на котором пользователи подбирают и делятся наиболее удачными палитрами. Одним из таких сайтов является www.colourlovers.com . сайт англоязычный, но достаточно прост в использовании. Зарегистрируйтесь на нем, и у вас появится возможность скачивать палитры в формате ACO для последующей загрузки в фотошоп. Вы можете палитру цветов, которую подобрала я для того, чтобы продемонстрировать как сделать визитку в фотошопе.

Активируйте Окно –> Образцы, загрузите палитру цвета. Можно загрузить их двойным кликом по файлу ACO. Вы найдете их в самой нижней части образцов цвета:

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

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

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

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

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

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

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

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

Итак, для начала необходимо определиться с размером документа. Нам нужны реальные физические размеры.

Создаем новый документ (CTRL+N) и настраиваем его следующим образом:

Размеры – 9 см по ширине, 5 по высоте. Разрешение 300 dpi (пикселов на дюйм). Цветовой режим – CMYK, 8 бит . Остальные настройки – по умолчанию.

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

Теперь включаем линейки (если они не включены) сочетанием клавиш CTRL+R .

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

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

1. Переходим в меню «Изображение – Размер холста» .

2. Ставим галку напротив «Относительная» и задаем размеры по 4 мм с каждой стороны.

Результат – увеличенный размер холста.

Теперь создаем линии отреза.

Важно: все элементы визитки для печати должны быть векторными, это могут быть Фигуры, Текст, Смарт-объекты или Контуры.

Построим данные линии из фигур под названием «Линия» . Выбираем соответствующий инструмент.

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

Заливка черная, но не просто черная, а состоящая из одного цвета CMYK . Поэтому идем в настройки заливки и переходим в палитру цветов.

Настраиваем цвета, как на скриншоте, больше ничего, кроме CMYK , не трогаем. Жмем «ОК» .

Толщину линии задаем 1 пиксел.

И, наконец, зажимаем клавишу SHIFT и проводим линию по направляющей (любой) от начала до конца холста.

Затем создаем такие же линии с каждой стороны. Не забываем для каждой фигуры создавать новый слой.

Чтобы посмотреть, что получилось, нажмем CTRL+H , тем самым временно убрав направляющие. Вернуть их на место можно (нужно) тем же способом.

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

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

Затем нажмем CTRL+G , тем самым поместив слои в группу. Эта группа должна всегда находиться в самом низу палитры слоев (не считая фона).

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

Шаблоны визиток PSD

В поисковой выдаче ищем сайты с шаблонами и скачиваем их.

В моем архиве лежит два файла в формате PSD . Один — с фронтальной (лицевой) стороной, другой – с тыльной.

Открываем двойным кликом один из файлов и видим визитку.

Посмотрим на палитру слоев этого документа.

Видим несколько папок со слоями и черный фон. Выделяем все, кроме фона, с зажатой клавишей SHIFT и жмем CTRL+G .

Получится вот что:

Теперь необходимо всю эту группу переместить на нашу визитку. Для этого вкладку с шаблоном необходимо открепить.

Зажимаем вкладку левой кнопкой мыши и тянем немного вниз.

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

1. Подгоняем по размеру.

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

Выделяем в палитре слоев (на рабочем документе) только что помещенную туда группу и вызываем сочетанием клавиш CTRL+T .

При трансформировании необходимо (обязательно) зажать клавишу SHIFT для сохранения пропорций.

Помним про линии отреза (внутренние направляющие), они очерчивают границы контента.

В данном режиме контент также можно и перемещать по холсту.

По завершении нажимаем ENTER .

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

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

Затем вызываем «Свободное трансформирование» (CTRL+T ) и подгоняем размер по вертикали («сжимаем»). Клавишу SHIFT не трогаем.

2. Редактируем типографику (надписи).

Для этого необходимо в палитре слоев найти все, содержащие текст.

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

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

Этот шрифт можно скачать в интернете и установить его.

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

Что такое «правильная визитка»?

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

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

• Дизайн и оформление (визитка обязательна должна быть запоминающейся и интересной. Это вовсе не значит, что она должна быть пестрой и буквально кричать о красочности. Основное задание сделать ее не такой как у всех, оригинальной);
• Износоустойчивость (следует помнить, что ваша визитка будет лежать в груде иных документов, и пригодится может через неопределенный период времени. Соответственно, необходимо ответственно подойти к выбору типографии, чтобы не волноваться о качестве печати и используемых материалах);
• Удобство (следует обращать внимание на стандартные размеры 9*5 см (аналог банковской карточки), размещение информации на обеих сторонах и материал покрытия).

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

Перед тем, как правильно создать макет в cs5, необходимо принять во внимание несколько правил корректного изображения. Итак, необходимо запомнить такие моменты:

• Комбинация более 3 – х шрифтов/цветов на одном изображении – строгое табу;
• Подбирать необходимо читабельный шрифт (не нужно чрезмерно «мудрить» со шрифтом, ведь работает правило: «чем проще, тем лучше»);
• Шрифт не должен быть мелким (в идеале он должен быть таким, чтобы человек, не имеющий явных проблем со зрением, мог прочесть текст на карточке на расстоянии вытянутой руки);
• Необходимо обеспечить контраст между фоном и текстом, а задний план не должен отвлекать внимание от основной информации.

Выше упоминалось, что стандартные размеры – 50*90 мм, но при разработке необходимо сделать запас, который уберется при срезе краев в процессе печати. Поэтому делаем 96х56мм

Шаг 3 . Необходимо выбрать фоновое оформление, а для этого кликнем CTRL + J и просматриваем стандартные обои. Если из предложенных вариантов ничего не подходит, то на рабочем окно есть функция «Добавить» и есть возможность использовать фоновый план, который сохранен на ПК.

На этом этапе можно добавлять специальные эффекты по типу «Градиент» или «Затемнение». Все дополнительные эффекты можно найти на панели инструментов (в верхней части рабочего поля), а их применение будет зафиксировано лишь после сохранения слоя.

Шаг 4 . Располагаем текст и дополнительные изображения. Кликнем CTRL + R и появляется курсивное окно на cs6, где необходимо ввести текст визитки. Помимо текста, следует ввести параметры вспомогательных линий, которые отредактируют размещение текста на фоновом листе.

При размещении текста необходимо делать уклон на такие параметры полей: верхнее – 0,25, нижнее – 2, левое – 0,25, правое – 3,5 дюймов. Если вы хотите добавить какой – либо элемент на рабочую панель, то необходимо кликнуть на «Произвольная фигура», и выбрать понравившийся образ.