Глянцевая иконка в Photoshop

В данном уроке мы создадим иконку с красивым глянцевым эффектом.

Глянцевая иконка создание иконки с эффектом глянца в Photoshop

Шаг #1. Создайте новый документ с разрешением 300/155 пикселей с белым фоном.

1

Шаг #2. Два раза щелкните левой кнопкой по фону в палитре слоев и нажмите “Ok” чтобы преобразовать его в слой. Затем правой кнопкой щелкните по данному слою и выберите пункт "Blending Options..." (“Парметры наложения”).

Из списка стилей выберите пункт "Gradient Overlay" (“Наложение градиента”) и установите следующие параметры настроек:

2

Теперь нажмите “Ok”.

Шаг #3. Теперь у вас должно быть изображение расположенное ниже:

3

Шаг #4. Возьмите инструмент "Rounded Rectangle Tool" (“Прямоугольник со скругленными углами”) ( 4 ) установите черный цвет и радиус округления 15 пикселей. Нарисуйте следующую фигуру:

5

Шаг #5. Теперь правой кнопкой, в палитре слоев, щелкаете по слою с только что созданной фигурой и выбираете пункт "Blending Options..." (“Парметры наложения”).

Затем выберите "Drop Shadow" (“Тень”) и установите следующие параметры настроек:

6

После этого нажмите “Ok”

Шаг #6. Затем опять кликните правой кнопкой по данному слою в палитре слоев и выберите пункт “Rasterize” (“Растрировать слой”). Теперь у вас должно быть изображение расположенное ниже:

7

Шаг #7. Возьмите снова инструмент "Rounded Rectangle Tool" (“Прямоугольник со скругленными углами”) ( 4 ), установите цвет в значение (454c4d) и радиус округления 15 пикселей.

Теперь нарисуйте фигуру в нутрии той, которую вы рисовали ранее, как показано на изображении ниже:

9

Шаг #8. Теперь правой кнопкой щелкаете в палитре цветов по слою с фигурой которую вы только что создали и выбираете "Blending Options..." (“Парметры наложения”).

Затем выберите пункт "Inner Glow" (“Внутреннее свечение”) и установите следующие параметры настроек:

9

Шаг #9. Выберите "Satin" (“Глянец”) и установите следующие параметры настроек:

10

Теперь нажмите “Ok”

Шаг #10. Затем опять кликните правой кнопкой по данному слою в палитре слоев и выберите пункт “Rasterize” (“Растрировать слой”). Теперь у вас должно быть следующее изображение:

11

Шаг #11. Выберите инструмент "Custom Shape Tool" (“Произвольная фигура”) ( 12 ) и в палитре произвольной фигуры выберите форму руки или какую ни будь другую на ваш вкус. И нарисуйте ее внутри вашей фигуры.

13

Шаг #12. Затем правой кнопкой щелкните по слою с рукой в палитре слоев и выберите "Blending Options..." (“Парметры наложения”).

Выделите пункт "Drop Shadow" (“Тень”) и установите следующие параметры настроек:

14

Теперь нажмите “Ok”

Шаг #13. Затем опять кликните правой кнопкой по данному слою в палитре слоев и выберите пункт “Rasterize” (“Растрировать слой”). Теперь у вас должно быть следующее изображение:

15

Шаг #14. Выберите инструмент "Text Tool" (“Горизонтальный текст”) и установите следующие его параметры:

16

Шаг #15. Теперь напишите необходимый вам текст и придайте ему стиль такой же, как мы применяли к руке в шаге #12.

17

Шаг #16. Ну и наконец чтобы завершить эту иконку добавьте эффект блеска. Для этого возьмите инструмент "Pen Tool" (“Перо”) и нарисуйте фигуру белого цвета как показано на рисунке ниже:

18

Затем установите прозрачность слоя этой фигуры 18%.

Шаг #17. В результате у вас должна получиться вот такая иконка:

19

Материал подготовлен проектом: webmastermix.ru
Источник

Рекомендуем ознакомиться со следующими материалами:
1 1 1 1 1 1 1 1 1 1 Рейтинг 0.00 (0 Голосов)
Подробности
Опубликовано: 14 Январь 2010
Обновлено: 08 Сентябрь 2013
Просмотров: 8732