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


Полупрозрачность изображения (Формат PNG) 10-11-2009 13:01 к комментариям - к полной версии - понравилось!


У формата PNG есть ряд преимуществ, одним из которых является возможность сохранения полупрозрачных картинок, а также изображений различной формы без фона и потери качества (в отличие от JPG и GIF).

1. Предположим, нам надо создать полупрозрачный фон для постов на родном ли.ру.
Откройте фотошоп, создайте новый документ размером 50х50 пикселей (нет необходимости создавать большой документ, а маленький будет грузиться быстрее). Дважды кликнете на слое в панели слоев и в открывшемся окне New Layer нажмите Ок. Это делается для того, чтобы разблокировать слой. Выберите цвет и залейте им слой с помощью Paint Bucket Tool (ведерко). В панели слоев уменьшите Opacity (прозрачность) на свое усмотрение. Идите в меню File -> Save as. В открывшемся окне выберите формат PNG и нажмите Сохранить.
[285x266]
Получаем:
 (50x50, 2Kb)

2. Предположим нам надо создать картинку с полупрозрачными краями.
Открываем изображение, разблокируем слой (см. выше). Создаем выделение. К примеру, с помощью быстрой маски и shapes. Идем в меню Select -> Modify -> Feather. По необходимости и в зависимости от размера картинки выставляем значение. Я брала 15 пикселей.
[413x480]
Очищаем все ненужное - Edit -> Clear. Теперь обрежем пустые пиксели - Image -> Trim. Параметры как на картинке, жмем Ок.
[285x491]
Сохраняем через Save as или Save for Web в формате PNG.
[429x375]
Еще одно выгодное отличие PNG от GIF - это работа с тенями и обводками на прозрачном фоне. Для сравнения:
GIF. [511x446]
PNG. [511x446]
вверх^ к полной версии понравилось! в evernote
Комментарии (40): вперёд»
Monro-Designs 10-11-2009-21:49 удалить
Спасибо большое!!!!!
Aelios 11-11-2009-05:13 удалить
Спасибо, великолепный урок!
Ipola 11-11-2009-08:47 удалить
Это очень интересно! Спасибо!
leverage 11-11-2009-13:53 удалить
Ответ на комментарий Улыбка_Ольга_Н #

О_о
tea-sergey 11-11-2009-18:27 удалить
Очень полезно, жаль не дописали как ещё тень наложить.
webstrannik 11-11-2009-20:42 удалить
не вижу ни одной картинки!
AniSoTRopIc 12-11-2009-01:04 удалить
Исходное сообщение webstrannik
не вижу ни одной картинки!

тоже самое) фаерфокс 3.5.5 ПНГ поддерживает и показывает, в принципе
Sexy_Lady 12-11-2009-01:54 удалить
жалуйтесь Валезу =) Это уже неделю, говорят, такая фигня. На ночь серверы отключают, с утра картинки появятся.
Sexy_Lady 12-11-2009-01:57 удалить
tea-sergey, это другая тема. смотрите посты выше =) ;)
Sabine_Astana 12-11-2009-12:19 удалить
Действительно...Вчера заходила и не видела ни одной картинки, а сейчас вижу. Мне просто интереснен этот урок. Благодарю!!! Перетащу к себе
Благодарю за интересный урок...
m_Iyubov 12-11-2009-17:12 удалить
Это интересно.Спасибо.
Irina18 12-11-2009-17:53 удалить
Спасибо, оч. хороший урок!


Комментарии (40): вперёд» вверх^

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

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