Как в GIMP вставить картинку в текст

Из этого урока вы узнаете, как в программе GIMP вставить картинку в текст. По сути, текст с картинкой внутри, представляет из себя слой с вырезанным текстом, под который вставлено изображение.

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

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

Пример работы:

Как в GIMP вставить картинку в текст

Загружаем материалы для урока

Для выполнения нашего урока по вставке картинок в текст, скачайте необходимые изображения по ссылкам, указанным ниже:

  1. Фоновое изображение с пальмой на пляже (размером 1920×1280 px) – https://pixabay.com/ru/photos/пляж-красивая-синий-побережье-84631/
  2. Кайтсёрфер на доске с парашютом в море (1920×1254 px) – https://pixabay.com/ru/photos/кайт-серфинг-бали-санур-1778289/
  3. Силуэт девушки с доской для сёрфинга (1920×1291 px) – https://pixabay.com/ru/photos/пляж-серфер-досок-для-серфинга-1838501/
  4. Бокал с напитком на пляже (1920×1280 px) – https://pixabay.com/ru/photos/пляж-напиток-карибский-бассейн-84533/
  5. Силуэты рыбаков на закате (1920×1280 px) – https://pixabay.com/ru/photos/эгейское-море-обратно-горит-2309286/

Готовим основу с текстом для вставки картинок

Для начала создадим основу с надписью, в которую будем вставлять выбранные фотографии.

Шаг 1

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

Новый проект для картинки в тексте

Шаг 2

В диалоговом окне Слои сделайте ПКМ на слое Фон и во всплывающем меню выберите Добавить альфа-канал.

Альфа-канал к холсту

Шаг 3

а) Выберите и настройте инструмент Текст следующим образом:

  • Шрифт – Arial Heavy (или другой жирный шрифт);
  • Размер – 600 px;
  • Цвет – любой.
Параметры текста, шрифт, размер, цвет

б) Напечатайте на холсте заглавными буквами слово ЛЕТО.

Слово ЛЕТО на холсте

Шаг 4

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

Кнопки центрирования инструмента Выравнивание
Заготовка текста на холсте

Шаг 5

а) В стопке слоёв сделайте ПКМ на текстовом слое и в контекстном меню выберите Альфа-канал в выделение.

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

Удаляем текстовый слой

Выделение от удалённого текстового слоя перенесётся на фоновый слой.

в) Нажмите клавишу Delete или выберите в меню Правка – Очистить.

г) Снимите выделение через меню Выделение – Снять выделение.

В итоге в диалоговом окне Слои останется один слой. А на холсте останется надпись с прозрачными буквами, в которые мы будем вставлять картинки.

Заготовка текста для вставки фотографий

Вставляем фотографии в буквы текста

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

Шаг 1

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

Загружаем как новый слой фото для вставки в текст

Шаг 2

Для удобства дальнейшей работы уменьшите непрозрачность нового слоя с фотографией примерно на половину.

Уменьшаем непрозрачность картинки над текстом

Это действие вскроет надпись на холсте и упростит дальнейшую подгонку размера и позиционирование картинки под буквой.

Прозрачный слой с фото над холстом с надписью

Шаг 3

Возьмите инструмент Масштаб и сделайте клик на полупрозрачном слое с фотографией.

Подготовка к масштабированию картинки под текст

б) Захватывая изображение за углы, уменьшите картинку до размера примерно 920×613 px. Затем за центральное перекрестие переместите фотографию так, чтобы бокал оказался в центре буквы Т.

Масштабируем картинку и устанавливаем над нужной буквой

в) Добившись желаемого размера и позиционирования, нажмите кнопку Изменить.

На заметку


При необходимости вы всегда можете доработать масштаб этого слоя. Нужно будет активировать слой в диалоговом окне Слои, и с помощью инструмента Масштаб изменить размер слоя.


Также вы всегда можете сместить слой с фотографией в нужную сторону с помощью инструмента Перемещение. Не забывайте для этого активировать нужный слой в диалоговом окне Слои.

Шаг 4

В диалоговом окне Слои:

  1. Восстановите непрозрачность слоя с фотографией до 100,0;
  2. Перетяните слой с фотографией под фоновый слой.
Возвращаем непрозрачность слоя и опускаем вниз

Первая картинка в тексте будет выглядеть так.

Первая картинка в тексте в GIMP

Шаг 5

Возьмите инструмент Ластик. С помощью кисти 2. Hardness 100 размером 250 px, сотрите части изображения, попавшие на соседние буквы Е и О.

Стираем картинку под соседними буквами текста в ГИМП

Шаг 6 и далее

Теперь повторите шаги с 1-го по 5-ый из этой части урока:

  1. Загружайте новую картинку для вставки в следующую букву текста;
  2. Уменьшайте непрозрачность, масштабируйте и располагайте в нужной букве;
  3. Восстанавливайте непрозрачность слоя с картинкой (по необходимости опускайте/поднимайте его в стопке слоёв);
  4. Стирайте ластиком части слоя, попавшие на соседние буквы.

Полезные подсказки


В нашем уроке мы использовали следующие размеры масштабирования для остальных фотографий:


— Девушка с доской для сёрфинга – 740×498 px;
— Кайтсёрфер с парашютом – 655×428 px;
— Рыбаки на закате – 665×444 px.

После выполнения всех шагов, ваш текст с картинками будет выглядеть примерно так.

Почти готовый текст с картинками в GIMP

Добавляем фоновую фотографию над текстом с картинками

Теперь наложим поверх белого холста красивое фоновое изображение, соответствующее тематике нашей надписи.

Шаг 1

а) Через меню Файл – Открыть как слои загрузите фотографию с пальмой на пляже.

б) В диалоговом окне Слои поднимите этот слой в самый верх стопки слоёв.

в) Сделайте ПКМ на слое и выберите Добавить альфа-канал.

Полная стопка слоёв с изображением пальмы вверху

Шаг 2

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

а) Сделайте ПКМ и выберите Альфа-канал в выделение.

б) Выберите во вкладке меню Выделение – Инвертировать.

Шаг 3

Вернитесь на верхний слой с пальмой.

а) Нажмите клавишу Delete или выберите в меню Правка – Очистить.

б) Снимите выделение через в меню Выделение – Очистить выделение.

В итоге у вас получится фотография с вырезанным текстом, в который вставлены разные картинки.

Фото с вырезанным текстом и картинками внутри

Декорируем буквы текста с картинками в GIMP

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

Шаг 1

а) В диалоговом окне Слои сделайте ПКМ на верхнем слое с пальмами. В контекстном меню выберите Альфа-канал в выделение.

б) Выберите во вкладке меню Выделение – Инвертировать.

Шаг 2

В меню Выделение выберите пункт Граница. Установите размер границы на 4 px (можно установить 2 px), а стиль границы переключите на Жёсткость. Нажмите ОК.

Добавляем границу выделению

Шаг 3

Измените цвет переднего плана на светло-жёлтый. В строке HTML-разметка введите код fffbbb, нажмите ОК.

Изменяем цвет переднего плана на желтый

Шаг 4

а) Возьмите инструмент Плоская заливка и в параметрах инструмента обязательно активируйте пункт Залить всё выделение.

Параметры Плоской заливки

б) Сделайте клик по выделению. Граница зальётся заданным цветом, создав окантовку вокруг букв.

Шаг 5

Снимите выделение (Ctrl+Shift+A). Текст с обводкой будет выглядеть так.

Текст с обводкой букв

Шаг 6

Выберите в меню Фильтры – Свет и тень – Отбросить тень. В диалоговом окне параметров фильтра задайте следующие значения:

  • Направление тени по осям X и Y – 8,000;
  • Радиус размывания – 10,00;
  • Непрозрачность – 0,540.
Параметры тени в ГИМП для текста с картинками

Нажмите ОК.

Шаг 7 — необязательный

Выберите в меню Изображение – Свести изображение и оцените готовый результат.

Готовый текст с вставленными картинками в GIMP

На этом урок по добавлению картинок в текст с помощью редактора GIMP закончен.

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

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