ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
"Трехмерный" глянцевый текст
Очень долго руки не доходили до написания этой адаптации, но вот, наконец, она готова.
Ничего сверхъестественного для создания этой работы не потребуется, кроме плагина Layer Effects (да, снова в моей адаптации он) и вашей фантазии.
Итак, приступим.
1
Создаем новый документ со следующими параметрами:

Такой выбор объясняется тем, что будет проще работать с мелкими деталями, а также будут меньше потери в качестве при уменьшении изображения.
2
Берем инструмент «Текст» и пишем. Желательно, чтобы размер текста соответствовал изображению, а также был не слишком тонким.
В итоге я выбрал вот такие установки:

Текст Magneto Bold взят с сайта www.dafont.com
3
Кадрируем слой со словом (Слой > Автокадрировать слой), после чего берем инструмент «Перспектива» и искажаем, перемещая углы рамки

То, как будет выглядеть искаженное изображение, зависит лишь от вашего вкуса.
А теперь, пожалуй, самая нудная, но обязательная часть работы: придание объема.
4
Для начала выберем инструмент «Перемещение» и в параметрах переключаемся на *Переместить активный слой*
Затем дублируем слой с текстом, активируем копию, кликнув ЛКМ на изображении, после чего стрелочками клавиатуры перемещаем ее на 2 px. вправо (1 нажатие смещает на 1 px.)

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

6
Теперь создадим последнюю,

7
Приступим к созданию светящейся полосы для нашего текста.
Так как она будет находится как бы в середине букв, то нам и нужно будет поработать с несколькими средними слоями. В нашем случае это
Отключаем видимость остальных слоев (тыкаем в глазики рядом с названиеми в списке)
После чего жмем ПКМ на любом слое в списке и в менюшке выбираем -Объединить видимые слои…-

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

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

10
Теперь, по аналогии с пунктом 7, объединяем сначала
Вот как после этого выглядит список слоев:

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

12
Не снимая выделения переходим на [свечение] и жмем Delete. Тем самым мы удалим лишнюю, невидимую глазу часть этого слоя.
Теперь снимем выделение (Выделение > Снять или Shift+Ctrl+A)
13
Активируем слой [лицевая часть] и дублируем его. Копию назовем [блеск]

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

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

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

17
Жмем ПКМ на слое в списке, выбираем -

Инвертируем выделение (Выделение > Инвертировать или Ctrl+I), после чего нажимаем Delete. Не забудьте снять выделение.
Давайте придадим плавность границам блеска.
Примечание: эти 2 действия можно производить либо по очереди над каждой буквой, либо сразу над всеми.
18
Берем «Контур» и создаем контуры, округляющие острые углы блеска, примерно такие:

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

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

Если позже вы захотите поменять цвет свечения, то это легко делается тонированием.
21
Теперь нужно поменять местами новый появившийся слой и оригинальный слой [свечение]:

22
Переходим на [лицевую часть], дублируем его, обзываем копию [край]. Теперь применяем

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

Видимость края зависит от положения текста (наклон, перспектива)
В принципе, текст мы закончили, теперь займемся оформлением.
24
Открываем как слой
Затем располагаем так, как мы бы хотели его увидеть на буквах (используя «Перемещение», «Вращение», «Перспектива»)

25
Переходим на [лицевую часть], делаем

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

Ну вот собственно, и все. Вот наш результат (я вдогонку

Дерзайте! Ваш результат наверняка получится лучше, чем мой набросок в уроке. Адекватная критика и вопросы приветствуются.
Уроки: ← предыдущий следующий →
18 комментариев
Никита Высоцкий8 августа 2011 в 08:22Личное сообщение
Макс, как всегда рулишь=))
Если бы фон букв были не цветы, а что-то другое, то фон вполне отлично подходит под эти буквы. Обожаю твои уроки, так держать.
P.S. А будет урок с полупрозрачными 3D буквами? Очень хочется научится, а как, не знаю.
*Offtop* Андрей Сидоров, случайно не знаешь когда выйдет Gimp 2.7 под линукс?
Дмитрий Шерстобитов8 августа 2011 в 08:44Личное сообщение
Апплодирую не только руками,но и ногами,как всегда интересный урок
Вадим8 августа 2011 в 08:51Личное сообщение
Никита Высоцкий,
2.7.2 уже давно в репозитариях, но без "плюшек" трансформации, текста, слоев.
Макс Шевченко8 августа 2011 в 09:06Личное сообщение
Никит, писал на работе, поэтому в качестве покрытия текста пришлось использовать то, что было под рукой.. Но принцип, думаю, ясен..)
Макс Шевченко8 августа 2011 в 09:08Личное сообщение
***оффтоп***
Хм... полупрозрачные буквы... надо подумать. Спасибо за идею, порешаю на досуге..)
TechnoVirus8 августа 2011 в 09:21Личное сообщение
Никита Высоцкий, а это не то? http://www.progimp.ru/articles/effekt_sloyonogo_steklyannogo_teksta/
Наташа Никитина8 августа 2011 в 11:31Личное сообщение
Браво!Очень хороший урок!Люблю трёхмерные.Спасибо большое автору урока:)
Я пошла пробовать ;)
Никита Высоцкий8 августа 2011 в 11:48Личное сообщение
TechnoVirus, я помню про этот урок, что-то похожее, но не то... Я сейчас даже не могу найти тот пример, который меня заинтересовал. Если найду, то обязательно покажу.
А на счёт Gimp 2.7 в репозиториях я его так и не нашёл, видел только 2.6, но хотелось бы конечно же с "плюшками" чай, а не просто кипяточку попить. =)
Erbol Muratbek8 августа 2011 в 12:07Личное сообщение
Здаров Макс!!! Посматрел твой урок он очень интересный!!! так держать брат!! Я вот сделал анимация с текстом erbol но он пока в обработке!! макс ты самый первый слой не учел он не виден из за фона как ты думаешь может тебе поменять цвет на такой градиент Grey 3D #1
Андрей Сидоров8 августа 2011 в 12:52Личное сообщение
Никита, руками нужно собирать, чтобы с блекджеком и плюшками =)
Вадим8 августа 2011 в 13:15Личное сообщение
Никита Высоцкий,
я так и не смог собрать из GIT, что то у меня уже на стадии сборки самого Гимпа не вышло. Отложил до осени, до релиза. Тем более, что попробовал 2.7.3 под Виндой. Работает мягко, приятно.
$$ Leopard $$8 августа 2011 в 14:11Личное сообщение
А кто-нибудь поделится ссылочкой на скачивание шрифта "Magneto Bold"? А то я чего-то его не нашел.
$$ Leopard $$8 августа 2011 в 14:12Личное сообщение
Ой простите, нашел уже =). А урок Классный!
мс268 августа 2011 в 15:46Личное сообщение
А шрифт Magneto Bold Semi – Expanded уже есть в стандартной комплектации Гимпа. Я его дополнительно не устанавливал, он уже там был.
мс268 августа 2011 в 20:44Личное сообщение
Приношу свои извинения, зато, что ввёл людей в заблуждение. Данный шрифт не входит в стандартную комплектацию. Я посмотрел, на другом компьютере и его там нет.
Гимп использует шрифты операционной системы.
Дмитрий Шерстобитов8 августа 2011 в 23:35Личное сообщение
мс26,а Вы разве не знали,что Гимп использует шрифты операционной системы?
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
Информация по уроку
Добавил урок:
Макс Шевченко
Выполнено в GIMP 2.6.11
Опубликовано 8 августа 2011
Другие уроки автора
Кисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Работа с цветом
Уроки по GIMP
Скачать градиенты
Скачать
Плагины, кисти, текстуры
Вопрос-ответ
Будущее GIMP
Про Гимп
FreeType Text
Скачать → Плагины для GIMP
Вопросы
Как сделать в Гимп, чтобы текст извивался вместе с ленточкой
Стираю ластиком - получается белый фон
Как подписать текстом все слои в gif сразу?
Как сделать ластик прозрачным или чтоб стирал не белым цветом?
Оценка урока
«"Трехмерный" глянцевый текст» получил оценку 4.81 на основе 16 голосов.
9204+236 Комментария |
со ссылкой на www.progimp.ru. Более подробно →





















Имитация карандашного рисунка. N-ая попытка
Добавляем снег на фото
Луч света в темноте (адаптация)
Эффектное появление аватара (адаптация)
Фото в стиле Рариндры Пракарса. Золотое фото

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