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





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

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


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

Подсказка

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

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

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

Простые иконки Web 2.0


Шаг 1
Создайте новый документ, выберите инструмент Эллипс (Ellipse Tool) и создайте небольшой круг любого цвета. Цвет фигуры не важен, так как позднее мы применим стили слоя и заменим цвет. Чтобы у Вас получился круг, а не овал, нужно удерживать Shift при создании.

Простые иконки Web 2.0


Шаг 2
Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените следующие стили:

Наложение градиента: Режим – Нормальный, Стиль – Радиальный. Расположите градиент в верхней части круга при помощи мыши (не закрывая окно стилей).
Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Нормальный, Режим тени – Умножение.

Простые иконки Web 2.0


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

Простые иконки Web 2.0


Шаг 4
Перейдите в меню Стилей копии, отключите все имеющиеся стили и примените стиль Обводка:

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

Простые иконки Web 2.0


Шаг 5
Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и напишите что-нибудь на иконке. Этот слой должен быть поверх остальных. Примените следующие стили к тексту:

Наложение цвета: Режим - Нормальный
Внутренняя тень: Режим - Умножение

Простые иконки Web 2.0


Шаг 6
Объедините все три слоя в группу (Ctrl+G) и назовите её “Blue Circle”.

Шаг 7
Выберите инструмент Многоугольник (Polygon Tool) и настройте, как показано ниже. Создайте фигуру. Сделайте её копию и измените размер, как в шаге 3. Вместо того, чтобы применять заново все стили, их можно просто скопировать. Кликните правой кнопкой мыши на слое с предыдущей иконкой и выберите Скопировать стиль слоя (Copy Layer Styles), потом кликните правой кнопкой на новом слое и выберите Вклеить стиль слоя (Paste Layer Styles).
Нужно изменить только настройки стиля Наложение градиента:

Простые иконки Web 2.0




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




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