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

   


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

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

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

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

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

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

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

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

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

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

.

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

.

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

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

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

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

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

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

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

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

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

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


5

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

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

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

Добавить

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

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 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.50 на основе 8 голосов.

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

вверх