U Design

Создание значков никогда не было проще! В этом уроке мы научимся создавать векторные значки, что значит возможность растягивать значки до нужных размеров без потери качества.

Шаг 1

Начнём с создания документа размером 500х500 пикселей и белым фоном.

Выберем инструмент “эллипс”

Выберите красивый цвет (от него будут зависеть тени и подсветка). Теперь, удерживая Shift, создаём эллипс, в данном случае круг Это будет основой значка, не волнуйтесь насчет размера, изображение векторное, поэтому легко растянется под ваши нужды.

Шаг 2

Идём в настройки слоя Слой->Эффекты слоя->Настройки смешивания

Падающие тени

Внутренние тени

Внешний отблеск

Внутренний отблеск

Градиент

Такс, мы создали основу нашего значка и получилось у нас что-то вроде этого:

 

Шаг 3

Агась, создаём теперь отблески света сверху и снизу Дублируем основу, уменьшаем масштаб дубликата до 90 %. Повторим ещё раз.

Снимаем галочки с всех пунктов настроек, кроме градиента, которому выставляем настройки:

Градиент настраиваем следующим образом:

Уменьшаем Заливку слоев до 0 %, а Непрозрачность до 30%. Получается что-то вроде:

Шаг 4

Создаём эллипс подобно тому, который на рисунке:

Теперь нажимаем Ctrl+T и крутим эллипс, удерживая Shift, до значения в 45 градусов.

Как видите, есть небольшие разбежности между отблесками. Чтобы это исправить выбираем инструмент Карандаш (Р) и удерживая Ctrl нажмите в область эллипса. Теперь вытягиваем эллипс как показано на рисунке:

Шаг 5

Теперь идём на слой с основой нашего значка и уменьшаем его заливку до 0%.

Последнее, что нам необходимо сделать - это добавить картинку! Вставляем мы ее перед фоном, вот так:

Создаём выделение клацнув, удерживая Ctrl, на иконку слоя в панели слоёв. Затем выбераем слой с картинкой и создаём векторную маску. Вуаля! Можете любоваться только что cозданным значком

Если есть вопросы, пишите в комментарии

Автор урока: Fredrik Silverglimth

Перевод: ADYBAH4iK