Уроки Веб и приложения Александра 28 декабря 2012

Рисуем ёлку в Фотошоп

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

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

Я сказал «реалистичную», потому что, как вы наверняка заметили, иконки с изображением новогодних елок не прорисованы в деталях, они носят символический характер, у них нет иголочек на ветках. Да, этого не понять, поскольку первая мысль, которая приходит на ум: «О нет, я не собираюсь прорисовывать каждую веточку и каждую иголочку, это нудно!». Но, в действительности, все намного проще.

Шаг 1

Начнем мы с открытия нового документа. Первая веточка будет выглядеть так. Я использовал маленькую кисть (3px) цвета #808250.

Для иголочек будем использовать кисть цвета #7f9451. Если у вас есть планшет, работа пойдет быстрее, если нет – переходим к шагу 2.

И еще иголочки более яркого цвета, #aabc8a.

Шаг 2

Если у вас нет планшета, вы можете воспользоваться стандартной кистью в Photoshop 'Dune Grass', настроив ее параметры.

Поверните угол в том направлении, в котором вы будете рисовать кистью. Но будьте осторожны. Установите интервал (spacing) побольше, иначе у вас получится ветка с мехом, а не с иголочками.

Итак, первая ветка готова, но нам нужно больше. По крайней мере 4 различных варианта (поворот, форма, размер) на отдельных слоях.

Шаг 3

Создайте новый документ того размера, который должна иметь ваша иконка, я установил размер 256х256px. Начнем создавать нижнюю часть новогодней елочки из веток, которые мы создали. Дублируйте, поворачивайте и изменяйте их размеры, чтобы они все были разными. Создайте около 10-12 веточек.

Создадим маленькую Внутреннюю тень (Inner Shadow) для веток, чтобы они не смотрелись плоско. Примените этот стиль ко всем слоям с веточками.

Шаг 4

Слейте слои со всеми веточками в один и дублируйте его.

Отразите по горизонтали (Flip Horizontal).

Подвиньте новый слой немного выше от уже имеющегося слоя с веточками так, чтобы образовалась целостность.

Снова создайте дубликат и сделайте веточки на заднем плане с помощью функции Трансформация (Transform) – Искажение (Distort).

Снова дублируйте и создайте верхний уровень.

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

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

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

Елочка выглядит немного лохматой, поэтому подстрижем ее с помощью инструмента Ластик (Eraser).

Шаг 5
Теперь, когда самое сложное позади, нам нужно украсить новогоднюю елочку и придать ей более объемный вид. Я хочу добавить разноцветных шариков. Если вы хотите сделать одноцветную елочку, создайте между ветками круги одного цвета.

Чтобы добавить объема, воспользуемся Стилями слоя (Layer Styles):
Наложение градиента: Режим смешивания «Линейный затемнитель»

Внутреннее свечение Режим смешивания «Умножение»

Тиснение «Внутреннее тиснение»

Вот результат нашей работы:

Шаг 6

Елочка по-прежнему выглядит плоско, поэтому добавим теней с помощью большой черной кисти между каждым слоем с ветками. Режим смешивания (Blending mode) для каждого слоя с тенью установите на Умножение (Multiply) и немного убавьте Непрозрачность (Opacity).

Создайте новый слой и нарисуйте немного белых точек размера 9-13px. Это добавит немного контраста. Темную часть мы уже создали, пришло время для светлой.

Установите режим смешивания (blend mode) для этого слоя на Перекрытие (Overlay), а Непрозрачность (Opacity) установите на 48%. И вот, что примерно у вас должно получиться:

Теперь вы можете сделать звезду или любое другое украшение для елочки. Ниже экспресс-урок по рисованию звезды:

Шаг 7 – добавьте немного тени

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

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

Та-дааам!

После того, как вы «Сохраните для веб и устройств» елочку, работа готова! Вы можете открыть ее в формате Png и добавить резкости, так она зрительно будет более детализированной.

Автор: Artdesigner.lv
Перевод: Анцыперович Александра

Источник: blog.iconfinder.com

47 тыс. 49
Печать Жалоба

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

Хороший урок! Вдохновил.

Спасибо большое!

Решила немного изменить елочку. Объеденила с уроком " Новый год к нам мчится" и добавила фон зеленый.

Моя елочка. Спасибо за урок

Спасибо большое за урок!

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

Интересный урок. Спасибо.

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

Елка-мимоза:) Прикольнеько:)

Замечательный урок!

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

Ух, замаяла меня эта елочка!

Очень нравится эта техника рисования. Спасибо за урок!!!!

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

Спасибо за урок. Прикольно получается.

Вот что получилось)

вот такая ёлка.

Ностальжи. Как на советских открытках. Ндравицца!

Всех с Новым годом и Рождеством!!! Спасибо за интересный урок.

Очень красивый урок. Длительные часы кропотливой работы и результат. Спасибо за такие прекрасные уроки!)

yorin, у вас очень классная елочка.

С Новым годом!

Спасибо!Так урок понравился!!!!!!!

Всех с наступившим Новым годом! Спасибо за урок!

спасибо за урок, интересная елочка.

С планшетом, наверно, проще, но без него тоже получается. Кропотливо, зато радуешься результату больше. Спасибо большое за перевод!! Было очень интересно!

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

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

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

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

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


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

Предыдущая Следующая
Добавлена {{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-адрес, помогающих нам сделать его удобнее для вас. Подробнее