No Image

Формат визитки в фотошопе

СОДЕРЖАНИЕ
6 просмотров
11 марта 2020


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

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

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

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

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

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


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


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


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


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

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

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


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

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


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

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

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


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

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


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


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


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

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

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


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

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

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

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

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


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

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

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


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

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


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

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

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

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

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

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

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


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


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

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

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

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


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

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

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

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


Переходим в меню «Окно – Символ».

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

Здравствуйте! Совсем недавно на ARTtime был небольшой урок, такой себе DEMO-пример по созданию визитки в фотошопе. Но как подметил один из мох читателей, я не написал требования к макетам при печати в полиграфии. Ну что же сегодня мы научимся это делать, а за одно и красивую визитку состряпаем 😉

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

Я перед написанием этой статьи хорошо подготовился, нашел более десятка типографий и разослал им письмо с просьбой предоставить мне требования для подготовки макета визитки. К сожалению, только две типографии прислали мне инструкцию, спасибо им 😉 А остальные – засранцы! Вдобавок, я нашел пару инструкций в интернете, как же без него.

Итак, вот основные правила, касающиеся подготовки визитки:

  • Во-первых, среднестатистический размер визитки должен составить 98 на 58 мм. Потом я скажу почему не 90 на 50.
  • Разрешение файла должно составлять 300-600 dpi. DPI – это у нас количество пикселей на 1 дюйм, чуть дальше я покажу, где его выставить.
  • Цветовой режим выставляем CMYK, цветовой профиль CoatedFOGRA39

Вот наглядный пример.

После того, как мы создали документ, мы делаем визитку, но тут так же есть свои правила:

Немного о размерах визитки

Значит, что у нас получается, мы создали макет размером 98 на 58 мм. Но учтите, сама визитка, а точнее ее контент, должна уместиться в области 90 на 50 мм. На схеме выше можно увидеть фиолетовое и бирюзовое поле, между этими полями должен быть отступ в размере 4 мм. В эту область не должны попадать ни текст, ни графические элементы. За березовые поля необходимо вынести только фон, это будет область реза.

Еще стоит отметить, что при создании визитки, к шрифту не стоит применять какие-либо спецэффекты, разве что по минимуму. Если текст черный, то он должен быть черным на 100% без всяких переходов. Также не нужно делать жирный текст, если он мелкий.

Когда все готово, сохранить визитку можно в форматах TIFF, JPEG, PSD или векторном PDF. При сохранении в JPEG нельзя использовать сжатие. Но я советую сохранить в PSD. После можно смело идти в типографию.

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

Хитрые еноты с цветным принтером могут забыть о всех правилах и просто создать красивую визитку на свой вкус. И еще подмечу, что стопка визиток будет хорошим подарком для близких на какой-нибудь праздник 😉

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

Читайте также:  Яндекс диск облако вход

Как создать визитку в Photoshop

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

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

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

    Запустите программу Photoshop. Здесь требуется создать новый документ. В новых версия программы вы можете сделать это нажав на соответствующую кнопку на экране приветствия. Также создать новый документ можно, нажав по пункту «Файл», что расположен в верхнем меню и там уже выбрать «Создать». Также срабатывает комбинация Ctrl+N.

  • Появится окошко с подробными настройками нового документа. Здесь вам требуется указать следующие параметры:
    • Размер – поля «Ширина» и «Высота». Обратите внимание, что лучше всего указывать значения в этих полях в сантиметрах и миллиметрах. Стандартный размер визитки 90 мм на 50 мм. Есть также евро-стандарт – 85 мм на 55 мм. Впишите требуемый размер;
    • Теперь укажите разрешение в соответствующем пункте. Так как визитка будет использоваться в печати, то лучше всего указывать значение от 150 dpi (пикселов на дюйм). Рекомендуемое значение 300 dpi;
    • «Цветовой режим». Здесь выставьте значение «Цвета CMYK» и «8 бит».
    • Теперь вам нужно сделать так, чтобы направляющие прилипали автоматически к контурам объектов, а также показывали различные параметры, например, отступы между объектами. Чтобы это сделать, нужно открыть вкладку «Просмотр» в верхнем меню и выбрать там вариант «Привязка». Он может быть у вас уже активирован по умолчанию. В таком случае напротив него будет стоять галочка.
    • Также вам нужно будет включить линейку, с помощью которой производится измерение. Линейка включается с помощью сочетания клавиш Ctrl+R. Вы можете её попытаться включить во вкладке «Просмотр». Выберите соответствующий пункт в контекстном меню.
    • Ограничьте линиями рабочую область холста. Для этого просто тяните курсор от линейки, которая находится в верхней части, а потом от той, которая сбоку. Должно получиться нечто похожее на то, что изображено на скриншоте ниже.

      Чтобы окончательно подготовить макет к печати, нужно указать на нём так называемые «линии обреза». Это не такая обязательная процедура, но она позволит избежать возможных неудобств при сдаче макета на печать в типографию. Разграничение происходит по следующей инструкции:

        В верхнем меню нажмите на вкладку «Изображение». Из контекстного меню выберите вариант «Размер холста». Данный инструмент можно также вызвать с помощью сочетания клавиш Alt+Ctrl+C.

      Откроется окошко с редактированием размера рабочей области – холста. В блоке «Новый размер» нужно установить галочку напротив пункта «Относительная». В полях «Ширина» и «Высота» поставьте значение 4. Размер нужно указывать в миллиметрах, проверьте, чтобы они там стояли. Примените изменения, нажав на кнопку «Ок».

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

    • Этой линии нужно задать чёрную заливку в палитре цветов CMYK. Откройте её в верхней части интерфейса. Чтобы задать цвет в CMYK, воспользуйтесь кнопкой «Палитра цветов».
    • В палитре цветов настройте значения у букв C, M, Y на 0, а у Y на 100. Жмите «Ок» для применения.
    • Установите толщину для линий в 1 пиксель. Она устанавливается в верхней части панели настроек инструмента.
    • Вы можете создать новый слой для работы с направляющими линиями, но это необязательная процедура, так как, когда вы начнёте рисовать линии слой будет создан автоматически (актуально для новых версий Фотошоп). Чтобы создать новый слой, нажмите на соответствующую иконку в нижней части панели со слоями.
    • Теперь по направляющим, с зажатой клавишей SHIFT проведите линии. Так нужно сделать по всем направляющим. Если полученные линии не видно, то скройте направляющие, воспользовавшись комбинацией клавиш Ctrl+H. Вернуть их можно, применив аналогичную комбинацию клавиш.
    • Теперь на вкладке со слоями вам нужно объединить все линии в одну группу. Для этого выделите их слои с помощью зажатой клавишей SHIFT. После этого воспользуйтесь комбинацией клавиш Ctrl+G.
    • Поместите эту группу в нижнюю часть со слоями. Она должна оставаться над фоновым слоем, но при этом быть ниже других слоёв.
    • Этап 2: Создаём лицевую сторону

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

      Читайте также:  Растровое освещение в натяжных потолках

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

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

    • Попробуйте визуально разграничить элементы, которые планируете разместить на визитке. Можно воспользоваться направляющими линиями, подробно о которых писалось выше или делать всё «на глаз». Для начала перенесём логотип на визитку. В нашем случае расположим его в левой части. Изображения в Фотошоп можно переносить прямо из «Проводника» Windows.
    • Под логотипом можете написать что-нибудь, например, название компании. По задумке этот текст должен сильнее всего выделяться за счёт своего размера и шрифта. Для начала выберите инструмент «Текст» в панели и укажите область, в которой будете писать.
    • Напишите, что хотите. Затем выделите текст. В верхней панели настроек задайте ему размер шрифта побольше.
    • Если вас не устраивает шрифт, выбранный программой по умолчанию, то смените его, нажав по его названию. Из контекстного меню выберите наиболее подходящий вам вариант шрифта.
    • Дополнительно можно сменить либо весь цвет текст, либо у какого отдельного символа/слова. Для этого выделите ту часть, у которой хотите поменять цвет. Нажмите на палитру и там укажите новое цветовое решение.
    • Если требуется более детальная настройка текста, то перейдите в раздел «Символ». Это можно сделать разным образом в зависимости от того, как настроена ваша рабочая область. Например, иногда иконка «Символ» располагается в верхней или правой части окна. Также её можно вызвать, кликнув правой кнопкой мыши по текстовому слою и выбрав там вариант «Символ».
    • Здесь настраиваются более продвинутые параметры текстового слоя, например, расстояние между слов, букв и т.д.

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

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

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

      Также к общему дизайну визитной карточки можно добавить какие-нибудь примитивы, например, геометрические фигуры. Расставьте их, как посчитаете нужным. У нас в итоге вот что получилось (см. скриншот).

    • Теперь сохраните получившуюся лицевую сторону визитки, как изображение. Для этого нажмите на «Файл» и выберите там вариант «Сохранить как». В «Проводнике» Windows выберите, куда вы хотели бы сохранить это изображение и воспользуйтесь соответствующей кнопкой.
    • Этап 3: Создаём тыльную сторону

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

      1. Группа с лицевой стороной нам больше не нужна, поэтому её можно сделать невидимой. Не стоит её удалять, так как вам может потребоваться в ходе работы ещё возвращаться к элементам в ней. Чтобы сделать группу и её содержимое невидимым, просто нажмите на иконку глаза, что расположена левее названия группы. На рабочей области снова появится белый холст.
      2. Создайте, по аналогии с предыдущей инструкцией папку для тыльной стороны.

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

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

    • Если логотип слишком большой или наоборот маленький, то вы можете изменить его размер. Для этого вызовите соответствующий инструмент с помощью комбинации Ctrl+T.
    • Чтобы изменить размер элемента тяните за углы. Если нужно, чтобы размер менялся пропорционально, то тяните с зажатой клавишей Shift.
    • Также вы можете добавить другие элементы на заднюю часть визитки, если посчитаете нужным. Подробнее об этом писалось в инструкции выше.
    • Сохраните получившийся результат в виде обычного изображения для печати. Нажмите «Файл», а далее выберите пункт «Сохранить как». Также рекомендуется сохранить сам рабочий файл в формате PSD.
    • Как видите, ничего сложного в создании визитной карточки в Photoshop нет. Правда, нужно иметь определённые навыки работы с программой и примерно представлять, что хотите получить на выходе. В противно случае, результат вряд ли вас устроит. Если у вас есть какие-либо вопросы по теме статьи, то напишите их ниже в комментариях к ней.

      Комментировать
      6 просмотров
      Комментариев нет, будьте первым кто его оставит

      Это интересно
      No Image Компьютеры
      0 комментариев
      No Image Компьютеры
      0 комментариев
      No Image Компьютеры
      0 комментариев
      Adblock detector