Категория: Работа с текстом|Рисование в Photoshop|Уроки Photoshop
12 мая 2010Если вы задумались над созданием дизайна для своей визитки, то этот урок как раз для вас. В нем вы узнаете как за короткий срок сделать креативный дизайн для визитки.
Вот что мы получим в конце выполнения урока:
Шаг 1: Создайте новый документ размером 500×300 px и залейте задний фон цветом #e2f2f5.
Шаг 2: Перейдем к созданию визитки. Используя инструмент Rounded Rectangle Tool (Radius установите на 7px) и цвет #06a4bd создайте прямоугольник в центре документа.
Шаг 3: После этого растрируйте прямоугольник (Layer > Rasterize > Shape) и примените к нему фильтр Filter > Texture > Texturizer со следующими настройками:
У вас должен получиться вот такой эффект:
Шаг 4: После этого примените фильтр Filter > Noise > Add Noise со следующими настройками:
После этого у вас должен получиться вот такая картинка:
Шаг 5: Переключимся на инструмент Dodge Tool. Выставим следующие настройки для него:
После этого добавим две или три яркие линии, как на рисунке ниже.
Шаг 6: Воспользуемся инструментом Rectangular Marquee Tool, для того чтобы создать выделение (см. рисунок ниже) и зальем его цветом #dde2e6.
Внимание! Выделение обязательно должно создаваться на новом слое.
Шаг 7: Снимите выделение (Ctrl+D) и примените фильтр Filter > Noise > Add Noise со следующими настройками:
После этого шага у вас должен получиться вот такой эффект:
Переходим к добавлению информации на визитку.
Шаг 8: Добавим какой-нибудь логотип.
Воспользуемся инструментом Custom Shape Tool и выберем какую-нибудь стандартную тень (например звезду). После этого добавим тень на нашу визитку.
Шаг 9: Добавим немного текста, используя шрифт Arial Narrow. Это стандартный шрифт Windows, который входит в базовую поставку.
Шаг 10: Используя инструмент Line Tool (значение Weight установите в 2px) добавьте линию на визитку, как показано на рисунке ниже.
Шаг 11: Объедините все слои с текстом, линией и тенью в один. После этого выполните Select > Load Selection. Перейдите на слой с серым прямоугольником и нажмите Delete.
Скройте объединенный слой или удалите его – нам он больше не понадобится.
Шаг 12: Снимите выделение (Ctrl+D) и примените эффект Drop Shadow со следующими настройками:
Шаг 13: Оставаясь на слое к которому был применен эффект Drop Shadow выполните Layer > Layer style > Create Layer. Это необходимо для того, чтобы создать новый слой, который бы копировал текущий.
После этого перейдите на слой с эффектом Drop Shadow (новый созданный слой) и, используя инструмент Eraser Tool, удалите тень с текста под линией.
Шаг 14: Объедините все слои в один (кроме слоя с задним фоном) и примените к созданному слою эффекты Outer Glow and Stroke.
Шаг 15: Используйте инструмент Horizontal Type Tool и напишите еще текст белым цветом:
Примените эффект Drop Shadow к этому слою
Перейдем к завершающим шагам – добавим несколько эффектов к нашей визитке.
Шаг 16: Перейдите на слой с задним фоном и создайте новый слой над ним. После этого воспользуйтесь инструментом Polygonal Lasso Tool и создайте выделение как на рисунке ниже. Залейте выделение черным цветом.
Снимите выделение и поставьте значение Opacity для слоя на 55%. После этого, при помощи инструмента Blur Tool, добавьте размытие.
Шаг 17: Перейдите на слой с основной информацией и создайте выделение как на картинке ниже при помощи инструмента Polygonal Lasso Tool:
После этого при помощи инструмента Dodge Tool немного осветлите выделение. К инструменту примените следующие настройки:
Снимите выделение.
Визитка готова!
Источник: Making Creative Business Card | Перевод и творческая обработка PSD.by
PSD.by - это сайт, полностью посвященный работе с Adobe Photoshop. Не важно кто вы - матерый волк Фотошопа или начинающий дизайнер, который только делает свои первый шаги. На нашем сайте вы найдете для себе много полезного - от простых до сложных уроков, большой каталог дополений для Photoshop.
Если Фотошоп для вас - это не просто название софта, то вы попали по адресу!
5 комментариев
walnat
7 декабря 2010 в 11:35
Как вставить свои даные в шаблон визитки, чтобы сохранитъ и цвет текста и размер и шрифт. Всё как в шаблоне, только мои даные. Спасибо.
admin
8 декабря 2010 в 10:48
walnat, просто проделайте весь урок по шагам и напишите свой текст, а не тот, что предложен в уроке.
walnat
9 декабря 2010 в 18:00
admin, урок очень хороший и подробное объяснение. Спасибо за ответ. Удачи и хорошего настроения!
admin
10 декабря 2010 в 12:50
Рад, что вам понравился и помог урок.
Витёк
6 ноября 2011 в 21:32
Урок то что надо СУПЕР!!!Спасибо!!!