Создание визитки в фотошопе. Как сделать визитку в Photoshop на свой вкус

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

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

Этап 1

Для начала давайте откроем фотошоп и создадим документ с размером 9 на 6 сантиметров, и разрешением 300 точек на дюйм.
Теперь зайдите в "Просмотр - Новая направляющая"(View/New Guide ) и выберем "Вертикальная" 0 см, а затем точно также, только вместо 0 см выбираем 0,5 см, 8,5 см, 9 см.
Теперь там же выберем "Горизонтальная" 0 см, затем 0,5 см, 5,5 см, 6 см.
Это будет наше 5 мм ограничение, которое необходимо большинству принтеров для нормальной печати.
Результат должен быть как на рисунке ниже:

Этап 2

Пришло время добавить градиент, поэтому кликните инструмент "Градиент" (Gradient Tool ) или просто нажмите G . Цвет переднего плана сделайте вот таким #2b272a , а заднего плана таким - #3c353a , а теперь растяните градиент с левого нижнего угла в правый верхний, чтобы получить вот такой результат:

Этап 3

Теперь сделайте двойной клик на ваш фон в панели со списками слоев(Layers) и сделайте его редактируемым(снимите замочек со слоя).
Скачайте узор: (cкачиваний: 8158)
и используйте его для вашей визитки. Для этого кликните дважды по названию слоя и выберите узор ("Непрозрачность" 10%). Теперь вы должны получить вот такой результат:

Этап 4

Теперь возьмите инструмент "Прямоугольник (Rectangle Tool ), для этого просто можно нажать U . Убедитесь что цвет выбран вот этот #ffe512 и сделайте прямоугольную форму, как на рисунке ниже:

Этап 5

Теперь сделаем наш логотип, я просто написал DP и стилизовал их таким образом:
"Тиснение" (Bevel and Emboss ): Стиль: Внутренний скос, Метод: Жесткая огранка, Глубина 11%, Направление - вверх, Размер 21 и Смягчение 0, остальное оставляем, как есть.
Контур 50%.
Перекрытие цветом #ffe512 , непрозрачность 100%.
Обводка - 4 пикселя, цвет - черный.
Вы получите вот такой результат.

Этап 6

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

Теперь выберите инструмент "Горизонтальный текст" и нанесите ваш логотип, используя черный цвет для одной половины логотипа и белый для другой. Размер шрифта выберите 180пт, в зависимости от того шрифта, который вы используете значение может быть меньше или больше. Сделайте так, чтобы текст немного выходил за пределы печати и установите непрозрачность слоя в значение 20%.
Вы должны получить вот такой результат.

Такую простую визитку вы можете сами нарисовать в фотошопе. Уровень – легкий, длительность выполнения урока – 15 минут.

Стандартные размеры визитки 90 × 50 мм. Именно для такого размера делают российские визитницы.

Этапы урока “Как сделать визитку в фотошопе”:

Открываем фотошоп и создаем новый документ с размерами 90 × 50 мм, разрешение – 300 пикс/дюйм, режим CMYK (для печати).

Включите линейки при помощи горячих клавиш Ctrl + R – появится шкала, единицы измерения – пиксели. Теперь возьмите Move Toole (Инструмент перемещение) и создайте направляющие (протяните их от верхнего и левого края документов так, чтобы сделать отступы в полсантиметра (на 5 делений шкалы). Это нужно для того, чтобы обозначить “безопасную зону”, именно в ней следует размещать всю важную информацию, не выходя за пределы. Иначе при печати может оказаться обрезан номер телефона или будет искажена другая информация.

Теперь вам нужно определиться с цветовой схемой будущей визитки. Вы можете продумать цвета сами, а можете отправится на специальный сайт, на котором пользователи подбирают и делятся наиболее удачными палитрами. Одним из таких сайтов является www.colourlovers.com . сайт англоязычный, но достаточно прост в использовании. Зарегистрируйтесь на нем, и у вас появится возможность скачивать палитры в формате ACO для последующей загрузки в фотошоп. Вы можете палитру цветов, которую подобрала я для того, чтобы продемонстрировать как сделать визитку в фотошопе.

Активируйте Окно –> Образцы, загрузите палитру цвета. Можно загрузить их двойным кликом по файлу ACO. Вы найдете их в самой нижней части образцов цвета:

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

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

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

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

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

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

Создайте шаблон подходящего размера. Откройте в Photoshop новое изображение и задайте его размер равным 8.4 и 5 сантиметров соответственно. Разрешение - 200 пикселей на дюйм или выше. В итоге у вас получится визитка размером 8х5, 0,4 см. - это для подстраховки, чтобы убедиться, что краска растечется и по краям (т.е. что белых границ при обрезке не будет).

Создайте направляющие для областей заливки и работы. Включаются направляющие через меню View > Rulers. По правому клику на линейку можно выбрать единицы измерения. Хотите, будут сантиметры, хотите - дюймы, это не критично. Далее мы будет приводить размеры в дюймах. Теперь задайте две горизонтальные направляющие, одну на 0,125, вторую на 2,125 дюйма. Создайте две вертикальные направляющие - на 0,125 и 3,625 соответственно. Эти линии будут показывать границы вашей визитки. Также вы можете создать направляющие для рабочей области внутри области заливки, чтобы удостовериться, что текст не подходит слишком близко к краям.

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

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

Каждый фрагмент текста доставьте на новый слой с помощью инструмента “Текст”. Для имени и названия компании используйте шрифт покрупнее, чтобы выделялось. Шрифты, стили - тут уже на ваш вкус. Контактную информацию можно и менее крупно указать. Учтите, что текст должен читаться без проблем - люди не должны гадать, что это у вас там в электронном адресе - строчная L или 1.

По желанию, добавьте логотип компании. Если у вас есть логотип компании, откройте его в Photoshop, скопируйте (при необходимости можете уменьшить размер) с помощью Quick Selection Tool так, чтобы выделить как можно ближе к логотипу. Затем инвертируйте выделение (Ctrl+Shift+I) и удалите фон. Теперь логотип готов (или почти готов) к использованию в визитке.

Чтобы визитка выглядела профессиональнее, можно добавить текстовые эффекты. Правый клик на слой с текстом вызовет окно Blending Options. Выберите Bevel and Emboss, задайте глубину 2-3. Темный текст на светлом фоне можно разукрасить с помощью Outer Glow. Если задать цвет чуть светлее фонового, задать размер и спред чуть меньше, то можно добиться эффекта едва заметного свечения, а не огромного гало вокруг. Светлый текст на темном фоне выиграет от эффекта Drop Shadow. Опять же, спред и размер сделайте поменьше, поиграйте с дистанцией отбрасывания тени - и все будет красиво.

С помощью кистей разукрасьте фон. Большие абстрактные кисти, по цвету совпадающие с цветом градиента в центре, помогут создать приятный глазу выразительный эффект. Другой вариант - вызвать меню Blending Options для слоя с кистями, выбрать Gragient Overlay и модифицировать градиент с учетом фоновых цветов. Можно использовать более цветные кисти, но тогда их надо сделать прозрачнее. Кисти могут сделать вашу визитку шедевром - главное, чтобы это не мешало читать написанный на ней текст.

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

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

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

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

Создание холста, выбор цветовой модели, разметка.
Настройка холста.
Продумываем порядок работы и стиль визитки:
- логотип + картинка в тему;
- надписи.
Создаем фон и оформляем рамку.
Придумываем логотип.
Свадебные кольца.
Печатаем и компонуем на холсте данные.

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

Запускаем Фотошоп. Жмем 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).

Выбираем инструмент «Текст» (Т). Работать будем с панелью свойств, потому как нам пока не требуются какие-то особые приемы при работе с текстом. Для этих целей существует отдельная палитра, но нам она сейчас не нужна.
Шрифт возьмем пока Arial Regular и установим кегль 8. Все эти значения потом можно легко отрегулировать. Пишем необходимую информацию. Делаем это так. Каждый текстовый блок вводим по отдельности. Блок с номерами телефонов разбиваем на три разных слоя.
Распределяем все это по визитке на окончательные позиции. Сейчас мы еще поработаем с текстом, но месторасположение уже менять не станем.
Теперь нам следует окончательно определиться с видом шрифта и его размером. Не будем изобретать велосипед и пойдем стандартным путем. Обычно на такие визитки ставится рукописный стиль шрифта для описания услуги и книжный – для остальных данных. Сделаем так же. Выберем инструмент «Перемещение» (V) и запустим специальную палитру символов, нажав на ее ярлычок в доке палитр справа. При активном инструменте «Перемещение» эта палитра позволяет работать сразу с несколькими слоями, что гораздо удобней, чем при задействованном инструменте «Текст».
В окне выбора шрифта мы поставили набор символов Heather Script T для надписи «Свадебные…», а для остальных данных ввели привычный Times New Roman. Заодно применили к нему наклонное написание (курсив).
Примечание. Если у вас на компьютере отсутствует рукописный шрифт, то зайдите на соответствующие ресурсы и скачайте его себе на ПК. Там масса всевозможных шрифтовых наборов – и платных, и бесплатных.
ФИО вышли немного мелковатые, но это мы исправим, применив трансформацию (Ctrl + T).
А вот размеры номеров телефонов мы изменим через палитру «Символ». Уменьшаем значение кегля до 6 и выравниваем текстовые слои с помощью панели свойств инструмента «Перемещение», как это уже описывалось ранее.
Внимательно проверяем всю нашу информацию. Если все правильно, то нам следует растрировать все слои с текстом. Для этого мы их выделяем (все разом) и щелчком правой кнопки мыши вызываем контекстное меню. В нем выбираем пункт «Растрировать текст» и получаем обычные слои.
Нам осталось только немного доработать текст, чтобы он смотрелся более гармонично, и в этом нам опять помогут стили. Становимся на слой «Свадебные…» и двойным щелчком вызываем стили. Выставляем все параметры, как на скриншотах:
Теперь правой клавишей мыши щелчок на этом же слое – и в появившемся меню активируем пункт «Скопировать стиль слоя». Производим те же действия со слоем «Иванов…», только уже щелкаем на «Вклеить стиль слоя».
Опять вызовем окно стилей (только уже для слоя с Ф.И.О.) и поменяем цвет в строке «Обводка». Толщину линии оставляем прежнюю. Копируем стиль этого слоя.
Выделяем 3 слоя с контактами. Вклеиваем скопированный на предыдущем шаге стиль. Остался последний шаг. В каждом из трех «контактных» слоев отключаем пункт «Тиснение». Делается это простым щелчком по «глазику», расположенному слева.

Результат:

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

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

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

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

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

Результат:

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

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

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

Для чего нужна визитка

Людям, которым по роду своей деятель-ности нужно постоянно передавать свои контактные сведения другим лицам, достаточ-но сложно обойтись без которые проще называют визитками. Они настолько прочно вошли в деловой обиход, что, в том случае, если человек не имеет их, на него уже смотрят и оценивают: «А можно ли с этим человеком иметь дело, если у него нет визитки?».

Ношение этих карточек с собой способствует тому, что не приходится постоянно с собой носить ручки, бумагу, на которой второпях нужно успеть записать информацию, как можно с вами связаться. Ниже будет рассмотрено, как происходит создание визиток в "Фотошопе".

Как приступить к созданию

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

Итак, допустим, что у вас есть "Фотошоп". Создаете в нем новый документ, нажав на соответствующую пиктограмму на панели инструментов или воспользовавшись клавиатурной комбинацией Ctrl-N. В появившемся окне необходимо выбрать размер визитки. В "Фотошопе" его определяете в 56 мм по высоте и 96 мм по ширине. Устанавливаете здесь же разрешение в 300 пикселей/дюйм (dpi), цветовой режим — цвета CMYK, 8 бит (последнее может быть расположено еще правее по отношению к цветам CMYK), содержимое фона — белый (или на ваш вкус), цветовой профиль CoatedFOGRA39, попиксельную пропорцию — квадратные пикселы.

Закрываете окно, подтверждая внесенные значения с помощью клавиатурной клавиши «Enter» или кликнув на виртуальную кнопку «ОК». Использование CMYK объясняется тем, что на бумагу нельзя перенести всю гамму цветов, которая наблюдается на экране при работе с цветовым режимом RGB.

Макет

Создание визиток в "Фотошопе" предполагает разметку макета. Для этого переходите в панель меню, выбираете «Просмотр» - «Линейки» (с помощью горячих клавиш Ctrl-R), в результате чего "Фотошоп" станет похож на Word, имеющий вертикальную и горизонтальную линейки. Выбираете размерность линеек «мм». Это достигается с помощью клика по любой линейке и выбором требующихся единиц измерения.

Включаете вспомогательные элементы с помощью горячих клавиш Ctrl-N. Первую направляющую ставите по вертикальной линейке на 6 мм, вторую — на 90 мм.

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

Выделите место под фотографию (как правило, не более 1/3 от имеющейся площади прямоугольника) и поставьте там еще одну вертикальную направляющую.

Выбор градиента

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

Вписывание ФИО

Затем переходите к инструменту «Горизонтальный текст» (горячая клавиша "Т" английская), выбираете, какой будете использовать шрифт, его кегль, размер и цвет. Если не уверены в правильном выборе, лучше поэкспериментировать и посмотреть на результат.

Пишете фамилию, для перехода на следующую строку с целью написания имени и отчества или только имени нажимаем одновременно Ctrl и Enter.

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

Если возникает необ-ходимость трансформации текста, то нажимая Ctrl-T и, удерживая Shift, осуществляете трансформацию путем подхвата и переноса любого угла с помощью мышки.

Вписывание других контактных данных

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

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

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

Вставка фото

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

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

Далее, из контекстного меню слоя с рамкой выбираете «Растрировать слой». Дважды кликаете левой кнопкой мыши по этому слою. В появившемся окне «Стиль слоя» проводим эксперименты с настройками. После того, как желаемый эффект будет достигнут, закрываете окно с сохранением результатов (ОК).

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

Переходите в панель слоев, размещая слой, в котором находится фотография, ниже слоя с рамкой.

Осуществляете трансформацию с помощью Ctrl-T, подгоняя фотографию под размер рамки.

Визитка в "Фотошопе" создана. Ее можно сразу распечатать, если имеется качественный струйный или цветной лазерный принтер, работающие с плотной бумагой или сохранить в форматах *.jpeg, *.png, *.tiff и распечатать в любом месте, где оказывают подобную услугу.

Пример стильной визитки

Создание визиток в "Фотошопе" ограничено только вашей фантазией. Рассмотрите пример создания простой, но в то же время стильной визитки.

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

Переходите «Фильтр - Шум - Добавить шум», устанавливаете «Количество — 0,8%», «Равномерно» и «Монохромный».

Вызываете контекстное меню на «Фоне», выбираете «Параметры наложения». В параметрах внутреннего свечения во вкладке «Структура» выбираете цвет черный #000000.

Создаете слой «Полоса» и выбираете белый цвет. Далее будете использовать кисти для создания визиток в "Фотошопе". Активируете инструмент «Кисть». Идете в базовый набор кистей и выбираете Soft Mechanical 500 кисть (Мягкая). Кликаете ею по центру визитки.

Включаете прямо-угольное выделение, с помощью которого выделяете ½ визитки и удаляете эту часть с помощью кнопки «Delete». Трансформируете оставшуюся часть поворотом примерно на 45 о.

Ставите режим смешивания слоя на «Перекрытие». «Непрозрачность» ставите на уровне 15%.

Дублируете слой «Полоса» с перемещением дубляжа вправо, делаете еще копию.

Создаете слой «Свет», пользуетесь той же кистью, кликаете по центру визитки. Устанавливаете режим смешивания слоя «Перекрытие».

Создаете новую группу «Передняя сторона», которая должна располагаться над группой «Фон». В этой группе создаете слой «Кнопка», включаете «Закругленный прямоуголь-ник», радиус 1 мм и растягиваете эту кнопку на слое.

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

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

Сворачиваете переднюю сторону (осуществляется кликом на глазик рядом с названием группы) и создаете новую группу «Задняя сторона».

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

Создаете слой «Тень», располагаете его под ФИО, должностью. Выбираете черный цвет, эллипс. Рисуете вытянутый узкий эллипс.

Переходите в меню «Фильтр - Размытие - Размытие по Гауссу», ОК, радиус — 4 пикселя, непрозрачность слоя — 40%.

После этого создание визитки в "Фотошопе" будет закончено.

В заключение

Таким образом, на вопрос «Как создать визитку в "Фотошопе"?» можно ответить, что нужно сделать новый документ, группу слоев и в них начать формировать слои, количество которых зависит от того, что вы хотите в итоге получить. Размер визитки должен составлять 90х56 мм, для облегчения начала работы нужно применять вспомогательные линии, называемые направляющими. Для создания простой визитки достаточно работать с градиентами или цветами. Для того чтобы получить стильную визитку, необхо-димо расширить перечень использующихся инструментов, а также научиться работать с тенью.