Оптимизация и установка  «прозрачного» лого на вашей вебстранице

Рассмотрим конкретный пример, как было сделано и установлено лого на www.webheim.com

Вначале лого было нарисовано в векторном редакторе FreeHand. Цвета для лого RGB: синий 0/58/127 и красный 0/0/210.

Почему в векторном редакторе, а не сразу в Photoshope?



Потому что лого применяеться не только на вебстранице, но и на печате, а во вторых при увеличении или уменьшении лого в векторном редакторе не теряет качество.

Перед дальнейшей оптимизации в Photoshop, лого нужно коректно экспортировать в EPS стандарт.

Для этого во Freehand выбраем Datei/Exportieren/, в появившимся меню нам нужно выбрать тип файла (Dateityp) - Photoshop 4/5 RGBEPS (*.eps).

Если вы выберете другой тип EPS вас ждут сюрпризы, при экспорте в Photoshop 6.0. Результатом экспорта будут другие цвета, совершенно не те, которые были установленные в FreeHand, даже если в настройках Photoshop 6.0 был отключен цветовой менеджер.

Открываем EPS файл в Photoshope, перед нами диалоговое окно GenericEPS Format wird gerastert (RasterizeGenericEPSFormat). Делаем  следующие установки:

• Aufloesung (Resolution) 72 pixel/inch;
• Вполях Glaetten (Anti-aliased) ставим влажок
• Proportionen erhalten (Constrain Proportions) ставим влажок
• Давим на Ok.

Перед нами лого с прозрачным фоном. Теперь полученное лого нам нужно сохранить в GIF формате и сделать так, чтобы оно уютно чувствовало на светлозеленом фоне (#A1CFBB) страницы webheim.com.

1. Открываем модуль “Сохранить для Web“ - Datei/Fuer Webspeichern (File/SaveforWeb). В левом верхнем углу модуля выбираем 2fach (2-Up), для того чтобы с левой стороны располагался оригинал, а с правой оптимизированный файл.
    
2. В правом верхнем углу модуля выбираем тип оптимизированного файла – формат GIF. Основной параметр, который нам нужно будет выбрать - это количество цветов индексированного изображения. Он определяеться в поле Farben (Colors). Здесь пред вами стоит выбор между качеством и размером файла.
    
3. Как правило, если лого содержит только 2 цвета, оно прозрачное и устанавливаеться на страницу с фоном (в нашем случае светло-зеленый) потребуеться около 30-40 цветов, чтобы осуществить незаметный пиксельный переход от лого к цвету фона страницы. При этом размер лого будет колебаться от 2 до 3 Kbyte.
    
4. В поле Transparenz ставим флажок. Выбираем наш светлозелый фон (#A1CFBB) для лого в поле Hintergrund (Matte).
    
5. Сглаживаем полученное лого, выбираем из алгоритма сглаживания Diffusion, степень сглаживания (Dither) ставим на 50%. Lossy = 0.
    
6. Сохраняем полученное лого нажав на Ok.
   
   Автор: Константин Талалаев
   Источник: Cоздание сайтов и их продвижение