вход или регистрация

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

   

Глянцевый металлический 3D текст

Главная Уроки по GIMP Глянцевый металлический 3D текст

Создайте новый документ. Залейте его любым градиентом или текстурой.

Напишите любой текст белым цветом и любым шрифтом. Потом Слой -> Слой к размеру изображения.

Выделите текст (Слой -> Прозрачность -> Альфа-канал в выделение). Создайте новый прозрачный слой (Слой -> Создать слой). Увеличьте выделение (Выделение -> Увеличить) на 10px. Залейте слой чёрным цветом.

Создайте новый слой. Цвет фона (заднего плана) установите на серый цвет (#808080). Возьмите инструмент Градиентная заливка. Градиент — Основной в фоновой. Залейте выделение градиентом снизу вверх.

Нажмите правой кнопкой на слой (в панели слоев) с белым текстом и выберите Альфа-канал в выделение. Перейдите на верхний слой (Новый слой#1). Увеличьте выделение (Выделение -> Увеличить) на 2px. Нажмите на клавишу Delete.

Выделите текст на этом слое (Слой -> Прозрачность -> Альфа-канал в выделение). Создайте новый слой. (Основной) Цвет переднего плана установите на белый. Цвет фона (заднего плана) установите на тёмно-серый (#404040). Возьмите инструмент Градиентная заливка. Градиент — Основной в фоновой. Залейте выделение градиентом сверху вниз.

Уменьшите выделение (Выделение -> Уменьшить) на 1px. Нажмите на клавишу Delete.

Снимите выделение (Выделение -> Снять). Непрозрачность слоя поставьте на 60%. Выберите слой с чёрным текстом. Продублируйте его два раза. Получилось 3 слоя с чёрным текстом. На первые два слоя установите цепь.

.

Теперь будем работать с первым слоем с чёрным текстом. Возьмите инструмент «Перемещение». Настройте инструмент так:

.

Нажмите на текст и переместите его ниже.

Теперь можете снять цепи, возле обоих слоев. Давайте размоем этот слой с текстом (Фильтры -> Размывание -> Гауссово размывание) на 10 px.

Выберите слой с белым текстом. Поставьте его выше (После 2 слоев).

Получается такой текст:

Снова возьмите инструмент «Перемещение». Текст переместите немного ниже.

Создайте новый прозрачный слой. Переместите его выше всех слоев. Нажмите правой кнопкой на слой (в панели слоев) «Новый слой#1» и выберите Альфа-канал в выделение. Нажмите на самый верхний пустой слой. Возьмите инструмент «Прямоугольное выделение». Поставьте такой режим:

Теперь выбираем только верхнюю часть текста, как тут:

Цвет переднего плана установите на белый. Возьмите инструмент Градиентная заливка. Градиент — Основной в прозрачный. Залейте выделение градиентом снизу вверх, как тут:

Снимаем выделение (Выделение -> Снять). Объединяем все слои.

Наш текст готов!

6 июля 2011 5

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

Родион Мошул

Метки: выделение, градиент, текст, 3D, альфа-канал, заливка, слои.

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

Добавить

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

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

0

Пользователь #4121Даниил Маслов6 июля 2011 в 00:19Личное сообщение

Хороший урок, очень понравился фокус с заливкой градиентом половины текста

0

Пользователь #2919Родион Мошул6 июля 2011 в 00:20Личное сообщение

Ну это я адаптировал английский урок с Ютубика.

0

Пользователь #4121Даниил Маслов6 июля 2011 в 00:27Личное сообщение

А можно ли как нибудь сгладить переход на тексте? Это будет просто работа с градиентом или как то еще?

0

Пользователь #4121Даниил Маслов6 июля 2011 в 02:09Личное сообщение

Долго думал что у вас на фоне. Если не ошибаюсь это текстура "Леопард" и полоски градиента?

1

Пользователь #3233Вадим6 июля 2011 в 09:54Личное сообщение

Даниил Маслов,
конечно можно сгладить переход. Когда снимаете выделение после заливки белым, делаете размывание до степени подходящей вам, но так как размоется во все стороны, то снова выделяете в Альфа-канале "Новый слой#1", инвертируете выделение Ctrl+I переходите опять на слой с последней градиентной заливкой засветки и удаляете все что вышло за пределы в результате размывания.
Только смысл такого резкого перехода в том, чтобы подчеркнуть полированную поверхность букв.

0

Пользователь #3233Вадим6 июля 2011 в 10:14Личное сообщение

Родион Мошул
дикий фон. Я понимаю, что вы возможно стремились как можно дальше уйти от оригинального урока, но там сочетание строгих прямых букв и темного с красным фоном, плюс добавленная офсетная текстура фона дают шикарный эффект.

0

Пользователь #2919Родион Мошул6 июля 2011 в 11:02Личное сообщение

Даниил Маслов, Сглаживать переход на тексте не рекомендую.. Оно станет как-то не так. Фон у меня такой: Текстура леопарда. Потом на новом слое залил градиент с полосками. Установил нужный режим смешивания. Фон готов.

Вадим, ну да, как бы дикий фон). Может быть будет шикарно, но я хотел оригинальности.

0

Пользователь #4093Ольга Майорова6 июля 2011 в 17:02Личное сообщение

урок отличный,очень подробно все описано! одно НО-

Напишите любой текст белым цветом и любым шрифтом -буквы не должны быть \"пузатенькими\",иначе в тексте оказывается слишком много белого цвета и он уже не выглядит металлическим.наглядное пособие я отправила как результат урока.надеюсь,его пропустят.огромное спасибо автору урока за его труд!

0

Пользователь #3233Вадим6 июля 2011 в 17:54Личное сообщение

Ольга Майорова,
посмотрите в результатах урока работа Артема Носова, очень удачно выполнен текстовый эффект, про фон я тут уже говорить не буду.
Середину не обязательно белым заполнять. Можно придумать текстурку необработанного металла, дерева, пластика. Тут как бы из полированного металла только контур.

0

Пользователь #4093Ольга Майорова6 июля 2011 в 18:01Личное сообщение

Вадим, спасибо,я и так это поняла,когда закончила работу.поэтому и написала такой комментарий

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

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

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

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

Рисуем Вильбера
Урок по созданию талисмана GIMP с нуля.

Обои с луной ко Дню влюблённых
В этом уроке я покажу как в GIMP создать красивые обои с луной и сердцем ко Дню Святого Валентина.

Разбитое сердце
Урок по созданию разбитого объёмного сердечка в GIMP ко Дню Святого Валентина.

Вытянутый объёмный эффект
В уроке мы научимся создавать прекрасный, яркий 3D-эффект в области графического дизайна.

Кисти

doodles2_brushes_by_hawksmont7 Фламинго NSS-V2.0-brush-an-9
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Похожие страницы

Работа с текстом
Уроки по GIMP

Установка дополнений
Про Гимп → Установка и настройка

Описание редактора
Про Гимп

Скачать градиенты
Скачать

FreeType Text
Скачать → Плагины для GIMP

Оценка урока

«Глянцевый металлический 3D текст» получил оценку 4.50 на основе 8 голосов.

9170+243
Комментариев