Как сделать визитку в фотошопе cs6. Правила создания визиток в "фотошопе"

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

Итак, давайте приступим к созданию визитки!

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

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

Открываем программу Adobe Photoshop и идем в Файл>Создать… В открывшемся окне устанавливаем такие параметры:

Ширина: 90 мм;

Высота: 50 мм.

Я выбрал наиболее популярный размер визиток: 90×50 мм, но вы можете выбрать любой другой – Вам лишь нужно при создании нового документа указать нужный размер.

Разрешение: 300 пикс/дюйм.

Это очень важный параметр при создании продукции для печати, а т.к. у нас визитка размером 50 x 90 мм , то параметр разрешения должен быть максимальным (чем меньше изображение, тем больше разрешение).

Цветовой режим: Цвета RGB;

Параметр, который отвечает за цветовую модель документа. На данный момент существует несколько цветовых моделей, но чаще всего используются модели: RGB и CMYK .

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

И последнее, если же Вы решили работать с документом, используя модель CMYK , то Вам стоит учесть такой момент: черный цвет в данной модели – это цвет Key color и если Вы, например, решите написать черным цветом текст, то значение данного цвета нужно устанавливать не при помощи шестнадцатеричного кода #000000 , а путем установления значения интенсивности цвета Key color в значение 100% . Остальные же цвета данной модели необходимо установить в положение 0% :

Содержимое фона: Белый.

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

Цветовой профиль: sRGB IEC61966-2.1

Попиксельная пропорция: Квадратные пиксели.

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

Итак, для чего же нам нужно добавить направляющие? А направляющие нам нужно добавить для того, чтобы при обрезке визиток не обрезали важную информацию.

Идем в Просмотр>Новая направляющая… и в открывшемся окне устанавливаем сначала вертикальные направляющие с параметром Положение в значениях 0 мм и 90 мм , а потом и горизонтальные с этим же параметром, но уже в значениях 0 мм и 50 мм .

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

Сначала включим линейки путем нажатия комбинации горячих клавиш Ctrl + R или перейдите в Просмотр>Линейки . Далее включим Привязку для того, чтобы, когда мы будем добавлять новые направляющие, они как бы прилипали к краям холста. Итак, чтобы включить Привязку идем в Просмотр>Привязка или используем комбинацию горячих клавиш Shift + Ctrl +; . Далее добавляем еще 4 направляющих : щелкаем мышкой по линейке, вытягиваем новую направляющую и прикрепляем ее к краю нашей визитки и так со всеми сторонами.

Шаг 3. Добавляем линию реза

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

Шаг 4. Создаем фон нашей визитки

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

Шаг 5. Добавляем логотип

Каждая компания, каждый сайт и предприниматель имеет свой логотип. В данном шаге мы вставим в нашу визитку свой логотип, я буду использовать логотип своего блога smart photoshop . ru :

Примечание: Если Вы считаете, что вашему логотипу не хватает насыщенности, контраста, то Вы можете откорректировать его при помощи корректирующих слоев: Цветовой тон/Насыщенность и Уровни , как сделал это я.

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

Шаг 6. Добавляем заголовок и подпись

Для добавления заголовка я использовал шрифт Georgia c такими настройками:

Цвета, которые я использовал в своей работе для оформления текстовых слоев – это красный, желтый и белый . Также я использовал такие Стили слоя :

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

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

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

Сайт: http://сайт

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

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

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

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

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

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

Обычно визитки делаются в векторных редакторах, таких как 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 — Разметка документа

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

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

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

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

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

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

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

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

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

После вставки текстуры, я нажал +, чтобы сделать вставленное изображение нужного размера, не забывайте зажимать 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 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 — Печать

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

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

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

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

Этап 1

Для начала давайте откроем фотошоп и создадим документ с размером 9 на 6 сантиметров, и разрешением 300 точек на дюйм.
Теперь зайдите в "Просмотр - Новая направляющая"(View/New Guide ) и выберем "Вертикальная" 0 см, а затем точно также, только вместо 0 см выбираем 0,5 см, 8,5 см, 9 см.
Теперь там же выберем "Горизонтальная" 0 см, затем 0,5 см, 5,5 см, 6 см.
Это будет наше 5 мм ограничение, которое необходимо большинству принтеров для нормальной печати.
Результат должен быть как на рисунке ниже:

Этап 2

Пришло время добавить градиент, поэтому кликните инструмент "Градиент" (Gradient Tool ) или просто нажмите G . Цвет переднего плана сделайте вот таким #2b272a , а заднего плана таким - #3c353a , а теперь растяните градиент с левого нижнего угла в правый верхний, чтобы получить вот такой результат:

Этап 3

Теперь сделайте двойной клик на ваш фон в панели со списками слоев(Layers) и сделайте его редактируемым(снимите замочек со слоя).
Скачайте узор: (cкачиваний: 8158)
и используйте его для вашей визитки. Для этого кликните дважды по названию слоя и выберите узор ("Непрозрачность" 10%). Теперь вы должны получить вот такой результат:

Этап 4

Теперь возьмите инструмент "Прямоугольник (Rectangle Tool ), для этого просто можно нажать U . Убедитесь что цвет выбран вот этот #ffe512 и сделайте прямоугольную форму, как на рисунке ниже:

Этап 5

Теперь сделаем наш логотип, я просто написал DP и стилизовал их таким образом:
"Тиснение" (Bevel and Emboss ): Стиль: Внутренний скос, Метод: Жесткая огранка, Глубина 11%, Направление - вверх, Размер 21 и Смягчение 0, остальное оставляем, как есть.
Контур 50%.
Перекрытие цветом #ffe512 , непрозрачность 100%.
Обводка - 4 пикселя, цвет - черный.
Вы получите вот такой результат.

Этап 6

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

Теперь выберите инструмент "Горизонтальный текст" и нанесите ваш логотип, используя черный цвет для одной половины логотипа и белый для другой. Размер шрифта выберите 180пт, в зависимости от того шрифта, который вы используете значение может быть меньше или больше. Сделайте так, чтобы текст немного выходил за пределы печати и установите непрозрачность слоя в значение 20%.
Вы должны получить вот такой результат.

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

В уроке "" мы научимся создавать визитную карточку.

Подобные публикации:

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

И так приступим, откроем фотошоп и создадим новый документ с помощью клавиш " Ctrl+N " с размерами 56х96 мм , разрешение файла 300 dpi , цветовой режим cmyk , цветовой профиль CoatedFOGRA39.


Нажимаем «Ок » и приступим к разметке макета визитки, для этого нужно пройти в меню «Просмотр ».

И нажать «Линейки ». После нажатия напротив пункта «Линейки » появится галочка, так же для отображения линейки можно нажать комбинацию клавиш Ctrl+R . В фотошопе появятся две линейки - вертикальная слева и горизонтальная сверху. Нам нужно чтобы шкала линейки была в миллиметрах, для этого щелкаем правой клавишей мыши по любой линейке и выберем миллиметры. Теперь после того как линейки настроены, приступаем к разметке макета. Для начала включим вспомогательные элементы, нажав сочетание клавиш "Ctrl+H ". Подводим курсор мыши к вертикальной линейке, жмем левую клавишу мыши и перетаскиваем направляющую на 6 мм . Вторую направляющую поставим на 90 мм .


Таким же способом расставим горизонтальные направляющие - первую на 6 мм , вторую на 50 мм .

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


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

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


Затем нужно создать дубликат слоя. Для этого щелкаем правой клавиши мыши по фоновому слою и выбираем дублировать слой. Слой копию можем залить любым цветом или градиентом, а можно оставить белый фон. Я буду заливать градиентом, для этого выберем инструмент « Градиент » на панели инструментов или просто нажмем клавишу " G " на клавиатуре. Щелкнем левой клавишей мыши по полю (указано стрелочкой на рисунке).

Откроется редактор градиента, здесь выбираем подходящий нам градиент и жмем « Ок ».


У меня получилось вот так.


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

Теперь напишем фамилию и нажмем "Ctrl+Enter ".


Пишем имя и отчество, получилось вот так.


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

Щелкаем левой клавишей мыши по и тексту и перетаскиваем его так, чтобы не выступал за линии, при необходимости можно нажать клавиши "Ctrl+T " и с зажатой клавишей "Shift " трансформировать наш текст потянув за любой из углов.


Выберем снова инструмент «Горизонтальный текст » и напишем номер телефона. Применяем текст – Ctrl+Enter .

Пишем мобильный номер телефона. Применяем текст – Ctrl+Enter .

Пишем электронную почту. Применяем текст – Ctrl+Enter .


Пишем адрес своего сайта. Применяем текст – Ctrl+Enter.


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

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

Рассмотрим вариант вставки фотографии.

Выберем инструмент «Произвольная фигура ».

И в верхнем меню инструмента выберем фигуру в виде рамочки.

Так же выберем цвет фигуры.

Теперь щелкаем левой клавишей мыши и по нашему макету и растягиваем рамочку.


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

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




Нажимаем «Ок » и вот что у нас получилось.


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


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

Жмем «Ctrl+T », и с помощью трансформации подгоняем наше фото под размер рамки, должно получиться вот так.

Для дальнейшего редактирования сохраняем в формате PSD . Для печати сохраняем в Jpeg .

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

Мы с Вами научились процессу создания визитки в фотошопе Вперёд



Закрытие ИП