Уроки Веб и приложения Stark 13 декабря 2013

Рисуем картонную бирку в Фотошоп

Сложность урока: Легкий

В этом уроке мы создадим фотореалистичную картонную бирку, используя базовые средства Adobe Photoshop CS6.

Конечный результат:

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 800х800 пикселей.

Шаг 2

Выберите инструмент Перо (Pen Tool) (P) и нарисуйте основу для бирки цветом #c09d77.

Шаг 3

Добавьте якорные точки и закруглите правые углы.

Шаг 4

Нужно вырезать дырку. Создайте новый слой и инструментом Эллипс (Ellipse Tool) (U) создайте круг цветом #c09d77. Диаметр круга – 44 пикселя.

Шаг 5

Выберите оба слоя и перейдите в меню Слой > Объединить фигуры > Вычесть переднюю фигуру (Layer > Combine Shapes > Subtract Front Shape).

У Вас должна появиться дырка.

Шаг 6

Сейчас мы создадим текстуру картона. Выделите форму бирки (удерживая Ctrl, кликните на миниатюре слоя), создайте новый слой (Ctrl + Shift + Alt + N) и залейте выделение цветом #c09d77. Примените к этому слою фильтр шума (Фильтр > Шум > Добавить шум) (Filter > Noise > Add Noise).

Шаг 7

К бирке примените стиль Отбрасывание тени (Drop Shadow) через иконку fx в нижней части панели слоёв.

Шаг 8

Выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool) (U). На панели параметров выберите пунктирную обводку, выключите заливку и установите толщину обводки на 1,24pt. Цвет обводки - #362f2d. Создайте прямоугольник на бирке, как показано на скриншоте.

Шаг 9

К пунктирной обводке примените стиль Отбрасывание тени (Drop Shadow).

Шаг 9

Выберите инструмент Эллипс (Ellipse Tool) (U), на верхней панели выключите заливку, включите обводку толщиной 7,06pt цветом #76726f. Создайте кольцо вокруг дырки.

Шаг 10

Примените к кольцу следующие стили:

Тиснение (Bevel & Emboss):

Контур (Contour):

Обводка (Stroke):

В результате получится пластмассовое кольцо.

Шаг 11

Инструментом Перо (Pen Tool) (P) нарисуйте верёвку цветом #745029. Уберите заливку и включите обводку толщиной 2,99pt.

Шаг 12

К верёвке примените следующие стили:

Тиснение (Bevel & Emboss):

Текстура (Texture):

Отбрасывание тени (Drop Shadow):

Результат:

Шаг 13

Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T), настройте его, как показано на скриншоте, и напишите текст на бирке цветом #222526. Среднюю линию текста напишите шрифтом размером 40pt.

Шаг 14

Теперь мы создадим штрих-код. Инструментом Прямоугольник (Rectangle Tool) (U) создайте вертикальную фигуру цветом #bdbfbe. Поверх чёрного прямоугольника создайте серый, без заливки, но с чёрной обводкой.

Шаг 15

Выберите шрифт «Calibri» и напишите цифры.

Шаг 16

Создайте множество вертикальных прямоугольников одинаковой высоты без заливки с чёрной обводкой. Все прямоугольники поместите в одну группу.

Шаг 17

В режиме Свободное трансформирование (Ctrl + T) поверните штрих-код и поместите его в предыдущий прямоугольник.

Шаг 18

Поместите штрих-код на бирку.

В завершение можете добавить какой-нибудь текстурный фон.

Автор: Shaina

Источник: websoulz.com

Комментарии 107

Спасибо за урок!

Отлично получилось!

Спасибо, порадовал урок!)

спасибо за интересный урок. Вот что у меня получилось

Мое творение!

Благодарю за урок.

Спасибо за интересный урок!

спасибо за урок.

Спасибо.
вот что получилось

Спасибо за урок!!!)))

Спасибо!Много нового узнал)))

Спасибо за урок =)

Спасибо за урок!

ммм... Урок супер! Спасибо ^_^

как то так, спасибо за урок!

спасибо за урок!

Спасибо за полезный и интересный урок!

Спасибо за урок!

Пасибо!) трохи затупил, но вышло как-то так.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее