Как создать полупрозрачный белый фон для текста?

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

У Pottery Barn Kids ( http://www.potterybarnkids.com/ ) есть один пример того, чего я пытаюсь достичь, показанный ниже для дальнейшего использования:

Пример в Pottery Barn Kids

(Обратите внимание на текст слева — КОМНАТЫ ДЛЯ ДЕВОЧЕК , КОМНАТЫ ДЛЯ МАЛЬЧИКОВ и т. д .)

Может ли кто-нибудь указать мне в правильном направлении, как это сделать? Спасибо!

Добро пожаловать в GD.SE! Если у вас есть белый прямоугольник в слое, вы можете изменить непрозрачность слоя (сделать его полупрозрачным). Вы уже пробовали вещи, и они не работали? Если это так, то поделитесь ими, чтобы мы могли видеть, где именно вы застряли :)

Ответы (3)

Простой способ сделать это:

  1. Начните с базового изображения (в слое по умолчанию).
  2. Добавьте новый слой (с типом заливки слоя «Прозрачность») и убедитесь, что он выбран.
  3. Установите цвет переднего плана на белый.
  4. Выберите и залейте нужный прямоугольник цветом переднего плана (белым).
  5. Установите непрозрачность 2-го слоя на 75%.
  6. Установите цвет переднего плана на черный.
  7. Добавьте нужный (черный) текст поверх полупрозрачного белого прямоугольника.

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

Пример наложения полупрозрачной кнопки

Небольшие вариации этих точных шагов приведут к получению именно того, что вы хотите, но это должно дать вам базовый эффект «Гончарный сарай» для начала.

На случай, если будет понятнее увидеть историю отмен для моего решения (с использованием GIMP 2.8), вот оно:

Полупрозрачная кнопка наложения истории отмены

Не получил ничего из этого после третьего шага. Скриншот.

К вашему сведению: я не верю, что там происходит какой-либо полупрозрачный эффект. Мне кажется, что над изображением и под текстом размещена простая белая рамка с непрозрачностью ~ 75%.

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

Вам нужно сделать это в 2 шага, сначала фон, а затем написать текст.

Без слоев: 1. сделайте прямоугольное выделение и увеличьте яркость 2. напишите текст поверх него.

Со слоями (лучше):

  1. создать новый пустой слой
  2. нарисуйте белый прямоугольник либо
    • изменить непрозрачность слоя (легко)
    • добавьте альфа-маску и залейте ее серым цветом
  3. написать свой текст.
Вы не говорите, как это сделать... Отлично, это можно сделать двумя способами. Ничего особенного в гимпе.