Как в фотошопе сделать визитку для печати пошаговая инструкция

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

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

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

Делаем визитку в Фотошопе

Как сделать визитку в фотошопе? Обычно процесс создания любого макета в фотошопе разделяют на 2 части: подготовка страницы и сам дизайн, расстановка его элементов. Предлагаем пошаговую инструкцию этого процесса:

Шаг 1. Устанавливаем программу

Установите фотошоп на компьютер. Безопаснее и удобнее скачивать лицензионную версию CC с сайта разработчика (если у вас уже есть прежние версии, например, CS6, то они тоже подойдут для визитки). Не спешите использовать только что установленный софт, он будет доступен только после регистрации или авторизации в Adobe Creative Cloud. Напоминаем, что программа имеет 7-дневный пробный период, по его окончании программа будет работать только при условии подписки на выбранные пакеты. Стоимость начинается от 589,80 рублей для частных лиц и варьируется в зависимости от содержания выбранного пакета и ваших целей.

Шаг 2. Задаем параметры страницы

Создадим новый документ. Нажмите на верхней панели Файл, а затем Создать. Появится окно параметров новой страницы, которые нам предстоит задать.

создаем проект

Создаем новую страницу

Существует общепринятый размер визитных карточек 9х5 см. Они помещаются в кошельки и бумажники, их легко хранить. Поэтому введем эти значения для Ширины и Высоты в открывшемся окне. Выбираем прозрачное содержимое фона. Разрешение должно составлять 300 пикселей на дюйм. Остальные пункты оставляем неизменными.

параметры страницы

Задаем параметры будущей визитки

Шаг 3. Настраиваем поля карточки

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

Сделаем отступы по 2,5 мм: нажмите Просмотр на верхней панели инструментов и включите Линейки. Они отобразятся на рабочей области. Нажмите на линейку левой кнопкой мыши и удерживая ее протяните вниз, за курсором потянется направляющая. Таким же образом протяните их для всех сторон.

поля под обрез

Устанавливаем поля под обрез

Шаг 4. Наполняем карточку графическими элементами

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

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

вставляем изображения

Импорт изображений

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

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

текст визитки

Добавляем текст

Визитка готова. Чтобы сохранить ее нажмите на Файл и Сохранить как. В появившемся окне вы можете выбрать формат для будущего файла. Для печати можно использовать PNG или JPG. Рекомендуем сохранить проект еще раз с разрешением PSD. Это формат Photoshop. Это делается для того, чтобы иметь возможность редактировать по необходимости файл, а не создавать его заново.

сохраненеие готовой визитки

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

Делаем визитку в Мастере Визиток

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

шаблоны визиток

Коллекция шаблонов для визиток

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

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

контакты визитки

Заполняем контактные данные

Поздравляем! Ваш уникальный макет визитки готов. Вы можете распечатать его прямо через программу. Настройте расположение карточек на листе и другие параметры печати. Если вы хотите отдать макет на печать в специализированные центры, то сохраните его кнопкой «Сохранить макет в файл».

Посмотрите наш видео-урок на Ютубе о том, как создать двухстороннюю карточку в Мастере Визиток и убедитесь, как это просто:

Выводы

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

Если вам нужна визитка быстро и вы не обладаете художественными и техническими навыками, то сэкономьте время для своей деятельности, то скачайте Мастер Визиток, который поможет сделать привлекательную визитку за считанные минуты!

Несколько советов для работы в любой программе:

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

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

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

Пошаговое создание визитки в Фотошопе онлайн

Создание визитки в Фотошопе состоит из трёх шагов:

  1. Подготовка основы документа
  2. Заполнение документа контактной информацией и элементами дизайна
  3. Сохранение макета в выходном файле

Видеоурок по созданию визитки в Adobe Photoshop от Олега Вереса:

Подготовка документа

  1. Откройте онлайн-фотошоп, и щёлкните раздел «Новый проект».
    Создание нового проекта для визитки в Фотошопе
  2. В появившемся одноимённом окне введите в поля «Имя», «Ширина», «Высота» и DPI значения, подчёркнутые на нижнем скриншоте красной чертой.Стандартный размер визитки — 9 см в ширину и 5 см в высоту.
    Задайте размер визитки

    Внимательный читатель, конечно, обратил внимание на то, что введённые значения больше на 4 мм. Объяснение расхождению будет дано ниже (см. шаг 6 настоящей инструкции). 300 DPI – принятое разрешение изображения на дюйм при печати.

    Предполагается, что создаётся визитка для турагенства, название которого можно будет ввести позже.Как видно в правой части скриншота, Фотошоп уловил намерения пользователя и предлагает ему готовые англоязычные макеты визитки. Наша цель – создание русскоязычного макета с нуля, поэтому мы пока игнорируем это предложение. После создания первого макета мы вернёмся к этому варианту.

  3. Кликните пункт «Создать».
  4. В новом окне откройте вкладку «Изображение», щёлкните инструмент «Режим» и выберите цветовую модель CMYK, специально предназначенную для оптимального отображения цветов при печати.
    Выбор цветовой модели макета визитки
  5. Перейдите на вкладку «Просмотр» и щёлкните инструмент «Линейки».
    Переход в инструмент Линейки
  6. После этого вверху и слева рабочего окна Фотошопа появляются размеченные линейки, позволяющие делить документ на точные части.
    Рабочая область инструмента Линейки
  7. «Схватитесь» за линейки мышкой, и проведите поля по 2 мм с каждой из четырёх сторон будущей визитки. Иными словами, линии от верхней линейки должны быть проведены по значениям 2 и 92 мм, а от левой линейки – 2 и 52 мм. Очевидно, что размер заготовки в рамке, исключая «отсечённые» края, будет 90 на 50 мм.

Типографии обычно заказывается не менее тысячи визиток. Естественно, что они будут печататься группами по стопках. Верстальщик типографии отдаёт распечатать листы с раскладкой десятков визиток на формате А4 или больше. После печати такого листа типографское оборудование ненулевой толщины режет этот лист на отдельные документы. Макет визитной карточки делается чуть большего размера, чтобы разброс обреза не затронул основной объём макета визитки.

Дизайн документа

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

Красивый фон можно получить посредством добавления к слою пустого документа его заливки. Для этого перейдите в меню «Слой», и в списке «Новый заполняющий слой» щёлкните пункт «Градиентная заливка».

Добавление заливки на слой визитки

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

Настройка фона визитки

Как использовать для визитки любую картинку из интернета:

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

При необходимости картинку можно редактировать (изменить размер, повернуть, обрезать) подчёркнутыми инструментами вкладки «Редактирование».

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

Теперь в макет предстоит добавить текстовую информацию:

  1. В левом меню инструментов Фотошопа щёлкните на букву T.
  2. На «Панели параметров» инструмента, выберите шрифт, стиль, размер, цвет и другие характеристики текста.
  3. Щёлкните инструмент «Текст» и наберите название турагенства, например, «Ветер странствий», условный адрес и номер телефона. При необходимости в макет можно добавить логотипы или векторные рисунки, которые можно скачать с Интернета.

Добавление текста на визитку в Фотошопе

Макет простейшей односторонней визитки готов. Если визитка двухсторонняя, её тыльная сторона делается аналогично. Теперь результаты работы нужно сохранить в psd (для возможности дальнейшего редактирования) и в выходном файле для типографии.

Готовый макет визитки сделанный через Photoshop

Сохранение визитки в выходном файле

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

Сохранение визитки для печати:

  1. Откройте меню «Файл»
  2. В выпадающем списке «Экспортировать как», щёлкните формат PDF
  3. В окне сохранения введите информативное имя выходного файла (например, «Турагенство»), и щёлкните «Сохранить»

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

Цветовое качество визитки (и других подобных документов) неизбежно будет уступать изображению макета на мониторе. Причины этого вполне объективны: печать визиток производится на мелованной бумаге ограниченным (не более 16) количеством красок. Они несопоставимы с количеством пикселей на монитор. Поэтому при получении визиток из типографии «цветовые» ожидания не должны быть завышенными.

Видеоурок как сделать дизайн визитки в Иллюстраторе:

Редактирование англоязычного макета визитки

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

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

  1. Щёлкните на макете (взятом в красную рамку).
    Создание визитки из готового шаблона в Фотошопе
  2. Выделите англоязычный текст, щёлкнув инструмент «Текст», и напишите желаемый текст по-русски.
    Второй шаг при создании визитки из шаблона
  3. Остальные действия аналогичны, как при создании визитки с нуля.

Сделать красивую визитку можно не только в Фотошопе. В Интернете есть множество онлайн-сервисов для оперативного создания визиток и других несложных документов. Частью из них (например, «Календарум») можно пользоваться бесплатно и без регистрации. Существуют также специализированные программы создания визиток (например, «Мастер Визиток»), которые существенно проще Адоб Фотошопа.

Как сделать визитку бесплатно в Календаруме

  1. Перейдите на сайт и щёлкните раздел «Визитка».
    Создание визитки в Календариуме
  2. В следующем окне выберите желаемый шаблон.
    Шаблоны визиток в Календариуме
  3. Для замены щёлкните на «Василии Пупкине», и в появившемся правом нижнем поле введите желаемые имя и фамилию. По завершении щёлкните за пределами прямоугольника, окаймляющего текст.
    Замена текста визитки в Календариуме
  4. При необходимости щёлкните «Добавить клипарт», и во всплывшем окне выберите векторный рисунок, например, с городским силуэтом.
    Векторные рисунки для визитки
  5. Щёлкните «Получить», а затем – «Опубликовать».
    Получение и публикация визитки в Календариум
  6. Через несколько секунд пользователь получает ссылку на созданный им макет визитной карточки. Грубую лесть сервиса, конечно, не нужно воспринимать всерьёз.
    Готовый макет визитки
  7. После перехода по ссылке в контекстном меню сохраните оперативно созданный макет в желаемом формате.
    Сохранение визитки из сервиса Календариум для печати

Мастер визиток

Эта специализированная программа доступна для скачивания с сайта master-visitok.ru. Как это часто бывает, во время установки предлагается параллельная инсталляция сервисов Яндекса, от которых можно отказаться.

Установка программы Мастер визиток

10-дневная пробная версия программы позволит оценить её возможности создания макета, после чего пользователь может её купить.

Как сделать визитку бесплатно

Пошаговое создание визитки через master-visitok.ru:

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

Надоели стандартные, привычные визитки? В этой статье мы пошагово расскажем, как создать визитку в Фотошопе самостоятельно — оригинальную, привлекающую внимание и полностью готовую к печати!

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

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

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

Для начала решите, какие элементы вы хотите разместить в макете.

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

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

Стандартный размер визитки в Фотошопе в пикселях

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

Стандартный размер визитки в Фотошопе должен быть 90*50 мм + 2 мм со всех сторон под обрез, то есть 94*54 мм (таким образом, размер стандартной визитки в пикселях в Фотошопе составляет 1110*638). Рекомендуемое разрешение визитки — 300 dpi. Цветовой режим укажите “Цвета CMYK”, 8 бит, а цвет фона можно выбрать белый.

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

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

Как сделать визитку в Фотошопе бесплатно: пошаговая инструкция

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

  • Настройте поля под обрез при печати. В главном меню нажмите “Просмотр”-”Линейки”. В рабочей области вы увидите линейки и направляющие. Перетяните направляющие в нужное положение: отступы сделайте по 2 мм со всех сторон
  • Как сделать визитку в Фотошопе бесплатно: пошаговая инструкция

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

  • Разместите элементы в нужном вам порядке, перетаскивая их мышкой, увеличивая или уменьшая нужным вам образом
  • Как сделать визитку в Фотошопе бесплатно: пошаговая инструкция

  • Введите текст посредством инструмента “Текст” и отредактируйте его: выберите подходящий шрифт, размер, выравнивание и другие параметры
  • Как сделать визитку в Фотошопе бесплатно: пошаговая инструкция

  • Готово!

Теперь разберемся, как сохранить визитку в Фотошопе. Для этого макет визитки сохраните в основном формате Фотошопа — psd. Такой файл вы впоследствии сможете редактировать. Выберите команду “Файл”-”Сохранить как”, задайте имя файла и нажмите “ОК”.

Как сделать визитку в Фотошопе бесплатно: пошаговая инструкция

Затем сохраните визитку, сделанную в Фотошопе, в формате, подходящем для печати — PDF.

Как сделать визитку в Фотошопе бесплатно: пошаговая инструкция

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

Для печати в типографии вам не нужно предоставлять файл в формате PSD, достаточно файла в PDF.

Перед тем как ваша визитка в Фотошопе отправится в печать, учтите несколько моментов.

  • Проверьте правильность размера стандартной визитки в пикселях в Фотошопе, ее разрешение и другие параметры
  • Перечитайте весь текст на карточке и проверьте аккуратность исполнения макета, чтобы избежать опечаток и недочетов

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

Альтернатива фотошопу

Альтернатива Фотошопу — готовые стандартные шаблоны визиток

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

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

Содержание

  • #Шаг 1
  • #Шаг 2
  • #Шаг 3
  • #Шаг 4
  • #Шаг 5
  • #Шаг 6
  • #Шаг 7
  • #Шаг 8
  • #Шаг 9
  • #Шаг 10
  • #Шаг 11
  • #Шаг 12
  • #Шаг 13
  • #Шаг 14
  • #  Комментарии

​В этом уроке вы научитесь создавать визитку в Фотошоп, используя смарт-объекты и стили слоя.

Ниже вы можете посмотреть финальный вариант:


Скачать архив с материалами к уроку

Примечание: Исходный файл с иконками не доступен.  В архиве вы найдете альтернативные иконки для выполнения урока.

Шаг 1

Создаем документ размером 1240 х 826 пикселей, переходим ViewShowGrid (Просмотр – Показать – Сетку) (Ctrl+’), чтобы активировать сетку. Затем ViewSnap ToGrid (Просмотр – Привязать к – Линиям сетки). Жмем Ctrl+K, чтобы открыть окно настроек программы, затем переходим в раздел Guides, Grid & Slices (Направляющие, сетка и фрагменты). Устанавливаем Gridline Every (Линия через каждые) на 5, а Subdivisions (Внутреннее деление на) – на 10.

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


Шаг 2

Переходим на панель слоев, выбираем фоновый слой Background (Фон), кликаем по нему дважды, чтобы разблокировать и превратить в обычный слой.

Еще раз дважды кликаем по фоновому слою, чтобы применить к нему стиль слоя Gradient Overlay (Наложение градиента) со следующими параметрами.



Шаг 3

Далее берем Rectangle Tool (U) (Прямоугольник) и создаем прямоугольник размером 740 х 460 пикселей.


Шаг 4

Открываем окно со стилями слоя и применяем Gradient Overlay (Наложение градиента) к прямоугольнику.



Шаг 5

Проверяем, чтобы слой с прямоугольником был активен, и жмем Ctrl+J, чтобы дублировать его.

Устанавливаем Fill (Заливка) для копии на 0%, затем применяем к ней стиль слоя Pattern Overlay (Наложение узора).

  • Узор из коллекции Color paper (Цветная бумага) – Blue Crepe (Синий креп)
  • Blend Mode (Режим наложения) – Overlay (Перекрытие)



Шаг 6

Активируем Type Tool (T) (Текст).

Открываем панель WindowCharacter (Окно – Символ) и устанавливаем шрифт Roboto Light.

Выбираем белый цвет, размер 16px и пишем текст, как показано ниже.



Шаг 7

Открываем окно со стилями слоя и применяем Gradient Overlay (Наложение градиента) для каждого текстового слоя из предыдущего шага.



Шаг 8

Открываем PSD-файл с набором иконок и импортируем любые понравившиеся иконки на рабочий документ, но так, чтобы они подходили по смыслу к тексту с контактами.

Затем применяем к каждой иконке стиль слоя Stroke (Обводка), используя следующие настройки.



Шаг 9

Добавляем логотип, название компании и слоган. Затем к этим элементам применяем стиль слоя Gradient Overlay (Наложение градиента) с настройками из предыдущих шагов.



Шаг 10

На панели слоев с зажатой клавишей Ctrl выделяем все слои, из которые состоит визитка, кликаем по ним правой кнопкой мыши и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

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



Внутрення тень (Inner Shadow)

  • Blend Mode (Режим наложения) – Overlay (Перекрытие)


Тень (Drop Shadow)

  • Blend Mode (Режим наложения) – Overlay (Перекрытие)


Тень (Drop Shadow)

  • Blend Mode (Режим наложения) – Overlay (Перекрытие)


Тень (Drop Shadow)

  • Blend Mode (Режим наложения) – Overlay (Перекрытие)


Тень (Drop Shadow)

  • Blend Mode (Режим наложения) – Overlay (Перекрытие)


Шаг 11

Жмем Ctrl+T, чтобы активировать свободную трансформацию, зажимаем клавишу Ctrl и тянем за верхнюю левую узловую точку, чтобы деформировать визитку. Закончив, жмем Enter.



Шаг 12

Снова жмем Ctrl+T, чтобы активировать свободную трансформацию, затем на верхней панели устанавливаем угол на 14 градусов, чтобы слегка повернуть визитку, и жмем Enter.


Шаг 13

Убедитесь, что слой с визиткой активен, и жмем Ctrl+J, чтобы дублировать ее.

Выбираем копию, открываем стили слоя и применяем две копии Inner Shadow (Внутренняя тень). Оба стиля слоя Drop Shadow (Тень) мы отключаем.

С помощью свободной трансформации поворачиваем визитку на 1,5 градусов, как показано ниже.



Шаг 14

Выбираем копию и дублируем ее (при этом копия должна оказаться над оригиналом). Выбираем дубликат и поворачиваем его на 1,5 градуса.

Далее повторяем этот процесс, пока не получим стопку визиток.





Мы закончили!

Вот так выглядит финальный результат.


Автор: Razvan Gabriel

Источник:

photoshopstar.com

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

Буду искренне рада, если вы не только пролистаете мастер-класс, но и попробуете повторить.

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

ЛКМ — левая кнопка мыши, ПКМ — правая кнопка мыши.

Направляющие — вертикальные и горизонтальные линии, несущие в себе функции разметки.

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

Слой — это отдельное изображение, которое можно редактировать отдельно от любого другого слоя. Любой слой в документе может быть просмотрен, как отдельное изображение. Вместе, все слои образуют единое изображение.

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

Итак, приступим.

1. Файл>Создать документ размером 95*55 мм, разрешение 300 dpi, цветовой режим CMYK (данные параметры важны для качества печати).

Создаем два варианта визитки в программе hotoshop, фото № 1

2. Нажимаем Ctrl+R, появляются линейки, если нажать на линейку и удерживая ЛКМ потянуть вниз, то вы увидите направляющую. Они-то нам и нужны! Устанавливаем направляющие, как на скриншоте, по 5 мм с каждой стороны — это область, на которой не нужно размещать информацию и элементы дизайна.

Создаем два варианта визитки в программе hotoshop, фото № 2

Отступление. При создание визитки сначала мы продумываем дизайн в голове, складывается некая картина того, что вы хотите увидеть в итоге. Далее следует этап подбора материалов/либо создание заготовок. В сети полно информации, посвященной графическому дизайну, вы найдете большее количество интересных материалов. Некоторые полезные термины: pattern (шаблон), background (фон), fonts (шрифт), frame (кадр, рамка).

3. Открываем наши заготовленные материалы, удерживаем Ctrl и кликаем ЛКМ по нужным файлам.

Создаем два варианта визитки в программе hotoshop, фото № 3

4. Файл фон (листочки) хватаем ЛКМ и просто перетаскиваем в наш документ (можно перетаскивать слои между несколькими открытыми файлами).

Создаем два варианта визитки в программе hotoshop, фото № 4

5. Кликаем на инструмент «Фигура», Прямоугольник. Выбираем нужный цвет: кликаем на квадратик активного цвета внизу, слева, далее клик по любому месту фона. Я выбрала светло-желтый.

Создаем два варианта визитки в программе hotoshop, фото № 5

Создаем два варианта визитки в программе hotoshop, фото № 6

6. К данному этапу у нас есть визитка с фоновыми листочками и с фигурой «Прямоугольник». Выравниваем его относительно визитки, советую воспользоваться направляющими (середина 4,75 мм). Для удобства работы мы можем растрировать фигуру, клик ПКМ по слою с фигурой и Растрировать слой.

Создаем два варианта визитки в программе hotoshop, фото № 7

Создаем два варианта визитки в программе hotoshop, фото № 8

7. Осталось совсем немного, давайте разместим текст и элементы дизайна. Из открытого файла Виньетка1 перетаскиваем слой на нашу визитку.

Создаем два варианта визитки в программе hotoshop, фото № 9

7. Работаем с инструментом Текст (буква Т на панели инструментов слева). Подбираем цвет, шрифт. Получается так.

Создаем два варианта визитки в программе hotoshop, фото № 10

8. Давайте добавим немного объема: кликаем на слой с нашим светло-желтым квадратом и добавляем стиль слоя Тень. Поиграйте с параметрами, результат сразу отображается на визитке.

Создаем два варианта визитки в программе hotoshop, фото № 11

9. На этом этапе наша визитка готова! Вы можете сохранить ее в формате PSD и смело идти в полиграфию. Сохранив в jpeg, можно будет разместить в сети. Но я предлагаю создать второй вариант этой визитки!

Удалите «глазки» у наших слоев, клик ЛКМ.

Создаем два варианта визитки в программе hotoshop, фото № 12

10. Перетаскиваем слой из файла Рамка. Мы видим, что она больше, чем нужно. Применяем простой инструмент трансформации Ctrl+T. Пользуйтесь горячими клавишами, это удобно! Теперь мы видим, что вокруг нашей рамки появился квадрат. На клавиатуре зажимаем Shift и кликаем (удерживаем) ЛКМ на уголок этого квадрата, меняем размер на нужный. При трансформации очень важно сохранение пропорции объекта.

Создаем два варианта визитки в программе hotoshop, фото № 13

11. Перетаскиваем из документа Виньетка 2 слой с горизонтальной виньеткой. Так же применяем трансформацию.

Создаем два варианта визитки в программе hotoshop, фото № 14

12. Теперь давайте вернем «глазки» нашим слоям. Мы видим, что рамка перекрывает слой с текстом, давайте текстовые слои перетащим в самый верх (принцип почти тот же, что и в многослойном наряде на женщине — кружевная комбинация под платье и её не видно). Кликаем ЛКМ на слой с текстом и тянем в списке вверх, надеюсь, глазик вернули слою? :)

Создаем два варианта визитки в программе hotoshop, фото № 15

13. Перетащили текстовые слои, изменили их размер и выровняли относительно рамки. Готово. Второй вариант визитки готов. Сохраняем в PSD и идем в полиграфию. Либо в JPEG и размещаем в сети.

Создаем два варианта визитки в программе hotoshop, фото № 16

Для меня это был новый и интересный опыт.

Надеюсь, вам было так же приятно прочитать мой мастер-класс, как и мне составлять его для вас!

Материалы, которые были использованы, на фото ниже (могу скинуть в личку PSD, если хотите попрактиковаться).

Создаем два варианта визитки в программе hotoshop, фото № 17

Создаем два варианта визитки в программе hotoshop, фото № 18

Создаем два варианта визитки в программе hotoshop, фото № 19

Понравилась статья? Поделить с друзьями:
  • Инструкция по применению амоксиклав 500 плюс 125
  • Руководство россии 1993
  • Руководство туапсинского нпз
  • Капотен инструкция по применению при каком давлении можно принимать как
  • Regin ttc25 инструкция на русском языке