кально уменьшить раз-
мер файла за счет поте-
ри качества изображения.
Сначала устанавливаем па-
раметр “
Р еду кц и я
в зна-
чение
“Адаптивная”
-
это
позволит минимизировать
ухудшение качества изоб-
ражения при снижении ко-
личества цветов в палитре.
Теперь параметр
“Цвета”
попробуем уменьшить с 256
до 128. Это нам даст размер
файла 26 859 байт (еще -
15.5
%). Уже на этом можно
остановиться, но ведь мы
сейчас пытаемся узнать, как
выжать
из
оптимизации
максимум, чтобы быть готовыми к сложным ситуа-
циям (при больших размерах файла баннера).
При этом, даже если увеличить масштаб про-
смотра баннера, трудно будет заметить, что в нем
что-то изменилось. Ухудшение качества практи-
чески незаметно. Даже если бы мы в баннере при-
менили реальную фотографию, а не градиент, то
при палитре в 128 цветов зачастую картинка оста-
ется близкой к оригиналу.
Давайте попробуем уменьшить этот параметр до 64
цветов - получим файл 20 744 байта (еще минус
22.7%) и качество снова на дол-
жном уровне. Тут, конечно, надо
заметить, что на таких величи-
нах наш фоновый градиент уже
должен распадаться на фрак-
ции отчетливо отличающихся
цветов, но на удивление этого
не произошло.
А все потому, что с самого
начала у меня включена
(смотрите на панели ниже) в
секции
“Д и зер и н г”
опция
“М етод”
со значением
“Р е -
гулярны й” .
Именно благода-
ря этому методу мы так долго
и небрежно урезаем палитру,
не теряя в качестве. Хотя, ес-
ли бы у меня был монитор с
матрицей IPS, ухудшение ка-
чества изображения прояви-
лось бы ещё раньше.
Предлагаю уменьшить па-
литру до 32 цветов - получим
файл 15 868 байт (еще -
23.5%). При таком параметре
палитры и при масштабе 200%
даже на моем ноутбуке можно
заметить, как по фону пошла
еле заметная рябь - это сиг-
нал к тому, что мы вступаем в
чувствительный диапазон палитры, и что
дальнейшую оптимизацию следует прекра-
тить на данном или на следующем шаге раз-
мера палитры. Но поскольку баннер будет
демонстрироваться на веб-страницах в сво-
ем оригинальном разрешении, то эту рябь
большая часть пользователей не заметит.
Но если предположить, что у нас тяжелый
случай и нам крайне необходимо еще умень-
шить размер файла баннера, то уменьшаем
палитру до 16 цветов - имеем
11 963 байта и тут уже следует
себе сказать “СТОП!”.
Благодаря оптимизации пара-
метров качества баннера нам
удалось
добиться
почти
3-х
кратного уменьшения размера
файла без критических потерь
качества. Хотя следует признать, что если бы мы в
баннере использовали реальные фотосюжеты, то нам
не удалось бы так разгуляться. Поэтому очень часто
для оптимизации “тяжелых” баннеров применяют од-
нотонный фон, а не градиент, как это сделали мы.
Всё, заходим в меню
Ф а й л > Сохранить опти-
м изированны й как
>
указываем имя файла и со-
храняем. Наш баннер готов
(h ttp ://co m p u t.co m .u a/im ag es/b an n er4 6 8 x 6 0 .g if).
Снова заходим в меню
Ф айл > Редактировать в
P hotosh op
и, вернувшись в Photoshop, снова со-
храняем проект и можем его закрывать.
Баннер с пёстрым фоном
ногда при создании баннера
с текстом приходится (во-
преки рекомендациям) использо-
вать в качестве фона изображе-
ния
или
фотографии
слишком пестрые,
на
которых текст плохо чи-
тается или теряется во-
все. Решить эту проб-
лему помогут несколь-
ко приёмов.
Например, текст мо-
жно сделать с внеш-
ним свечением, чтобы
создать однотонный ореол вокруг букв. Это
позволит как-то выделить надпись на неод-
нородном фоне.
Например
( р и с . 1 0 ), в н е ш н е е с в е ч е н и е :
режим - осветление, 75%, #FFFFFF, метод -
мягкий, размах 33, размер 10, диапазон 50,
колебание 0.
Или
(р и с . 1 1 ), в н е ш н е е с в е ч е н и е :
режим -
осветление, 75%, #FFFFFF, метод - мягкий, раз-
мах 19, размер 18, диапазон 50, колебание 0.
Еще вместо внешнего свечения можно вклю-
чить широкую обводку текста белым цветом, и
к тому же включить тень
( р и с . 1 2 ).
и
0,05 с
2 с •
Щ
0Л5 с • I
Вс*м ' - і ««
ы
*
і Иифо
, Î Оптими»*ии* \ю*иции
слоев
\ *
Установки! : [Безымянный] [:*
а
о :
Формат: |«3
IF
а
I
ту Таблиц»
ЦМТО
І
Редукциаі і Адаптивна*
«“’*• £ 0 3 d
J
Web-иевта: | 0%
g]
V Дизеринг
Метод
і ! Регулярный
>f ]
Cr*n«^:
v £2
ту Прозрачность
0 Прозрачность
Подложка
.и - л а
Дизеринп
: Без дизеринге I vj
Рис. 9
:
^ Пер
»метры
предыдущая страница 19 Компьютер 2014 02 читать онлайн следующая страница 21 Компьютер 2014 02 читать онлайн Домой Выключить/включить текст