Пишу этот урок только потому, что постоянно натыкаюсь на уроки по созданию полупрозрачного фона с такими наворотами... Не понимаю, зачем такие сложности? Создание простого полупрозрачного фона Открываем фотошоп. Создаем новый документ 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.

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