Как сделать светящуюся обводку в фотошопе
В этом уроке Алексей Кузьмичев расскажет как создать в фотошоп неоновую линию. Фотошоп урок больше ориентирован на начинающих пользователей.
Для создания эффекта лучше использовать динамичные снимки. Также, очень важно, чтобы фон на заднем плане был темным. Тогда все нарисованные линии будут хорошо заметные и контрастные, а эффект получится очень красивым.
Конечный результат представлен на скриншоте ниже.
Давайте приступим. Открываем фотографию и поверх создаем пустой слой.
Далее выбираем инструмент "Перо" (Pen Tool).
Начинаем рисовать нашу линию. Ставим первую точку, далее вторую и, не отпуская клавишу мыши, выгибаем кривую как на скриншоте ниже.
При помощи зажатой клавиши Ctrl вы можете перетаскивать точки как вам нравится, а используя направляющие, вы можете менять угол изгиба вашей кривой.
Теперь нам необходимо настроить кисть таким образом, чтобы выполнить обводку данного контура. Выбираем инструмент кисть и в настройках выставляем "Размер" на 25 пикселей (будет зависеть от вашей фотографии) и "Жесткость" на 0. "Прозрачность" и "Нажим" оставляем на 100%.
Далее переходим в параметры кистей и устанавливаем галочку на пункте "Динамика формы", чтобы мазок кисти выглядел как на скриншоте ниже.
Если у вас отсутствует палитра "Настройки кисти", то их можно включить через верхнее меню "Окно -> Кисть" (Window -> Brush). Горячая клавиша F5.
После этого переходим обратно к инструменту "Перо", щелкаем правой клавишей мыши по контуру и из выпадающего меню выбираем пункт "Выполнить обводку контура".
В настройках выставляем "Кисть" и ставим галочку "Имитировать нажим".
Контур будет обведен. Для того, чтобы убрать направляющие, нажимаем клавишу Esc на клавиатуре.
Следующим шагом будем добавлять свечение. Щелкаем два раза левой клавишей мыши справа от названия нового слоя, чтобы зайти в "Стили слоя". Здесь ставим галочку и переходим в настройку "Внешнее свечение" (Outer Glow). В настройках цвет для свечения указываем фиолетовый. Его можно взять с рукавов модели на фото. "Размах" поставим на 2% и "Размер" увеличиваем примерно до 50 пикселей, чтобы свечение было ярким. Можно еще уменьшить прозрачность до 80%. Все остальные настройки должны быть установлены как на скриншоте ниже.
Последним шагом будем стирать области светящейся спирали, которые нам не нужны. Для этого добавляем маску к слою, щелкнув по соответствующей иконке в палитре слоев.
Берем инструмент "Кисть". "Жесткость" выставляем на 50%, размер берем побольше и обязательно основным выставляем черный цвет. Начинаем аккуратно стирать те участки, где линия нам не нужна. Пытаемся добиться эффекта, чтобы линия шла вокруг тела нашей модели.
Как видите, теперь линия идет аккуратно вокруг тела модели и у нас с вами получилось вот такое красивое неоновое свечение.
В этом уроке мы с вами будем учиться создавать яркие светящиеся линии вокруг объекта. Это может быть как предмет, так и фигура человека. Также вы научитесь настраивать кисть для разных видов обработки. Итак, начнем.
Шаг 1. Для начала нужно определиться с тем самым объектом, вокруг которого мы будем делать наши линии. Я выбрала вот такую металлическую баночку из-под напитка. Думаю, будет смотреться достаточно оригинально. Вы же можете использовать любое другое, это не имеет большого значения.
Шаг 2. Теперь возьмите Инструмент Перо (Pen Tool) ,обведите свой объект и создайте выделение. После этого скопируйте объект в новый документ с черным фоном любого угодного вам размера. Далее Ctrl + щелчок по слою с баночкой, затем Выделение-Растушевка (Select-Feather) и ставите значение в 1px. Далее инвертируйте выделение, и нажмите Del.
Шаг 3. Продублируйте слой с объектом, режим наложения ему сделайте Умножение (Multiply), а степень прозрачности снизьте по своему вкусу.
Шаг 4. Создайте новый слой. На нем при помощи Инструмента Эллиптическая Область Выделения (Elliptical Marquee Tool) создайте овальное выделение, и залейте его градиентом. Я взяла черно-зеленый. Вы же вместо зеленого можете выбрать любой другой понравившийся вам цвет. Далее трансформируйте градиент так, чтобы он как бы лег горизонтально (см. рисунок ниже). Этим вы добавите своей картинке немного перспективы.
Шаг 5. Теперь откройте какую-нибудь текстуру, вроде той, что на картинке ниже. К сожалению, автор не предоставил ссылку на исходное изображение, которое он использовал. Поэтому возьмите любую другую подходящую текстуру с пятнами и вставьте в ваш документ. Затем обесцветьте ее любым удобным для вас способом.
Шаг 6. Измените слою с текстурой режим смешивания на Умножение (Multiply). Теперь белые пятнышки станут немного светлее.
Шаг 7. Также добавим стиль слоя Внешнее Свечение (Outer Glow), настройки вы видите на картинке ниже. Режим смешивания стиля - Осветление основы (Color Dodge). А для своей текстуры в настройках стиля слоя поставьте значения по своему вкусу. Обратите внимание, насколько интенсивнее и ярче стал свет, исходящий из-под баночки.
Шаг 8. А сейчас мы будем подготавливать кисть для рисования плавных светящихся линий. Мы должны так поработать с параметрами в настройках кисти, чтобы линии, проводимые ею, заканчивались тоненькой заостренной полосой. Итак, регулируем форму кисти во вкладке установки инструментов. Находится она в правом верхнем углу верхней панели программы. Открываем окно Кисти (Brushes), там выбираем Динамику Формы (Shape Dynamics). Поиграйте с настройками Минимального Диаметра (Minimum Diameter), пока не добьетесь результата, как показано на картинке ниже.
Шаг 9. Возьмите Инструмент Перо (Pen Tool) и проведите им плавную, изогнутую линию. Далее, пока у вас все еще активен этот инструмент, щелкните правой кнопкой мыши и выберите в появившемся окне пункт Выполнить обводку (Stroke Path). Затем во вновь появившемся окошке из общего списка выбираем Кисть (Brush) и ставим галочку рядом с окошком Имитировать Нажим (Simulate Pressure).
Шаг 10. Теперь добавьте слою с линией стиль Внешнее Свечение (Outer Glow) .Режим смешивания стиля - Осветление основы (Color Dodge). Настройки поставьте, как показано ниже.
Шаг 11. Теперь таким же путем нарисуйте столько светящихся линий, сколько вам захочется. Старайтесь проводить их в разном направлении, изгибайте, поворачивайте, в общем, делайте все, чтобы результат был примерно похож на картинку ниже. Да, и не забывайте, что слой с линиями должен находиться под слоем с вашим основным объектом.
Шаг 12. Эффект осветления основы смотрится намного лучше, если объект, находящийся на переднем плане, перекрывает собой цветной градиент. Поэтому сейчас вернитесь к слою с градиентом, который мы создавали в самом начале урока, и при помощи трансформации увеличьте его по своему вкусу. Теперь вокруг нашей баночки световых эффектов станет больше.
Шаг 13. Вы, наверное, успели заметить, что после увеличения градиента стали видны края текстуры. Нам это совсем не нужно. Избавимся от них с помощью Инструмента Ластик (Eraser Tool) большого диаметра и небольшой жесткостью. Но тут я могу сказать, что все зависит от вас. Если вы будете использовать другую текстуру, то вы просто можете растянуть ее под размер документа в самом начале, тем самым избавив себя от необходимости затирать ее сейчас.
Шаг 14. Сейчас добавим немного атмосферности нашему объекту. При помощи мягкой Кисти (Brush Tool) мы добавим несколько цветных зеленых пятен. Делаем это все на новом слое. Измените режим смешивания слоя на Мягкий Свет (Soft Light). Обратите внимание, насколько реалистичнее смотрится теперь баночка!
Шаг 15. Выделите объект на слое с баночкой, инвертируйте и удалите ненужную область.
Шаг 16. Наши светящиеся линии неплохо смотрятся, не правда ли? Но еще лучше они будут смотреться, если будут взаимосвязаны между собой, и самим объектом. Поэтому сейчас переместите слой со световыми линиями выше слоя с объектом.
Шаг 17. Большинство линий, находящихся на баночке, мы вытираем. Здесь вы работайте на свой вкус. Старайтесь сделать так, чтобы казалось, что некоторые линии выходят прямо из объекта. Результат вы видите ниже.
Шаг 18. Еще одна вещь, которая добавит нашей картинки некую стильность-это россыпь светящихся точек разного диаметра. Для того чтобы выполнить это действие, мы должны вновь настроить кисть. Только теперь настройки будут совершенно другие. Поиграйте ими так, чтобы получить что-то вроде той кисти, которая показана на картинке ниже. Если не можете настроить, примените обычную круглую мягкую кисть, меняйте только диаметр и жесткость. Либо же вы можете использовать готовую кисть с россыпью звезд, например. В сети их предостаточно.
Шаг 19. Примените кисть на новом слое вокруг светящихся линий и вокруг самого объекта. Периодически меняйте ее размер и жесткость. Затем добавьте этому слою такой же стиль, с такими же настройками, как у слоя с линиями.
Шаг 20. Теперь сотрите некоторые точки. Мы должны добиться легкого, утонченного эффекта. Некоторые из них можно сделать полупрозрачными.
Шаг 21. В конце, при помощи обычной кисти с высоким уровнем жесткости, на нескольких слоях добавим пару бликов, таких, какие бывают при съемке фотоаппаратом. Регулируйте уровень прозрачности этих слоев по своему вкусу. Это придаст еще немного реализма нашей работе.
Всем привет, и сегодня мы рассмотрим небольшой и простой урок на тему как сделать светящиеся линии в фотошопе. Все делается очень и очень просто, при этом не используя ни каких дополнений. Применять данный скилл при работе в фотошоп можно безгранично. Вы ведь знаете что такое скилл?
Шаг 1:
Шаг 2:
Возьмите инструмент "Перо" (пен тоол "P") и нарисуйте линию, не важно какую нам главное понять смысл как сделать а красоту можно подкорректировать:
Шаг 3:
Далее возьмите инструмент "Кисть" или нажмите клавишу (B), откройте настройки кисти (Окно - Кисть или нажмите F5) затем в пункте "Кегль" установите значение около 5 пикселей.
Сейчас внимание важные моменты последней подготовочной стадии:
Шаг 4:
Первым делом создайте новый слой (ctrl + n), затем установите основной цвет "Белый" или нажмите клавишу "D" для сброса цвета. Теперь снова воспользуйтесь инструментом Pen Tool (P) Перо, нажмите правой кнопкой мыши по контуру и выберите пункт "Выполнить обводку контура" -> Инструмент: Кисть + Имитировать режим (как на скрине ниже)
После нажатия "ОК" у вас должно получится нечто такое, как у меня:
Ну вот самую главную работу мы уже сделали, теперь дело осталось за малым. А собственно сейчас я и отвечу на главный вопрос как линии сделать светящимися , будь то оттенок неона или стиль Железного человека.
Шаг 5:
Первым делом зайдем в стиль слоя контура (для этого кликните левой кнопкой мыши по созданному ранее слою в панели слоев, пока не откроется диалоговое окно). После этого выберите параметр Внешнее свечение и установите значения как показано ниже.
и еще для динамики можно добавить внутренних оттенков, типо этого
Ну вот и все, можете заценить свой результат. Более чем уверен что у Вас получилось лучше чем у меня |
Если вам не в падлу, то выкладывайте в комментариях свои свои скриншоты того что получилось. Необязательно создавать именно такой контур как у меня, можете даже нарисовать какую либо контурную фигурку, и проделать с ней вышеуказанные операции, представляю как круто получится ^_^
А я как нибудь так накручу наверчу, и вот такую фигню получу:
↑ А ты считаешь, как можно креативно назвать вот это ↑
Почему то у меня в голове крутится такое название "Светящаяся кегля", вам тоже показалось это странным? 0_о
Если смог помочь, то очень рад! + если вы выполнили урок то очень благодарен! Писал как знал, пытался все рассказать как можно подробней и надеюсь у меня это получилось. Если у вас не получилось с первого раза, не бросайте, продолжайте дальше, перечитайте урок возможно что-то пропустили или наоборот сделали лишнее. На всякий случай давайте повторим:
- Создать новый слой, взять перо и нарисовать произвольный контур
- Взять в руки Кисть, зайти в настройки изменить значение
- Создать новый слой, сбросить цвет установив в основу белый
- Создать обводку контура
- Настроить стиль слоя
- И конечно же показать нам свой результат! :)
Как то так. Всем пока, до следующего урока не забывайте подписаться на халявные обновы новых материалов для фотошоп а также рассылку этих уроков прямо себе на почту.
В этом уроке я покажу вам, как создать эффект светящихся линий в фотошопе. Для этого урока мы выберем фотографию танцора. И так, давайте приступим.
Открываем нашу фотографию
Создаем новый слой
Выбираем инструмент Перо
И рисуем волнистую линю на нашем изображении
Выбираем инструмент Кисть и включаем панель кистей
Далее выбираем кисть как на изображении ниже
Выбираем основной цвет белый
Наводим курсор на линию, нажимаем правую клавишу мыши и выбираем пункт Выполнить обводку контура…
Далее добавляем стили слоя
Выбираем Параметры наложения
Выбираем нужный нам цвет
И производим настройки как на изображении ниже
Далее наводим курсор на нашу линию, кликаем правой клавишей и удаляем контур
Создаем дубликат слоя
Выбираем инструмент Перемещение
Переносим одну кривую ниже
Кликаем правой клавишей мыши, выбираем свободное трансформирование и устанавливаем вторую кривую как нам больше нравится
Выделяем слой к которому мы применили стили слоя. Кликаем по нему правой клавишей мыши и выбираем Скопировать стиль слоя
Затем выбираем наш новый. Кликаем по нему правой клавишей мыши и выбираем Вклеить стиль слоя
Включаем панель кистей и выбираем кисть в виде светящихся звезд
Наносим на изображение светящиеся точки
Такой вот эффект светящихся линий получился у меня. Вы можете обработать свою фотографию, используя этот урок. Думаю урок Вам был полезен. Обязательно пишите отзывы об уроке ниже и делитесь с друзьями в социальных сетях.
Шаг 1. Откройте программу Фотошоп и создайте новый документ с такими параметрами: размер 1200х600 пикселей, разрешение 72 пикс/дюйм. Теперь откройте текстуру кирпичной стены, скопируйте ее и вставьте в наш документ на новый слой. При помощи команды Free Transform (Свободное трансформирование) Ctrl + T измените размер текстуры, чтобы подогнать ее под размер холста. При помощи коррекции Image > Adjustments > Levels (Изображение - Коррекция - Уровни) или Ctrl + L немного затемните текстуру.
Шаг 2. Инструментом Horizontal Text Tool (T) (Горизонтальный текст) напишите любое слово. Для текста я использовал шрифт Impact, остальные настройки смотрите на изображении ниже.
Шаг 3. К текстовому слою примените некоторые стили слоя. Для этого сделайте двойной клик по слою с текстом и из списка выберите такие стили:
Drop Shadow (Тень):
Шаг 4. В этом шаге мы будем создавать текстуру гриля. Создайте новый документ размером 10х10 пикселей с разрешением 72 пикс/дюйм, фон - прозрачный. Увеличьте масштаб документа до 3200%. Выберите инструмент Brush Tool (B) (Кисть) с такими параметрами: кисть с жесткими краями, размер 1 пиксель и нарисуйте две линии черного цвета.
Сохраните этот шаблон Edit > Define Pattern (Редактирование - Определить узор) и назовите его Grill Pattern. Документ с созданной текстурой нам больше не пригодится, вы можете его закрыть.
Шаг 5. Продублируйте слой с текстом, сделав клик правой кнопкой мыши по тестовому слою и выбрав Duplicate Layer (Создать дубликат слоя). У копии удалите стили, для этого сделайте клик правой кнопкой мыши по копии текстового слоя и из меню выберите команду Clear Layer Styles (Очистить стиль слоя). Теперь примените новые стили:
Bevel and Emboss (Тиснение):
Color Overlay (Наложение цвета):
Шаг 6. Выберите инструмент Move Tool (V) (Перемещение) и при помощи стрелки вверх на клавиатуре переместите содержимое этого слоя на пять пикселей вверх.
Шаг 7. Теперь тексту добавим неоновую обводку. Снова продублируйте текстовый слой, у копии удалите стили и примените новый стиль Stroke (Обводка).
Нажмите ОК. Сделайте клик правой кнопкой мыши по значку FX на текстовом слое NEON copy и выберите команду Create Layer (Образовать слой), затем удалите его.
Шаг 8. К полученному слою примените следующие стили:
Drop Shadow (Тень):
Outer Glow (Внешнее свечение):
Inner Glow (Внутреннее свечение) примените с настройками по умолчанию.
Bevel and Emboss (Тиснение):
Color Overlay (Наложение цвета):
Вот результат после применения стилей слоя:
Шаг 9. Выберите инструмент Eraser Tool (E) (Ластик) и сотрите лишние части неоновой обводки.
Шаг 10. Для реалистичности вы можете добавить провода. Для этого создайте новый слой ниже слоя с неоновой обводкой. Воспользуйтесь кистью с жесткими краями размером 7 и 4 пикселей и нарисуйте провода. К слою с проводами примените такие стили:
Drop Shadow (Тень):
Bevel and Emboss (Тиснение):
Color Overlay (Наложение цвета):
Вот, что у вас должно получиться:
Шаг 11. К слою с текстурой кирпичной стены примените стиль Gradient Overlay (Наложение градиента).
Читайте также: