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


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

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

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

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

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

Ширина: 90 мм;

Высота: 50 мм.

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

 

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

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

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

Обводка:

Тиснение:

Тень:

Шаг 7. Добавление информации о себе

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

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

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

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

 

Автор: Сергей Заставный

Сайт: http://smart-photoshop.ru

 

P.S. Если Вам понравился данный урок, будьте любезны – нажмите кнопочку Поделиться… Заранее спасибо. Также если Вы хотите регулярно получать новые уроки с этого блога, подписывайтесь на RSS ленту.

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

  1. 20.10.2012 at 5:52 пп

    привет

  2. Григорий
    12.10.2013 at 12:43 дп

    Уважаемый Сергей.

    Спасибо за урок. Не сочтите за труд, растолкуйте, пожалуйста, непонятную мне фразу: «добавляем отпечаток белой мягкой кистью». Что это значит конкретно — отпечаток белой кистью?

    Спасибо

    • 12.10.2013 at 8:48 дп

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

      • Григорий
        12.10.2013 at 10:33 дп

        Спасибо за оперативный отклик.

        Однако, возможно, я неудачно построил фразу. Что такое жесткость кисти и что такое белый цвет, я знаю. Я не понял, что с ними делать. Что значит, «ДОБАВЛЯЕМ ОТПЕЧАТОК» белой кистью? Что за отпечаток?

        У меня есть фон, есть изображение логотипа, дальше Вы советуете: «чтобы сделать логотип немного более выделяющимся, на новом слое (который я разместил позади слоя с логотипом, но перед слоем с фоном) добавляем отпечаток белой мягкой кистью». Что это значит, «ДОБАВЛЯЕМ ОТПЕЧАТОК»?

        • 12.10.2013 at 10:54 пп

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

          Данный слой я создавал для осветления фона, таким образом выделив логотип на фоне.

  3. Григорий
    12.10.2013 at 10:58 пп

    Спасибо.

  4. Юлия
    16.07.2014 at 9:12 дп

    Спасибо большое за Ваш труд!

  5. Катя
    01.11.2014 at 11:50 дп

    Спасибо! Очень полезно!

  6. Светлана
    11.03.2015 at 7:31 дп

    Большое спасибо за этот урок! Очень понятно объяснили. У меня все получилось! P.S. На вашей созданной визитке написано «PHOTSHOP»)

  7. Оля
    27.10.2015 at 8:47 пп

    Нет в фотошопе кнопки «Создать» !!!!!

  8. Никита
    13.08.2016 at 12:00 пп

    Здравствуйте, я не могу понять, зачем нужно отступать от визитки 1 см наружу? ставить текст, отступая 5 мм внутрь от краев, — это ясно, чтоб не обрезалась инфа, но тогда зачем еще увеличивать саму визитку?

    • 21.08.2016 at 8:39 пп

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

  9. Андрей
    29.05.2017 at 6:46 пп

    Здравствуйте, не могу повторить 3 шаг. Вроде понятно, что делать, но вот делаю, не получается. Помогите понять, последовательность действий? Уверен, что все просто, вот застопорился.

    • 29.05.2017 at 9:57 пп

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *