Как сделать неоновую аватарку

Обновлено: 25.01.2025

Неоновые изображения похожи в чём-то не стиль киберпанка. Все такие же яркие цвета и свечения с преобладанием розовых и красных, зеленых и синих. Но неоновые вывески, изображения очень упрощены. Они, скорее, представляют силуэты предметов и образов, хотя мастерам светоустановок удается сложить настоящие композиции и сюжетные картины. Но такие небольшие и простые изображения отлично подходят для аватарок, особенно для стима и пользуются немалой популярностью.

Мы подобрали для вас 104 аватарки для стима с неоновыми картинками. Самыми разными, от гитар и женщин до образов и сюжетных композиций. Некоторые из них сделаны с помощью фильтров Photoshop, но в большинстве – это работы со светом и фотографии.

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

С каждым последующим уроком замечаю, что все труднее придумать или найти какие-то интересные эффекты для анимаци аватаров (или других картинок), так что, если кто-то оставит запрос по конкретному эффекту, то писать уроки будет проще. :)

А пока новая идейка, пришедшая недавно: добавить к аватару немного неонового свечения без использования готовых кистей.
Этот эффект также можно применять, чтобы декорировать текст или использовать в коллажах.
Кроме того, этот урок продолжает тему работы с контурами, так хорошо изложенную Lady_Elora в ее уроках по работе с контурами и демонстрирует, что можно сделать с помощью контуров с картинкой.
Итак, попробуем обмотать неоновую линию вокруг этих изящных ножек.

1. Откроем будущий аватар в Photochop, а также откроем панель слоев (F7).
Совет: картинку лучше подобрать более контрастную и не слишком светлую, чтобы эффект смотрелся красиво. Хорошо, если на картинке будет присутствовать легкое размытие.

2. Вооружимся инструментом Перо (Р).
Сразу оговорюсь: урок рассчитан на начинающих, поэтому для создания эффекта я выбрала Свободное перо. Если вы умеете пользоваться пером, прокладывая отрезки, проделайте следующий шаг самостоятельно - выйдет гораздо красивее. Пока же мы только знакомимся с тем, каким образом можно применять этот инструмент.

Если же вы пользуетесь пером впервые,то проследите, чтобы настройки в верхней панели выглядели так:

Теперь нарисуем с помощью пера спираль.
Вам потребуется немного терпения и усидчивости, чтобы линия получилась более ровной. Если результат вам не понравился, удалить линию можно, нажав Del.
(Сама я, как видите, старалась не очень :)))))

3. Теперь у нас есть контур будущей неоновой линии и нужно ее нарисовать.
Для этого нажмем D, чтобы восстановить цвета палитры по умолчанию, а затем нажмем X, чтобы поменять цвета переднего и заднего планов местами. Рабочим цветом стал белый.

4. Выберем мягкую круглую Кисть (В) со следующим настройками:

Нажмем F5 и увидим, что мы попали в настройки кисти.
Активируем динамику кисти, поставив галочку.

Теперь внимательно!!
а)Создадим новый прозрачный слой (Ctrl+Shift+N).
б)Снова возьмем инструмент Перо (Р).
в)Наведем перо на наш контур, нажмем правую кнопку мыши и в выпавшем меню выберем команду к обведению контура.

г)В следующем выпавшем окне поставим галочку, чтобы имитировать нажим.

Получилась белая линия, которая постепенно истончается.

Добавим эффектов.
Создадим еще один прозрачный слой (Ctrl+Shift+N).
Снова возьмем инструмент Кисть (В).
Снова нажмем F5 и в настройках кисти активируем разбрызгивание:

Повторяем пункты в-г.

Вокруг линии появились брызги.

Контур нам больше не нужен, нажмите Enter, чтобы его убрать.
Также нажмите Ctrl+E, чтобы объединить прозрачные слои с кистью.

5. Добавим нашей спиральной линии свечения. Для этого заходим в Стиль слоя - Внешнее свечение:

И ставим следующие настройки (цвет для свечения выбирайте яркий и подходящий по тону к вашей картинке):

Теперь возьмем ластик (Е) и сотрем ту часть спирали, которая должна быть за объектом, ножками то бишь.

Продублируем слой со спиралью (Ctrl+J) и отключим его видимость, нажав на глазик в панели слоев.

6. Мы готовы к анимации. Переходим в Image Ready (Shift+Ctrl+M).
Открываем окно с анимацией и окно со слоями (F7 и F11).

В окне анимации дублируем кадр:

Включаем видимость верхнего слоя со спиралью:

Создаем промежуточные кадры:

А затем снова дублируем кадр - выключаем видимость верхнего слоя и снова создаем такое же количество промежуточных кадров.

Наша линия замерцала, и аватар готов.
Сохраните анимацию как gif: Сохранить Оптимизированный Как. /Save Optimized As.
Результат:

На этом все. Осталось добавить, что таким образом с помощью контуров можно не только рисовать всякие разные линии на картинках, чтобы их оформить, но и создавать свои собственные кисти.

───── - ̗̀ П р и в е т и к и ̖́- ─────

• ᶜᵃᶜᵗᵘˢ ʷᶦᵗʰ ʸᵒᵘ •

▔▔ ▔▔ ۰ ۰ ۰ ۰ ۰ ۰ ۰ ۰ ۰ ۰ ۰ ۰ ▔▔ ▔▔

┊Неоновый текст сейчас достаточно

┊популярен и очень даже красиво

┊смотрится. Но вы задумывались когда-то

┊"как его сделать?"

┊И так, сегодня, как вы уже могли понять с

┊названия, я расскажу как сделать на

┊неоновую надпись на картинке

┊Думаю, это заинтересует всех и вы

┊сможете сделать такое же и на своей

Что ж, приступим к работе

Для начала скачиваем приложение PicsArt и открываем (у кого есть, тогда просто открываем)

Выбираем картинку на которой хотите сделать неоновый текст. Я выбрала просто чёрный цвет

Ищем внизу "Текст"

Нажимаем на значок и пишем нужный вам текст на картинке. Шрифт выберите по желанию, а потом нажимаем на галочку в правом верхнем углу

Далее, опять же внизу, ищем значок "Эффекты" и нажимаем

Там вам будут предложены различные эффекты, но вы выбирайте внизу "Размытие"

Ищем размытие под названием "Линзы". Теперь выбираем "Ромб", радиус повышаем до 100, а светлость уводим в 0 и ниже выбираем "Светлее". Потом сохраняем, нажимая на галочку

(смотрите на картинку ниже)

Потом опять нажимаем на "Эффекты", теперь листаем в конец и выбираем "Цвета"

Затем, выбираем "Раскрасить" и водите пальцем по полоске "Тон" и выбирите нужный вам цвет

Вот и всё, теперь нажимаем на стрелку в правом верхнем углу и сохраняем

Вот и всё. Я старалась поподробнее объяснить, чтобы всем было понятно. Думаю, вам было интересно