Апр
7
2013

Оригинальная джинсовая визитка

В этом уроке вы пройдете весь процесс профессионального проектирования визитной карточки, стилизованной под джинсу. В уроке использованы приемы, эффекты и стили, которые снова и снова можно будет использовать в будущих проектах. Визитка имеет стандартные для США и Канады размеры — 3,5*2 дюйма, это приблизительно 10*5 см, а если вы все — таки решите выполнить этот урок, то после вы можете распечатать эти визитки для собственных нужд, или начать свой печатный бизнес. Давайте начнем!

МАТЕРИАЛЫ УРОКА:

Джинсовая Текстура
Кнопка от джинс
Текстура со Стежками
Кисти Стежки
Шрифт «Myriad Pro»

Шаг №1. Отлично! Откройте Фотошоп и создайте новый документ размером 700 на 500 px.

create a new document Design a cool and original jeans style Business Card in Photoshop

Шаг №2. Цвет фона сделайте черным, я использовал цвет # 0f0e0e. На черном фоне все детали на визитке видны гораздо лучше.

Шаг №3. С помощью «Rectangle Tool» (Прямоугольник) создайте форму с размерами 520*295 px. Вы, возможно, спросите, почему я использую такие размеры. Ответ прост – визитки имеют несколько стандартных размеров, в частности, визитки в США и Канаде 3,5*2 дюйма. С пикселями работать более удобней, а если эти размеры перевести в пиксели, то получиться 520*295 px.

business card dimensions Design a cool and original jeans style Business Card in Photoshop

Шаг №4. Скачайте текстуру и добавьте ее в наш проект, изменив размеры так, чтобы она уместилась на холсте. Убедитесь, что слой с текстурой расположен выше базовой формы, а затем кликните правой кнопкой мыши на слое и создайте обтравочную маску, выбрав в меню пункт «Create Clipping Mask» (Создать обтравочную маску).

clipping mask of the shape Design a cool and original jeans style Business Card in Photoshop

Теперь добавьте градиент с такими настройками:

gradient overlay Design a cool and original jeans style Business Card in Photoshop

Изображение выглядит подобным образом:

with gradient Design a cool and original jeans style Business Card in Photoshop

Шаг №5. Выберите инструмент «Burn Tool» (Затемнитель) и мягкой кистью затемните текстуру на некоторых участках. Настройки вы можете увидеть ниже:

burn tool Design a cool and original jeans style Business Card in Photoshop

Если хотите, то можно улучшить качество текстуры, добавив резкости. Пройдите в Filter → Sharpen → Smart Sharpen (Фильтр → Резкость → Умная резкость) со следующими настройками. Результат налицо.

improving the picture using smart sharpen Design a cool and original jeans style Business Card in Photoshop

Уменьшите немного яркость текстуры Brightness, пройдя в Image → Adjustment → Brightness/Contrast (Изображение → Коррекция → Яркость/Контраст).

business card improved Design a cool and original jeans style Business Card in Photoshop

Шаг №6. Теперь добавьте текстуру со стежками и поместите ее в наш проект.

adding thread Design a cool and original jeans style Business Card in Photoshop

Создайте дубликат слоя с текстурой, разверните его и поместите в верхний левый угол нашей визитки.

adding second thread Design a cool and original jeans style Business Card in Photoshop

Шаг №7. Давайте теперь добавим визитке тень. Выберите слой с джинсовой текстурой и создайте выделение, кликнув по слою с зажатой Ctrl. Пройдите в Select → Modify → Expand (Выделение → Модификация → Расширить) и задайте значение 10 px.

expanded area Design a cool and original jeans style Business Card in Photoshop

Создайте новый слой и поместите его под базовую форму, после чего залейте выделенную область черным цветом. Примените фильтр «Gaussian Blur» (Размытие по Гауссу) со значением 8 px.

shadow with gaussian blur Design a cool and original jeans style Business Card in Photoshop

Добавьте для тени «Outer Glow» (Внешнее свечение) со следующими параметрами:

outer glow for business car Design a cool and original jeans style Business Card in Photoshop

Изображение должно выглядеть примерно так:

the outer glow beatifull Design a cool and original jeans style Business Card in Photoshop

Шаг №8. Скачайте кнопку от джинс и поместите ее в рабочий проект. Измените ее размер и поместите в левый верхний угол визитки. Добавьте тень и внутреннюю обводку.

drop shadow for the button Design a cool and original jeans style Business Card in Photoshop
stroke for the button Design a cool and original jeans style Business Card in Photoshop

Сделайте кнопку чуть резче Filter -> Sharpen -> Smart Sharpen (Фильтр → Резкость → Умная резкость), чтобы она выглядела лучше. Уменьшите яркость и у вас должно получиться нечто подобное:

finished button Design a cool and original jeans style Business Card in Photoshop

Шаг №9. Теперь я покажу, как добавить фирменный лейбл. Выберите «Rectangle Tool» (Прямоугольник) и создайте прямоугольник в правой верхней части визитки. Залейте область черным цветом и примените фильтр Gaussian Blur со значением 8-10 px. Уменьшите непрозрачность слоя до 60%. Готово.

label imprint Design a cool and original jeans style Business Card in Photoshop

Шаг № 10. Теперь мы добавим несколько стежков. Загрузите и установите в ФШ кисти, а затем активируйте «Brush Tool» (Кисть), выбрав те кисти, которые мы установили. Если вы не знаете, как это сделать, нажмите значок в виде кнопки воспроизведения «Play» в панели выбора кистей «Brush Preset Picker», и в меню выберите пункт Load Brushes. Теперь загрузите свои кисти.

load brushes Design a cool and original jeans style Business Card in Photoshop

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

brush tip shape Design a cool and original jeans style Business Card in Photoshop
shape dynamics Design a cool and original jeans style Business Card in Photoshop

Выберите инструмент «Pen Tool» (Перо) и нарисуйте с его помощью прямоугольник внутри лейбла. Затем кликните по нему правой кнопкой мыши, найдите Stroke Path (Обвести контур), после чего выберите Brush (Кисть) и нажмите OK. Теперь у вас должен получиться прямоугольник со стежками по контуру. Цвет задайте темно-оранжевый.

threaded label Design a cool and original jeans style Business Card in Photoshop

Шаг №11. Загрузите шрифт Myriad Pro и добавьте на оттиск некоторую информацию: веб-сайт, адрес электронной почты и номер телефона. На против добавьте соответствующие иконки, воспользовавшись инструментом «Custom Shape Tool» (Произвольная фигура).

business card details inside the label imprint Design a cool and original jeans style Business Card in Photoshop

В нижней части визитки добавьте адрес.

business card adress Design a cool and original jeans style Business Card in Photoshop

Шаг №12. Активируйте инструмент «Type Тool» (Текст), и напишите на визитке свое имя, после чего добавьте некоторые эффекты, такие как тень, градиент и обводка.

drop shadow for the text Design a cool and original jeans style Business Card in Photoshop
stroke for the text Design a cool and original jeans style Business Card in Photoshop
gradient overlay for the text Design a cool and original jeans style Business Card in Photoshop

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

business card jeans style ready for print Design a cool and original jeans style Business Card in Photoshop

Надеюсь, что урок вам понравился, спасибо за внимание и удачного дня!

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

Правила перепечатки материалов сайта

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

Перепечатка, распространение, в том числе в переводе, любых материалов сайта возможны с соблюдением правил цитирования, а при размещении их в сети Интернет необходима ссылка на www.photoshop-training.ru.

Надеемся, вас не затруднит соблюдение этих условий.

Похожие Записи

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