Создание полупрозрачного фона |
Пишу этот урок только потому, что постоянно натыкаюсь на уроки по созданию полупрозрачного фона с такими наворотами... Не понимаю, зачем такие сложности? Создание простого полупрозрачного фона Открываем фотошоп. Создаем новый документ 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.
Закругленные края такого фона создаются при помощи инструментов выделения.
Рубрики: | Полезные советы |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |