Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:


Иконка RSS в 15 шагов


Шаг 1
Создайте новый документ размером 600х600 пикселей, создайте новый слой (Create New Layer), сделайте линейную заливку инструментом Градиент (Gradient Tool), цвет – от ebda7c к fcecbe.


Иконка RSS в 15 шагов


Шаг 2
Создайте новый слой (Create New Layer) и назовите его “background highlight”. Установите градиент – от белого к прозрачному и сделайте радиальную заливку от середины верхней границы к центру холста. Установите Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 50%.


Иконка RSS в 15 шагов


Шаг 3
Создайте ещё один слой “background shadows”, выберите инструмент Кисть (Brush Tool), установите его размер – 100 пикселей, жёсткость – 0% и цвет заливки - #b28b19. Сделайте несколько произвольных мазков на холсте.
Примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 50 пикселей. Понизьте Непрозрачность слоя до 30%.


Иконка RSS в 15 шагов

Иконка RSS в 15 шагов

Иконка RSS в 15 шагов


Шаг 4
Перейдите в меню Просмотр»Новая направляющая (View > New Guide). Отведите 2 вертикальные направляющие на отметках 100 и 500 пикселей, и 2 горизонтальные направляющие с такими же значениями.
Создайте новый слой (Create New Layer), назовите его “rss icon shape” и создайте прямоугольник с закруглёнными углами с радиусом – 20 пикселей. Цвет фигуры не важен.


Иконка RSS в 15 шагов


Шаг 5
Можете выключить направляющие. Перейдите в меню Стилей слоя с фигурой (Layer Style - Blending Options) и настройте так:

Наложение градиента (Режим – Нормальный, Стиль – Линейный):


Иконка RSS в 15 шагов


Внутреннее свечение (Режим – Нормальный, Метод – Мягкий):


Иконка RSS в 15 шагов


Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):


Иконка RSS в 15 шагов


Отбрасывание тени (Режим – Нормальный):


Иконка RSS в 15 шагов

Иконка RSS в 15 шагов


Шаг 6
Создайте новый слой “diagonal highlight”, выберите инструмент Градиент (Gradient Tool), стиль – линейный, цвет – прозрачный-белый-прозрачный. Удерживая Shift, сделайте заливку под углом 45 градусов.
Потом примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 50 пикселей. Установите Режим наложения – Перекрытие (Blending Mode – Overlay). Сделайте выделение слоя с иконкой (Ctrl+Click), инвертируйте его (Select – Inverse) и нажмите Delete на слое с градиентом.


Иконка RSS в 15 шагов

Иконка RSS в 15 шагов


Шаг 7
Создайте новый слой “circle gradient”, инструментом Овальная область (Elliptical Marquee Tool) создайте выделение на половину иконки, и залейте его линейным градиентом, цвет – от белого к прозрачному.
Установите Режим наложения этого слоя – Перекрытие (Blending Mode – Overlay) и понизьте Непрозрачность до 15%. Удалите заливку за пределами иконки так же, как в прошлом шаге.


Иконка RSS в 15 шагов

Иконка RSS в 15 шагов


Шаг 8
Создайте новый слой и назовите его “corners shadow”, выберите инструмент Кисть (Brush Tool) размером 100 пикселей и обрисуйте края иконки чёрным цветом. Примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 50 пикселей. Потом установите Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность - 50%. Удалите чёрные области за пределами иконки, но после инверсии выделения не нажимайте Delete, а примените Сжатие (Modify – Contract) со значением 10 пикселей. Потом нажимайте Delete.


Иконка RSS в 15 шагов

Иконка RSS в 15 шагов


Шаг 9
Создайте новый слой “top and bottom”. Той же кистью обрисуйте нижнюю часть иконки, а затем белым цветом верхнюю часть. Очистите мазки кисти за пределами иконки, как в предыдущем шаге (с применением сжатия). Понизьте Непрозрачность слоя до 10%.


Иконка RSS в 15 шагов

Иконка RSS в 15 шагов

Иконка RSS в 15 шагов


Шаг 10
Создайте новый слой “highlight spot”, выберите инструмент Градиент (Gradient Tool), цвет – от белого к прозрачному и создайте белое пятно, как показано ниже. Установите Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 35%.


Иконка RSS в 15 шагов

Иконка RSS в 15 шагов


Шаг 11
Перейдём к созданию рисунка иконки. Инструментом Овальная область (Elliptical Marquee Tool) создайте выделение из левого нижнего угла, удерживая Shift+Alt. Залейте выделение белым цветом в новом слое, потом примените Сжатие (Modify – Contract) со значением 30 пикселей и нажмите Delete. Инструментом Прямоугольная область (Rectangular Marquee Tool) обрежьте края полученной фигуры (арки). Нужно обрезать по 10 пикселей от внутренней обводки.


Иконка RSS в 15 шагов

Иконка RSS в 15 шагов


Шаг 12
Создайте ещё одну такую фигуру, но меньше размером. В конце создайте круг, используя инструмент выделения и заливку белым цветом. Объедините все три слоя с белыми фигурами.


Иконка RSS в 15 шагов

Иконка RSS в 15 шагов


Шаг 13
Инструментом Свободное трансформирование (Free Transform) уменьшите иконку, чтобы она была расположена в центре.


Иконка RSS в 15 шагов


Шаг 14
Перейдите в меню Стилей слоя и настройте так:

Внешнее свечение (Режим – Перекрытие, Метод – Мягкий):


Иконка RSS в 15 шагов


Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):


Иконка RSS в 15 шагов

Иконка RSS в 15 шагов


Шаг 15
Вернитесь на слой с оранжевым прямоугольником и увеличьте ширину внутренней обводки оранжевым прямоугольником и увеличьте размер обводки и внутреннего свечения до 16 пикселей.


Иконка RSS в 15 шагов



Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: