Самоучитель по креативному веб-дизайну. Книга 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

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

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

Полезные ссылки
Случайные записи
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 125
  • 17.03.2011">Руководство по actionscript. часть 2, стр. 141
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.15
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.64
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 004
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 030
  • 19.02.2013">Избавление от шлаков и токсинов
  • 06.03.2011">Руководство по actionscript. часть 4, стр. 142
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.106
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.76
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.26
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.146
  • 24.07.2011">Медицинские справки можно получать еще быстрее
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.55
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.38
Опрос

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

View Results

Loading ... Loading ...