GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

   


3D текст с глянцевым эффектом

Главная Уроки 3D текст с глянцевым эффектом

Очень долго руки не доходили до написания этой адаптации, но вот, наконец, она готова.

Ничего сверхъестественного для создания этой работы не потребуется, кроме плагина Layer Effects (да, снова в моей адаптации он) и вашей фантазии.

Итак, приступим.

1

Создаем новый документ со следующими параметрами:

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

2

Берем инструмент «Текст» и пишем. Желательно, чтобы размер текста соответствовал изображению, а также был не слишком тонким.

В итоге я выбрал вот такие установки:

Текст Magneto Bold взят с сайта www.dafont.com

3

Кадрируем слой со словом (Слой > Автокадрировать слой), после чего берем инструмент «Перспектива» и искажаем, перемещая углы рамки

То, как будет выглядеть искаженное изображение, зависит лишь от вашего вкуса.

А теперь, пожалуй, самая нудная, но обязательная часть работы: придание объема.

4

Для начала выберем инструмент «Перемещение» и в параметрах переключаемся на *Переместить активный слой*

Затем дублируем слой с текстом, активируем копию, кликнув ЛКМ на изображении, после чего стрелочками клавиатуры перемещаем ее на 2 px. вправо (1 нажатие смещает на 1 px.)

5

Повторяем пункт 4, снимая каждую новую копию с предыдущей и сдвигая. Объем текста напрямую зависит от количества слоев-копий. В уроке я решил остановиться на 12-ти.

6

Теперь создадим последнюю, 13-ю копию и сдвинем ее на 1 px. вправо. Этот слой можно переименовать в [лицевую часть].

7

Приступим к созданию светящейся полосы для нашего текста.

Так как она будет находится как бы в середине букв, то нам и нужно будет поработать с несколькими средними слоями. В нашем случае это слои-копии 5,6,7 и 8.

Отключаем видимость остальных слоев (тыкаем в глазики рядом с названиеми в списке)

После чего жмем ПКМ на любом слое в списке и в менюшке выбираем -Объединить видимые слои…-

8

Переименовываем получившийся слой в [свечение] и включаем видимость остальных слоев

9

Находясь на [свечении], направляемся в Цвет > Тонирование и устанавливаем освещенность на максимум

10

Теперь, по аналогии с пунктом 7, объединяем сначала слои-копии 9,10,11,12, переименовываем получившийся в [переднюю часть], а затем слои-копии 1,2,3,4, переименовав итоговый слой в [заднюю часть]

Вот как после этого выглядит список слоев:

11

В списке переходим на слой [передняя часть], жмем ПКМ и выбираем -Альфа-канал в выделение-

12

Не снимая выделения переходим на [свечение] и жмем Delete. Тем самым мы удалим лишнюю, невидимую глазу часть этого слоя.

Теперь снимем выделение (Выделение > Снять или Shift+Ctrl+A)

13

Активируем слой [лицевая часть] и дублируем его. Копию назовем [блеск]

14

Тонируем [блеск] так же, как мы делали это в пункте 9

15

Берем «Эллиптическое выделение» и создаем вот такой овал:

После чего жмем Delete, удаляя лишнее, а затем снимаем выделение.

16

Теперь запираем альфа-канал слоя [блеск], выбираем инструмент «Градиент» и заливаем им наш слой примерно таким образом:

17

Жмем ПКМ на слое в списке, выбираем -Альфа-канал в выделение-, после чего идем в Выделение > Уменьшить… и выставляем в окошке 3 px.

Инвертируем выделение (Выделение > Инвертировать или Ctrl+I), после чего нажимаем Delete. Не забудьте снять выделение.

Давайте придадим плавность границам блеска.

Примечание: эти 2 действия можно производить либо по очереди над каждой буквой, либо сразу над всеми.

18

Берем «Контур» и создаем контуры, округляющие острые углы блеска, примерно такие:

19

Теперь в параметрах инструмента жмем кнопку *Выделение из контура*, а затем удаляем выделенное (Del) и снимаем выделение.

Результат:

Кстати, чтобы «убрать» оставшиеся контуры, просто переключитесь на другой инструмент.

20

Давайте вспомним про слой [свечение], не просто ж так мы его создавали.

Переключаемся на него, направляемся в Script-Fu > Layer Effects > Outer Glow… и применяем:

Если позже вы захотите поменять цвет свечения, то это легко делается тонированием.

21

Теперь нужно поменять местами новый появившийся слой и оригинальный слой [свечение]:

22

Переходим на [лицевую часть], дублируем его, обзываем копию [край]. Теперь применяем Script-Fu > Layer Effects > Inner Glow… со следующими настройками:

От непрозрачности зависит то, насколько ярким будет край.

23

Берем «Ластик», выбираем небольшую кисточку с мягким краем и начинаем убирать те участки края, которые не должны быть видны (обозначены красным)

Видимость края зависит от положения текста (наклон, перспектива)

В принципе, текст мы закончили, теперь займемся оформлением.

24

Открываем как слой какое-нибудь изображение (Файл > Открыть как слои… или Ctrl+Alt+O).

Затем располагаем так, как мы бы хотели его увидеть на буквах (используя «Перемещение», «Вращение», «Перспектива»)

25

Переходим на [лицевую часть], делаем альфа-канал в выделение, затем, не снимая выделения, возвращаемся на слой с картинкой, инвертируем выделение и удаляем.

26

Снимаем выделение, изменяем непрозрачность слоя с картинкой примерно до 20–30%

Ну вот собственно, и все. Вот наш результат (я вдогонку чуть-чуть поиздевался над фоном):

Дерзайте! Ваш результат наверняка получится лучше, чем мой набросок в уроке. Адекватная критика и вопросы приветствуются.


20

В избранном у 20 человек:

Метки: , , , , , , , , ,

Результаты урока

Добавить

Уроки: предыдущий следующий

18 комментариев

1

Пользователь #4067Nikita Andreev8 августа 2011 в 06:23Личное сообщение

отличный урок,как всегда

1

Пользователь #2832Никита Высоцкий8 августа 2011 в 08:22Личное сообщение

Макс, как всегда рулишь=))
Если бы фон букв были не цветы, а что-то другое, то фон вполне отлично подходит под эти буквы. Обожаю твои уроки, так держать.
P.S. А будет урок с полупрозрачными 3D буквами? Очень хочется научится, а как, не знаю.
*Offtop* Андрей Сидоров, случайно не знаешь когда выйдет Gimp 2.7 под линукс?

0

Пользователь #3524Дмитрий Шерстобитов8 августа 2011 в 08:44Личное сообщение

Апплодирую не только руками,но и ногами,как всегда интересный урок

0

Пользователь #3233Вадим8 августа 2011 в 08:51Личное сообщение

Никита Высоцкий,
2.7.2 уже давно в репозитариях, но без "плюшек" трансформации, текста, слоев.

0

Пользователь #1812Макс Шевченко8 августа 2011 в 09:06Личное сообщение

Никит, писал на работе, поэтому в качестве покрытия текста пришлось использовать то, что было под рукой.. Но принцип, думаю, ясен..)

0

Пользователь #1812Макс Шевченко8 августа 2011 в 09:08Личное сообщение

***оффтоп***
Хм... полупрозрачные буквы... надо подумать. Спасибо за идею, порешаю на досуге..)

0

Пользователь #1384TechnoVirus8 августа 2011 в 09:21Личное сообщение

Никита Высоцкий, а это не то? /articles/effekt_sloyonogo_steklyannogo_teksta/

0

Пользователь #4439Наташа Никитина8 августа 2011 в 11:31Личное сообщение

Браво!Очень хороший урок!Люблю трёхмерные.Спасибо большое автору урока:)
Я пошла пробовать ;)

0

Пользователь #2832Никита Высоцкий8 августа 2011 в 11:48Личное сообщение

TechnoVirus, я помню про этот урок, что-то похожее, но не то... Я сейчас даже не могу найти тот пример, который меня заинтересовал. Если найду, то обязательно покажу.
А на счёт Gimp 2.7 в репозиториях я его так и не нашёл, видел только 2.6, но хотелось бы конечно же с "плюшками" чай, а не просто кипяточку попить. =)

0

Пользователь #3315Erbol Muratbek8 августа 2011 в 12:07Личное сообщение

Здаров Макс!!! Посматрел твой урок он очень интересный!!! так держать брат!! Я вот сделал анимация с текстом erbol но он пока в обработке!! макс ты самый первый слой не учел он не виден из за фона как ты думаешь может тебе поменять цвет на такой градиент Grey 3D #1

0

Пользователь #4Андрей Сидоров8 августа 2011 в 12:52Личное сообщение

Никита, руками нужно собирать, чтобы с блекджеком и плюшками =)

0

Пользователь #3233Вадим8 августа 2011 в 13:15Личное сообщение

Никита Высоцкий,
я так и не смог собрать из GIT, что то у меня уже на стадии сборки самого Гимпа не вышло. Отложил до осени, до релиза. Тем более, что попробовал 2.7.3 под Виндой. Работает мягко, приятно.

0

Пользователь #3480$$ Leopard $$8 августа 2011 в 14:11Личное сообщение

А кто-нибудь поделится ссылочкой на скачивание шрифта "Magneto Bold"? А то я чего-то его не нашел.

0

Пользователь #3480$$ Leopard $$8 августа 2011 в 14:12Личное сообщение

Ой простите, нашел уже =). А урок Классный!

0

Пользователь #2898мс268 августа 2011 в 15:46Личное сообщение

А шрифт Magneto Bold Semi – Expanded уже есть в стандартной комплектации Гимпа. Я его дополнительно не устанавливал, он уже там был.

2

Пользователь #2898мс268 августа 2011 в 20:44Личное сообщение

Приношу свои извинения, зато, что ввёл людей в заблуждение. Данный шрифт не входит в стандартную комплектацию. Я посмотрел, на другом компьютере и его там нет.
Гимп использует шрифты операционной системы.

-1

Пользователь #3524Дмитрий Шерстобитов8 августа 2011 в 23:35Личное сообщение

мс26,а Вы разве не знали,что Гимп использует шрифты операционной системы?

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.

  • >

Информация по уроку

Другие уроки автора

Фото-обработка. Фото в стиле «Высокий ключ»
Ещё один способ создания известного эффекта, без плагинов, но с каналами.

Фото-обработка. Портрет в стиле beauty
Как обычно, адаптация, но в этот раз видео-урока. Он простой и без плагинов, работать будем, в основном, с масками и режимами наложения.

Каменное сердце
Очередная адаптация очередной фотоманипуляции. Цветокоррекция, плагины и прочие вкусности в наличии.

Прозрачные руки на лице
Урок-ответ, в котором мы создадим полупрозрачный facepalm.

Лицо-спираль
Очередной урок с издевательством над фотографией знаменитости. Нет, на этот раз не Бибер.

Кисти

doodles2_brushes_by_hawksmont7 NSS-V2.0-brush-an-9 GIMP Brush GIMP Brush Abstract1 Smoke1 Smoke2 Smoke3 abstract2 s_splat2 to_many_splatters(by ResONE) Пестрая клякса My Brush GIMP Brush стрелочка еккс еккс пече самаил GIMP Brush Zvezda привет! значек Warface неоновый меч
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«3D текст с глянцевым эффектом» получил оценку 4.81 на основе 16 голосов.

13876+0
Комментариев

вверх