11.05 / Спецэффекты, Web

Экспорт картинок для веб


Допустим у вас на сайте используется серый фон, с номером RGB #c1c1c1. Ни в коем случае не экспортируйте картинки с фоновым цветом, ибо это лишний вес картинки, а соотв. лишняя нагрузка на ваш сайт.

Да и вообще это дурной тон — использовать картинки с фоном. Модные дяди в вебе давно делают по-другому.



После того, как вы подготовили картинку, или текст для веб странички — отключите нижний слой background (в панели слоев).



Идем в File > Save for Web

Вот тут надо остановиться, ибо если в тупую кликнуть кнопку Save, то картинка у вас (или текст) сохранится с белой обводкой и выглядеть это будет так как на картинке слева, т.е. черный текст на сером фоне с белой обводкой.
(сорри, ошибся на сером фоне ))



Теперь попробуйте кликнуть на Matte, выбрать цвет фона (#c1c1c1) и сохранить, теперь обводка текста (картинки) стала # заданного цвета. Это может быть зеленый цвет, розовый.. какой угодно, в общем. Ну а далее дело верстки.


Если у вас IE попробуйте выделить картинку удерживая левую кнопку мыши, если Firefox правая кнопка на картинке — показать изображение.

Понятно, да?
Теперь картинка и фон отдельные, чтд.
(опять ошибся, на сером фоне ))



Комментарии:


11 мая 2007 - 17:52, sandler (вст)
"Модные дяди в вебе давно делают по-другому" прикольная фраза)) =)
ответить
19 мая 2007 - 14:34, Ibanez (вст)
Вопрос: нормально ли эта фишка прокатит с гранджом?
ответить
19 мая 2007 - 21:00, marss (вст)
Да, прокатит со всем.
http://www.marss.ru/fuck.html
тут пример с гифом и пнг, код к пнг в теле, костыли для ИЕ6
ответить
5 ноября 2007 - 09:45, niic (вст) / http://www.dezayn.ru
Автору респект!
ответить
14 сентября 2009 - 18:38, Kotunka (вст)
где оно, это «Matte» шось я не найду… :(
ответить
21 октября 2009 - 13:15, DellaBella (вст)
Блин, ты столько раз ошибался, что тебя трудно считать компетентным
ответить
26 октября 2009 - 12:19, KiLa (вст)
ne pljui v komentah, sabako.
ответить
Имя

E-mail


[b] [/b] - жирный текст
[i] [/i] - курсив
[u] [/u] - подчеркнутый