- Быстрый старт
- ProGIMP — сайт про Гимп
- Эффект свечения в GIMP
- Быстрый старт
- ProGIMP — сайт про Гимп
- Светящиеся полосы
- Создаем настоящий неоновый текст в GIMP
- 1. Работа с текстом
- Шаг 1
- Шаг 2
- Шаг 3
- Шаг 4
- Шаг 5
- Шаг 6
- 2. Создаем неоновый эффект для текста
- Шаг 1
- Шаг 2
- Шаг 3
- Шаг 4
- Шаг 5
- Шаг 6
- 3. Регулировка яркости неонового свечения
- Шаг 1
- Шаг 2
- Шаг 3
- Шаг 4
Быстрый старт
ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Эффект свечения в GIMP
Создайте новый документ размером 800×600. Фон сделайте черным. Создайте новый слой и назовите его «circle 1».
Возьмите инструмент «Эллиптическое выделение» и нарисуйте круг в центре холста.
Теперь возьмите инструмент «Градиент» и в его настройках укажите радиальный тип градиента, смещение 40, сам градиент установите «Основной в прозрачный» и разверните его стрелочкой справа. Примените градиент к изображению так:
В результате получиться должно что-то вроде этого:
Теперь делаем 2 дубликата слоя с кругом и называем их «circle 2» и «cirle 3».
Сейчас нужно подвигать слои. Берем слой «circle 3» и передвигаем его влево и вверх.
Создайте дубликат этого слоя и сделайте, как показано на рисунке ниже. Полученный слой переименуйте в «circle 4».
Сделайте тоже самое со слоем «circle 2», дубликат слоя переименуйте в «circle 5». Двигайте слой вправо и вниз.
Теперь нужно сменить режим смешивания на всех пяти слоях. Установите режим смешивания «Экран».
Создайте дубликат слоя «circle 5» и переименуйте его в «circle 6». Передвиньте слой вверх и влево, как на рисунке ниже.
Поменяйте режим смешивания на «Перекрытие».
Создайте два дубликата слоя «circle 6» и переместите их вверх.
В итоге должно получиться 8 слоев. Создайте еще один слой и назовите его «gradient».
Возьмите инструмент «Градиент». Установите темно-синий цвет (Deep Sea), непрозрачночть должна быть 100%, тип градиента — «Линейный», а смещения = 0.
Примените градиент к новому слою:
Измените режим смешивания на «Перекрытие».
Создайте дубликат слоя «gradient» и понизьте непрозрачность слоя до 60%.
Теперь создаем слой. Назовем его «reverse gradient». Установите слою режим смешивания «Перекрытие». Применяем градиент в таком направлении:
Получиться должно так:
Создаем новый слой под названием «light». С помощью Эллиптического выделения создаем маленький кружок и заливаем его белым цветом.
Применяем фильтр «Гауссово размывание» (Фильтры — Размывание — Гауссово размывание) с параметрами 60px.
Создайте несколько дубликатов слоя и разместите там, где хотите подсветить изображение. После этого поменяйте на слоях со светом режим смешивания на «Мягкий свет».
После этого можете «поиграть» с настройкой непрозрачности слоев. В результате, у автора получилось так:
Источник
Быстрый старт
ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Светящиеся полосы
Это перевод англоязычной статьи. Как обычно — текст переведен, а картинки оригинальные, но кадрированные.
Создаем изображение 1280×700 с черным цветом фона. После этого создаем новый прозрачный слой. Будем работать на нём. Нажмите по новому слою на панели слоёв, чтобы сделать его активным.
Возьмите инструмент «Контуры», чтобы сделать ровную горизонтальную линию. Её длина не очень важна. Важно, чтобы она была видна.
Переключите цвет переднего плана на белый. В инструменте «Контуры» на панели настройки инструмента нажмите кнопку «Обвести по контуру». В открывшемся диалоге выберите ширину в 1 пиксель и нажмите Ок.
После этого контур (полоса, по которой была сделана обводка) должен остаться видимым. Если он пропал — можно открыть панель контуров (Окна — Стыкующиеся диалоги — Контуры) и нажать слева на место, где должен быть глазик как у слоёв.
Создайте новый прозрачный слой. Опять обведите контур, но теперь используйте ширину 11 пикселей.
Теперь используем Гауссово размывание (Фильтры — Размывание — Гауссово размывание) с параметром 100 пикселей.
На панели слоёв нажмите правой кнопкой мыши на размытом слое и в появившемся меню выберите «Объединить с предыдущим», а потом меню Слой — Автокадрировать слой.
Теперь выберите инструмент «Перспектива». Переместите две левые точки так, чтобы они сошлись в середине:
На этом этапе у вас уже должна быть линия, которая сужена к левому концу. Теперь мы продублируем линию и повернём ее в другую сторону.
Дублируйте слой (Слой — Создать копию слоя), выберите инструмент «Зеркало» и отразите слой по горизонтали. Теперь инструментом «Перемещение» подвиньте слои так, чтобы не было явных стыков и казалось, что полоса цельная.
Объедините оба слоя.
Дальше мы будем работать с моим любимым фильтром «Интерактивное искажение», но перед этим нужно переместить слой на середину холста, так, чтобы в инструменте было больше возможностей для деформации и выполните Слой — Слой к размеру изображения.
Продублируйте слой (Слой — Создать копию слоя) столько раз, сколько хотите полос в конце урока. 3–5 достаточно.
Фильтр «Интерактивное искажение» (Фильтры — Искажения — Интерактивное искажение). Выберите пункт «Перемещение» и задайте радиус деформации 180–200 пикселей, а степень деформации 0.10–0.20.
Кликайте и перемещайте курсор мыши в окне просмотра (слева). В результате должна получиться хорошая гладкая кривая с не особо равными изгибами.
Проделайте то же самое со всеми остальными копиями слоя.
Инструментом «Перемещение» раскидайте линии немного дальше друг от друга.
В панели слоев уберите значок глаза с фонового слоя и зайдите в меню «Слой — Создать из видимого».
Убедитесь, что новый слой активен и с ним можно работать.
Добавим динамики нашей картинке. Фильтры — Размывание — Размывание движением (линейное с длиной 170 пикселей и углом в 0 градусов).
Дублируем размытый слой и снова используем фильтр. Теперь с длиной 190 пикселей и углом 40 градусов. После этого берем инструмент «Масштаб» и растягиваем слой до 150%.
Новый прозрачный слой. Инструмент «Градиент». Измените цвет переднего плана на черный, а в настройках градиента выберите градиент «Из основного в прозрачный». Затемните левую и правую сторону изображения.
Создайте новый прозрачный слой. Возьмите инструмент «Кисть» и разукрасьте линии.
Теперь используем фильтр «Размывание движением» с длиной около 200 и углом в 0 градусов. После этого размойте слой фильтром «Гауссово размывание» с параметром 100 пикселей.
Установите режим слоя на «Цвет» (находится на панели слоёв; выпадающий список с параметром «Нормальный»).
Перемещайте слой так, чтобы он создал лучший результат перекрашивания.
После этого автор просит сохранить изображение как .xcf.
Создайте копию изображения (Изображение — Создать копию) и объедините все слои на копии изображения (Изображение — Свести изображение).
Продублируйте слой и пройдитесь по дублю фильтром «Гауссово размывание» с параметром 10 пикселей. После этого установите слою режим смешивания «Осветление».
Создайте новый слой, выберите инструмент «Кисть» и используйте кисть большого масштаба с гладкими краями. Сделайте одну белую точку в центре изображения. Установите режим смешивания «Только светлое».
Воспользуйтесь инструментами трансформации, чтобы переместить и подогнать точку под размер линий.
Теперь напишите текст с помощью тонкого шрифта в середине картинки. Можете отразить текст по вертикали и подтереть нижнюю часть, чтобы создался эффект мокрого пола.
Вот и всё. Удачи вам с вашими собственными эффектами свечения полос.
Источник
Создаем настоящий неоновый текст в GIMP
В этом уроке мы научимся создавать неоновый текст в GIMP, который вы наверняка не раз видели на светящихся вывесках больших городов.
p, blockquote 1,0,0,0,0 —>
Пример работы:
p, blockquote 2,0,0,0,0 —>
p, blockquote 3,0,0,0,0 —>
1. Работа с текстом
Шаг 1
Запустите GIMP и создайте новое изображение размером 640×400 px. В расширенных параметрах в строке Заполнение выберите Цветом переднего плана (черным).
p, blockquote 4,0,0,0,0 —>
p, blockquote 5,0,0,0,0 —>
Шаг 2
Возьмите инструмент Текст. В параметрах задайте:
p, blockquote 6,0,0,0,0 —>
- Шрифт — Magneto Bold Semi-Extended;
- Размер шрифта — 190 px;
- Цвет шрифта – Белый;
- Выключка – По центру.
p, blockquote 7,0,0,0,0 —>
Шаг 3
Введите ваш текст. Например, Neon text.
p, blockquote 8,0,0,0,0 —>
p, blockquote 9,0,0,0,0 —>
Шаг 4
Возьмите инструмент Выравнивание и сделайте клик по тексту на изображении. С помощью кнопок в параметрах инструмента установите надпись по центру.
p, blockquote 10,0,0,0,0 —>
p, blockquote 11,0,1,0,0 —>
p, blockquote 12,0,0,0,0 —>
Шаг 5
Во вкладке Слои сделайте правый клик по текстовому слою и выберите Слой к размеру изображения. Снова сделайте правый клик и выберите Альфа-канал в выделение.
p, blockquote 13,0,0,0,0 —>
p, blockquote 14,0,0,0,0 —>
Шаг 6
Подготовьте выделение для применения неонового эффекта:
p, blockquote 15,0,0,0,0 —>
- Уменьшите выделение на 3 px с помощью меню Выделение – Уменьшить.
- Через меню Правка – Очистить удалите выделенную область (или нажмите клавишу Delete).
- Снимите выделение через меню Выделение – Снять выделение.
На этом шаге мы завершили создание контура неоновых трубок.
p, blockquote 16,0,0,0,0 —>
p, blockquote 17,0,0,0,0 —>
2. Создаем неоновый эффект для текста
Шаг 1
В диалоговом окне Слои сделайте следующее:
p, blockquote 18,0,0,0,0 —>
- Создайте копию текстового слоя и отключите видимость созданной копии.
- Активируйте нижний текстовый слой, кликнув по нему.
p, blockquote 19,0,0,0,0 —>
Шаг 2
В меню выберите Фильтры – Альфа в логотип – Неон.
p, blockquote 20,0,0,0,0 —>
- Задайте Размер эффекта – 100 точек.
- Кликните по кнопке Цвет свечения. В окне выбора цвета задайте в строке HTML-разметка код 00ff00.
p, blockquote 21,0,0,0,0 —>
Вы можете выбрать свой цвет для неоновой вывески. В строку HTML-разметка введите, например, такие значения: FF00FF – розовый, FFFF00 – желтый, 00FF00 – зеленый (показан в этом уроке).
p, blockquote 23,0,0,0,0 —>
Шаг 3
После применения фильтра Неон:
p, blockquote 24,0,0,0,0 —>
- Удалите слои Background и Neon Tubes.
- Отключите видимость слоя Neon Glow.
Шаг 4
Активируйте слой с хэштегом Ваш текст #1, сделав по нему клик и включите его видимость пиктограммой глаза. Вот как будет выглядеть диалоговое окно Слои после всех действий.
p, blockquote 25,0,0,0,0 —>
p, blockquote 26,0,0,0,0 —>
А незаконченный неоновый текст будет выглядеть так. Уже красиво, но до настоящей вывески из неоновых трубок ещё далеко.
p, blockquote 27,0,0,0,0 —>
p, blockquote 28,0,0,0,0 —>
Шаг 5
Выберите в меню Фильтры – Повторить с настройкой «Неон». Для параметра Размер эффекта задайте 30 точек.
p, blockquote 29,0,0,0,0 —>
p, blockquote 30,0,0,0,0 —>
Шаг 6
p, blockquote 31,0,0,0,0 —>
- Удалите слой Background.
- Удалите слой с хэштегом Ваш текст #1.
- Активируйте слой Neon Tubes.
Диалоговое окно слоев будет выглядеть так.
p, blockquote 32,0,0,0,0 —>
p, blockquote 33,0,0,1,0 —>
3. Регулировка яркости неонового свечения
Шаг 1
Создайте копию слоя Neon Tubes. Затем примените к копии режим Экран.
p, blockquote 34,0,0,0,0 —>
p, blockquote 35,0,0,0,0 —>
Шаг 2
Активируйте слой Neon Glow и установите Непрозрачность неонового свечения на 90.
p, blockquote 36,0,0,0,0 —>
p, blockquote 37,0,0,0,0 —>
Шаг 3
Кликните правой клавишей мыши на любом слое и выберите Объединить видимые слои.
p, blockquote 38,0,0,0,0 —>
p, blockquote 39,0,0,0,0 —>
Шаг 4
В окне Параметры объединения слоев нажмите кнопку Объединить.
p, blockquote 40,0,0,0,0 —>
p, blockquote 41,0,0,0,0 —>
Оцените готовый неоновый текст:
p, blockquote 42,0,0,0,0 —>
p, blockquote 43,0,0,0,0 —> p, blockquote 44,0,0,0,1 —>
На этом урок по созданию неонового текста в GIMP закончен. В конце вы можете сохранить изображение в нужном вам формате.
Источник