-Рубрики

 -Поиск по дневнику

Поиск сообщений в Sovit-2010

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 31.01.2010
Записей: 37398
Комментариев: 1934
Написано: 40672


Полупрозрачность изображения (Формат PNG)

Суббота, 05 Февраля 2011 г. 07:20 + в цитатник
Цитата сообщения Sexy_Lady Полупрозрачность изображения (Формат PNG)

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

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

2. Предположим нам надо создать картинку с полупрозрачными краями.
Открываем изображение, разблокируем слой (см. выше). Создаем выделение. К примеру, с помощью быстрой маски и shapes. Идем в меню Select -> Modify -> Feather. По необходимости и в зависимости от размера картинки выставляем значение. Я брала 15 пикселей.
Фрейм 0 1 (413x480, 53Kb)
Очищаем все ненужное - Edit -> Clear. Теперь обрежем пустые пиксели - Image -> Trim. Параметры как на картинке, жмем Ок.
 (285x491, 39Kb)
Сохраняем через Save as или Save for Web в формате PNG.
 (429x375, 187Kb)
Еще одно выгодное отличие PNG от GIF - это работа с тенями и обводками на прозрачном фоне. Для сравнения:
GIF.  (511x446, 60Kb)
PNG.  (511x446, 204Kb)
Рубрики:  Дневниковое
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку