Иконки для web-сайта

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


Иконки для web-сайта


1. Создайте новый документ размером 640х480 пикселей и инструментом Овальная область (Elliptical Marquee Tool) нарисуйте круг в новом слое любого цвета.


Иконки для web-сайта


2. Перейдите в меню Стилей слоя (Layer Style — Blending Options) и настройте так:

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


Иконки для web-сайта


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


Иконки для web-сайта


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


Иконки для web-сайта

Иконки для web-сайта


3. Инструментом Овальная область (Elliptical Marquee Tool) сделайте выделение в верхней части шара:


Иконки для web-сайта


4. Залейте его белым цветом в новом слое и добавьте слой-маску (Layer Mask).


Иконки для web-сайта


5. Инструментом Градиент (Gradient Tool) сделайте заливку с середины белого круга к его верхней части. Установите Непрозрачность слоя – 54%.


Иконки для web-сайта


6. Создайте ещё один круг в верхней части и один в нижней. Добавьте к ним слой-маску и сделайте такую же градиентную заливку.


Иконки для web-сайта


7. Выберите инструмент Произвольная фигура (Custom Shape Tool) и выберите любую фигуру.


Иконки для web-сайта


8. Создайте контур фигуры на шаре, инструментом Перо (Pen Tool) кликните на контуре и выберите Выполнить обводку контура (Stroke Path).


Иконки для web-сайта


9. К слою с фигурой примените эти стили слоя:

Внешнее свечение (Режим – Осветление, Метод – Мягкий):


Иконки для web-сайта


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


Иконки для web-сайта


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


Иконки для web-сайта


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


Иконки для web-сайта

Иконки для web-сайта

Иконки для web-сайта





Делаем Web-дизайн

Вас может также заинтересовать:

20 июня 2018

Опытные и знающие фотографы считают, что модель объектива Nikon 40mm f/2. 86 AF-S DX Micro Nikkor является универсальным атрибутом для повседневной съемки.

20 июня 2018

20 июня 2018

Дата анонса: 2010/02/02 Эффективное разрешение, МП: 12.2 Диагональ ЖК-дисплея, дюймы: 3