Главная » Photoshop » Вы здесь

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

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

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

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

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

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

Создаем новый документ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Далее редактируем контент визитки, то есть:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Редактируем текст

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

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

Open Sans…

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

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

Мы ничего устанавливать не будем, а заменим шрифт на существующий. Например, Roboto.

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

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

Теперь выбираем инструмент «Текст».

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

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

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

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

3. Меняем логотип

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

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

Подробнее об этом можно прочитать в статье «Как вставить изображение в Фотошопе»

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

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

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

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

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

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

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

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

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

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

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

Далее идем в меню «Файл – Сохранить как», либо нажимаем клавиши CTRL+SHIFT+S.

В открывшемся окне выбираем тип сохраняемого документа – PDF, выбираем место и присваиваем имя файлу. Нажимаем «Сохранить».

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

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

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

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

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

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

Поделиться ссылкой в социальных сетях
Подпишитесь, чтобы получать новые статьи по email.

Или получайте обновления в социальных сетях:
Вконтакте Facebook Твиттер RSS

Оставить комментарий