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


Полупрозрачность изображения (Формат 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): «первая «назад
овно4ка 13-11-2009-20:23 удалить
Спасибо,отличный урок!! правда, не во всем еще разобралась.. но процитирую в свой дневник и буду учиться!!!
ludvik 16-11-2009-03:08 удалить
Спасибо! Интересно!
Спасибо большое. Отличный урок.
Airinchik 14-06-2010-02:41 удалить
Спасибо ! утащила к себе)))
Спасибо большое. Давно искала по этой тематике. Но нигде не нашла такого прекрасного урока. Только у меня Фотошоп руссукий, буду разбираться, куда нажимать по рисункам.


Комментарии (40): «первая «назад вверх^

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

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