Без заголовка

Вторник, 22 Марта 2011 г. 22:29 + в цитатник

Цитата сообщения 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)