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





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

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


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

Подсказка

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

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

Все мы знаем, что такое значок приложения: небольшой графический символ, который представляет программу приложения. Мы также знаем, что удачная иконка привлекает больше потребителей к самому приложению. В этом уроке я расскажу, как с помощью программы Photoshop создать классную иконку для приложения игры в бильярд. И самое главное: я покажу, как добиться впечатляющих результатов в короткие сроки!
Давайте начнем!

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



Иконка для мобильной игры в бильярд


Шаг 1: Создание нового документа


Мы будем разрабатывать иконку размером 1024 х 1024 пикселей, но Вы можете создать ее и размером 256 × 256 или 512 × 512 пикселей.
Так как иконка используется на мониторах и дисплеях, нужно задать цветовой режим RGB (не CMYK) и разрешение на 72 пикселя (не 300).

Иконка для мобильной игры в бильярд


Шаг 2: Рисуем первую форму на первом слое


Возьмите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool), нарисуйте фигуру и заполните ее цветом #b67032.

Иконка для мобильной игры в бильярд

Иконка для мобильной игры в бильярд


Шаг 3: Создаем текстуру дерева


Создадим текстуру, применив фильтр Волокна (Fibers Filter). Установите цвет переднего плана на #b67032, а заднего – на #72319b.

Иконка для мобильной игры в бильярд

Иконка для мобильной игры в бильярд


Шаг 4: Создаем вторую фигуру


Вновь с помощью инструмента Прямоугольная область (Rounded Rectangle Tool) нарисуйте такую же фигуру, но сделайте ее короче, чем первая (примерно на 6 пикселей снизу).
Если Вам трудно нарисовать фигуры одинаковой ширины, воспользуйтесь направляющими.

Иконка для мобильной игры в бильярд


Шаг 5: Копируем первый слой


Выберите фигуру, нажав клавиши alt + enter, затем сделайте копию первого слоя, нажав Ctrl + C и Ctrl + V. Теперь у нас есть две фигуры с одинаковой деревянной текстурой, но разной высоты.

Иконка для мобильной игры в бильярд


Шаг 6: Делаем слой 6 темнее


Воспользуйтесь коррекцией Кривые (Curves), чтобы сделать первый слой темнее второго.

Иконка для мобильной игры в бильярд


Шаг 7: Добавляем глубину, используя стили слоя


Кликните дважды левой кнопкой мыши по слою, чтобы вызвать окно стилей, и примените следующие настройки:

Внутренняя тень (Inner Shadow): Режим – Умножение, Цвет – Черный.
Внутреннее свечение (Inner Glow): Режим – Нормальный, Цвет - # fcb968.

Иконка для мобильной игры в бильярд


Иконка для мобильной игры в бильярд


Шаг 8: Добавляем глубину и объем кистью


Добавьте глубину первому слою с помощью инструмента Кисть (Brush Tool) более темного цвета.

Иконка для мобильной игры в бильярд


Шаг 9: Добавляем эффект свечения второму слою


Перейдите к слою Wood 2, примените к нему стиль Внутреннее свечение (Layer Style - Inner Glow):

Режим – Осветление, Цвет – Белый.

Иконка для мобильной игры в бильярд


Шаг 10: Рисуем третью фигуру


Создайте новый слой и воспользуйтесь инструментами Прямоугольник со скругленными углами (Rounded Rectangle Tool) и Эллипс (Ellipse Tool), чтобы нарисовать две новые фигуры (смотрите скриншот).

Иконка для мобильной игры в бильярд


Шаг 11: Копируем второй слой и превращаем его в третий


Выберите полученную в предыдущем шаге фигуру, скопируйте слой Wood 2 (ctrl + c и ctrl + v) на новый слой, назовите его Wood 3. Этот шаг похож на Шаг 5 и Шаг 6.

Иконка для мобильной игры в бильярд


Сделайте слой Wood 3 темнее, добавив коррекцию Уровни (Levels).

Иконка для мобильной игры в бильярд


Шаг 12: Копируем слой Wood 3


Сделайте копию слоя Wood 3, нажав Ctrl + J, заполните цветом #005e20, нажав Alt + Delete, а затем подвиньте ее немного вниз. Мы назовем этот слой Green Shape.

Иконка для мобильной игры в бильярд


Шаг 13: Обрежем зеленую фигуру, чтобы она умещалась на слое Wood 3


Нам нужно удалить ту часть слоя Green Shape, которая выходит за пределы слоя Wood 3. Для начала выделите слой Wood 3, удерживая клавишу Ctrl и кликнув по нему на панели слоев. Вы увидите, что появилось выделение – пунктирные точки вокруг фигуры.
Перейдите на панели слоев к слою Green Shape, но убедитесь, что выделение от слоя Wood 3 осталось. Затем обрежьте слой Green Shape, нажав клавишу Delete.

Иконка для мобильной игры в бильярд


Шаг 14: Рисуем лузу


Создайте новую фигуру на новом слое с помощью инструмента Эллипс (Ellipse Tool) и заполните ее черным цветом.

Иконка для мобильной игры в бильярд


Шаг 15: Применяем стиль к слою Wood 3


Перейдите к слою Wood 3 на панели слоев и примените к нему стиль Внешнее свечение (Layer Style - Outer Glow):
Режим – Осветление, Цвет - #fdfeb0.

Иконка для мобильной игры в бильярд


Шаг 16: Добавляем объем слою Green Shape


Как и в Шаге 8, добавьте тени зеленой фигуре с помощью кисти темным цветом.

Иконка для мобильной игры в бильярд


Шаг 17: Добавляем фильтр Шум


Добавьте слою с зеленой фигурой шум (Add Noise Filter).

Иконка для мобильной игры в бильярд


Шаг 18: Добавляем свет и детали


Нарисуйте еще одну черную окружность над лузой, затем порисуйте кистью белого цвета, как показано на скриншоте. Добавьте шум (Add Noise Filter).

Иконка для мобильной игры в бильярд

Иконка для мобильной игры в бильярд


Шаг 19: Рисуем простой шарик


Нарисуйте окружность с помощью инструмента Овальная область (Elliptical Marquee Tool) и заполните ее белым цветом.
Кистью цвета #9d956e порисуйте по краям шарика, чтобы получился мягкий градиент.
Возьмите кисть меньшего размера и более светлым цветом нарисуйте рефлекс под тенью.
Создайте контур блика инструментом Перо (Pen Tool).
Большой кистью нарисуйте блестящей блик.

Иконка для мобильной игры в бильярд


Шаг 20: Создаем тень от шара


Последний, заключительный шаг! Нарисуйте черную окружность и примените к ней фильтр Размытие по Гауссу (Gaussian Blur Filter).

Иконка для мобильной игры в бильярд


И вот наш результат!

Иконка для мобильной игры в бильярд


Надеюсь, урок Вам понравился, желаю Вам удачи в Ваших творческих работах!

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

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: