Цитата сообщения Sexy_Lady Создание полупрозрачного фона

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

Создание простого полупрозрачного фона
Открываем фотошоп. Создаем новый документ File -> New. Сразу же задаем параметры:
Можно задать документу имя - Name.
Фон должен быстро загружаться и мало весить, так что его размеры могут быть и 10х10 пикселей. Я для удобства задаю 50х50.
Обязательно укажите прозрачный фон: Background Contents: Transparent.

Далее выбираем цвет и заливаем картинку при помощи ведерка Paint Bucket Tool. Уменьшаем прозрачность Opacity, насколько это необходимо (Скажем, 30-50%).

Сохраняем фон в формате PNG.


Создание полупрозрачного фона из изображения
Допустим, у нас есть картинка, которой надо задать прозрачность.
Открываем её в фотошопе. Слой будет заблокирован (замочек). Нужно дважды кликнуть по слою левой кнопкой мыши. Откроется окно New Layer, в котором сразу же можно задать полупрозрачность. Скажем, 80%. Нажимаем Ок. Если необходимо подрегулировать прозрачность, теперь это можно сделать в панели слоев, т.к. слой разблокирован.

Сохраняем в формате PNG.


Создание полупрозрачного градиентного фона
Такой фон можно часто встретить на ли.ру. Например, у меня. Создаем новый документ - File -> New. Как и в первом способе указываем прозрачность Transparent, я для удобства задала размер 300х150.
Выбираем инструмент Градиент. В верхней панели выбираем линейный градиент и кликаем на пресете (если навести на него мышку, увидите пояснение)

В открывшемся окне задаем параметры:
Gradient Type: Noise - только в этом режиме можно задать прозрачность.
Для однотонного градиента задайте Roughness 0%.
Цвет подбирается с помощью ползунков цветовых каналов.
Поставьте галочку на Add Transparency.

Подробнее о работе с градиентами читайте здесь
Залейте изображение градиентом. При необходимости уменьшите Opacity. Сохраните в формате PNG.

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