Создаем визитку с помощью Фотошопа


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

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

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

Пошаговое создание визитки в Фотошопе онлайн

Создание визитки в Фотошопе состоит из трёх шагов:

  1. Подготовка основы документа
  2. Заполнение документа контактной информацией и элементами дизайна
  3. Сохранение макета в выходном файле

Видеоурок по созданию визитки в Adobe Photoshop от Олега Вереса:

Подготовка документа

Создание нового проекта для визитки в Фотошопе

  1. Откройте онлайн-фотошоп, и щёлкните раздел «Новый проект».

Задайте размер визитки

В появившемся одноимённом окне введите в поля «Имя», «Ширина», «Высота» и DPI значения, подчёркнутые на нижнем скриншоте красной чертой.Стандартный размер визитки — 9 см в ширину и 5 см в высоту.

Внимательный читатель, конечно, обратил внимание на то, что введённые значения больше на 4 мм. Объяснение расхождению будет дано ниже (см. шаг 6 настоящей инструкции). 300 DPI – принятое разрешение изображения на дюйм при печати.

Выбор цветовой модели макета визитки

Предполагается, что создаётся визитка для турагенства, название которого можно будет ввести позже.Как видно в правой части скриншота, Фотошоп уловил намерения пользователя и предлагает ему готовые англоязычные макеты визитки. Наша цель – создание русскоязычного макета с нуля, поэтому мы пока игнорируем это предложение. После создания первого макета мы вернёмся к этому варианту.

  • Кликните пункт «Создать».
  • В новом окне откройте вкладку «Изображение», щёлкните инструмент «Режим» и выберите цветовую модель CMYK, специально предназначенную для оптимального отображения цветов при печати.

    Переход в инструмент Линейки

    Перейдите на вкладку «Просмотр» и щёлкните инструмент «Линейки».

    Рабочая область инструмента Линейки

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

    Типографии обычно заказывается не менее тысячи визиток. Естественно, что они будут печататься группами по стопках. Верстальщик типографии отдаёт распечатать листы с раскладкой десятков визиток на формате А4 или больше. После печати такого листа типографское оборудование ненулевой толщины режет этот лист на отдельные документы. Макет визитной карточки делается чуть большего размера, чтобы разброс обреза не затронул основной объём макета визитки.

    Дизайн документа

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

    Красивый фон можно получить посредством добавления к слою пустого документа его заливки. Для этого перейдите в меню «Слой», и в списке «Новый заполняющий слой» щёлкните пункт «Градиентная заливка».

    Добавление заливки на слой визитки

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

    Настройка фона визитки

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

    Вставка изображения из интернета для визитки

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

    Распространение фона визитки на всю рабочую область Фотошопа

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

    При необходимости картинку можно редактировать (изменить размер, повернуть, обрезать) подчёркнутыми инструментами вкладки «Редактирование».

    Как редактировать картинку для макета визитки

    Теперь в макет предстоит добавить текстовую информацию:

    1. В левом меню инструментов Фотошопа щёлкните на букву T.
    2. На «Панели параметров» инструмента, выберите шрифт, стиль, размер, цвет и другие характеристики текста.
    3. Щёлкните инструмент «Текст» и наберите название турагенства, например, «Ветер странствий», условный адрес и номер телефона. При необходимости в макет можно добавить логотипы или векторные рисунки, которые можно скачать с Интернета.

    Добавление текста на визитку в Фотошопе

    Макет простейшей односторонней визитки готов. Если визитка двухсторонняя, её тыльная сторона делается аналогично. Теперь результаты работы нужно сохранить в psd (для возможности дальнейшего редактирования) и в выходном файле для типографии.

    Готовый макет визитки сделанный через Photoshop

    Сохранение визитки в выходном файле

    Теперь результаты работы нужно сохранить для печати в выходном файле. Обычно в типографию отправляется файл с расширением PDF.

    Сохранение визитки для печати:

    1. Откройте меню «Файл»
    2. В выпадающем списке «Экспортировать как», щёлкните формат PDF
    3. В окне сохранения введите информативное имя выходного файла (например, «Турагенство»), и щёлкните «Сохранить»

    Готовый макет визитки сделанный через Photoshop Изменение имени макета для визитки

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

    Цветовое качество визитки (и других подобных документов) неизбежно будет уступать изображению макета на мониторе. Причины этого вполне объективны: печать визиток производится на мелованной бумаге ограниченным (не более 16) количеством красок. Они несопоставимы с количеством пикселей на монитор. Поэтому при получении визиток из типографии «цветовые» ожидания не должны быть завышенными.

    Новые статьи:  Программы для сброса памперса Epson

    Видеоурок как сделать дизайн визитки в Иллюстраторе:

    Редактирование англоязычного макета визитки

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

    Как сделать визитку из готового макета в Фотошопе:

    Создание визитки из готового шаблона в Фотошопе

      Щёлкните на макете (взятом в красную рамку).

    Второй шаг при создании визитки из шаблона

    Выделите англоязычный текст, щёлкнув инструмент «Текст», и напишите желаемый текст по-русски.

    Создание визитки другими способами (не в Photoshop)

    Сделать красивую визитку можно не только в Фотошопе. В Интернете есть множество онлайн-сервисов для оперативного создания визиток и других несложных документов. Частью из них (например, «Календарум») можно пользоваться бесплатно и без регистрации. Существуют также специализированные программы создания визиток (например, «Мастер Визиток»), которые существенно проще Адоб Фотошопа.

    Как сделать визитку бесплатно в Календаруме

    Создание визитки в Календариуме

    1. Перейдите на сайт и щёлкните раздел «Визитка».

    Шаблоны визиток в Календариуме

    В следующем окне выберите желаемый шаблон.

    Замена текста визитки в Календариуме

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

    Векторные рисунки для визитки

    При необходимости щёлкните «Добавить клипарт», и во всплывшем окне выберите векторный рисунок, например, с городским силуэтом.

    Получение и публикация визитки в Календариум

    Щёлкните «Получить», а затем – «Опубликовать».

    Готовый макет визитки

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

    Сохранение визитки из сервиса Календариум для печати

    После перехода по ссылке в контекстном меню сохраните оперативно созданный макет в желаемом формате.

    Мастер визиток

    Эта специализированная программа доступна для скачивания с сайта master-visitok.ru. Как это часто бывает, во время установки предлагается параллельная инсталляция сервисов Яндекса, от которых можно отказаться.

    Установка программы Мастер визиток

    10-дневная пробная версия программы позволит оценить её возможности создания макета, после чего пользователь может её купить.

    Как сделать визитку бесплатно

    Пошаговое создание визитки через master-visitok.ru:

    Мастер визиток. Шаг 1

      Для начала в центральной части рабочего окна программы щёлкните «Новая визитка». (можно также попробовать вариант «Шаблоны визиток».

    Мастер визиток. Шаг 2

    В новом окне уточните тип карты и кликните «Далее».

    Мастер визиток. Шаг 3

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

    Мастер визиток. Шаг 4

    Замените стандартную информацию собственной (подчёркнуто) и щёлкните «Далее».

    Мастер визиток. Шаг 5

    Кликните «Готовые шаблоны», затем «Далее».

    Мастер визиток. Шаг 6

    Выберите шаблон и щёлкните «Применить».

    Мастер визиток. Шаг 7

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

    Мастер визиток. Шаг 8

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

    1. Две визитные карточки в тёмных тонах, шаблон PSD
    2. Макеты визитных карточек PSD
    3. Визитка, PSD, бизнес-стиль
    4. Создаем визитку для мастера макияжа с помощью шаблонов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Настройки следующие: заливка черная, но не просто черная, а состоящая из одного цвета CMYK. Поэтому идем в настройки заливки и переходим в палитру цветов. Инструмент Линия (2)Настраиваем цвета, как на скриншоте, больше ничего, кроме CMYK, не трогаем. Жмем «ОК». Инструмент Линия (3)
  • Толщину линии задаем 1 пиксел. Инструмент Линия (4)
  • Далее создаем новый слой для фигуры. Инструмент Линия (5)
  • Зажимаем клавишу SHIFT и проводим линию по направляющей (любой) от начала до конца холста. Затем создаем такие же линии с каждой стороны. Не забываем для каждой фигуры создавать новый слой. Чтобы посмотреть, что получилось, нажмем CTRL+H, тем самым временно убрав направляющие. Вернуть их на место можно (нужно) тем же способом. Линии отреза (3)

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

  • Линии отреза готовы, остался последний штрих. Выделим все слои с фигурами, кликнув вначале по первому с зажатой клавишей 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. Перетаскиваем логотип из папки Проводника на рабочую область. Подробнее: Как вставить изображение в Фотошопе После такого действия он станет смарт-объектом автоматически. В противном случае необходимо нажать на слой с изображением правой кнопкой мыши и выбрать пункт «Преобразовать в Смарт-объект». Возле миниатюры слоя появится значок, как на скриншоте.

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

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

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

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

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

    Создаем визитку с помощью Фотошопа

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

    В этой статье мы рассмотрим пример создания простой визитки. И, как обычно, начнем с установки программы.

    Установка PhotoShop

    веб-установщик скачивает файлы фотошоп

      Для этого скачиваем установщик Фотошопа и запускаем его.

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

    Авторизация в Креативном облаке Adobe

    В отличии от большинства программ, установка PhotoShop отличается.

    После того, как веб-установщик скачает необходимые файлы, потребуется авторизоваться в сервисе Adobe Creative Cloud. Описание креативного облака
    Следующим шагом будет небольшое описание «креативного облака». Установка Adobe PhotoShop CC

    Насколько сложным редактор не казался изначально, на самом деле создать визитку в PhotoShop достаточно просто.

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

    создание нового проекта в фотошоп

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

    Добавление фона для визитки

    Настройка градиента для фона в фотошопе

    Теперь определимся с фоном.

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

    Добавление графических элементов

    Как только фон готов, можно приступать к добавлению тематических картинок.

    Создание нового слоя в фотошоп

    1. Для этого создадим новый слой, чтобы в дальнейшем нам было проще редактировать визитную карточку. Чтобы создать слой необходимо выполнить следующие команды в главном меню: Слой – Новый – Слой, и в появившемся окне задаем имя слоя. Включение списка слоев в фотошоп
    2. Для того, чтобы в дальнейшем переключаться между слоями, нажмите кнопку «Слои», которая расположена в нижней правой части окна редактора.
    3. Для размещения картинки на форме визитки достаточно просто перетащить нужный файл прямо на нашу карточку. Затем, удерживая клавишу Shift, мышкой изменяем размер нашей картинки и перемещаем ее в нужное место. Добавление картинки на визитку в фотошоп
    4. Таким способом можно добавлять произвольное количество изображений.

    Добавление информации

    Теперь остается только добавить контактную информацию.

    Добавление информации на визитку в фотошоп

    1. Для этого воспользуемся инструментом под названием «Горизонтальный текст», который находится на панели слева.
    2. Далее выделяем область для нашего текста и вводим данные. При этом, здесь можно форматировать введенный текст. Выделяем нужные слова и изменяем шрифт, размер, выравнивание и прочие параметры.

    Заключение

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

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


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