Делаем визитную карточку в Photoshop

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

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

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

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

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

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

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

  1. В верхнем меню нажмите на вкладку «Изображение». Из контекстного меню выберите вариант «Размер холста». Данный инструмент можно также вызвать с помощью сочетания клавиш Alt+Ctrl+C.
  2. Откроется окошко с редактированием размера рабочей области – холста. В блоке «Новый размер» нужно установить галочку напротив пункта «Относительная». В полях «Ширина» и «Высота» поставьте значение 4. Размер нужно указывать в миллиметрах, проверьте, чтобы они там стояли. Примените изменения, нажав на кнопку «Ок».
  3. В панели с инструментами, что расположена в левой части окна программы, выберите инструмент «Линия». Он понадобится для создания так называемых линий отреза.
  4. Этой линии нужно задать чёрную заливку в палитре цветов CMYK. Откройте её в верхней части интерфейса. Чтобы задать цвет в CMYK, воспользуйтесь кнопкой «Палитра цветов».
  5. В палитре цветов настройте значения у букв C, M, Y на 0, а у Y на 100. Жмите «Ок» для применения.
  6. Установите толщину для линий в 1 пиксель. Она устанавливается в верхней части панели настроек инструмента.
  7. Вы можете создать новый слой для работы с направляющими линиями, но это необязательная процедура, так как, когда вы начнёте рисовать линии слой будет создан автоматически (актуально для новых версий Фотошоп). Чтобы создать новый слой, нажмите на соответствующую иконку в нижней части панели со слоями.
  8. Теперь по направляющим, с зажатой клавишей SHIFT проведите линии. Так нужно сделать по всем направляющим. Если полученные линии не видно, то скройте направляющие, воспользовавшись комбинацией клавиш Ctrl+H. Вернуть их можно, применив аналогичную комбинацию клавиш.
  9. Теперь на вкладке со слоями вам нужно объединить все линии в одну группу. Для этого выделите их слои с помощью зажатой клавишей SHIFT. После этого воспользуйтесь комбинацией клавиш Ctrl+G.
  10. Поместите эту группу в нижнюю часть со слоями. Она должна оставаться над фоновым слоем, но при этом быть ниже других слоёв.

Этап 2: Создаём лицевую сторону

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

Читайте также:
Как сделать стилус для смафртона из обычных предметов?
Как изменить почту в Стиме (Steam) с подверждением и без?
Простой способо наложить текст в видео редакторе VSDC Free
Как изменить размер изображения в Adobe Photoshop

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

  1. Для начала в слоях создайте группу, куда будут добавлены элементы с лицевой стороны. Для этого воспользуйтесь иконкой папки во вкладке со слоями.
  2. Попробуйте визуально разграничить элементы, которые планируете разместить на визитке. Можно воспользоваться направляющими линиями, подробно о которых писалось выше или делать всё «на глаз». Для начала перенесём логотип на визитку. В нашем случае расположим его в левой части. Изображения в Фотошоп можно переносить прямо из «Проводника» Windows.
  3. Под логотипом можете написать что-нибудь, например, название компании. По задумке этот текст должен сильнее всего выделяться за счёт своего размера и шрифта. Для начала выберите инструмент «Текст» в панели и укажите область, в которой будете писать.
  4. Напишите, что хотите. Затем выделите текст. В верхней панели настроек задайте ему размер шрифта побольше.
  5. Если вас не устраивает шрифт, выбранный программой по умолчанию, то смените его, нажав по его названию. Из контекстного меню выберите наиболее подходящий вам вариант шрифта.
  6. Дополнительно можно сменить либо весь цвет текст, либо у какого отдельного символа/слова. Для этого выделите ту часть, у которой хотите поменять цвет. Нажмите на палитру и там укажите новое цветовое решение.
  7. Если требуется более детальная настройка текста, то перейдите в раздел «Символ». Это можно сделать разным образом в зависимости от того, как настроена ваша рабочая область. Например, иногда иконка «Символ» располагается в верхней или правой части окна. Также её можно вызвать, кликнув правой кнопкой мыши по текстовому слою и выбрав там вариант «Символ».
  8. Здесь настраиваются более продвинутые параметры текстового слоя, например, расстояние между слов, букв и т.д.
  9. По аналогии добавьте и отредактируйте другой текст. Например, в верхней части визитки напишите своё имя, чуть ниже занимаемую должность, ещё ниже контактные данные. Расставьте акценты с помощью установки разного размера текста и выделения цветом.
  10. Теперь, чтобы визитка не смотрелась совсем уж скучно, добавьте другие дизайнерские элементы. Например, напротив контактных данных можно установить иконки телефона, почты, адреса и т.д. Такие иконки уже по умолчанию есть в Фотошопе. Чтобы их найти, нажмите на инструмент «Прямоугольник» правой кнопкой мыши и выберите там инструмент «Произвольные фигуры».
  11. В верхней части задайте цвет фигуры и выберите саму фигуру. Подробно показано на скриншоте ниже.
  12. Также к общему дизайну визитной карточки можно добавить какие-нибудь примитивы, например, геометрические фигуры. Расставьте их, как посчитаете нужным. У нас в итоге вот что получилось (см. скриншот).
  13. Теперь сохраните получившуюся лицевую сторону визитки, как изображение. Для этого нажмите на «Файл» и выберите там вариант «Сохранить как». В «Проводнике» Windows выберите, куда вы хотели бы сохранить это изображение и воспользуйтесь соответствующей кнопкой.

Этап 3: Создаём тыльную сторону

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

  1. Группа с лицевой стороной нам больше не нужна, поэтому её можно сделать невидимой. Не стоит её удалять, так как вам может потребоваться в ходе работы ещё возвращаться к элементам в ней. Чтобы сделать группу и её содержимое невидимым, просто нажмите на иконку глаза, что расположена левее названия группы. На рабочей области снова появится белый холст.
  2. Создайте, по аналогии с предыдущей инструкцией папку для тыльной стороны.
  3. Здесь расположите логотип. Как это сделать было описано в предыдущей инструкции. В этом случае разместим лого по центру визитки. В новых версиях Фотошоп для этого с зажатой клавишей Ctrl выберите слой с белым фоном и слой с логотипом.
  4. В верхней части нажмите на иконку расположения элементов по центру. Имеет следующий вид (отмечена на скриншоте).
  5. Если логотип слишком большой или наоборот маленький, то вы можете изменить его размер. Для этого вызовите соответствующий инструмент с помощью комбинации Ctrl+T.
  6. Чтобы изменить размер элемента тяните за углы. Если нужно, чтобы размер менялся пропорционально, то тяните с зажатой клавишей Shift.
  7. Также вы можете добавить другие элементы на заднюю часть визитки, если посчитаете нужным. Подробнее об этом писалось в инструкции выше.
  8. Сохраните получившийся результат в виде обычного изображения для печати. Нажмите «Файл», а далее выберите пункт «Сохранить как». Также рекомендуется сохранить сам рабочий файл в формате PSD.

Как видите, ничего сложного в создании визитной карточки в Photoshop нет. Правда, нужно иметь определённые навыки работы с программой и примерно представлять, что хотите получить на выходе. В противно случае, результат вряд ли вас устроит. Если у вас есть какие-либо вопросы по теме статьи, то напишите их ниже в комментариях к ней.

Понравилась статья? Поделиться с друзьями:
Задайте вопрос или оставьте свое мнение

Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.