Самоучитель по креативному веб-дизайну. Книга 2, стр.98

новить бит прозрачности для выбранного вами цвета. В результате часть изобра —

жения с выбранным вами цветом «исчезнет» из виду, когда Web-браузер отобра — зит графический элемент на Web-странице.

Создать прозрачность несложно с помощью Photoshop 5.5 или выше, выпол — нив следующие действия:

1. Откройте изображение.

2. Убедитесь, что на участках, которые вы хотите сделать прозрачными, при —

сутствует «скатертный узор» (говорящий о прозрачности), и выберите в меню File | Save for Web (Файл | Сохранить для Web).

3. Выберите формат GIF и отметьте флажок Transparency (Прозрачность), как показано на рис. 6.30.





Следует помнить, что когда вы определяете цвет как прозрачны^, все участки изображения, содержащие этот цвет, также станут прозрачными. Следовательно, цвет, выбранный для фона (прозрачный цвет), должен быть свойственным ис — ключительно фону изображения. Кроме того, поскольку формат GIF позволяет выбрать для прозрачности только один цвет, края изображения должны быть четкими, а не с плавными переходами цвета. Следовательно, графические изоб — ражения, содержащие плавные переходы (как плавные переходы изображения с тенями), не очень хорошо удаются, будучи сохранены в формате GIF.

32 6 Глава 6. Графика





ПРАКТИКУМ

При создании прозрачного GIF-изображения следует понимать, что прозрач — ность — это не функция HTML. Для выбора прозрачного цвета нужно воспользо — ваться программой редактирования изображений и сохранить эффект прозрачнос —

ти в файле изображения. Например, чтобы создать прозрачный GIF-файл в

приложении Adobe ImageReady, откройте изображение и после этого выберите и сотрите те участки, которые должны быть прозрачными при выводе изображения в

браузере. Хотя выведенный на экран прозрачный пиксель (формально) не имеет цвета, превращение одного цвета в прозрачный ограничивает общее число види — мых цветов в рисунке 255 цветами (вместо 256). После того, как вы сотрете все участки изображения, которые хотите сделать прозрачными, в приложении

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 14.03.2011">Руководство по actionscript. часть 3, стр. 073
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.56
  • 02.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.104
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.148
  • 12.06.2011">Американские ученым удалось превратить в нейроны клетки кожи
  • 19.02.2014">О пользе массажа
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.80
  • 06.07.2011">Технология Active X на страницах сайта
  • 03.03.2011">Руководство по actionscript. часть 5, стр. 069
  • 26.02.2014">Как бросить курить?
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 014
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 086
  • 08.03.2011">Руководство по actionscript. часть 4, стр. 075
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 136
  • 05.08.2011">Вентиляция помещения необходима для здоровья и продуктивности работников
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...