Сайт ищет новых владельцев. Пишите на e2network@yandex.ru с темой "Покупка psd.by"

Создаем дизайн визитки в Adobe Photoshop

Категория: Работа с текстом|Рисование в Photoshop|Уроки Photoshop

12 мая 2010

Если вы задумались над созданием дизайна для своей визитки, то этот урок как раз для вас. В нем вы узнаете как за короткий срок сделать креативный дизайн для визитки.

Вот что мы получим в конце выполнения урока:

clip_image001

Шаг 1: Создайте новый документ размером 500×300 px и залейте задний фон цветом #e2f2f5.

clip_image002

Шаг 2: Перейдем к созданию визитки. Используя инструмент Rounded Rectangle Tool (Radius установите на 7px) и цвет #06a4bd создайте прямоугольник в центре документа.

clip_image003

Шаг 3: После этого растрируйте прямоугольник (Layer > Rasterize > Shape) и примените к нему фильтр Filter > Texture > Texturizer со следующими настройками:

clip_image004

У вас должен получиться вот такой эффект:

clip_image005

Шаг 4: После этого примените фильтр Filter > Noise > Add Noise со следующими настройками:

clip_image006

После этого у вас должен получиться вот такая картинка:

clip_image007

Шаг 5: Переключимся на инструмент Dodge Tool. Выставим следующие настройки для него:

  • Brush: 125px;
  • Range: Highlights;
  • Exposure: 30%

После этого добавим две или три яркие линии, как на рисунке ниже.

clip_image008

Шаг 6: Воспользуемся инструментом Rectangular Marquee Tool, для того чтобы создать выделение (см. рисунок ниже) и зальем его цветом #dde2e6.

Внимание! Выделение обязательно должно создаваться на новом слое.

clip_image009

Шаг 7: Снимите выделение (Ctrl+D) и примените фильтр Filter > Noise > Add Noise со следующими настройками:

clip_image010

После этого шага у вас должен получиться вот такой эффект:

clip_image011

Переходим к добавлению информации на визитку.

Шаг 8: Добавим какой-нибудь логотип.

Воспользуемся инструментом Custom Shape Tool и выберем какую-нибудь стандартную тень (например звезду). После этого добавим тень на нашу визитку.

clip_image012

Шаг 9: Добавим немного текста, используя шрифт Arial Narrow. Это стандартный шрифт Windows, который входит в базовую поставку.

clip_image013

Шаг 10: Используя инструмент Line Tool (значение Weight установите в 2px) добавьте линию на визитку, как показано на рисунке ниже.

clip_image014

Шаг 11: Объедините все слои с текстом, линией и тенью в один. После этого выполните Select > Load Selection. Перейдите на слой с серым прямоугольником и нажмите Delete.

Скройте объединенный слой или удалите его – нам он больше не понадобится.

clip_image015

Шаг 12: Снимите выделение (Ctrl+D) и примените эффект Drop Shadow со следующими настройками:

clip_image016

clip_image017

Шаг 13: Оставаясь на слое к которому был применен эффект Drop Shadow выполните Layer > Layer style > Create Layer. Это необходимо для того, чтобы создать новый слой, который бы копировал текущий.

После этого перейдите на слой с эффектом Drop Shadow (новый созданный слой) и, используя инструмент Eraser Tool, удалите тень с текста под линией.

clip_image018

Шаг 14: Объедините все слои в один (кроме слоя с задним фоном) и примените к созданному слою эффекты Outer Glow and Stroke.

clip_image019

clip_image020

clip_image021

Шаг 15: Используйте инструмент Horizontal Type Tool и напишите еще текст белым цветом:

clip_image022

Примените эффект Drop Shadow к этому слою

clip_image023

clip_image024

Перейдем к завершающим шагам – добавим несколько эффектов к нашей визитке.

Шаг 16: Перейдите на слой с задним фоном и создайте новый слой над ним. После этого воспользуйтесь инструментом Polygonal Lasso Tool и создайте выделение как на рисунке ниже. Залейте выделение черным цветом.

clip_image025

Снимите выделение и поставьте значение Opacity для слоя на 55%. После этого, при помощи инструмента Blur Tool, добавьте размытие.

clip_image026

Шаг 17: Перейдите на слой с основной информацией и создайте выделение как на картинке ниже при помощи инструмента Polygonal Lasso Tool:

clip_image027

После этого при помощи инструмента Dodge Tool немного осветлите выделение. К инструменту примените следующие настройки:

  • Brush: 70px;
  • Range: Midtones;
  • Exposure: 30%

clip_image028

Снимите выделение.

Визитка готова!

clip_image029

Источник: Making Creative Business Card | Перевод и творческая обработка PSD.by

5 комментариев

Avatar

walnat

7 декабря 2010 в 11:35

Как вставить свои даные в шаблон визитки, чтобы сохранитъ и цвет текста и размер и шрифт. Всё как в шаблоне, только мои даные. Спасибо.

Avatar

admin

8 декабря 2010 в 10:48

walnat, просто проделайте весь урок по шагам и напишите свой текст, а не тот, что предложен в уроке.

Avatar

walnat

9 декабря 2010 в 18:00

admin, урок очень хороший и подробное объяснение. Спасибо за ответ. Удачи и хорошего настроения!

Avatar

admin

10 декабря 2010 в 12:50

Рад, что вам понравился и помог урок.

Avatar

Витёк

6 ноября 2011 в 21:32

Урок то что надо СУПЕР!!!Спасибо!!!

Написать комментарий

О PSD.by

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

  • Pavel: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • Андрей: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • Лидия: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • andrey: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • Ваграм: Просто офигенно :) [...]
Creative Suite 5 Patterns для фотошопа Примеры работ дизайнеров Работа с фотографиями Рисование в Photoshop Создание обоев для рабочего стола Уроки Photoshop гламурные кисти для фотошопа дизайн сайтов дизайн сайтоы кисти для Photoshop новогодние стили для фотошопа обработка фото в фотошопе отделение объекта от фона в фотошопе паттерны для фотошопа пример креативных дизайнов работа с текстов в фотошоп работа с текстом работа с текстом в photoshop работа с текстурами работа с эффектами в фотошоп рамки для фото в psd релиз Photoshop скачать дополнения для photoshop скачать иконки в psd скачать иконки для фотошопа скачать кисти для фотошопа скачать паттерны для Photoshop скачать стили для Photoshop скачать тени для фотошопа скачать шаблон фото скачать шрифты для фотошопа создание баннеров в фотошопе создание коллажей в фотошопе создание макетов рекламы создание макетов сайта в фотошопе создание сайтов в фотошопе стили для фотошопа стили фотошоп тени для фотошопа травяная текстура уроки фотошоп шаблоны для коллажей шаблоны фото для фотошоп шаблоны фото для фотошопа

Это интересно!