Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

Делаем визитку в фотошоп

27 марта 2013 182 228 просмотров | Сложность:

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

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

Исходники:

Архив

Шаг 1

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

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

Шаг 2

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

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

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

Шаг 3

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

Таким образом мы добавили по 0,125 дюймов с каждой из сторон, для того чтобы при нарезке визитных карточек не пострадал текст и дизайн.

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

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

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

Автор:  Irene Thompson

Перевод: Хитрён@

Понравилось? Поделитесь с друзьями!
Источник: designrfix.com Переводчик: Хитрён@
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
Viktoriya Totskikh26 июня 201711

Благодарю за урок! Сделала визитку, опираясь на Ваш урок! Немного в другом стиле, но очень нравится! :)

svetelena20 апреля 201710

спасибо за урок.

Рудь Сергей13 февраля 201721

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

Спасибо

Макс Кулебяка15 января 20177

Спасибо) Отличный урок!

raykova17 ноября 20169

ДОБРЫЙ ДЕНЬ!

Когда делаю в формате Цветовой режим: CMYK , то теряется на визитке нужный мне цвет, она становится блеклая (( как быть? Хочу такой как во вложении.

kain1817 ноября 2016

Задайте вопрос на нашем форуме.

raykova17 ноября 2016

спасибо, написала!

Zhivena14 ноября 20163

Спасибо!

Goglmogl19 октября 201613

спасибо

Roz-mari29 февраля 201619

Спасибо.

Катерина Врубель20 февраля 20167

Спасибо, но похоже я что то не так сделала.

MeXXicanec15 февраля 20166

Спасибо

ИрэнАдлер08 февраля 201617

Хы-Хы... прикольно)))

jendrjuh13 января 201613

Концовку я так и не понял.

Olga0707197812 января 20168

спасибо

robingoodmen26 ноября 20155

Отличный урок! Моя первая работа в фотошопе.

yaneta13 апреля 20157

Спасибо за урок

helena_todorova21 августа 201411

Спасибо, пригодилось!

Oxan4uK22 июня 201410

Спасибо за урок.

andrian.iovu21 января 20146

большое спасибо за подробный и полезный урок

Татьяна Жилина14 января 201413

очень пригодился урок. Спасибо!

Kati05 ноября 20137

Спасибо!!!

ЕвгенияД31 октября 201313

большое спасибо за подробный и полезный урок

Спасибо ещё раз за урок!!!!!

helena_todorova21 августа 2014

Это ведь абсолютно две одинаковые картинки, за исключением одного слова!

Большое спасибо!!!!!

Dammerung18 октября 201310

Спасибо за урок!

Julia B16 октября 20139

Здорово)

Swader18 сентября 20138

спасибо за урок!

Наталия 7519 августа 20138

Спасибо за урок.

Rina_k02 августа 201310

Спасибо за урок)) Люблю этот стиль)

Henry_Chinaski21 июля 2013

Кто может по этому уроку сделать мне картиночку?
Сейчас не могу сделать сам, кто может помочь давайте в скайп: morkovke_morkovke

Авторизация


Регистрация

Наверх