• Авторизация


Создание полупрозрачного фона 14-12-2009 15:35 к комментариям - к полной версии - понравилось!


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

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

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

Создание полупрозрачного градиентного фона
Такой фон можно часто встретить на ли.ру. Например, у меня. Создаем новый документ - File -> New. Как и в первом способе указываем прозрачность Transparent, я для удобства задала размер 300х150.
Выбираем инструмент Градиент. В верхней панели выбираем линейный градиент и кликаем на пресете (если навести на него мышку, увидите пояснение)
 (132x62, 4Kb)
В открывшемся окне задаем параметры:
Gradient Type: Noise - только в этом режиме можно задать прозрачность.
Для однотонного градиента задайте Roughness 0%.
Цвет подбирается с помощью ползунков цветовых каналов.
Поставьте галочку на Add Transparency.
[399x225]
Подробнее о работе с градиентами читайте здесь
Залейте изображение градиентом. При необходимости уменьшите Opacity. Сохраните в формате PNG.
[300x150]
Закругленные края такого фона создаются при помощи инструментов выделения. Подробнее читайте здесь
вверх^ к полной версии понравилось! в evernote
Комментарии (26):
Monro-Designs 14-12-2009-15:45 удалить
Спасибо большое заберу к себе более подробно изучу на досуге!!!
pappesa 14-12-2009-18:18 удалить
Спасибо за подробные объяснения.
Спасибо! Забираю. На досуге попробую
 (130x130, 27Kb)
Дарина423 14-12-2009-19:16 удалить
А я так же делаю прозрачные фоны, а вот с градиентами не пробовала
Kapitoshka_N 15-12-2009-19:44 удалить
Спасибо за прекрасный урок :)
Благодарю за полезный урок! С Наступающим!!!

[показать]
Mariella27 26-12-2009-05:51 удалить
Спасибо огромное за урок.
Mariella27 26-12-2009-06:41 удалить
У меня есть один вопрос: А как залить новый фаил градиентом?????
Lassye 28-12-2009-07:25 удалить
все просто и понятно.Спасибо
Sexy_Lady 28-12-2009-13:35 удалить
МаСюТа-МаСя, читайте пост о градиентах. ссылка вверху.
Tecc81 06-02-2010-15:42 удалить
Пусть стороной пройдет беда.
Пусть исполнится мечта.
Чтоб в любви тебе везло,
А сердце счастье чтоб нашло.
Эль_ЗЕВС 10-02-2010-22:09 удалить
Спасибо за столь легкий способ ;)
25-02-2010-22:44 удалить
Почитал ваш дневник немного.
Все гуд, ссылку плиз не удаляйте, очень надо(
http://burprofi.com/about29
Airinchik 14-06-2010-02:31 удалить
Великолепный урок!!! Давно искала подобное!!! Спасибооооо!!!
alkanataeva 14-10-2011-09:56 удалить
Пожалуйста,если не трудно,когда будет вдохновение и Вы решите новый урок создать-называйте инструменты и по русски тоже.СПАСИБО.


Комментарии (26): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Создание полупрозрачного фона | New_Photoshopinka - Новая Photoshopinka | Лента друзей New_Photoshopinka / Полная версия Добавить в друзья Страницы: раньше»