В этом уроке я постараюсь рассказать и показать, как сделать вот такие иконки:
Для начала создаем изображение 128х128. Заливаем его нужным фоном или оставляем прозрачный фон.
Создаем новый слой (ctrl+shift+N). Далее выбираем инструмент «скругленный прямоугольник» (shift+U несколько раз пока не попадем на то, что нам нужно). Задаем радиус 10 пикселей. Выставляем его в режим Path.
При зажатой клавише shift рисуем скругленный прямоугольник на слое что мы создали.
Нажимаем ctrl+enter для преобразования контура в выделение и заливаем любым цветом (на данный момент цвет не важен).
Должно получиться что-то такое:
Создаем тень для полученного скругленного прямоугольника. В свойствах слоя задаем следующие параметры тени:
Налаживаем градиент (цвет вы можете выбирать сами - поэкспериментируйте).
Я, например, использовал следующий градиент:
Можно также наложить любую текстуру (я использовал текстуру 4х2 пикселя, где половину высоты занимает черный цвет, а другую половину прозрачные пиксели, таким образом, я получил линии):
Прозрачность наложения текстуры надо выбирать в зависимости от вида текстуры и вашего видения, так что пробуйте различные комбинации.
Создаем еще один слой, на котором мы размещаем текс или рисунок. Это может быть цветной рисунок/текст или одноцветный рисунок/текст. Я использовал простой одноцветный рисунок и добавил ему тень.
Далее в свойствах слоя выставляем параметры тени:
Цвет тени выбирайте исходя из цвета фона.
Создаем еще один слой, где, используя инструмент «скругленный прямоугольник» (уже просто U), рисуем контур с радиусом 9 пикселей и отступами по бокам от «основного тела» иконки порядка 1-2 пикселя.
Нажимаем ctrl+enter для преобразования контура в выделение и заливаем его полупрозрачным градиентом (от белого к прозрачному).
Должно получиться как на рисунке:
Далее используя инструмент «pen» (нажимаем «P»), обрисуем дугу среза по середине иконки. Должно получиться что-то похожее как на рисунке. Нажимаем ctrl+enter для преобразования контура в выделение и удаляем лишний градиент (del).
В результате должно получиться что-то похожее на это:
Такой метод дает довольно неплохие результаты:
Просмотров: 4244
 Ваш коментарий будет первым | |
