Yara | 18.05.2019 | |
Иконки в стиле Карбон |
В этом уроке мы с Вами рассмотрим, как создать иконку для использования ее на вашем сайте или на рабочем столе. Получится красивая карбоновая иконка с глянцевым блеском.
Сложность: низкая
Время: до 30 минут
Создайте новый документ размерами 600 × 200 пикс, но Вы можете использовать другие размеры, в зависимости от того, сколько иконок Вы хотите. Также лучше использовать яркий фон, для того, чтобы все было видно.
Выберите инструмент Rounded Rectangle Tool = Прямоугольник со скругленными углами, измените настройки в верхней панели инструментов, как показано на изображении ниже.
Нарисуйте Вашу иконку, она должна выглядеть так.
Теперь активируйте инструмент Pen Tool = Перо, затем щелчок правой кнопкой мыши Fill path = Выполнить заливку контура, цвет можете выбрать любой, т.к его мы будем изменять. Далее щелкните правой кнопкой мыши еще раз Delete path = Удалить контур.
Теперь добавим следующие стили слоя:
У Вас должно получиться следующее
Дальше, нам необходимо создать свой Узор, для этого создадим новый документ размерами 4 × 4 пикселя, Увеличим изображение, чтобы мы могли выполнить то, что показанно ниже.
После того как Вы это выполнили, необходимо перейти Edit > Define Pattern = Определить узор сохраните его под любым названием. Теперь вернитесь к своему исходному изображению и нажмите на уменьшенную копию в палитре слоев, удерживая клавишу Ctrl, это создаст выделение. Создайте новый слой, над Вашим слоем с прямоугольником, назовите его Картинка. Выберите инструмент Paint Bucket tool = Заливка, в верхней панели выберите узор, которых мы создали.
Ваше выделение должно быть активным. Заполните свой прямоугольник выбранным узором. Далее Вам нужно увеличить свой прямоугольник и добавить маску слоя. Нажмите клавишу D на своей клавиатуре, это выставит цвета по умолчанию, а зате нажмите X чтобы переключить цвет. Выберите инструмент, зеркальный Gradient tool = Градиент. Перетащите его из точки 1 в точку 2 (как показано на рисунке ниже)
Сделайте щелчок правой кнопкой мыши по маске слоя, и перейдите Apply layer mask = Применить слой-маску, это должно объединить слой-маску, со слоем, в один слой. Теперь добавьте еще один слой маски, на этот раз выберите линейный градиент. Нажмите кнопку X на клавиатуре, чтобы переключить цвета снова. Перетащите из точки 3 в точку 4 (как показано на рисунке ниже).
Примените маску слоя еще раз. Вот что должно получиться.
Используйте инструмент Pen tool = Перо, чтобы сделать путь, как на картинке ниже.
Залейте выделение белым цветом, на новом слое, над слоем с прямоугольником. Установите непрозрачность слоя до 5%.
Выберите инструмент Rectangular tool = Прямоугольная область, чтобы создать небольшой прямоугольник в нижней части иконки.
Добавьте стили слоя:
Вот что должно получиться. Увеличьте Ваше изображение, с помощью инструмента Polygonal Lasso tool = Прямолинейное лассо, сделайте выделение, как на изображении ниже.
Заполните выделении цветом, немного светлее Вашего прямоугольника. Сделать это нужно, с обеих сторон.
С помощью простого шрифта Arial добавьте Вашу надпись, а так же свой значок, который бы Вы хотели видеть на Вашей иконке.
Вот таким способом Вы можете создать свой шедевр!
Ссылка на источник: www.hv-designs.co.uk