Lumpics lumpics.ru

Создаем визитку для печати в Фотошопе


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

Создание визитки

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

Этап 1: Подготовка документа

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

  1. Создаем новый документ (CTRL+N) и настраиваем его следующим образом: размеры – 9 см по ширине, 5 по высоте. Разрешение 300 dpi (пикселов на дюйм). Цветовой режим – CMYK, 8 бит. Остальные настройки – по умолчанию. Создаем новый документ
  2. Далее необходимо провести направляющие по контуру холста. Для этого вначале перейдем в меню «Просмотр» и поставим галку напротив пункта «Привязка». Это нужно для того, чтобы направляющие автоматически «прилипали» к контурам и середине изображения.

    Привязка направляющих

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

    Включаем линейки

  4. Далее выбираем инструмент «Перемещение» (не принципиально, поскольку направляющие можно «тянуть» любым инструментом) и протягиваем направляющую от верхней линейки к началу контура (холста).

    Протягиваем направляющую

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

    Протягиваем направляющую (2)

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

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

    Увеличиваем рабочую область

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

    Увеличиваем рабочую область (2)

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

    Увеличиваем рабочую область (3)
  3. Теперь создаем линии отреза.

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

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

    Инструмент Линия

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

    Инструмент Линия (2)

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

    Инструмент Линия (3)
  5. Толщину линии задаем 1 пиксел.

    Инструмент Линия (4)

  6. Далее создаем новый слой для фигуры.

    Инструмент Линия (5)

  7. Зажимаем клавишу SHIFT и проводим линию по направляющей (любой) от начала до конца холста. Затем создаем такие же линии с каждой стороны. Не забываем для каждой фигуры создавать новый слой. Чтобы посмотреть, что получилось, нажмем CTRL+H, тем самым временно убрав направляющие. Вернуть их на место можно (нужно) тем же способом.

    Линии отреза (3)

    Если некоторые линии не видны, то в этом, скорее всего, виноват масштаб.

    Инструмент Линия (6)

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

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

    Инструмент Линия (9)

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

    Инструмент Линия (10)

Этап 2: Размещение контента

Подготовительные работы закончены, теперь можно помещать в рабочую область контент визитки. Мы воспользуемся готовым шаблоном, а вы можете нарисовать дизайн самостоятельно. Как найти такие шаблоны? Очень просто. Открываем любимую поисковую систему и вводим в поисковую строку запрос вида «шаблоны визиток PSD», в выдаче ищем сайты с шаблонами и скачиваем понравившийся. В нашем архиве лежит два файла в формате PSD. Один с фронтальной (лицевой) стороной, другой – с тыльной.

Архив с шаблонами

  1. Открываем двойным кликом один из файлов и видим визитку. Шаблон визитки
  2. Посмотрим на палитру слоев этого документа.

    Палитра слоев шаблона визитки

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

    Объединяем слои шаблона в группу

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

    Объединяем слои шаблона в группу (2)
  3. Теперь необходимо всю эту группу переместить на нашу визитку. Для этого вкладку с шаблоном необходимо открепить от рабочей области. Зажимаем вкладку левой кнопкой мыши и тянем немного вниз.

    Перемещаем группу на рабочий документ

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

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

    Перемещаем группу на рабочий документ (3)

Далее редактируем контент визитки.

Подгонка размеров

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

    Задаем нужный цвет.

    Инструмент Заливка (2)

    Затем выделяем слой с фоном в палитре.

    Инструмент Заливка (3)

    Кликаем внутри рабочей области.

    Инструмент Заливка (4)
  2. Выделяем в палитре слоев (на рабочем документе) только что помещенную туда группу.

    Подгоняем контент по размеру

  3. Вызываем «Свободное трансформирование» сочетанием клавиш CTRL+T. При трансформировании необходимо (обязательно) зажать клавишу SHIFT для сохранения пропорций. Помним про линии отреза (внутренние направляющие): они очерчивают границы контента. В данном режиме контент также можно и перемещать по холсту.

    Подгоняем контент по размеру (2)

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

    Подгоняем контент по размеру (3)

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

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

    Подгоняем контент по размеру (4)

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

    Подгоняем контент по размеру (5)

Редактирование типографики (надписей)

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

Редактируем текст
  1. Для того чтобы узнать, какой шрифт был в шаблоне, выделяем слой с текстом. Редактируем текст (2)
  2. Переходим в меню «Окно – Символ».

    Редактируем текст (3)

    Видим, что оригинальный шрифт шаблона называется Open Sans.

    Редактируем текст (4)

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

    Читайте также: Устанавливаем шрифты в Фотошоп

  3. Мы ничего устанавливать не будем, а заменим шрифт на существующий. Например, Roboto. Выделяем слой с редактируемым текстом и, в том же окне «Символ», находим нужный шрифт. Редактируем текст (5)

    В диалоговом окне нажимаем «ОК». Процедуру придется повторить с каждым текстовым слоем.

    Редактируем текст (6)
  4. Теперь выбираем инструмент «Текст».

    Редактируем текст (7)

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

    Редактируем текст (8)

    Таким образом редактируем все текстовые слои, внося свои данные.

Замена логотипа

При замене графического содержимого необходимо преобразовать его в смарт-объект.

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

    Подробнее: Как вставить изображение в Фотошопе

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

    Вставляем логотип

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

    Вставляем логотип (2)

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

Вставляем логотип (3)

Сохранение результата

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

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

    Тем самым получим прозрачный фон.

    Сохраняем визитку (2)
  2. Далее идем в меню «Файл – Сохранить как», либо нажимаем клавиши CTRL+SHIFT+S. В открывшемся окне выбираем тип сохраняемого документа – PDF, выбираем место и присваиваем имя файлу. Нажимаем «Сохранить».

    Сохраняем визитку (3)

    Настройки выставляем, как на скриншоте, и жмем «Сохранить PDF».

    Сохраняем визитку (4)

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

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

Так мы с Вами создали визитку для печати. Разумеется, можно придумать и нарисовать дизайн самостоятельно, но такой вариант доступен не каждому.

Обсудить в TelegramНаш Telegram каналТолько полезная информация
Автор статьи Вы на сайте: Статья обновлена: . Автор: Сергей Николаев

Вам помогли мои советы?

Получить ответ на Email
Уведомить о

1 Ответ
По рейтингу
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
Аноним
23 октября 2023 23:57

То же самое, спасибо автору

Задать вопрос