Создай RSS иконку для сайта 6

Из этого урока Вы узнаете быстрый и простой способ, создать уникальный дизайн RSS для использования на веб-сайте, или любой другой цели.

Создай RSS иконку для сайта


Начнем с создания нового документа Файл-> Создать (File-> New) размером 1280×1024 пикс. и 72 точек на дюйм.

Создай RSS иконку для сайта


Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев, и выберите Наложение градиента (Gradient Overlay):

Создай RSS иконку для сайта


Создай RSS иконку для сайта


Создай RSS иконку для сайта


Используя предыдущий инструмент, попытайтесь сделать следующий слой.

Создай RSS иконку для сайта


Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев, и выберите Наложение градиента (Gradient Overlay):

Создай RSS иконку для сайта


Нажмите кнопку Другой вариант (Randomize), чтобы получить результат как на каринке ниже.

Создай RSS иконку для сайта


Создай RSS иконку для сайта


Затем мы должны создать новый слой (Ctrl + Shift + N), расположим его выше, чем предыдущий. Соедините слой с лучами и новый слой (занажмите кнопку Ctrl, чтобы выделить необходимые слои и затем нажмите Ctrl+E). Затемдля нажмем комбинацию клавиш (Ctrl + Shift + U)

Создай RSS иконку для сайта


Изменим Режим смешивания (Blend Mode) этого слоя на Яркий свет (Vivid Light).

Создай RSS иконку для сайта


Активируйте инструмент Прямоугольник (Rectangle Tool), чтобы сделать нижнюю часть документа темнее. Выделите всю область документа.

Создай RSS иконку для сайта


Установите Заливка (Fill) 0 для этого слоя. Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев, и выберите Наложение градиента (Gradient Overlay):

Создай RSS иконку для сайта


Создай RSS иконку для сайта


Создай RSS иконку для сайта


используя инструмент Эллипс (Ellipse Tool) нарисуем круг, цветом #FEDB8A.

Создай RSS иконку для сайта


Используя тот же самый инструмент нарисуем остальные элементы иконки RSS.

Создай RSS иконку для сайта


Установите Заливка (Fill) 0 для этого слоя. Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев, и выберите Обводка (Stroke):

Создай RSS иконку для сайта


Создай RSS иконку для сайта


Нарисуем следующий элемент, таким же способом.

Создай RSS иконку для сайта


Объединим в группу все слои, составляющие иконку RSS (зажмите клавишу Ctrl, чтобы выделить слои и затем перетащите их на иконку Создать новую группу (Create a new group)).
Затем мы должны растрировать группу (для этого выделите все слои группы и нажмите Ctrl+E).
Используя инструмент Прямоугольная область (Rectangular Marquee Tool) на растрированном слое, выделите ненужную область, и нажмите Delete.

Создай RSS иконку для сайта


Установите Непрозрачность (Opacity) этого слоя на 80% и Заливка (Fill) 0. Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев, и выберите Внешнее свечение (Outer Glow):

Создай RSS иконку для сайта


Наложение градиента (Gradient Overlay):

Создай RSS иконку для сайта


Создай RSS иконку для сайта


Создай RSS иконку для сайта


Затем перейдем Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussian Blur).

Создай RSS иконку для сайта


Создай RSS иконку для сайта


Сделайте копию последнего сделанного слоя (Ctrl + J). Затем нажмите комбинацию клавиш (Ctrl + T), чтобы повернуть слой копию как на картинке ниже.

Создай RSS иконку для сайта


Установите Непрозрачность (Opacity) этого слоя на 50% и Заливка (Fill) 0.

Создай RSS иконку для сайта


Используя инструмент Произвольная фигура (Custom Shape Tool) нарисуем несколько звезд цветом #FFF5A2.

Создай RSS иконку для сайта


Мы должны поместить слои звезд ниже, чем слои, содержащие RSS и его отражение.

Создай RSS иконку для сайта


Создай RSS иконку для сайта


Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев, и выберите Внешнее свечение (Outer Glow):

Создай RSS иконку для сайта


Создай RSS иконку для сайта


Наша иконка готова. Всего Вам доброго и творческих успехов.

Сайт: designlessons.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте: vk.com/designlessons

И в Твиттере: twitter.com/DesignLessons

Информация
Автор / Разработчик
adobetutorialz
Перевел
Артеменко Любовь
Сложность
Легкая
Источник
Добавил
Lubashka
Дата
8-11-2019, 12:49
Метки:  еще статьи

Поделиться ссылкой

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 5 + 5 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 204.236.235.245
Последние уроки
Вконтакте
Архив сайта
Карта Сайта