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

 Нам всем приходится время от времени давать кому-то свои контакты, чаще всего это выглядит как клочок какой-нибудь подвернувшейся под руку бумажки. Но намного лучше, если это будет аккуратная карточка из твердой бумаги или даже пластика, красиво оформленная и со всеми контактами ее обладателя. Вам не придется искать листок, ручку чтобы дать свой номер телефона, 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.

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

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

 

Автор урока Душкин Игорь, специально для сайта PhotoshopSunduchok.

 

Если Вы не хотите пропустить интересные уроки по обработке фотографий - подпишитесь на рассылку.

Форма для подписки находится ниже.

Комментарии  

Мария
+1 # Мария 24.05.2013 18:22
Это что? Издевательство? Ну я понимаю, что урок для новичков, но хотя бы что-то действительно правильное показали...
Ответить | Ответить с цитатой | Цитировать
Иваныч
+1 # Иваныч 24.02.2013 15:50
Нормальная визитка, никто Вас не заставляет делать точно такую же - главное принцип, а дальше дело Вашей фантазии и умения владеть фотошопом.
Нормальный урок, давай, Игорь, ещё, всё нормально, молодец!
Ответить | Ответить с цитатой | Цитировать
sultana
0 # sultana 23.02.2013 23:11
Да, для уважающей себя фирмы не покатит. :lol:
Ответить | Ответить с цитатой | Цитировать
dmitoks
0 # dmitoks 22.02.2013 09:44
Визита не ахти!!! :D :D :D
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите уникальное имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить код проверки.


Защитный код
Обновить

Кто на сайте

Сейчас 388 гостей и ни одного зарегистрированного пользователя на сайте

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

Администрация сайта.

Пользователи, внесшие вклад

Вход на сайт

 Начните свой путь в мир ФОТОШОПА сейчас!

Соглашение

 

 

 

 

PhotoshopSunduchok

В контакте

 

 

PhotoshopSunduchok

на You Tube

You Tube

PhotoshopSunduchok

в Instagram

 

 

PhotoshopSunduchok

в Twitter

Поиск по сайту

Что в сундучке?

  • Текстовых уроков - 1124
  • Видеоуроков - 749
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 358
  • Наборов кистей, фигур - 314
  • Календарей - 115
  • Наборов рамок - 553
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 42
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 64