Как сделать светящиеся линии в фотошопе: Как создать светящиеся линии в фотошопе — Быстро и красиво | Как сделать..
Как создать светящиеся линии в фотошопе — Быстро и красиво | Как сделать..
Всем привет, и сегодня мы рассмотрим небольшой и простой урок на тему как сделать светящиеся линии в фотошопе. Все делается очень и очень просто, при этом не используя ни каких дополнений. Применять данный скилл при работе в фотошоп можно безгранично. Вы ведь знаете что такое скилл?
Содержание
- Шаг 1:
- Шаг 2:
- Шаг 3:
Для начала создайте новый документ, примерно 750х500 пикселей, залейте его темным цветом к примеру таким #171717.
Шаг 2:
Возьмите инструмент «Перо» (пен тоол «P») и нарисуйте линию, не важно какую нам главное понять смысл как сделать а красоту можно подкорректировать:
Шаг 3:
Далее возьмите инструмент «Кисть» или нажмите клавишу (B), откройте настройки кисти (Окно — Кисть или нажмите F5) затем в пункте «Кегль» установите значение около 5 пикселей.
Сейчас внимание важные моменты последней подготовочной стадии:
Шаг 4:
Первым делом создайте новый слой (ctrl + n), затем установите основной цвет «Белый» или нажмите клавишу «D» для сброса цвета.
Теперь снова воспользуйтесь инструментом Pen Tool (P) Перо, нажмите правой кнопкой мыши по контуру и выберите пункт «Выполнить обводку контура» -> Инструмент: Кисть + Имитировать режим (как на скрине ниже)
После нажатия «ОК» у вас должно получится нечто такое, как у меня:
Ну вот самую главную работу мы уже сделали, теперь дело осталось за малым. А собственно сейчас я и отвечу на главный вопрос как линии сделать светящимися , будь то оттенок неона или стиль Железного человека.
Шаг 5:
Первым делом зайдем в стиль слоя контура (для этого кликните левой кнопкой мыши по созданному ранее слою в панели слоев, пока не откроется диалоговое окно). После этого выберите параметр Внешнее свечение и установите значения как показано ниже.
и еще для динамики можно добавить внутренних оттенков, типо этого
Ну вот и все, можете заценить свой результат!!! Более чем уверен что у Вас получилось лучше чем у меня |
Если вам не в падлу, то выкладывайте в комментариях свои свои скриншоты того что получилось!!! Необязательно создавать именно такой контур как у меня, можете даже нарисовать какую либо контурную фигурку, и проделать с ней вышеуказанные операции, представляю как круто получится ^_^
А я как нибудь так накручу наверчу, и вот такую фигню получу:
↑ А ты считаешь, как можно креативно назвать вот это ↑
Почему то у меня в голове крутится такое название «Светящаяся кегля», вам тоже показалось это странным? 0_о
В заключение
Если смог помочь, то очень рад! + если вы выполнили урок то очень благодарен! Писал как знал, пытался все рассказать как можно подробней и надеюсь у меня это получилось.
Если у вас не получилось с первого раза, не бросайте, продолжайте дальше, перечитайте урок возможно что-то пропустили или наоборот сделали лишнее. На всякий случай давайте повторим:
- Создать новый слой, взять перо и нарисовать произвольный контур
- Взять в руки Кисть, зайти в настройки изменить значение
- Создать новый слой, сбросить цвет установив в основу белый
- Создать обводку контура
- Настроить стиль слоя
- И конечно же показать нам свой результат! 🙂
Как то так. Всем пока, до следующего урока не забывайте подписаться на халявные обновы новых материалов для фотошоп а также рассылку этих уроков прямо себе на почту.
Простой эффект неонового света
Дизайн и графика » Photoshop
Автор Дмитрий Евсеенков На чтение 3 мин Просмотров 9к. Обновлено
Сегодня я хочу рассказать о простом методе получения эффекта неонового света — логотип, состоящий из светящихся неоновых трубок.
Методика получения эффекта довольно-таки простая и заключается в добавлении стилей слоя к изображению, всего слоёв у нас будет два — фон и слой с объектом, к которому будет применён эффект, в моём случае объект — это простой абстрактных логотип. Методика хорошо поможет начинающим пользователям Photoshop для понимания принципов работы со стилями слоя.
Да, обращаю ваше внимание, что объект должен состоять из линий, чтобы относительно габаритов объекта толщина линий была схожа с толщиной неоновых трубок. При применении стилей слоя габариты целевого объекта (в нашем случае, толщина линий — «неоновых трубок») важна! Тональность фона также очень важна, т.к. при слишком светлом или тёмном фоне не будут отображаться эффекты, создаваемые некоторыми стилями слоя.
Для лучшего понимания метода, по ссылке внизу страницы вы сможете скачать готовый файл PSD, выполненный по материалам статьи.
Вот что получилось у меня в результате:
Готовый результат создания эффекта неонового свечения в Photoshop.
Давайте начнём. Создаём новый файл в Photoshop размером 3000 на 3000 пикселей, фон — белый. Преобразуем фоновый слой в обычный (я назвал переименованный слой «background», как это сделать, рассказано в данной статье. Создаём новый слой, на котором рисуем (или копируем готовый) логотип или что либо другое, главное, как я упомянул выше, чтобы полученный объект состоял из относительно тонких линий. Я нарисовал вот такой «логотип», также показана панель слоёв документа:
Документ, состоящий из двух слоёв: логотип на прозрачном фоне и расположенный под ним слой для создания фона.
Займёмся фоном. Добавим к слою «background» стиль слоя «Наложение градиента». Как я упоминал выше, цвета и тональность фона здесь очень важны, т.к. они будут определять уровень реализма вашего дизайна. Он не может быть слишком тёмным или светлым, потому что многие эффекты при этом не будут работать, например при светлом фоне потеряет целевые пиксели режим наложения «Осветление основы» (Color Dodge).
Исходя из этого, для градиента я буду использовать цвета #285a82 (средне-светло-синий) и #151515 (темно-серый). Параметры стиля слоя «Наложение градиента показаны на рисунке:
Параметры стиля слоя «Наложение градиента»
В результате слой с фоном должен принять следующий вид:
Слой, содержащий фон для неонового эффекта.
Теперь займёмся слоем с логотипом. Собственно, всё, что нам нужно сделать — это придать слою несколько стилей слоя с определёнными параметрами. Это:
- Тиснение (Bevel and Emboss)
- Внутренняя тень (Inner Shadow)
- Внутреннее свечение; (Inner Glow)
- Наложение цвета (Color Overlay)
- Внешнее свечение (Outer Glow)
- Тень (Drop Shadow)
- и ещё одна Тень (Drop Shadow)
Параметры стилей слоя я приведу на картинках-скриншотах ниже, или же их можно посмотреть в документе PSD, скачать который вы можете по ссылке внизу страницы. Перевод режимов наложения (они используются в стилях слоя) на этой страничке.
После применения всех стилей слоя, если вы всё сделали правильно, то ваш документ должен выглядеть похожим на мой итоговый результат:
Готовый результат после применения всех стилей слоя.
А вот ка будет выглядеть эффект на более тёмном фоне со сплошным тёмно-серым цветом #2d2d2d, параметры стилей слоя с логотипом остались неизменными:
Изменение цвета фона с сине-серого градиента до сплошного тёмно серого.
Скачать файл PSD, выполненный по результатам урока:
Скачать с Яндекс Диск
Оцените автора
( 32 оценки, среднее 4 из 5 )
Добавление эффекта свечения с помощью Photoshop | Полный дизайн
В этом уроке я научу вас, как добавить эффект свечения светового луча в Photoshop, используя контуры, обычную кисть, фильтры и стили слоя.
Вы изучите различные методы, которые можно применять к другим изображениям, и которые помогут вам понять ужасный инструмент «Перо» и то, как различные режимы наложения влияют на то, как слои выглядят и взаимодействуют друг с другом.
Если у вас есть какие-либо вопросы, используйте раздел комментариев, и я свяжусь с вами. Давайте начнем!
Окончательный результат:
Ресурсы:
Lens-Flare.jpg
Шаг за шагом…
Откройте изображение в фотошопе
Шаг 2:
Решите, какую форму вы хотите придать завитку вокруг изображения, выберите инструмент «Кисть» (b) с белым передним планом, выбранным в качестве цвета со 100% непрозрачностью, жесткостью и текучестью (мы смягчим это позже) выберите размер кисти, который вы хотели бы.
Шаг 3:
С помощью инструмента «Перо» (p) (который требует некоторой практики, если вы к нему не привыкли, так что не расстраивайтесь слишком сильно) нарисуйте путь для своего водоворота, щелкните и удерживайте каждую опорную точку, затем перетащите ее, чтобы создать плавную кривую.
Совет: вы можете использовать инструмент Direct Selection Tool (a) для точной настройки вашего пути впоследствии.
Шаг 4:
Создайте и выберите новый слой поверх фонового изображения (назовите его, например, «основной штрих») и, выбрав инструмент «Перо» (p), щелкните правой кнопкой мыши на изображении и выбрать Путь обводки… ‘.
Шаг 5:
В меню траектории штриха выберите «Кисть» (которую мы предварительно определили на шаге 2), и, при желании, вы можете имитировать давление, чтобы сделать линию тоньше на каждом конце.
Шаг 6:
Теперь у вас есть красивая обведенная линия над вашим изображением… похоже на то, что вы могли бы сделать в Paint, подождите…
Шаг 7:
Создайте маску слоя для слоя с обводкой, выбрав слой и нажав кнопку маски слоя (показано ниже).
Совет: Вы можете использовать Ластик для этого следующего шага, но я думаю, что это хорошая привычка использовать маски слоя, поскольку они не разрушают слои, плюс вы не стираете Cmd/Ctrl + Z!
Шаг 8:
Теперь мы собираемся стереть те участки штриха, которые видны на изображении позади руки. Внимательно посмотрите на свое изображение и решите, какие участки лучше всего стереть.
Выберите инструмент «Кисть» (b) и черный цвет в качестве цвета переднего плана, слегка мягкой кистью выберите слой-маску на слое обводки. Начните « Стирание ».
Шаг 9:
Отлично, на самом деле начинает выглядеть как часть изображения!
Затем дважды продублируйте обводку, щелкнув правой кнопкой мыши > Дублировать слой… ИЛИ Cmd/ Ctrl + J, если хотите!
Затем щелкните правой кнопкой мыши дубликаты масок слоя и выберите «Применить маску слоя» …
Переименуйте средний штрих в «светящийся штрих» , а нижний — в «текстурированное свечение» .
Шаг 10:
Выберите слой ‘stroke свечение’, затем перейдите в Фильтр > Размытие > Размытие по Гауссу, у меня сработало около 20 пикселей.
Не беспокойтесь о том, что свечение немного «просочится» в тех местах, где мы немного потерли, обычно это все равно освещается «лучом света».
Шаг 11:
Теперь добавим немного цвета…. окончательно!! Скройте два верхних слоя и создайте новый слой над « текстурированным свечением ». Щелкните правой кнопкой мыши> «Создать обтравочную маску», затем залейте слой любым цветом, который вам нравится! Я выбрал зеленый.
Шаг 12:
Теперь мы собираемся размыть по Гауссу слой ‘ текстурированное свечение ‘, который должен дать нам красивое большое цветное свечение. Продублируйте слой, затем объедините их вместе, чтобы добавить немного дополнительной интенсивности, затем немного уменьшите непрозрачность, если это необходимо.
Шаг 13:
Теперь немного текстуры! Создайте новый слой Clipping Mask над слоем с цветом свечения.
Назовите это, я не знаю… текстура? Измените режим наложения на « Multiply », затем перейдите в Filter > Render > Clouds.
Отобразите два верхних слоя и… Отлично!
Шаг 14:
Далее мы собираемся добавить второй, меньший штрих, идущий вверх по руке. Поэтому выберите жесткую кисть меньшего размера, чем исходный штрих, и снова выберите белый передний план. Инструментом «Перо» (P) проследуйте по тому же пути, что и оригинал, но немного отклонившись от него.
Шаг 15:
Создайте новый слой (маленькая обводка) поверх всего и щелкните правой кнопкой мыши > Обводка контура.
Шаг 16:
Добавьте небольшое размытие по Гауссу к меньшему штриху.
Шаг 17:
Создайте слой-маску на меньшем штрихе и закрасьте черным кистью те области, где он уходит позади изображения.
Затем уменьшите непрозрачность слоя примерно до 20%.
Шаг 18:
Теперь нам нужно несколько светлых пятнышек, чтобы добавить немного глубины и волшебства изображению.
Создайте новый слой, затем выберите очень маленькую белую кисть с жесткостью 0%.
Затем начните нажимать на отдельные точки на изображении, изменяя размер кисти, у меня варьировался от 4 до 30 пикселей.
Шаг 19:
Теперь добавим блик к основному источнику света, в моем случае исходящего от кончика звуковой отвертки.
Возьмите изображение Lens-Flare.jpg ниже, выберите «Файл» > «Поместить…», затем измените размер и расположите изображение на месте.
Затем измените режим наложения на «Линейный осветлитель (добавить)» и уменьшите непрозрачность слоя до 90%.
Затем добавьте корректирующий слой, Слой > Новый корректирующий слой > Цветовой тон / насыщенность и Раскрасьте слой до нужного тона, это мои настройки.
..
Примечание. Убедитесь, что кнопки обтравочной маски и раскрашивания отмечены
Теперь у вас должен получиться отличный блик!
Шаг 20:
Наконец, поскольку цвет, который я использовал, полностью отличается от того, что использовался в исходном изображении, нам нужно, чтобы он выглядел так, будто свечение цвета действительно присутствует. Поэтому создайте новый корректирующий слой прямо над фоновым изображением, Layer > New Adjustment Layer > Hue/Saturation.
Вам придется немного поиграть с настройками, чтобы они соответствовали вашему изображению, но поскольку моему нужно было больше зеленого и немного дополнительной насыщенности, это были мои настройки…
Заключение:
Итак, существует множество различных версий техники «Неоновое свечение», но лично я считаю, что она работает лучше с несколькими дополнительными штрихами, например, со вторым штрихом меньшего размера.
а также небольшие светлые крапинки и блики, добавляющие немного глубины и интереса. Кроме того, релевантное изображение, подобное этому, с научно-фантастической темой и переходным источником света на картинке действительно связывает их вместе.
Надеюсь, этот урок был вам полезен! Любые вопросы или мысли, которые у вас могут возникнуть, пожалуйста, используйте раздел комментариев ниже.
Как создать эффект светящихся линий в Photoshop « Photoshop :: WonderHowTo
- По роухи
Это действительно круто, вы можете сделать эти потрясающие неоновые светящиеся линии с помощью Adobe Photoshop. Это интересный способ создавать креативные и красочные дизайны, и он выглядит очень аккуратно, не тратя время на проработку деталей.
1. Начните с нового черного фона размером 400×400 пикселей. 2. Перейдите к инструменту «Карандаш» и измените основной цвет на белый. (нажмите x) 3. Нарисуйте 3 прямые вертикальные линии. удерживайте клавишу Shift, чтобы сделать линии прямыми. 4. Выберите «Фильтр» > «Искажение» > «Волна». используйте настройки по умолчанию. 5. Продублируйте слой 4 раза и установите режим наложения для каждого из них на более светлый. 6. Повторите Filter > Distort > Wave по одному разу для каждого слоя. Затем объедините все слои. 7. Выберите Фильтр > Размытие > Размытие по Гауссу (радиус: 3,0 пикселя). Затем перейдите в Edit > Fade Gaussian Blur. (установите режим наложения на экран) Повторите этот шаг еще два раза.
