Создать визитку в фотошопе. Урок фотошопа по созданию визитки в фотошопе. Урок фотошопа на русском визитка в фотошопе для начинающих

Подписаться
Вступай в сообщество «sinkovskoe.ru»!
ВКонтакте:

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

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

Понадобились визитки? Как быть дальше?

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

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

Визитка своими руками онлайн

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


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

Готовые шаблоны для визиток

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

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

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

Без особых навыков визитка своими руками создается при помощи таких программ, как MS Word и Picture Manager. По завершении работы на руках окажутся по десять визиток на одном листе, с засечками, позволяющими быстро и аккуратно их вырезать при помощи канцелярского ножа или ножниц.

Первый шаг - определение размера визитки. В СНГ часто используют формат 90 х 50 мм или размер, идентичный кредитным картам, - 85,6 х 53,98 мм. Цифры можно округлить в большую или меньшую сторону.

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


Однако любая картинка будет слишком большой для визитки, поэтому ее необходимо «подогнать», сохраняя нужное соотношение - 85,6 х 53,98 мм. Для этого потребуется умножать ширину и высоту визитки до тех пор, пока не получится число, близкое к размеру изображения. К примеру, исходное изображение имеет разрешение 1920 х 1200. Умножив размеры визиток на 20, получаем значение, равное 1700 х 1600.

Далее необходимо открыть изображение в программе Picture Manager и кликнуть по меню «Изменить рисунок». В появившемся окне придется выбрать пункт «Изменить размер» и кликнуть на «Произвольные ширину и высоту». В двух окошках, расположенных ниже, полагается ввести новые размеры изображения (1700 х 1600). Затем потребуется сохранить картинку.

Следующий шаг - создание текстового документа, в котором понадобится нарисовать таблицу 4 х 7 ячеек. Далее нужно выделить эту таблицу и открыть ее свойства. В меню «Строка» и «Столбец» необходимо задать размеры будущих визиток. После этого вручную изменить размер крайних столбцов и строчек - они станут будущими засечками, и их ширина и высота должны быть равны одному сантиметру.

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

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

Визитка своими руками в «Фотошопе»

Сделать визитку в «Фотошопе» очень просто. Достаточно создать в программе новый документ размером 3,5 х 2 дюйма и разрешением 300 ppi. Далее необходимо либо найти шаблон фона, либо создать его вручную, используя заливку и экспериментируя с тенями и тиснением.


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

Визитка, своими руками в «Фотошопе» сформированная, не будет уступать изделиям, созданным в типографии, но обойдется гораздо дешевле.

Размер готовой визитки в миллиметрах. Физический размер готовой визитки 90/50 мм (1063/591 px) , но размер файла макета должен быть на 2-4 мм больше, так как у каждой полиграфии разные размеры обрезка краев. На сегодняшний день современные полиграфии делают обрезку в 2 мм, соответственно размер разработанного макета должен быть 92/52 мм (1087/614 px) .

Количество пикселей на дюйм. Большинство полиграфий на сегодняшний день используют печатное оборудование с разрешение печати 300 пикселей на один дюйм . Этот формат обеспечивает отличное качество готовых визитных карточек. Разрешение 600 пикселей на дюйм используется реже, поскольку выигрыш в качестве небольшой, но такие визитки дороже в печати.

Разрешения в пикселях. В фотошопе (Photoshop) или других программах обработки изображений первым делом необходимо выставить количество пикселей на дюйм (обычно 300px/dpi). Далее размер изображения можно задать в пикселях сантиметрах или миллиметрах. Указавши размер, например в пикселях, программа (фотошоп) сама рассчитает размер в сантиметрах (см), или наоборот.

Формат файла изображения. Самые популярные форматы файлов макетов - *.tif, *.eps, *.pdf . Формат *.tif дает возможность безукоризненно и без потерь качества передать все оттенки и детали изображения, но при этом он прост в работе. Форматы *.eps и *.pdf имеют свои нюансы в сохранении готовых изображений (иногда очень даже запутанные), но при этом качество не лучше чем в формате *.tif, поэтому он пользуется большей популярностью. Но фото в *.tif занимают гораздо больше памяти, чем остальные, поэтому некоторые профессиональные дизайнеры или пользователи с ограниченной скоростью интернет или ограничениями в памяти компьютера иногда их используют.

Цветовая модель изображения. Большенство печатных предприятий требуют макеты с цветовыми параметрами изображение CMYK / 8 bit . Этот формат оптимально подходит для основной части принтеров и позволяет сохранить все свойства.

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

Советы про плотность бумаги, стилистику и стоимость визитных карточек

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

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

Перед созданием макета визитной карточки нужно выбрать стиль подачи информации: графический или информационный. При попытке вместить на одной визитке (клочок бумаги площадью 9 на 5 см) большое количество изображений и текстов Вы получите, скорее всего обратный эффект – оттолкнете читателя. Так же не следует использовать более трех разных шрифтов и основных цветов в макете. Желательно выдерживать в одном стиле лицевую и оборотную стороны визитной карточки.

Стоимость печати цифровым (от 40 до 180 грн за 96 шт) и офсетным (от 95 до 280 грн за 1000 шт) способами отличается в разы. При этом качество офсетной печати зачастую выше цифровой. Нет смысла переплачивать за цифровую печать, если Вам не «горит» получить визитки именно сегодня. Более того, для заказа визиток в Интернет-полиграфии оптовых цен Вам не нужно приезжать в офис, достаточно сформировать задание на разработку макета или прислать готовый макет с указанием своих контактных данных на наш e-mail и менеджер полиграфии свяжется с Вами для уточнения деталей заказа. Сроки изготовления визиток офсетным способом в Интернет-полиграфии варьируются от 2 до 7 рабочих дней в зависимости от тиража и вида ламинации.

Когда-то визитка была показателем принадлежности ее владельца к высшим слоям общества, к элите. Сегодня это вполне обычный атрибут, входящий в деловой набор среднестатистического гражданина. Обладателем визитки может оказаться студент и самый обычный сантехник, подрабатывающий частными заказами. Однако, несмотря на большую популярность данного продукта цивилизации, изготовление визитки является недешевым удовольствием. Например, только заказ на разработку ее дизайна может нанести существенный урон личному бюджету. К счастью, в век компьютеров все значительно упрощается и расходы по ее изготовлению можно заметно сократить. Достаточно иметь под рукой ПК и установленный на нем Фотошоп. Теперь вам останется только прочитать эту статью, и вы будете знать, как создать визитку в Фотошопе собственными руками без лишних затрат. Итак, приступим. Работать будем в Photoshop CC 2014.

Обдумываем стратегию

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

  1. Создание холста, выбор цветовой модели, разметка.
  2. Настройка холста.
  3. Продумываем порядок работы и стиль визитки:
    • логотип + картинка в тему;
    • надписи.
  4. Создаем фон и оформляем рамку.
  5. Придумываем логотип.
  6. Свадебные кольца.
  7. Печатаем и компонуем на холсте данные.

Первый этап: мелкие, но необходимые детали

Запускаем Фотошоп. Жмем Ctrl + N, создавая новый холст. В появившемся диалоговом окне вводим название нашего документа. Далее задаем стандартные значения размеров визитной карточки: 90 на 50 мм. Учитывая, что визитка сама по себе небольшого размера, а качество печати нам требуется высокое, то разрешение выставляем 300 пик/дюйм – оно даст отличный вывод на печать.

Цветовую модель выбирайте в зависимости от того, где и на чем будете печатать карточки. Если вы планируете массовый выпуск в типографии на полиграфических станках, то ставьте CMYK, если объем небольшой и вы готовы обойтись домашним принтером – то назначайте модель RGB. В нашем случае мы остановились на домашнем варианте.

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

Фон подберите на свой вкус – все равно мы будем его менять. Цветовой профиль оставляем по умолчанию, пикселы выбираем «квадратные».

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

Второй этап: создаем шаблон под печать

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

Выбираем в главном меню «Просмотр > Новая направляющая».


Щелкаем «ОК», в появившемся окне настроек ставим:

  • Ориентация > Горизонтальный;
  • Положение: 0 мм.

Опять повторяем операцию, только положение выставляем 50 мм.

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


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


В окне «Размер > Холста» в полях «Ширина» и «Высота» вводим значение 5 мм (стандартный размер поля обреза) и ставим галочку на пункте «Относительная». Данная операция прибавит по 5 мм к каждой стороне нашей визитки.


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

Заходим: «Просмотр > Привязать к > Границам документа (ставим галочку)».


После этого направляющие приобретут свойство прилипать к краям холста. Для дальнейших действий нам потребуется линейка. Если линейка у вас не отображается, то просто нажмите Ctrl + R, и она появится. Ставим курсор на любую сторону линейки и зажимаем левую кнопку мыши. Теперь тащим курсор вниз или вправо (в зависимости от стороны линейки), тем самым вытягивая из нее направляющую. Левую клавишу мыши, естественно, не отпускаем. Подводим направляющую к границе холста и видим, как она слегка прыгает по ходу движения и прилипает точно по границе документа. Таким образом мы выставляем все 4 новые направляющие с четырех сторон визитки. Итак, мы обозначили поле для обреза.


Далее нам следует создать границы для рабочей зоны, внутри которой будут располагаться наши данные, и пересекать эти линии они не должны. Этого требует стандартный дизайн любой визитки. Обратимся опять к направляющим. Проделываем те же самые маневры, как и в случае с первым набором направляющих, за небольшим исключением – в поле «Положение» ставим не 0 мм, а 5 мм. Остальные значения (50 и 90) оставляем прежними. Смотрим, что у нас получилось:


  • направляющая 1 – физическая граница холста, которая будет выведена на печать и впоследствии обрезана;
  • направляющая 2 – граница самой визитки (ее можно будет оформить графически, например, пустить рамку);
  • направляющая 3 – ограничивает рабочую зону.

Итак, мы закончили второй этап нашего плана. Создали полноценную основу визитки, готовую к выводу на печать. Нам осталось только наполнить ее содержимым.

Третий этап: что же мы хотим изобразить?

Обязательный шаг – сначала в голове нужно сложить хотя бы приблизительную картинку: из чего будет состоять наша будущая визитка. Это значительно облегчает и ускоряет процесс дальнейшей работы:

  • Так как мы занимаемся свадебным фото, то нам нужно как минимум два изображения. Одно связано с фотографией, другое со свадьбой. Не будем напрягаться – в конце концов, это учебный пример, и поэтому задействуем схематичное изображение фотоаппарата плюс свадебные кольца. Обе картинки нарисуем сами – это придаст визитке оригинальность. Причем изображение фотоаппарата будет одновременно и логотипом.
  • Фон сделаем от серого к светлому, отдавая дань родоначальнице фотодела – черно-белой фотографии.
  • Логотип. Поместим его на привычном для всех фирменных знаков месте – в левом верхнем углу. Кольца лучше всего будут смотреться внизу по центру. Письменная информация займет центральное место и правый нижний угол.
  • Все это будет заключено в рамку, пущенную по границе визитки. Стиль рамки мы определим по ходу работы. Ну что же, план наступления утвержден – можно приступать к основному этапу.
  • Заключительная доработка.

Четвертый этап: фон и рамка

Для фона мы решили применить не простую заливку, а градиент с последующей обработкой фильтром. Создаем новый слой (Ctrl + Shift + N). Выбираем на панели инструментов градиент (G). Настройки выставляем как на скриншоте. Градиент используем Chrome Ring. Он есть в одном из наборов (Chromes), поставляемых с Photoshop CC 2014. Проводим курсором сверху вниз или наоборот.


После этого жмем Ctrl + Shift + F, вызывая окно «Ослабить». В нем меняем режим наложения «Нормальный» на «Замена светлым».



Жмем «ОК».


И получаем следующий результат (см. скриншот ниже):


Нас он не совсем устраивает. Хочется чего-то более интересного. Жмем 5 раз подряд сочетание клавиш Ctrl + F (Последний фильтр). Эта команда при каждом нажатии дублирует применение фильтра.


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

Нажимаем Ctrl + T, запуская команду трансформации. Беремся мышкой (зажимаем л/кнопку мыши) за маркеры трансформерной рамки и подгоняем изображение под внутренние направляющие. Кстати, благодаря тому, что ранее мы выставили все привязки для направляющих, линии трансформации без всяких проблем к ним прилипают. Нажимаем Enter, завершая процесс трансформации.


Теперь займемся рамкой. Сначала создадим новый слой (Ctrl + Shift + N). На нем продолжим нашу работу. Нажимаем Ctrl + { (Переложить назад), перемещая тем самым слой с будущей рамкой под слой с фоновым рисунком. В панели инструментов выбираем инструмент «Прямоугольная область» (М) и рисуем выделение по средним направляющим. Опять же здорово помогает привязка: не нужна никакая подгонка – все прилегает автоматом. Заливаем выделенный прямоугольник любым цветом и начинаем работать со стилями.


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

Далее «Наложение цвета». Щелкаем на окошке с образцом цвета и переводим курсор на слой 2 (фон). Он примет вид пипетки. Щелкаем на сером, основном цвете. В результате оба слоя (2 и 3) получат единую цветовую гамму.

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


Опять двойной щелчок по Слою 0 (бывший базовый) – и переходим в окно стилей. Идем в «Наложение цвета» и выбираем светло-серый цвет.

Добавим немного блеска в этот слой. Идем в «Глянец» и выставляем там темно-серый тон.

Результат смотрим на скриншоте.


Всю эту операцию мы провели с дальним прицелом. Вы узнаете о нем на заключительном этапе.

Ну что же. Можно сказать, что полдела сделано. Идем дальше.

Пятый этап: рисуем фотоаппарат

В генеральном плане под названием «Как создать макет визитки в Фотошопе» разработка фирменного знака является одной из важнейших задач. Солидная, деловая визитка обязательно должна иметь логотип. Мы договорились, что это будет фотокамера. Приступим к ее рисованию. В первую очередь создаем новый слой под номером 4 (Ctrl + Shift + N). Переходим на него и начинаем изобретать фотоаппарат.



В результате имеем 3 слоя (4; 5; 6), на которых расположены детали фотокамеры. Пришло время применять стили.

Дважды щелкаем по Слою 4 и выставляем значения, как указано на скриншоте. Нам требуется изменить только два параметра:

  • установить толщину обводки;
  • сбросить непрозрачность в 0.


Проделываем те же манипуляции со слоями 5 и 6.



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



Работу по созданию логотипа фотоаппарата можно считать законченной. Осталось разобраться с кольцами и надписями.

Шестой этап: кольца

Для начала наведем порядок в нашей творческой лаборатории.





Итак, с кольцами разобрались – переходим к следующему этапу.

Седьмой этап: вводим данные

Опять немного разгрузим панель слоев. Выделяем оба слоя с кольцами и жмем Ctrl + E, сводя их в один слой. Теперь можно приступать к вводу информации.

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

  • информация об услуге;
  • Ф.И.О.;
  • контактные данные.

Как все это расположить? Порядок сохраним такой же, как в вышеприведенном списке. Местоположение на визитке определим по окончании набора текстовых блоков (всего их у нас 3).

Результат:


Уже неплохо. Однако, на наш взгляд, можно еще провести несколько мероприятий для окончательной доводки изображения.

Заключительный этап, не предусмотренный планом

Для начала до предела разгрузим нашу палитру слоев. Выделяем все слои, не входящие в папку «Фон_Лого», и сводим их в один (Ctrl + E).

Далее открываем группу «Фон_Лого» и выделяем там слои 2, 3, 6. Объединяем их в одно целое (Ctrl + E). Назначаем слою 6 режим отображения «Difference» (Разница). Здесь нам как раз и пригодился стиль, когда-то примененный к базовому слою. (Помните?)


Заключительный шаг. Запустим модуль «Уровни» (Ctrl + L) и немного осветлим изображение.


Результат:


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

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

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

Всего год назад мы с вами делали и я постоянно повторял — нет, нет, в Фотошопе не верстают визитки, не верстают флаеры, не верстают буклеты. Почему? Потому что Фотошоп не является программой верстки. Об этом вам скажет любой специалист по дизайну и графике. В Фотошопе отсутствуют настройки линии реза, создания объектов конкретной физической величины, изображений с разным разрешением на одной рабочей области. Фотошоп не программа верстки, увы. Фотошоп идеален для подготовки растровых изображений для последующей верстки. Вы помните как я предупреждал не набивать шрифты маленьких размеров в Фотошопе, а переходить с последующей версткой в Иллюстратор? 300dpi для графики не хватает для качественной распечатки текста размером 6pt, а дизайнеры обожают создавать визитки с миниатюрными концептуальными контактными данными прибитыми к самому дну. Это так концептуально.

Я запретил вам верстать в Фотошопе и вот что. Я врал. Фотошоп вполне способен подготовить графику, и сверстать. Он по-прежнему не является программой верстки, и все перечисленные минусы имеют место быть. Сверстать в Фотошопе книжку невозможно, но с какой-то визиткой или буклетиком он вполне справится. Современный фотошоп легко переносит векторные контуры и шрифты в PDF файлы, предназначенные для профессиональной печати. Масса специалистов по инерции отговаривают использовать Фотошоп. Однако, если вы никогда не работали в Иллюстраторе, понятия не имеете, что такое InDesign, у вас нет времени заниматься Corel Draw, но вы ориентируетесь в Фотошопе и хотите сделать визитку в нем и только в нем… Это вполне реально. В этой статье я расскажу и покажу, как средствами Фотошопа можно сделать вполне качественную визитную карточку, которую можно смело нести в типографию. Если вы полный ноль в подготовке к печати, прочитайте мою статью . Вам станет ясно, почему нужно работать в CMYK, какое разрешение необходимо для печати, что такое цветовой профиль и многое другое. Ну а мы перейдем к теме статьи.

Как сделать визитку в Photoshop-е

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

Прежде всего создайте рабочую область. File > New . И в настройках диалогового окна проставьте 9 на 5 сm , 300dpi , CMYK . Мы не оставили дополнительное место для блидов, но это не страшно, мы будем поэтапно добавлять это пространство.

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

  • Создаем направляющие линии по краям рабочей области. Так мы отметим для себя её границы. Делать это можно на глаз, но лучше применить точечные инструменты. Откройте View > New Guide В появившемся окне выберите 0cm Vertical , повторите, но на этот раз 9cm Vertical , далее 0cm Horisontal и 5cm Horisontal


  • Теперь создаем блиды. Рабочую область необходимо увеличить хотя бы на 4 мм с каждой стороны.
  • Открываем Image > Canvas Size Эта опция позволяет на лету изменить размер рабочей поверхности. Благо она не меняет расположение направляющих.
  • Ставим галочку Relative . Это позволит нам добавлять размер относительно имеющийся области, а не заниматься подсчетом миллиметров.
  • В каждой форме проставляем 4 mm . Готово.


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

  • Включите Линейку View > Ruler или нажмите Ctrl+R
  • Включите View > Snap Эта настройка создает эффект цепляния. Все элементы на рабочей области будут цепляться друг за друга с точностью до 1 пикселя.
  • Кликните по линейке, и, не отпуская кнопку мышки, вытяните из неё направляющую. Подведите её к краю рабочей области, и она прицепится. Точно так же со всеми сторонами.


  • Повторите процесс. Опять зайдите в Image > Canvas Size и сделайте тоже самое. Увеличите рабочую область на 4 мм .
  • Выберите инструмент Line Tool . В настройках панели Options — Shape Layers , 1px и черный цвет . Если вы запутались прочтите мою статью о . А так же мою статью о . Этим инструментом мы нарисуем линии реза.


  • цвет линий реза должен быть не просто «черным», проставьте конкретные цифры для CMYK, таковы особенности работы в этой цветовой модели. Линии реза должны напечататься одной краской, а не 4мя, наложенными друг на друга.


  • Удерживая клавишу SHIFT подводим указатель мышки к самым первым направляющим и рисуем по ним линии реза. SHIFT необходим, чтобы линии реза получились прямо перпендикулярными друг другу.
  • Скорее всего линии реза будут не видны из-за направляющих. Нажмите View > Guides > Hide Guides , чтобы проверить все ли правильно.


  • И последние штрихи, выделите все линии реза в панели слоев Layera , нажмите Ctrl+G , это положит их в одну папку. Поставьте замочек. С этих пор все что мы создаем, мы создаем выше линий реза, линии реза должны остаться под всей графикой на самом дне.


Создаем область визитки

  • Эта часть задания не обязательна для исполнения, если ваша визитка белого цвета. В ином случае выберите инструмент Rectangle Tool и нарисуйте квадрат по тем направляющим, которые мы создали в последнюю очередь. В настройках на панели опций обязательно Shape Layer. Подробнее об этих режимах можно прочитать в моей статье
  • В настройках включен снапинг View > Snap, чтобы края прямоугольника примкнули к направляющим.
  • Цвет моего прямоугольника C45 M30 Y30 K0


  • Теперь создайте еще 4 направляющих. Поместите их внутри визитки примерно на 4 мм после линий реза. Это можно сделать на глаз. Так мы обозначим безопасную от реза ножей область, и весь наш дизайн не должен выходить за пределы этих линий.
  • Если у вас остался задний белый фон, удалите его. Если он заблокирован, нажмите Layer > Layer from Background . Это превратит заблокированный задний фон в обычный слой. Теперь удалите его, он все равно не нужен.


Эта статья о том как создать визитку пользуясь только Фотошопом, поэтому я не хочу останавливаться на том как я выбирал инструмент Type Tool , печатал и размещал текст. Как рисовал волнообразный элемент инструментом Pen Tool . О рисовании в векторе можно прочитать в моей статье . В любом случае данный дизайн демонстративный, визитка может содержать просто черный текст и все, без всяких изысков. После всех моих манипуляций панель слоев выглядела вот так:

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


Вот другая вариация этой визитки, более простая. Для её создания я не использовал ничего, кроме текста различной величины. Все настройки текста я произвел в панели Character . Если у вас её нет откройте Windows > Character . Выберите свой шрифт, регулируйте расстояние между буквами. Разместите текст так, как вам подсказывает чувство прекрасного. Передвигать слои с текстом проще всего инструментом . Цветные квадратики я нарисовал инструментом Rectangle Tool . Помните, что цвет текста должен быть создан одной краской, наприме C0 M0 Y0 K90


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


Сохранение в PDF

Все что нужно сделать, это открыть File > Save As и выбрать из выпадающего меню Photoshop PDF. Появится окно с массой настроек. Выберите в первой вкладке печатный стандарт PDF/X-1a:2001, и это пожалуй наша единственная настройка. Нажимайте OK и все, визитка из Фотошопа готова.


Проверка визитки в Иллюстраторе

Я открыл созданную нами визитку в Иллюстраторе, и что же мы видим? Переключитесь в режим кривых (Outlines) Ctrl+Y Это позволит нам видеть только векторные объекты. Фотошоп прекрасно перевел в кривые все шрифты, все что было векторным осталось векторным. Из созданных кривых Фотошоп создал маски, а внутрь масок встроил растрированные заливки. Но в этом нет ничего особенного. Фаил нормальный и полностью готов к печати.


Я рад если рассказал вам что-то новое, а исходник созданной мною визитки в Фотошопе находится в скрытом тексте. Если вам действительно понравилась эта статья, нажмите кнопочку Like . PDS фаил можно скачать

  1. Тематика . Визитка-это лицо вашей компании, поэтому подойдите к процессу создания визитки ответственно. Она должна максимально четко отражать направление и особенность вашего бизнеса.
  2. Информативность . Визитка-это прежде всего информация и контакты. Она должна быть лаконична и легко читаема. В визитках кратко опишите информацию о вашей компании и добавьте самые важные контакты. Избегайте использования много отвлекающих картинок и ненужной информации
  3. Дизайн . Визитка, должна быть запоминающиеся, чтобы у вашего клиента сохранилось желание ее оставить у себя в кошельке.
  4. Шрифт . Начинающие пользователи Photoshop начинают экспериментировать со шрифтами и выбирают редкие "закорючистые" шрифты. Делать этого не стоит, остановитесь на обычных шрифтах, которые легко читаются и понятны для многих людей. Для визиток выбирайте не более 2-3 шрифтов - этого будет вполне достаточно.
  5. Печать . Не экономьте на бумаге! Выбирайте качественную, дизайнерскую бумагу. Визитку должно быть приятно держать в руках и не хотелось выпускать.
  6. Логотип . Если у вас есть свой логотип обязательно включите его в дизайн будущей визитки, это добавит вес и серьезность вашей организации.А если его нет можно заказать в или нарисовать самим

Размеры визиток бывают разные

В России приняты стандарты визиток 90Х50. Визитки такого размера хорошо подойдут под кошельки и визитницы. Хотя в Европе визитка имеет размеры 85Х45 вровень с пластиковыми картами, поэтому разные студии предлагают свои стандарты.

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

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

1. Открываем программу Photoshop. выбираем Файл-Создать . В появившимся окне выбираем размеры будущей визитки 90Х50 , напротив размеров выбираем миллиметры. Сразу выбираем режим CMYK и ставим разрешение 300. Если вы будете печатать дома выбирайте режим RGB

2. Установим режим линейки. Просмотр-Линейки ставим галочку. После этого по краям рабочего поля появятся линейки, потяните за их края и вытягивайте направляющие.



3. Должно получиться вот так



4 Теперь нам нужно увеличить размер на 5 мм для срезов. Для этого заходим Изображение-Размер холста.

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



5. Изображение-Размер холста . Ставим 5 мм и обязательно галочку "Относительная"





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

6. Начните с фона определитесь в каком стиле будет выполнена ваша визитка. Я буду делать двустороннюю визитку в стиле handmade.Найдите подходящие изображение и просто перетащите его на ваш шаблон. Следите, чтобы изображение для фона было не совсем маленьким, растяните его.



7. Приступаем к самому дизайну.



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


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


9. На обратной стороне вы перечисляете ваши самые важные контакты. Если у вас нет сайта добавьте адреса ваших страничек в социальных сетях. Теперь осталось выровнить текст относительно друг друга и проверить контакты.

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



Перед тем как вы понесете свои макеты в полиграфию, еще раз проверьте орфографию, правильность контактов. Визитки лучше приносить в формате PSD (родной формат Photoshop) или Tiff . Если вы все же использовали редкий шрифт его стоит перевести в кривые Текст-Преобразовать в кривые.

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

Создание визитки на компьютере не такая уж сложная задача, достаточно вашего желания и творческого вдохновения.

← Вернуться

×
Вступай в сообщество «sinkovskoe.ru»!
ВКонтакте:
Я уже подписан на сообщество «sinkovskoe.ru»