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





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

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


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

Подсказка

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

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

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

Иконка мобильных приложений


Шаг 1
Создайте новый документ со следующими параметрами. Лучше работать с большим холстом и уменьшить его при необходимости.

Иконка мобильных приложений


Шаг 2
Выберите инструмент Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) и создайте фигуру красного цвета (#8f0400).

Иконка мобильных приложений


Шаг 3
Выберите инструмент Кисть (Brush Tool) и нарисуйте пятно цветом #dd0b00 в правом верхнем углу.

Иконка мобильных приложений


Шаг 4
Установите цвет заливки на чёрный и обрисуйте нижнюю часть квадрата.

Иконка мобильных приложений


Шаг 5
Выберите тот же инструмент фигуры и задайте большее значение радиуса. Создайте фигуру цветом #7c1300.

Иконка мобильных приложений


Кликните дважды на слое с фигурой, чтобы открыть окно стилей. Примените следующие стили:

Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Осветление основы, Режим тени – Умножение.

Иконка мобильных приложений


Наложение градиента: Режим – Перекрытие, Стиль – Зеркальный.

Иконка мобильных приложений


Шаг 6
Сделайте копию слоя с прямоугольником и инструментом Свободное трансформирование (Free Transform) уменьшите её. Создайте обтравочную маску (Ctrl + Alt + G). Выберите кисть и чёрным цветом обрисуйте фигуру, как показано ниже.

Иконка мобильных приложений


Шаг 7
Далее осветлите верхнюю часть и затемните нижнюю.

Иконка мобильных приложений


Шаг 8
Сделайте то же самое с нижним прямоугольником.

Иконка мобильных приложений


Шаг 9
На отдельном слое инструментом Прямоугольная область (Rectangular Marquee Tool) создайте тонкую вертикальную полоску и обрисуйте её белой кистью. Установите Режим наложения этого слоя – Перекрытие (Blending Mode – Overlay).

Иконка мобильных приложений


Шаг 10
Тем же инструментом выделения создайте прямоугольную область по центру и залейте её градиентом на новом слое. Цвет градиента – от белого к прозрачному. Инструментом Свободное трансформирование (Free Transform) немного сузьте нижнюю часть и установите Режим наложения слоя – Перекрытие (Blending Mode – Overlay).

Иконка мобильных приложений


Шаг 11
Создайте новый слой (Create New Layer) и создайте тонкие полоски при помощи того же инструмента выделения. Залейте их чёрным цветом и измените форму. Расположите полоски, как показано ниже.

Иконка мобильных приложений


Шаг 12
Обрисуйте края фигуры чёрной кистью на новом слое.

Иконка мобильных приложений


Шаг 13
Добавьте ещё пару полосок свечения, как и в шаге 11.

Иконка мобильных приложений


Шаг 14
В центре боковых сторон нарисуйте тени чёрной кистью. Я объединил центральные слои в группу (Ctrl + G) и добавьте маску к ней (Layer Mask). Мягкой кистью обрисуйте линии, чтобы смягчить их края.

Иконка мобильных приложений


Шаг 15
Создайте новый слой и примените фильтр шума (Add Noise Filter). Установите Режим наложения – Мягкий свет (Blending Mode – Soft Light). Можете изменить форму слоя при помощи инструмента Свободное трансформирование (Free Transform).

Иконка мобильных приложений


Шаг 16
Инструментом Прямоугольник (Rectangle Tool) создайте крест и примените к нему стили, показанные ниже.

Иконка мобильных приложений


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

Иконка мобильных приложений


Наложение градиента: Режим – Нормальный, Стиль – Линейный.

Иконка мобильных приложений


Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет.

Иконка мобильных приложений


Шаг 17
Сделайте копию слоя с крестом (Ctrl + J) и инструментом Перемещение (Move Tool) сдвиньте её немного вниз.

Иконка мобильных приложений


Примените следующие стили:

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

Иконка мобильных приложений


Наложение градиента: Режим – Нормальный, Стиль – Радильный.

Иконка мобильных приложений


Обводка: Положение – Внутри, Режим – Нормальный, Тип обводки – Цвет.

Иконка мобильных приложений


Шаг 18
При помощи инструмента Перо (Pen Tool) нарисуйте отражение в виде диагональных фигур чёрного цвета. Понизьте Непрозрачность (Opacity) этих слоёв.

Иконка мобильных приложений


Шаг 19
При помощи инструмента Карандаш (Pencil Tool)дорисуйте края.

Иконка мобильных приложений


Шаг 20
При помощи инструмента Перо (Pen Tool) нарисуйте волшебную палочку. Чтобы она стала чёрной с отражениями, примените к ней стили слоя, показанные ниже.

Иконка мобильных приложений


Внутренняя тень: Режим – Умножение.

Иконка мобильных приложений


Внутреннее свечение: Режим – Осветление основы, Метод – Мягкий.

Иконка мобильных приложений


Наложение градиента: Режим – Нормальный, Стиль – Линейный.

Иконка мобильных приложений


Шаг 21
Нарисуйте ещё одну фигуру и примените к ней следующие стили:

Иконка мобильных приложений


Глянец: Режим – Умножение.

Иконка мобильных приложений


Наложение градиента: Режим – Нормальный, Стиль – Линейный.

Иконка мобильных приложений


Шаг 22
Последняя часть волшебной палочки.

Иконка мобильных приложений


Внутреннее свечение: Режим – Осветление.

Иконка мобильных приложений


Наложение градиента: Режим – Нормальный, Стиль – Линейный.

Иконка мобильных приложений


Шаг 23
Теперь создадим кисть. Сначала инструментом Перо (Pen Tool) нарисуйте фигуру, показанную ниже, и примените к ней стили, показанные ниже.

Иконка мобильных приложений


Внутреннее свечение: Режим – Осветление основы, Метод – Мягкий.

Иконка мобильных приложений


Наложение градиента: Режим – Перекрытие, Стиль – Линейный.

Иконка мобильных приложений


Шаг 24
Выберите жёсткую маленькую кисть и перейдите в палитру кистей (F5). Настройте параметр Рассеивание (Spacing) и нарисуйте узор, как показано ниже. Используйте разные цвета для отдельных участков.

Иконка мобильных приложений


Шаг 25
При помощи кисти нарисуйте тень справа и осветлите кончик.

Иконка мобильных приложений


Шаг 26
Инструментом Перо (Pen Tool) нарисуйте вторую часть кисти. Примените к нему стили, показанные ниже.

Иконка мобильных приложений


Внутренняя тень: Режим – Умножение.

Иконка мобильных приложений


Наложение градиента: Режим – Мягкий свет, Стиль – Зеркальный.

Иконка мобильных приложений


Шаг 27
Поместите текстуру дерева поверх ручки кисти и создайте обтравочную маску (Ctrl + Alt + G). Установите Режим наложения слоя с текстурой на Перекрытие (Blending Mode – Overlay).

Иконка мобильных приложений


Шаг 28
Чтобы создать металлическую часть, нарисуйте фигуру инструментом Перо (Pen Tool) и примените стили слоя. Также добавьте небольшую тень маленькой кистью.

Иконка мобильных приложений


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

Иконка мобильных приложений


Внутренняя тень: Режим – Нормальный.

Иконка мобильных приложений


Внутреннее свечение: Режим – Осветление основы, Метод – Мягкий.

Иконка мобильных приложений


Наложение градиента: Режим – Нормальный, Стиль – Зеркальный.

Иконка мобильных приложений


Шаг 29
Создайте новый слой (Create New Layer) и кистью нарисуйте дым вокруг волшебной палочки.

Иконка мобильных приложений


Шаг 30
Нарисуйте звезду при помощи инструмента Произвольная фигура (Custom Shape Tool) и примените к ней стили.

Иконка мобильных приложений


Внутренняя тень: Режим – Осветление основы.

Иконка мобильных приложений


Глянец:

Иконка мобильных приложений


Наложение градиента: Режим – Перекрытие, Стиль – Радиальный.

Иконка мобильных приложений


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

Иконка мобильных приложений


Шаг 32
Создайте новый слой и маленькой кистью нарисуйте небольшие точки (искры). Также нарисуйте краску от кисти на краю стаканчика.

Иконка мобильных приложений


Шаг 33
Я добавил синий свет между объектами при помощи кисти на новом слое.

Иконка мобильных приложений


Шаг 34
В завершении можно создать градиентный фон и добавить тень от иконки внизу. Всё должно быть на отдельных слоях.

Иконка мобильных приложений


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

Иконка мобильных приложений




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




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