3D текст в GIMP – создаём объёмную дату 2018 года

На этом уроке мы с вами научимся создавать объёмный 3D текст в GIMP. Хотя в показанном ниже примере использованы цифры, после освоения принципов создания 3д текста в графическом редакторе, вы с легкостью сделаете объёмным любой текст буквами.

Этот урок предназначен для начинающих пользователей редактора GIMP, поэтому в нём будет много снимков экрана (скриншотов), поясняющих выполнение действий в программе, а также подробных объяснений.

Пример текста в формате 3D:

3D текст в GIMP объемная надпись

Подготовительные работы для создания объёмного текста

В отличие от ранее сделанного нами объёмного текста с завитушками в малом формате, этот текст мы изготовим в HD качестве.

Шаг 1

Создайте новый проект через меню Файл – Создать. Установите размеры изображения 1920×1080 px и нажмите ОК.

Создаём новый проект для 3D текста

Шаг 2

Возьмите инструмент Текст и настройте его так:

  • Шрифт – Sans Bold;
  • Размер – 600 px.

Шрифт для 3 д текста

Напечатайте на холсте текст-дату – 2018.

Печатаем текст-дату 2018 на холсте

Шаг 3

Возьмите инструмент Выравнивание и сделайте клик на тексте. С помощью кнопок центрирования установите надпись посередине.

Выравнивание по центру

Текст расположится точно по центру.

Дата 2018 на холсте в GIMP

Шаг 3

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

Размер слоя сделать равным размеру изображения

Шаг 4

Сделайте копию текстового слоя, нажав на пиктограмму сдвоенных слайдов в нижней части окна Слои.

Создать копию слоя

Шаг 5

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

Настройка слоев в диалоговом окне

Подготовка перед созданием объёмного текста завершена.

Создаём общую форму 3D текста

Шаг 1

Зайдите в меню Фильтры – Размывание – Размывание движением. В диалоговом окне фильтра сделайте следующие настройки:

  • Тип размывания – Наезд камерой;
  • Центр размывания – X: 960 px, Y: 0 px;
  • Отключить команду – Размыть наружу;
  • Длина – 60 px.

Нажмите ОК.

Размывание движением - Наезд камерой

К тексту будет применён так называемый эффект зуммирования, знакомый многим профессиональным фотографам.

Эффект наезда камерой к тексту

Шаг 2

Возьмите инструмент Выделение по цвету и сделайте клик на белом фоне.

Шаг 3

В меню Выделение примените команду Инвертировать. В итоге выделенным будет только размытый текст.

Выделенный текст с эффектом зуммирования

Шаг 4

Возьмите инструмент Градиент с настройками по умолчанию:

  • Цвет переднего плана и фона – Чёрный/Белый;
  • Градиент – Основной в фоновый (RGB);
  • Форма – Линейная.

Параметры градиента для 3d эффекта

Растяните линию градиента сверху вниз, как показано на скриншоте. (Зажмите клавишу Ctrl, чтобы удержать вертикальное направление линии.)

Заливаем градиентом размытие движением даты 2018

Шаг 5

Переключитесь на верхний слой и включите его видимость пиктограммой глаза.

Активируем верхний слой и включаем видимость

Заготовка 3D текста будет выглядеть так.

Заготовка 3D текста

Теперь поработаем над приданием реалистичности объёму.

Доводим эффект объёма до реалистичности

Шаг 1

Сделайте правый клик на верхнем слое и в контекстном меню выберите пункт Альфа-канал в выделение.

Добавляем альфа канал верхней надписи

Шаг 2

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

Эллиптическое выделение - Режим вычитания

Перекройте нижнюю часть надписи овальным выделением примерно наполовину, как показано на скриншоте.

Вычитаем выделение для создания эффекта подсветки

Шаг 3

Выберите в меню Выделение – Уменьшить. Установите 3 px и нажмите ОК.

Уменьшаем выделение

Шаг 4 – не пропустите

Создайте новый прозрачный слой через меню Слой – Создать слой. Нажмите ОК.

Добавляем новый прозрачный слой для отблеска

Шаг 5

Снова возьмите инструмент Градиент и настройте его так:

  • Цвет переднего плана – Белый;
  • Градиент – Основной в прозрачный;
  • Форма – Линейная.

Градиент - Основной в прозрачный

Протяните линию градиента по выделенной верхушке, как показано на скриншоте. Это создаст эффект отблеска света на поверхности нашей даты.

Верхний отблеск градиентной заливкой

Шаг 6

Выберите в меню Выделение – Снять выделение.

Шаг 7

Переключитесь на слой с основным текстом, создающим иллюзию объёма.

Блюр для объемной части 2018

Шаг 8

Выберите в меню Фильтры – Размывание – Гауссово размывание. Установите радиус размывания на 2 px и нажмите ОК.

Создаем легкий блюр задней части текста

Шаг 9

Переключитесь на слой выше, с хэштегом #1. Примените к нему фильтр Гауссово размывание с теми же значениями.

Объединяем слои текста для удобства дальнейшей работы

Сейчас необходимо объединить все слои, создающие эффект 3D текста. Это действие упростит его дальнейшую обработку.

Шаг 1

Активируйте верхний слой с эффектом отблеска. Сделайте по нему правый клик и выберите Объединить с предыдущим.

Объединяем верхний слой с предыдущим

Шаг 2

Повторите то же действие, объединив слой с хэштегом #1 и слой, имитирующий объём. В итоге ваша стопка слоёв будет выглядеть так.

Объемный текст над фоном в стопке слоев

3D TEXT готов и должен выглядеть примерно так.

Чистый 3D TEXT готов

Шаг 3 – по необходимости

Благодаря объединению слоёв в единый текстовый слой, вы можете перемещать надпись по холсту в нужное вам место с помощью инструмента Перемещение. Мы опустим надпись-дату чуть ниже.

Позиционирование надписи на холсте

Теперь добавим нашей надписи подходящий фон.

Добавляем бэкграунд – украшаем 3D text подходящим фоном

Далее есть несколько вариантов украшения заднего плана нашего текста. Можно залить его цветом, градиентом или текстурой. Однако мы с вами добавим в качестве бэкграунда красивый фон-боке, подходящий для даты 2018 года.

Скачайте для этого урока комплект фонов боке на свой компьютер. Или выберите другие фоновые изображения в разделе Текстуры (фоны), чтобы использовать их для оформления заднего плана.

Шаг 1

Активируйте нижний слой с белым фоном в стопке слоёв.

Переходим на слой с фоном

Шаг 2

Выберите в меню Файл – Открыть как слои. Найдите на компьютере папку со скачанными фонами, выделите понравившийся и нажмите Открыть.

Загружаем фоновое изображение

Загруженное изображение расположится в стопке слоёв над белым фоном.

Шаг 3 – по необходимости

По желанию вы можете уменьшить/увеличить задний фон с помощью инструмента Масштаб.

Масштабируем фон

И затем позиционировать его инструментом Перемещение.

Выставляем фон под надписью

Шаг 4 — не пропустите

Создайте новый прозрачный слой поверх фонового слоя.

Шаг 5

Возьмите инструмент Градиент и настройте его так:

  • Фон переднего плана – Белый;
  • Градиент – Основной в прозрачный (кликните по реверсивной стрелке, чтобы на пиктограмме градиента с левой стороны была прозрачность, а с правой – белый цвет);
  • Форма – Радиальная.

Радиальный градиент для перекрытия фона

Шаг 6

Предварительно уменьшив изображение в рабочей области редактора, протяните линию градиента подальше за его границу, как показано на скриншоте. (Чтобы уменьшить изображение в окне программы, зажмите клавишу Ctrl и покрутите колёсико мыши на себя.)

Заливаем круговым градиентом фон боке

Шаг 7

В диалоговом окне Слои активируйте слой с самим текстом.

Переключаемся на слой с текстом для тонирования

Шаг 8

Выберите в меню Цвет – Тонирование. Поиграйтесь переменными значений Тон, Насыщенность, Освещённость, и затонируйте получившуюся дату в желаемый цвет.

Тонируем 3D TEXT на фоне боке

Шаг 9

Наконец, выберите в меню Изображение – Свести изображение.

Оцените готовый результат:

Готовый объемный 3D текст в GIMP

На этом урок закончен. Теперь вы знаете во всех подробностях, как сделать 3D TEXT в GIMP.

Обсуждение: есть 1 комментарий
  1. Админ "Уроки GIMP":

    Вот ещё вариант 3D текста в две строки. Выполнен в строгом стиле с ненавязчивым задним планом, залитым круговым градиентом от верхней кромки холста.

    А что у вас получилось?

    2

Добавить комментарий

Таллиннское шоссе, дом 20 20304 Эстония, Нарва +37253010126
   
Авторизация
*
*
Регистрация
*
*
*
Укажите свой уровень освоения GIMP
Генерация пароля