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

GIMP — бесплатная программа для редактирования фотографий и графического дизайна, наиболее похожая на Photoshop.

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

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

Для начала я создам новую композицию, перейдя в «Файл»> «Создать» (красная стрелка на изображении выше) или с помощью сочетания клавиш Ctrl+n (cmd+n на MAC).

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

Мне понравилась цветовая палитра «Серо-голубой» (синяя стрелка на изображении выше), поэтому я дважды щелкну имя палитры, чтобы открыть вкладку «Редактор палитры».

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

Затем я щелкну и перетащу темный цвет из редактора палитры на свой фон (следуйте за красной стрелкой на изображении выше). Это изменит цвет моего фона.

Теперь, когда моя композиция настроена, я нажму на инструмент «Текст» на панели инструментов (зеленая стрелка на изображении выше). Я могу изменить свои настройки в параметрах инструмента — в данном случае мой шрифт установлен на «Barlow Condensed Heavy Italic Condensed», а размер шрифта установлен на «750 пикселей». Я изменил цвет шрифта, щелкнув и перетащив один из цветов моей палитры в поле «Цвет».

Когда я буду готов, я нажму на композицию текстовым инструментом и наберу «GIMP» заглавными буквами (красная стрелка на изображении выше). Это автоматически создаст текстовый слой на панели «Слои» (синяя стрелка), и теперь наш текст будет отображаться в композиции.

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

Затем я удостоверюсь, что щелкнул текстовый слой «GIMP» на панели «Слои» (синяя стрелка на изображении выше) и щелкнул значок дубликата, чтобы дублировать этот слой (красная стрелка). Я щелкну значок еще раз, чтобы продублировать его снова. Теперь у вас должно быть 3 текстовых слоя GIMP (обведены желтым).

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

Добавление 3D-эффектов к тексту

Пришло время добавить 3D-эффекты к нашему тексту! Для начала я удостоверюсь, что выбран самый нижний текстовый слой GIMP (красная стрелка). Затем я выберу «Фильтры»> «Свет и тень»> «Длинная тень» (желтая стрелка).

Эффект на этом слое сформирует эффект тени для моего 3D-текста. Итак, я хочу, чтобы цвет здесь был немного темнее. Для этого я щелкну и перетащу немного более темно-синий цвет со вкладки «Палитра» в поле с надписью «Цвет» (красные стрелки на изображении выше). Цвет внутри коробки теперь должен измениться на ваш новый цвет.

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

Затем я нажму на текстовый слой «GIMP # 1» (красная стрелка) и еще раз применю фильтр «Длинная тень». Я могу сделать это с помощью сочетания клавиш «ctrl+shift+f» или просто перейти в «Фильтры»> «Свет и тень»> «Длинная тень» (желтая стрелка).

Совет: ctrl+shift+f — это сочетание клавиш для «Повторного отображения последнего фильтра» в GIMP. Другими словами, он вызывает диалог для любого последнего фильтра, который вы использовали, без применения фактических настроек к активному слою.

Для этой длинной тени я изменю «Стиль» на «Затухание: фиксированная длина» в раскрывающемся списке (желтая стрелка).

Затем я изменю цвет длинной тени на светло-синий, перетащив этот цвет с вкладки «Редактор палитры» (красные стрелки на изображении выше). Я нажму OK, чтобы применить настройки к моему слою.

Добавление выделения к 3D-тексту

Теперь у вас должен получиться красивый 3D-текст. Тем не менее, я собираюсь добавить к этому только один последний эффект, чтобы он действительно выделялся: блик.

Чтобы добавить блик, дважды продублируйте верхний текстовый слой, щелкнув значок «Дублировать» в нижней части панели «Слои» (красная стрелка). Теперь вы увидите два дополнительных текстовых слоя на панели «Слои» с пометками «GIMP # 4» и «GIMP # 3» (обведены желтым).

Нажмите на текстовый слой «GIMP # 3» (красная стрелка) и перейдите в «Слой»> «Удалить текстовую информацию» (желтая стрелка). Это облегчит нам перекрашивание текстового слоя.

Заблокируйте альфа-канал для слоя GIMP #3, щелкнув маленький значок в верхней части панели «Слои» (красная стрелка). Затем перетащите цвет выделения на холст (в моем случае я выбрал белый для этого цвета, который я перетащил из образца фона под панелью инструментов — синие стрелки на изображении выше).

Теперь, выбрав инструмент перемещения (клавиша m на клавиатуре), переместите верхний текстовый слой GIMP # 4 немного вправо и вниз, щелкнув непосредственно по пикселям этого слоя и перетащив мышь (красная стрелка). Отпустите мышь. Белая полоска, выступающая из-за этого слоя, будет бликом.

Затем нажмите Alt + щелкните слой GIMP # 4 (желтая стрелка), чтобы создать выделение вокруг этого текста. Вы также можете перейти в «Слой»> «Прозрачность»> «Альфа к выделению» (красная стрелка), если Alt + щелчок не работает для вас.

Щелкните слой «GIMP #3», чтобы сделать его активным (красная стрелка), затем щелкните значок «Маска слоя» в нижней части панели «Слои», чтобы добавить маску слоя к слою (зеленая стрелка).

В разделе «Инициализировать маску слоя для:» выберите «Выделение» (синяя стрелка на изображении выше) и убедитесь, что установлен флажок «Инвертировать» (желтая стрелка). Нажмите «Добавить», чтобы добавить маску слоя. Текстовому слою GIMP # 3 теперь должна быть назначена маска слоя в форме текста.

Нажмите ctrl+shift+a, чтобы снять выделение с текста. Затем щелкните текстовый слой GIMP # 4 (красная стрелка) и щелкните значок «Удалить этот слой» в нижней части панели «Слои» (зеленая стрелка), чтобы удалить его.

Вы можете настроить непрозрачность слоя Highlight (GIMP #3) с помощью ползунка Opacity в верхней части панели слоев (зеленая стрелка). Убедитесь, что вы щелкнули по фактическому слою (красная стрелка), а не по маске слоя при настройке этого ползунка. Просто уменьшите значение ниже 100 для более тонкого блика.

Сосредоточьте свой окончательный дизайн

Чтобы центрировать окончательный дизайн, начните с того, что скройте фоновый слой, щелкнув значок «Показать / скрыть» на панели «Слои» (красная стрелка). Затем перейдите в «Слой»> «Новый из видимого» (зеленая стрелка).

Отобразите фоновый слой (красная стрелка). Затем щелкните созданный вами слой «Видимый» (зеленая стрелка) и перейдите в «Слой»> «Обрезать по содержимому» (желтая стрелка). Это обрежет все лишние прозрачные пиксели, окружающие ваш дизайн, тем самым уменьшив размер слоя до размера вашего дизайна.

Наконец, возьмите инструмент «Выравнивание» из панели инструментов (клавиша быстрого доступа Q на клавиатуре — красная стрелка на изображении выше) и щелкните видимый слой (синяя стрелка). С помощью инструмента, настроенного на выравнивание «Относительно: изображения», нажмите «выравнивание по центру или цели» и «выравнивание по центру цели» (обведено желтым), чтобы выровнять дизайн по центру. Скройте все слои между слоями «Видимый» и «Фон» (щелкните значок «Показать/скрыть» рядом с каждым — обведен зеленым).

Вот и все — теперь у вас есть потрясающе выглядящий 3D-текст! Вот и все для этого учебника по GIMP. Если вам понравилось, не забудьте посмотреть мои другие Справочные статьи GIMP, GIMP видеоуроки, или получите доступ к большему количеству контента, став DMD Премиум-участник!

Подпишитесь на информационный бюллетень DMD

Подпишитесь на информационный бюллетень DMD

Зарегистрируйтесь, чтобы получать новые учебные материалы, обновления курсов и последние новости о вашем любимом программном обеспечении с открытым исходным кодом!

Вы успешно подписались!

Pin It на Pinterest