Фотошоп для фотографа 2013

Рисуем иконку радара используя Фотошоп

| Категория: Уроки по созданию спец эффектов в Фотошопе | Сложность урока: Средняя

В данном уроке мы рассмотрим, как можно нарисовать иконку радара используя Фотошоп.


Финальный результат

Рисуем иконку радара используя Фотошоп

Приступаем к уроку Фотошопа


Шаг 1.


Создайте новый документ размером 1024х1024 px с белым фоном- File > New (Файл > Новый / Сочетание клавиш "Ctrl+N").


Можете добавить интересную текстуру или сделать фон на свой вкус.


Рисуем иконку радара используя Фотошоп

Шаг 2.


Возьмите инструмент Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U") с черным цветом и создайте круг по центру вашего документа. Назовите слой «Круг».


Рисуем иконку радара используя Фотошоп

Шаг 3.


Дублируйте слой (Ctrl+J). Сделайте второй круг меньше первого, чтобы он получился внутри его (Ctrl+T). Назовите слой «Внутренний круг».


Перейдите на предыдущий слой. Щелкните правой кнопкой мыши по слою и выберите – Rasterize layer (Растеризовать слой).


Зажмите Ctrl и щелкните по маске с кругом на слое «Внутренний круг», чтобы загрузить выделение внутреннего круга.


Рисуем иконку радара используя Фотошоп

Шаг 4.


Перейдите на слой «Круг» и нажмите Delete. Удалите слой «Внутренний круг».


Рисуем иконку радара используя Фотошоп

Шаг 5.


Зайдите в меню Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и примените настройки показанные на изображениях ниже к слою «Круг».


Drop Shadow (Тень): ↓

Рисуем иконку радара используя Фотошоп

Inner Shadow (Внутренняя тень): ↓

Рисуем иконку радара используя Фотошоп

Bevel and Emboss (Тиснение и рельеф): ↓

Рисуем иконку радара используя Фотошоп

Color Overlay (Наложение цвета): ↓

Рисуем иконку радара используя Фотошоп

Шаг 6.


Должно получиться так: ↓


Рисуем иконку радара используя Фотошоп

Шаг 7.


Возьмите инструмент Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U") и создайте черный круг внутри Вашего первого круга.


Рисуем иконку радара используя Фотошоп

Шаг 8.


Дублируйте черный круг и уменьшите его (Ctrl+T).

Зайдите в меню Layer > Layer Style > Gradient Overlay (Слой > Стиль слоя > Наложение градиента). Используемые цвета градиента - #7a5511 и #180f00.


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

Рисуем иконку радара используя Фотошоп

Шаг 9.


Создайте новый слой (Ctrl+Shift+N).

Зайдите в меню Layer (Слой) - Create Clipping Mask (Создать обтравочную маску).


Возьмите инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") с Hardness (Жесткость) = 0% и цветом #7a5511, поставьте «пятно», как показано на скрине возле значка «1».


Создайте новый слой - New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N").


Возьмите инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") с Hardness (Жесткость) = 0% и Opacity (Непрозрачность) = 5% и поставьте пятно, как показано на скрине возле значка «2».


Рисуем иконку радара используя Фотошоп

Шаг 10.


Создайте новую группу слоев.

Установите режим смешивания для этой группы - Color Dodge (Осветление основы).


Возьмите инструмент Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ) и создайте тонкую белую полоску.


Пометите этот слой в группу. Дублируйте его (Ctrl+J) и поверните на 90 градусов (Ctrl+T).

Чтобы было легче зажмите Shift, и за край поверните полоску.


Зажмите Shift и выделите слои с полосками. Нажмите Ctrl+E, чтобы объединить слои.

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

Установите Opacity (Непрозрачность) = 70% для данного слоя.


Рисуем иконку радара используя Фотошоп

Шаг 11.


Возьмите инструмент Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U") и создайте белый круг, как на скрине.


Поместите этот слой в ранее созданную группу.


Рисуем иконку радара используя Фотошоп

Шаг 12.


Установите Fill (Заливка) = 0% для данного слоя.


Зайдите в меню Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и примените настройки, как на скринах ниже.


Outer Glow (Внешнее свечение): ↓

Рисуем иконку радара используя Фотошоп

Inner Glow (Внутреннее свечение): ↓

Рисуем иконку радара используя Фотошоп

Stroke (Обводка): ↓

Рисуем иконку радара используя Фотошоп

Шаг 13.


Дублируйте получившийся круг (Ctrl+J). Копию увеличьте, чтобы получилось, как на скрине (Ctrl+T).


Рисуем иконку радара используя Фотошоп

Шаг 14.


Создайте новый слой (Ctrl+Shift+N). Поместите его в ранее созданную группу.


Возьмите инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") белого цвета с Hardness (Жесткость) = 0% и поставьте несколько точек, как на скрине.


Рисуем иконку радара используя Фотошоп

Шаг 15.


Возьмите инструмент Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ) и сделайте маленькие полосочки, для создания большей реалистичности, как на скрине.


Не забудьте применить Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) с радиусом размытия на Ваш вкус.


Для большего удобства можно включить сетку, чтобы расположить полоски на одинаковом расстоянии (View > Show > Guides (Просмотр > Показать > Направляющие)).


Рисуем иконку радара используя Фотошоп

Шаг 16.


Возьмите инструмент Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ) и создайте прямоугольник.

Зайдите в меню Edit > Transform > Distort (Редактирование > Трансформация > Искажение) и потяните по очереди за верхние углы в стороны.


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

Поместите ее в ту же группу, созданную в 10-том шаге.


Рисуем иконку радара используя Фотошоп

Шаг 17.


Возьмите инструмент Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") и создайте форму, как на скрине под углом 135 градусов.


Рисуем иконку радара используя Фотошоп


Шаг 18.


Зайдите в меню Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и примените настройки.

Установите Fill (Заливка) = 0% для данного слоя.


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

Рисуем иконку радара используя Фотошоп

Шаг 19.


Примерно так будет выглядеть Ваш радар на данный момент: ↓


Рисуем иконку радара используя Фотошоп


Шаг 20.


Повторите шаги 2-4, чтобы создать другой круг, который будет служить границей.

Должно получиться как круг зеленого цвета на скрине.


Рисуем иконку радара используя Фотошоп

Шаг 21.


Зайдите в меню Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и примените настройки показанные на изображениях ниже:

Drop Shadow (Тень): ↓

Рисуем иконку радара используя Фотошоп

Inner Shadow (Внутренняя тень): ↓

Рисуем иконку радара используя Фотошоп

Inner Glow (Внутреннее свечение): ↓

Рисуем иконку радара используя Фотошоп

Bevel and Emboss (Тиснение и рельеф): ↓

Рисуем иконку радара используя Фотошоп

Color Overlay (Наложение цвета): ↓

Рисуем иконку радара используя Фотошоп

Шаг 22.


Должно получиться так: ↓


Рисуем иконку радара используя Фотошоп

Шаг 23.


Возьмите инструмент Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U") и создайте круг такого же диаметра, что и круг в шаге 7.

Или просто дублируйте тот круг и поместите выше всех слоев (Ctrl+J).


Зайдите в меню Layer > Layer Style > Gradient Overlay (Слой > Стиль слоя > Наложение градиента) и примените следующие настройки.

Blend Mode (Режим наложения) – Normal (Нормальный), Opacity (Непрозрачность) = 100%, градиент – от прозрачного к белому, Style (Стиль) – linear (Линейный), галочка возле Align with Layer (Выровнять по слою), Angle (Угол) = 90 ° градусов, Scale: (Шкала) = 90.


Установите Fill (Заливка) = 0% для данного слоя. И можете уменьшить Opacity (Непрозрачность) слоя, чтобы не было такой белизны.


Возьмите инструмент Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M") и создайте выделение в нижней части радара, как показано на скрине.

Затем зайдите в меню Layer > Layer Mask > Hide Selection (Слой > Слой-маска > Скрыть выделение).


Рисуем иконку радара используя Фотошоп

Шаг 24.


Зажмите Shift и выберите все слои по созданию внутренней части радара и нажмите Ctrl+G, чтобы объединить их в одну группу.


Затем щелкните правой кнопкой мыши по группе – Dublicate Group (Дубликат группы...).

Щелкните правой кнопкой мыши по второй группе – Merge Group (Объеденить группу).


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

Установите режим смешивания Screen (Осветление) для данного слоя, Opacity (Непрозрачность) = 50% или даже меньше.


Рисуем иконку радара используя Фотошоп

Шаг 25.


Возьмите инструмент Eraser Tool Инструмет - Ластик (Инструмет Ластик / Клавиша "E") и сотрите темные части радара.


Вот и все.


Финальный результат

Рисуем иконку радара используя Фотошоп

Альтернативный результат

Рисуем иконку радара используя Фотошоп

Финальный результат в формате psd: тут;


Оригинал;

Урок подготовлен для Вас командой сайта PhotoshopPro.ru