Создание полупрозрачного фона

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

Создание простого полупрозрачного фона
Открываем фотошоп. Создаем новый документ File -> New. Сразу же задаем параметры:
Можно задать документу имя — Name.
Фон должен быстро загружаться и мало весить, так что его размеры могут быть и 10×10 пикселей. Я для удобства задаю 50×50.
Обязательно укажите прозрачный фон: Background Contents: Transparent.
 (397x267, 25Kb)
Далее выбираем цвет и заливаем картинку при помощи ведерка Paint Bucket Tool. Уменьшаем прозрачность Opacity, насколько это необходимо (Скажем, 30-50%).
 (249x144, 11Kb)
Сохраняем фон в формате PNG.
 (50x50, 0Kb)

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

Смотрите также:   Александр Рыбак: фотографии

Создание полупрозрачного градиентного фона
Такой фон можно часто встретить на ли.ру. Например, у меня. Создаем новый документ — File -> New. Как и в первом способе указываем прозрачность Transparent, я для удобства задала размер 300×150.
Выбираем инструмент Градиент. В верхней панели выбираем линейный градиент и кликаем на пресете (если навести на него мышку, увидите пояснение)
 (132x62, 4Kb)
В открывшемся окне задаем параметры:
Gradient Type: Noise — только в этом режиме можно задать прозрачность.
Для однотонного градиента задайте Roughness 0%.
Цвет подбирается с помощью ползунков цветовых каналов.
Поставьте галочку на Add Transparency.
 (399x225, 18Kb)
Подробнее о работе с градиентами читайте здесь
Залейте изображение градиентом. При необходимости уменьшите Opacity. Сохраните в формате PNG.
 (300x150, 33Kb)
Закругленные края такого фона создаются при помощи инструментов выделения. Подробнее читайте здесь

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

12 + девять =