В этом уроке веб дизайна вы узнаете, как создать очень простой эффект лазерного луча. Также в уроке вы научитесь создавать кисти. Урок небольшой, все шаги простые и легкие.
Навыки для "прокачки":
- работа с фильтрами размытия
- режимы смешивания слоев
- работа со стилями слоя
- создание кистей
Шаг 1
Для начала нам нужно создать новый документ. Установите его размер 864х864 в цевтовом режиме (Color mode) RGB разрешением (Resolution) 72 точек на дюйм. После создания документа залейте фон черным цветом инструментом Заливка (Paint Buсket).
Шаг 2
Создайте новый слой и назовите его "Белая линия", затем, с помощью инструмента Прямоугольное выделение (Rectangular Marquee Tool), создайте строку и заполните ее белым цветом (для выбора белого кликните на двойную стрелку возле черного и белого квадратов в палитре инструментов).
Снимите выделение. Перейдите к меню Фильтр> Размытие> Размытие по Гауссу (Filter> Blur> Gaussian Blur) и установите радиус до 1,0 пиксела.
Шаг 3
Теперь создайте новый слой под названием "Свечение" и поместите его под вашим белым слоем. Затем сделайте то же самое, что вы сделали в шаге 2, но на этот раз сделайте линию в два раза толще и измените цвет заливки на # 5cf2fd (дважды кликнув на 2-х квадратах).
Выберете этот слой и идите в меню Фильтр> Размытие> Размытие в двжении (Filter> Blur> Motion Blur). Там установите Угол (Angle) -49 и Расстояние (Distance) до 32 пикселей.
Шаг 4
Вернитесь в слой "Белой линии" слой и изментие Режим смешивания (Blend mode) с Нормального (Normal) на Перекрытие (Overlay).
Шаг 5
Возьмите Кисть (Brush Tool) - кнопка (B), и установите ее размер до 2 пикселей. Затем перейдите в меню F5, поставьте галку на Динамика кисти (Shape Dynamics) и установите Колебания размера (Size Jitter) до 100%, Округлость кисти ( Roundness Jitter ) до 100%, а минимальную Округлость (Minimum Roundness) до 1%.
Затем выберете Рассеивание (Scatter) и установить его на 1000%, Колебание (Count) до 1% и Колебания счетчика (Count Jitter) до 100%.
Теперь, когда у вас есть набор кистей, создайте новый слой и нарисуйте линию, которая идет вокруг вашего лазерного луча.
Бонусные шагиЕсли вы хотите изменить цвет лазерного луча, просто выберете слой и идите в меню Изображение> Корректировки> Тон/Насыщенность (Image> Adjustments> Hue / Saturation), кликните опцию Раскрасить (Colorize) и используйте нужный Тон, Насыщенность и Яркость для изменения цвета лазерного луча.
Также вы можете добавить небольшое свечение, выбрав Стиль слоя (Layer style) и добавить опцию Внешнее свечение (Outer glow).
В этом уроке веб дизайна мы приведем ссылку на несколько проектов сайтов, в которых был использован такой лазерный луч. Так просто, но эффектно!
