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

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

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

Полезные ссылки
Случайные записи
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 063
  • 06.09.2011">Skype – революционное решение для общения в сети
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 066
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 031
  • 15.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.57
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.44
  • 09.08.2011">Будущее — за интернетом
  • 27.07.2010">Визуальное оформление для навигации
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.34
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 132
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.35
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.96
  • 28.07.2011">Выживет только лучший
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.116
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 081
Опрос

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

View Results

Loading ... Loading ...