Skip to content
Increase font size Decrease font size Default font size default color orange color green color
Путь: Главная Уроки по Gimp Текст Светящийся текст

Текст

Светящийся текст

10.08.2009 10:40

В этом уроке я расскажу Вам, как при помощи Gimp сделать довольно красивый эффект светящегося текста. По моему скромному мнению эффект светящегося текста смотрится гораздо лучше при использовании закругленных шрифтов.

Этот урок включает в себя 6 шагов и потребует около 10 минут на выполнение для пользователя среднего уровня.

1

Создаем в Gimp новый файл 500 на 200 пикселей.
- Заливаем фон черным цветом.
- Выбираем инструмент Gimp Текст (Text-tool) и пишем любой текст в новом слое. Используем размер шрифта как минимум 60.
- Выбираем в меню Слой / Слой к размеру изображения (Layer / Layer to picture size). После этого Ваш текстовый слой будет того же размера, что размер изображения (размер букв при этом не изменится).

Создаем новый слой в Gimp

2

Следующий шаг урока - создание наружного свечения.

- Кликните по названию слоя в диалоге слоев Gimp правой клавишей мыши.
В появившемся меню выберите Альфа-канал - Выделение (Selection from Alpha).
- Выберите в меню Выделение / Увеличить: 3px (Select / Grow: 3px)
- Создайте новый слой, назовите его outer glow (наружное свечение).
- Залейте выделение в этом слое цветом #007eff.
- В диалоге слоев передвиньте этот слой ниже.

Создание наружного свечения

3

- Выберите в меню Gimp Выделение / Снять (Select / None) (или нажмите комбинацию Ctrl+Shift+A.
- Фильтр / Размывание / Гауссово размывание: 45px (Filter / Blur / Gaussian: 45px). - Продублируйте слой и примените гауссово размывание еще раз, на этот раз на 30px.

Выбираем Гауссово размывание в меню Gimp

4

Мой диалог слоев в Gimp выглядит примерно так после всего проделанного:

Диалог слоев в Gimp

5

Кликните по светящемуся текстовому слою в диалоге слоев, чтобы активировать его.
- Продублируйте его. - На дубликате примените еще одно гауссово размытие. Выставьте значение 15.
- Выберите в качестве режима слоя Осветление (Dodge).

Дублируем слой и еще раз применяем Гауссово размывание

6

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

Это все, урок окончен. У нас получился замечательный светящийся текст :)

Урок окончен, получен светящийся текст

Понравилась статья? Подпишитесь на
новые уроки и статьи по RSS или E-mail:


 
Комментарии 
 
0 # Анастасия 25.05.2010 00:13
Спасибо за урок! Только в упор не получается пункт 2, а именно:
- Выберите в меню Выделение / Увеличить: 3px (Select / Grow: 3px)
- Создайте новый слой, назовите его outer glow (наружное свечение).
- Залейте выделение в этом слое цветом #007eff.
- В диалоге слоев передвиньте этот слой ниже.
там где новый слой создать! Никак не могу создать его из выделения... Как это вообще делается? Какая то белиберда получается... подскажите пожалуйста(подр обно) как, а то я только только прогу осваиваю... а помощь половина на английском языке... Аж до слёз довело... Подскажите пожалуйста!!!!! !
Ответить | Ответить с цитатой | Цитировать
 
 
+5 # zhart 25.05.2010 09:58
Анастасия, да там вроде просто все...
Нужно не создавать слой из выделения, а просто залить выделение цветом на новом слое.
То есть делаем следующее:
  • создаем выделение вокруг текста
  • увеличиваем его на 3 пикселя
  • создаем новый прозрачный слой
  • выделив в диалоге слоев новый слой, выбираем инструмент «Заливка» и заливаем выделение указанным цветом
  • передвигаем полученный слой ниже текста


Теперь понятней?
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # Анастасия 27.05.2010 09:27
zhart, спасибо большое! Теперь с этим пунктом разобралась! Щаз попробую дальше! Надеюсь получится! спасибо за отклик!!! :-D
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # zhart 27.05.2010 10:56
Анастасия, пожалуйста, рад что смог помочь :)
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # lizaveta 06.07.2010 07:48
:'( :'( :'( а где можно найти режим остветление??
подскажите пожалуйста!!!! :'( :'( :'(
Ответить | Ответить с цитатой | Цитировать
 
 
0 # zhart 06.07.2010 08:17
Вкладка «Слои», на ней в самом верху — выпадающий список «Режим», в котором и нужно выбрать пункт «Осветление».
Ответить | Ответить с цитатой | Цитировать
 
 
+1 # Tim 12.08.2010 11:08
Большое спасибо за урок, очень полезный.
Хотелось бы видеть в уроках примеры с Веб-графикой, но пока пусто, жаль...
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # demm 10.10.2010 03:03
Подскажите, пожалуйста, какой в примере используется шрифт и есть ли его аналог для русского языка?
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # zhart 11.10.2010 07:46
Какой шрифт использовался именно в этом уроке, я сейчас уже сказать не могу.
Если вы хотите добиться сглаженности углов, то такой эффект можно получить практически с любым шрифтом. Для этого нужно преобразовать текст в контур и воспользоваться инструментами работы с контуром, например, динамической втяжкой.
Ответить | Ответить с цитатой | Цитировать
 
 
-2 # Александра 11.12.2010 12:26
А у меня вообще текст не работает. Нажимаю - ошибка, программа закрывается...
Ответить | Ответить с цитатой | Цитировать
 
 
-2 # zhart 11.12.2010 13:13
Тут уж точно я вам ничем помочь не смогу.
В Linux-версии у меня работает все как положено.
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # Ararat 13.01.2011 15:35
Спосибо я сам не мог сделать
Ответить | Ответить с цитатой | Цитировать
 
 
+3 # Константин 29.04.2011 13:39
Спасибо за урок - шикарный эффект от такой обработки. Подскажите пожалуйста какой цвет был использован чтобы получить золоте свечение как на последней картинке в посте?
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # zhart 29.04.2011 16:49
Урок переводной, скриншоты не мои, так что цвет точно не подскажу к сожалению. Но можно воспользоваться пипеткой, взяв образец цвета поближе к буквам. Для этих целей можно воспользоваться расширением «Color Picker» для Firefox, либо программой «GColor2». Моя пипетка показала цвет «#F5C800» :)
Ответить | Ответить с цитатой | Цитировать
 
Добавить комментарий


Защитный код
Обновить