Как создать блестящую супер-иконку в стиле Веб 2.0
Веб 2.0 стайл с космическими скоростями завоевывает Интернет. Пусть Ваш сайт не отстает! Кроме уже опбликованных веб 2.0 уроков, представляем Вашему вниманию новый!
![]()
Приблизительное время выполнения: 5 минут
Создайте новый документ 600х300 с белым фоном. Инструментом Ellipse нарисуйте круг на новом слое и назовите его “иконка фон”. Примените к слою следующие стили:
![]()
![]()
![]()
![]()
![]()
Вот, что у Вас примерно должно получиться:
![]()
Создайте новый слой и выделите на нем похожую область:
![]()
Заполните ее белым цветом и примените Filter > Blur > Gaussian Blur:
![]()
Установите непрозрачность этого слоя до 50%
![]()
Создайте слой, выберите слой “иконка_фон” и выделите на нем область как на рисунке ниже. Залейте ее белым цветом:
![]()
Создайте еще один слой и выделите на нем область по форме, как видно на рисунке ниже. Заполните ее белым цветом и уменьшите непрозрачность слоя до 25%
![]()
Теперь добавьте любую иконку и текст на свой вкус
![]()
Сейчас давайте создадим простое отражение. Скопируйте все слои, кроме фонового. Выделите все эти копии в панели слоев и нажмите CTRL+E, чтобы слить их в один. Отразите слой вертикально Edit > Transform > Flip Vertical. Расположите получившуюся картинку под имевшейся иконкой. Создайте на этом слое маску и залейте ее градиентом, чтобы убрать часть отражения
![]()
Готово!
Вот еще пара примеров:
![]()
![]()
Источник: Design a Web 2.0 Style Icon
Похожие уроки photoshop: