1. Создаем новое изображение 128*128
Далее заливаем его нужный фоном или оставляем прозрачный фон. Создаем новый слой (ctrl+shift+N).
Выбираем инструмент "скругленный прямоугольник" (shift+U) несколько раз, пока не попадем на то что нам нужно.
Задаем скругление прямоугольника на 10 пикселей. Выставляем его в режим Path как показано на рисунке.
Зажимаем shift и с рисуем скругленный прямоугольник на слое что мы создали. Нажимаем ctrl+enter для преобразования контура в выделение и заливаем любым цветом. Итог должен быть таким:
2. Создаем тень для полученного скругленного прямоугольника. В свойствах слоя задаем следующие параметры тени:
Накладываем градиент (цвет можно выбрать самим - поэкспереминтируйте). Я использовал следующий градиент:
Шаг 3. Создаем еще один слой на котором мы размещаем текс или рисунок. Это может быть цветной рисунок/текст или одноцветный рисунок/текст. Я использовал простой одноцветный рисунок и добавил ему тень.
Цвет тени выбирайте исходя из цвета фона.
Шаг 4. Создание блика.
Выбираем инструмент Ellipse Tool. Opacity:30% Рисуем на иконке, как показано на рисунке:
Это простой, но хороший способ создания иконок для сайта, но и не только.
Источник: http://photoshopbook.ucoz.ru/ |