Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

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

Красивая иконка кисти


Шаг 1 – Настройка холста
Создайте новый документ размером 256х256 пикселей (стандартный размер иконки).

Красивая иконка кисти


Цвет фона должен быть белым. Нам будет легче с ним работать и, если нужно, удалить.

Красивая иконка кисти


Шаг 2 – Рукоятка
Инструментом Перо (Pen Tool) нарисуйте фигуру в центре холста, как показано ниже.

Красивая иконка кисти


Кликните правой кнопкой на слое и выберите Свойства слоёв (Layer Properties):

Красивая иконка кисти


Назовите слой “base”.

Красивая иконка кисти


Шаг 3 – Применение стилей слоя
К слою “base” примените стиль Наложение градиента:

#000000 - #2d2d2d

Красивая иконка кисти

Красивая иконка кисти


Шаг 4 – Внутренняя часть рукоятки
Инструментом Перо (Pen Tool) нарисуйте белую фигуру внутри чёрной.

Красивая иконка кисти


Понизьте Непрозрачность слоя до 24%.

Красивая иконка кисти

Красивая иконка кисти



Шаг 5 – Отражения
Инструментом Перо (Pen Tool) нарисуйте ещё одну белую фигуру и назовите слой “light1”.

Красивая иконка кисти


Понизьте Непрозрачность до 28%.

Красивая иконка кисти


Нарисуйте ещё одну фигуру (назовите слой “light2”). Красная лини – это увеличенная фигура.

Красивая иконка кисти


Установите Непрозрачность слоя – 45%.

Красивая иконка кисти


Нарисуйте ещё одну белую фигуру (слой “light3”).

Красивая иконка кисти


Примените к ней стиль Наложение цвета: #f2f2f2.

Красивая иконка кисти


Установите Непрозрачность слоя – 20%.

Красивая иконка кисти


Нарисуйте ещё одну фигуру:

Красивая иконка кисти


Непрозрачность – 20%.

Красивая иконка кисти


Сейчас нужно сгруппировать слои. Создайте новую группу (Create New Group) и поместите туда все слои, кроме фонового. У нас будет много слоёв, поэтому лучше объединять их по частям в группы.

Красивая иконка кисти


Назовите группу “wood” или “handle”

Красивая иконка кисти


Если вы кликните на треугольнике, то группа закроется.

Красивая иконка кисти


Шаг 7 – Металлическая часть
Теперь переходим к металлической части, которая держит щетина. Нарисуйте фигуру, показанную ниже, и назовите слой "metal-base". Этот слой должен быть над группой “wood”.

Красивая иконка кисти


Шаг 8 – Стили металлической части
К нарисованной фигуре примените эти стили:

Наложение цвета:

Красивая иконка кисти


Отбрасывание тени: Режим – Умножение

Красивая иконка кисти

Красивая иконка кисти


Шаг 9 – Добавление отражений на металлическую часть
Нарисуйте фигуру, показанную ниже, слой назовите “light5”. Цвет не важен, мы его заменим.

Красивая иконка кисти


Примените стиль Наложение цвета: #7c7c7c.

Красивая иконка кисти


Продолжим работать с отражениями. Инструментом Перо (Pen Tool) нарисуйте фигуру, показанную ниже, назовите слой “light6”.

Красивая иконка кисти


Примените стиль Наложение цвета: #cacaca.

Красивая иконка кисти


Нарисуйте ещё одну фигуру, слой – “light7”.

Красивая иконка кисти


Примените стиль Наложение цвета: #f8f7f7.

Красивая иконка кисти


Последнее отражение на слое “light8”.

Красивая иконка кисти


Стиль Наложение цвета: #f8f7f7.

Красивая иконка кисти


Понизьте Непрозрачность слоя “light8” до 35%.

Красивая иконка кисти


Шаг 10 – Создание выемки на металлической части
Инструментом Перо (Pen Tool) нарисуйте полоску, показанную красным цветом.

Красивая иконка кисти


Примените стиль Наложение цвета: #f8f7f7

Красивая иконка кисти


Сделайте копию слоя с выемкой и инструментом Перемещение (Move Tool) опустите её ниже.

Красивая иконка кисти


К копии примените стиль Отбрасывание тени: #656464.

Красивая иконка кисти

Красивая иконка кисти


Создайте ещё одну выемку:

Красивая иконка кисти


Нарисуйте выемку на конце:

Красивая иконка кисти


Примените стили Наложение цвета (#f8f7f7) и Отбрасывание тени (#656464):

Красивая иконка кисти


Сделайте копию слоя:

Красивая иконка кисти


Создайте новую группу “metal” и поместите туда все слои металлической части:

Шаг 11 – Создание щётки
Инструментом Перо (Pen Tool) нарисуйте базовую форму:

Красивая иконка кисти


Шаг 12 – Добавление цвета
Примените стиль Наложение цвета: #6f5133.

Красивая иконка кисти


Шаг 13 – Создание волосков щётки
Инструментом Перо (Pen Tool) нарисуйте фигуру, показанную ниже. Назовите слой “strands1”.

Красивая иконка кисти


Примените эти стили:

Наложение цвета: #6b451f.

Красивая иконка кисти


Отбрасывание тени: #efc86a.

Красивая иконка кисти

Красивая иконка кисти


Создайте ещё несколько фигур:

Красивая иконка кисти


Примените те же стили и понизьте Непрозрачность до 70%.

Красивая иконка кисти


Сделайте копию слоя “strands1” и немного поднимите её.

Красивая иконка кисти

Красивая иконка кисти


Шаг 14 – Свечение на кончике щетки
Нарисуйте ещё две фигуры:

Красивая иконка кисти


Если вы рисовали последние фигуры инструментом Перо (Pen Tool), то они будут находиться на двух разных слоях. Выберите оба слоя, кликните правой кнопкой и выберите Преобразовать в смарт-объект (Convert to Smart Obect). Полученный слой назовите "light1-tint".
Выберите инструмент Размытие (Blur Tool). Если вы кликните им на холсте, то появится такое уведомление:

Красивая иконка кисти


Просто нажмите ОК и размойте верхушку фигур:

Красивая иконка кисти


Установите Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 70%.

Красивая иконка кисти


Шаг 15 – Тень от щётки
В нижней части щётки нарисуйте ещё две фигуры.

Красивая иконка кисти


Переименуйте слои с фигурами в “shadow1” и “shadow2”. Примените стиль Наложение цвета к обоим: #4c3722.

Красивая иконка кисти


Сравните кисть до и после создания тени:

Красивая иконка кисти


Шаг 16 – Свечение на кисти
Нарисуйте фигуру белого цвета, как показано ниже. Назовите слой "main-light".

Красивая иконка кисти


Примените фильтр Размытие по гауссу (Gaussian Blur Filter). На вопрос о растрировании ответьте ОК.

Красивая иконка кисти

Красивая иконка кисти

Красивая иконка кисти


Установите Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 69%.

Красивая иконка кисти


Сделайте копию размытого слоя и инструментом Свободное трансформирование (Free Transform) уменьшите её.

Красивая иконка кисти


Сделайте ещё одну копию слоя:

Красивая иконка кисти


Создайте новую группу “brtistles” и поместите туда все слои щётки.

Шаг 17 – Добавление тени от кисти
Создайте новый слой над фоновым и назовите его “shadow-main”. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение, показанное ниже:

Красивая иконка кисти


Выберите инструмент Градиент (Gradient Tool), от чёрного к прозрачному, стиль – линейный.

Красивая иконка кисти


Сделайте заливку, как показано ниже:

Красивая иконка кисти


Понизьте Непрозрачность слоя до 15%.

Красивая иконка кисти


Сделайте копию слоя “shadow-main” и инструментом Свободное трансформирование (Free Transform) уменьшите её.

Красивая иконка кисти

Красивая иконка кисти


Финальный результат:

Красивая иконка кисти




Обсудить данный урок на форуме






PSD файл

Ссылка на источник урока