Создание визитки в фотошопе

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

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

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

Создаем новый документ (CTRL+N) и настраиваем его следующим образом:

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

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

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

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

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

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

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

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

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

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

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

Настройки следующие:

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

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

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

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

Затем создаем такие же линии с каждой стороны. Не забываем для каждой фигуры создавать новый слой.

Чтобы посмотреть, что получилось, нажмем CTRL+H , тем самым временно убрав направляющие. Вернуть их на место можно (нужно) тем же способом.

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

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

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

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

Шаблоны визиток PSD

В поисковой выдаче ищем сайты с шаблонами и скачиваем их.

В моем архиве лежит два файла в формате PSD . Один — с фронтальной (лицевой) стороной, другой – с тыльной.

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

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

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

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

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

Зажимаем вкладку левой кнопкой мыши и тянем немного вниз.

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

1. Подгоняем по размеру.

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

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

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

Помним про линии отреза (внутренние направляющие), они очерчивают границы контента.

В данном режиме контент также можно и перемещать по холсту.

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

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

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

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

2. Редактируем типографику (надписи).

Для этого необходимо в палитре слоев найти все, содержащие текст.

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

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

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

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

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

Подобные публикации:

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

И так приступим, откроем фотошоп и создадим новый документ с помощью клавиш " Ctrl+N " с размерами 56х96 мм , разрешение файла 300 dpi , цветовой режим cmyk , цветовой профиль CoatedFOGRA39.

Нажимаем «Ок » и приступим к разметке макета визитки, для этого нужно пройти в меню «Просмотр ».

И нажать «Линейки ». После нажатия напротив пункта «Линейки » появится галочка, так же для отображения линейки можно нажать комбинацию клавиш Ctrl+R . В фотошопе появятся две линейки - вертикальная слева и горизонтальная сверху. Нам нужно чтобы шкала линейки была в миллиметрах, для этого щелкаем правой клавишей мыши по любой линейке и выберем миллиметры. Теперь после того как линейки настроены, приступаем к разметке макета. Для начала включим вспомогательные элементы, нажав сочетание клавиш "Ctrl+H ". Подводим курсор мыши к вертикальной линейке, жмем левую клавишу мыши и перетаскиваем направляющую на 6 мм . Вторую направляющую поставим на 90 мм .

Таким же способом расставим горизонтальные направляющие - первую на 6 мм , вторую на 50 мм .

Должна получиться вот такая разметка макета.

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

Теперь поставим еще одну вертикальную линию примерно вот так.

Затем нужно создать дубликат слоя. Для этого щелкаем правой клавиши мыши по фоновому слою и выбираем дублировать слой. Слой копию можем залить любым цветом или градиентом, а можно оставить белый фон. Я буду заливать градиентом, для этого выберем инструмент « Градиент » на панели инструментов или просто нажмем клавишу " G " на клавиатуре. Щелкнем левой клавишей мыши по полю (указано стрелочкой на рисунке).

Откроется редактор градиента, здесь выбираем подходящий нам градиент и жмем « Ок ».

У меня получилось вот так.

Выбираем инструмент «Горизонтальный текст » или нажимаем клавишу «Т » на клавиатуре. На панели инструмента (вверху) выберем шрифт, размер букв и цвет букв.

Теперь напишем фамилию и нажмем "Ctrl+Enter ".

Пишем имя и отчество, получилось вот так.

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

Щелкаем левой клавишей мыши по и тексту и перетаскиваем его так, чтобы не выступал за линии, при необходимости можно нажать клавиши "Ctrl+T " и с зажатой клавишей "Shift " трансформировать наш текст потянув за любой из углов.

Выберем снова инструмент «Горизонтальный текст » и напишем номер телефона. Применяем текст – Ctrl+Enter .

Пишем мобильный номер телефона. Применяем текст – Ctrl+Enter .

Пишем электронную почту. Применяем текст – Ctrl+Enter .

Пишем адрес своего сайта. Применяем текст – Ctrl+Enter.

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

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

Рассмотрим вариант вставки фотографии.

Выберем инструмент «Произвольная фигура ».

И в верхнем меню инструмента выберем фигуру в виде рамочки.

Так же выберем цвет фигуры.

Теперь щелкаем левой клавишей мыши и по нашему макету и растягиваем рамочку.

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

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

Нажимаем «Ок » и вот что у нас получилось.

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

Теперь идем в панель слоев и опускаем слой с фото под слой с рамкой.

Жмем «Ctrl+T », и с помощью трансформации подгоняем наше фото под размер рамки, должно получиться вот так.

Для дальнейшего редактирования сохраняем в формате PSD . Для печати сохраняем в Jpeg .

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

Мы с Вами научились процессу создания визитки в фотошопе Вперёд

Когда-то визитка была показателем принадлежности ее владельца к высшим слоям общества, к элите. Сегодня это вполне обычный атрибут, входящий в деловой набор среднестатистического гражданина. Обладателем визитки может оказаться студент и самый обычный сантехник, подрабатывающий частными заказами. Однако, несмотря на большую популярность данного продукта цивилизации, изготовление визитки является недешевым удовольствием. Например, только заказ на разработку ее дизайна может нанести существенный урон личному бюджету. К счастью, в век компьютеров все значительно упрощается и расходы по ее изготовлению можно заметно сократить. Достаточно иметь под рукой ПК и установленный на нем Фотошоп. Теперь вам останется только прочитать эту статью, и вы будете знать, как создать визитку в Фотошопе собственными руками без лишних затрат. Итак, приступим. Работать будем в 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).

1. Выбираем инструмент «Текст» (Т). Работать будем с панелью свойств, потому как нам пока не требуются какие-то особые приемы при работе с текстом. Для этих целей существует отдельная палитра, но нам она сейчас не нужна.
2. Шрифт возьмем пока Arial Regular и установим кегль 8. Все эти значения потом можно легко отрегулировать. Пишем необходимую информацию. Делаем это так. Каждый текстовый блок вводим по отдельности. Блок с номерами телефонов разбиваем на три разных слоя.
3. Распределяем все это по визитке на окончательные позиции. Сейчас мы еще поработаем с текстом, но месторасположение уже менять не станем.

   

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

   

5. В окне выбора шрифта мы поставили набор символов Heather Script T для надписи «Свадебные…», а для остальных данных ввели привычный Times New Roman. Заодно применили к нему наклонное написание (курсив).

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

   

6. ФИО вышли немного мелковатые, но это мы исправим, применив трансформацию (Ctrl + T).

   

7. А вот размеры номеров телефонов мы изменим через палитру «Символ». Уменьшаем значение кегля до 6 и выравниваем текстовые слои с помощью панели свойств инструмента «Перемещение», как это уже описывалось ранее.

   

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

   

9. Нам осталось только немного доработать текст, чтобы он смотрелся более гармонично, и в этом нам опять помогут стили. Становимся на слой «Свадебные…» и двойным щелчком вызываем стили. Выставляем все параметры, как на скриншотах:

   

   

   

10. Теперь правой клавишей мыши щелчок на этом же слое – и в появившемся меню активируем пункт «Скопировать стиль слоя». Производим те же действия со слоем «Иванов…», только уже щелкаем на «Вклеить стиль слоя».

    

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

    

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

    

Результат:

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

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

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

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

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

Результат:

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

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

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

Что такое «правильная визитка»?

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

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

• Дизайн и оформление (визитка обязательна должна быть запоминающейся и интересной. Это вовсе не значит, что она должна быть пестрой и буквально кричать о красочности. Основное задание сделать ее не такой как у всех, оригинальной);
• Износоустойчивость (следует помнить, что ваша визитка будет лежать в груде иных документов, и пригодится может через неопределенный период времени. Соответственно, необходимо ответственно подойти к выбору типографии, чтобы не волноваться о качестве печати и используемых материалах);
• Удобство (следует обращать внимание на стандартные размеры 9*5 см (аналог банковской карточки), размещение информации на обеих сторонах и материал покрытия).

Конечно же, это не все принципы, но именно на их основе будет раскрыт механизм создания визитки в фотошопе.

Перед тем, как правильно создать макет в cs5, необходимо принять во внимание несколько правил корректного изображения. Итак, необходимо запомнить такие моменты:

• Комбинация более 3 – х шрифтов/цветов на одном изображении – строгое табу;
• Подбирать необходимо читабельный шрифт (не нужно чрезмерно «мудрить» со шрифтом, ведь работает правило: «чем проще, тем лучше»);
• Шрифт не должен быть мелким (в идеале он должен быть таким, чтобы человек, не имеющий явных проблем со зрением, мог прочесть текст на карточке на расстоянии вытянутой руки);
• Необходимо обеспечить контраст между фоном и текстом, а задний план не должен отвлекать внимание от основной информации.

Выше упоминалось, что стандартные размеры – 50*90 мм, но при разработке необходимо сделать запас, который уберется при срезе краев в процессе печати. Поэтому делаем 96х56мм

Шаг 3 . Необходимо выбрать фоновое оформление, а для этого кликнем CTRL + J и просматриваем стандартные обои. Если из предложенных вариантов ничего не подходит, то на рабочем окно есть функция «Добавить» и есть возможность использовать фоновый план, который сохранен на ПК.

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

Шаг 4 . Располагаем текст и дополнительные изображения. Кликнем CTRL + R и появляется курсивное окно на cs6, где необходимо ввести текст визитки. Помимо текста, следует ввести параметры вспомогательных линий, которые отредактируют размещение текста на фоновом листе.

При размещении текста необходимо делать уклон на такие параметры полей: верхнее – 0,25, нижнее – 2, левое – 0,25, правое – 3,5 дюймов. Если вы хотите добавить какой – либо элемент на рабочую панель, то необходимо кликнуть на «Произвольная фигура», и выбрать понравившийся образ.

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

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

Этап 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%.
Вы должны получить вот такой результат.