На главную страницу Написать письмо Добавить в избранное Сделать www.comprog.ru стартовой

эффект 'радар'

РАДАР (англ. radar, сокр. от radio detecting and ranging - радиообнаружение и определение дальности), термин, встречающийся в переводной и популярной литературе для обозначения радиолокационной станции, иногда называемой также радарной установкой. Ну а мы будем делать дисплей для радара.

Шаг 1

Создайте новое изображение размером 400х400. Нажмите D,затем Alt+Backspace. Тем самым вы перезагрузите цвета и зальете фон черным цветом.


Шаг 2

Вспомните, как выглядит радар, все наверное видели его по телевизору... У него есть направляющие линии. Вот их ты нам сейчас и предстоит нарисовать. Использовать лучше всего инструмент Shape [Форма],точнее его модификацию Line [Линия],ибо если мы будем рисовать путем обводки выделения такие линии, то у нас не получится изменять размеры линий, в случае если размеры не устраивают и х нужно динамически изменять, без потери качества, да и в принципе этот инструмент и предназначен для такого рода задач.

Итак, создайте новый слой, сделайте активным вышеуказанный инструмент и нарисуйте сначала одну линию, затем дублируйте этот слой и поверните эту линию перпендикулярно исходной ( Edit > Transform path > Rotate 90 CCW [Редактирование > Трансформировать путь > Повернуть 90 CCW] ). Теперь дублируйте этот слой, затем нажмите CTRL+T, и поставьте данную линии под углом, который вам будет казаться оптимальным. Снова дублируйте слой, затем зайлите в Edit > Transform path > Flip Horizontal [Редактирование > Трансформировать путь > Отразить горизонтально]

Таким образом, вы добьетесь ровного размещения линий относительно центра, причем все они будут одинакового размера. Цвет линий #12BA00, толщина 2 px

эффект 'радар'

эффект 'радар'


Шаг 3

Теперь пришло время сделать у радара край и окончательно "разбить" его на сектора.

Для этого сделайте активным инструмент Elliptical Marquee [Эллиптическое выделение], поставьте курсор на точку пересечения линий, затем, удерживая Alt+Shift, растяните выделение до краев линий.

Создайте новый слой. Затем зайдите в меню Edit > Stroke [Редактировать > Обвести] и выставите значения как на скриншоте.

Сделайте ещё несколько выделений но чуть меньшего размера, их тоже обведите. Результат увидите сами, он в комментариях не нуждается.

эффект 'радар'

эффект 'радар'


Шаг 4

Создайте новый слой и при помощи инструмента Shape [Форма] нарисуйте линию, но на сей раз толщиной в 3-4 px цветом #1AFF00. Поставьте её тоже по диагонали, но, чтобы она не совпадала с первичными линиями, делящими радар на сектора.

эффект 'радар'


Шаг 5

Сделайте цвет переднего плана 0A6C00. Теперь создайте новый слой выберите инструмент E lliptical Marquee [Эллиптическое выделение] выделите область, как в шаге 2 (при создании первой окружности, здесь нам нужна только одна), не обводите его, сделате активным инструмент Gradient [Градиент] (см. скриншот) и проведите им вдоль линии, которую мы нарисовали в предыдущем шаге, т.е. мы сделали некоторый шлейф.

Возможно кто-то задаст вопрос: "А почему бы не загрузить выделение слоя с обводной линией из второго шага и спокойно не провести потом градиентом?"

На что хочу пояснить, что в шаге 2 мы обвели выделение и теперь если его загрузить, то область, которую заполнит градиент, будет внутри этой линии.

эффект 'радар'


Шаг 6

Радар уже готов, но хорошим тоном будет если вы добавите объекты, которые он сумел обнаружить. Для этого при помощи инструмента Elliptical Marquee [Эллиптическое выделение] и Radial Gradient [Радиальный градиент] создайте несколько ярких точек.
Вот и всё. Ничего сложного.

эффект 'радар'

  Поиск по сайту
  
Яндекс цитирования