Как создать свои собственные обои с люминесцентной линией
Если вы любите абстрактные обои с люминесцентными линиями (и мы, безусловно, любим), читайте дальше, чтобы увидеть, как вы можете создавать свои собственные обои с точно такими же линиями, цветами и идеальным уровнем яркости, которые вы жаждете.
Почему я хочу это сделать?
В то время как наша (и, вероятно, ваша) основная мотивация состоит в том, чтобы сделать классные обои для нашего настольного компьютера - и это само по себе является достаточной причиной - следование наряду с учебным пособием имеет второстепенное преимущество. Инструмент «Перо» - это очень удобный и мощный маленький инструмент в Photoshop, который для многих людей практически не используется. Мы собираемся широко использовать его в условиях низких ставок, что является идеальным способом узнать его нюансы.
Что мне нужно?
Единственное, что вам нужно для этого урока - это копия Adobe Photoshop. Нам не нужно базовое изображение, эталонное изображение или что-либо еще, кроме самого Photoshop; мы будем создавать все изображение с нуля в приложении.
Мы используем Adobe Photoshop CS6, но методы, описанные в руководстве, должны отлично работать на старых версиях Photoshop, поскольку они полагаются на инструменты, представленные в приложении в течение нескольких поколений..
Создание базового изображения
Давайте создадим базовое изображение. Во-первых, определитесь с размером, который вы хотите - мы выбрали стандартный размер обоев 1920 × 1080. Используйте Paint Bucket Tool (G), чтобы закрасить фон черным цветом. Позже вы можете поэкспериментировать с разными цветами фона, но на данный момент лучший цвет для показа вне люминесцентных линий - черный.
Помимо определения размера и цвета базового изображения, очень полезно использовать временные направляющие линии, чтобы (как минимум) отметить центр вертикального и горизонтального пространства. Включите линейки, если они еще не включены, перейдя в View -> Rulers или нажав CTRL + R. Перетащите направляющую от горизонтальной и вертикальной линейки к центру изображения (960 и 540 пикселей соответственно, если вы работаете с изображением 1920 × 1080).
Создание путей
Контуры - это небольшая изящная функция в Photoshop, которая позволяет вам создать объект, похожий на каркас / рисунок линии. Пути, которые вы создаете, являются буквальными путями, по которым будет следовать инструмент, который вы используете для создания ваших визуальных эффектов..
Мы собираемся использовать силу пера, инструмента на основе контуров, для создания красиво изогнутых линий, которыми мы затем будем манипулировать с помощью инструмента «Кисть». Прежде чем мы продолжим, позвольте нам предупредить вас, что, если вы никогда раньше не использовали инструмент «Перо», он может быть довольно разочаровывающим инструментом для освоения. Лучший способ получить надежное управление - просто поиграть с ним. Не бойтесь создать путь, возиться с ним, а затем удалить его, как только у вас появится лучшее представление о том, что вы хотите сделать.
Выберите Pen Tool (P) и дважды проверьте, что он установлен на Path:
Чтобы создать простую изогнутую линию, которая полностью проходит от левой границы изображения до правой границы, мы собираемся щелкнуть инструмент Pen Tool на горизонтальной направляющей линии сразу за левой границей и потянуть вниз, чтобы создать нашу первую точку. После создания этой первой точки (которая теперь будет выглядеть как вертикальная линия с тремя точками на ней), переместитесь к правой стороне изображения и повторите тот же шаг: нажмите на горизонтальную направляющую, аккуратно потяните вниз и отпустите кнопка мыши.
Мы нарисовали стрелки на скриншоте ниже, чтобы указать, куда мы перетащили мышь:
Этот процесс создает одну изящную S-кривую по всему изображению. Нажмите клавишу ESC, чтобы освободиться от текущего пути и создать новый. Повторите тот же процесс, но слегка изменив начальную и конечную точки слева и справа. В то время как вы можете создавать пути для ваших светлых линий, как вы хотите. Мы стремимся к изображению, которое выглядит как набор из них, слегка сходящихся в центре, когда они проходят через рамку.
После того, как вы создали около десятка путей, ваше изображение должно выглядеть примерно так:
Эти линии будут служить основой для мазков кисти, которые мы применим на следующем шаге..
Применение мазков кисти
Пути, которые мы ранее создали, выглядят довольно голыми. Вы понимаете, как будут выглядеть обои, но им не хватает полноты. Мы собираемся исправить это сейчас, применив Brush Tool по пути.
Во-первых, нам нужно установить параметры кисти. Выберите инструмент Brush Tool (B). Размер выбранной насадки будет определять размер штрихов, накладываемых на контур. Очень маленький размер кисти (1-5 пикселей) создаст очень тонкие паутинные линии. Более 15 пикселей создаст более толстые линии, похожие на кабели. Мы выбрали 10-пиксельную головку. Кроме того, вы хотите установить чистый цвет кисти на белый.
Создайте новый слой (CTRL + SHIFT + N) и назовите его «Brush Stroke 1». После того, как вы выбрали размер кисти и создали слой, снова выберите Pen Tool (P).
Щелкните правой кнопкой мыши в любом месте холста и выберите «Путь обводки…». Когда появится диалоговое окно, убедитесь, что вы переключили выбор инструмента на «Кисть» и отметили «Имитация давления». Нажмите ОК. Тонкие линии пути теперь будут заполнены мазками кисти следующим образом:
Чтобы сделать мазки кисти более яркими, мы собираемся слегка их смазать. Выбрав слой «Brush Stroke 1», перейдите к Filter -> Blur -> Gaussian Blur.
Вы можете сделать размытие всего 1,0 пикселя и 10,0 пикселей в зависимости от размера ваших исходных мазков и добиться приятных результатов. Нам нравится только намек на размытие, поэтому мы выбрали 2.0.
Как только вы получите желаемый результат, выберите инструмент «Волшебная палочка» (W). Выберите одну из ваших линий (поскольку они пересекаются и все они находятся на одном слое, вам просто нужно выбрать точку посередине) с помощью инструмента «Волшебная палочка». Ваши результаты должны выглядеть так:
Чтобы на следующем шаге у нас не было неровных и некрасивых краев, нам нужно немного изменить наш выбор. Нажмите «Уточнить край» на верхней панели инструментов после выбора Волшебной палочки. В меню «Уточнить края» посмотрите в разделе «Настройка края» для «Перо»:
Отрегулируйте значение Feather во время просмотра предварительного просмотра. Вы хотите хороший гладкий хорошо смешанный край между вашим выбором и окружающей областью. Мы использовали значение 4,0 для нашего изображения. Нажмите ОК. Сохранить выбор для следующего этапа урока.
Окраска линий
Создайте новый слой под названием «Цвет». На этом слое вы можете рисовать любым цветом по своему усмотрению. Вы можете рисовать разные секции, применять градиент или комбинировать их. Мы собираемся серьезно изменить и настроить слой, так что не беспокойтесь о том, чтобы полностью скрыть вашу предыдущую работу..
Вместо того, чтобы вручную рисовать наши цвета, мы устанавливаем градиент радуги от одной стороны к другой, используя инструмент «Градиент» следующим образом:
Как только цвета будут выглядеть так, как вы хотите, выберите слой «Цвет» и настройте непрозрачность слоя. Мы набрали 50% для получения следующего эффекта:
Это оно! На этом этапе мы можем сохранить его, добавить больше строк, если мы хотим, изменить цвет или иным образом настроить изображение, но результаты в том виде, в каком они есть, теперь, безусловно, готовы к работе на рабочем столе..
Есть совет или хитрость, чтобы добавить к этому учебнику? Хотите увидеть, как мы делаем обои другого типа? Звук выключен в комментариях ниже.
