15. Имитация традиционной живописной и графической техники. Реставрация и ретушь. Коллажи.

16.Оптимизация для Web. Фрагменты и ролловеры. Анимация. Автоматизация последовательности действий.

Оптимизация графики - это поиск баланса между её качеством и объемом, является одним из главных факторов в дизайне сайта, от объема изображения зависит скорость загрузки сайта.

В Web обычно используется 3 типа растровых файлов:

JPEG (Joint Picture Encoding Group) - реализует сжатие с потерями.

GIF (Graphics Interchange Format) - формат с ограниченной цветностью.

PNG (Portable Network Graphics) - реализует более эффективное сжатие без потерь, при этом может хранить не только графику с фиксированной палитрой, но и полноцветные изображения.

Форматы JPEG и GIF представляют изображения в сжатом виде. PNG является малораспространенным форматом, так как не поддерживается старыми версиями многих браузеров.

Веб-фрагмент (Web Slice) – это фрагмент веб-страницы. Нарезка - определение фрагментов изображения для веб-страницы. В графических редакторах (Adobe Photoshop, ImageReady/Fireworks) для нарезки полного изображения на прямоугольные фрагменты предназначен инструмент Slice (Фрагмент). К отдельным фрагментам можно применить разные параметры оптимизации, таким образом сократить время загрузки изображения и в то же время сохранить его высокое качество.

Ролловеры (динамическая подстановка) — интерактивные элементы Web-страницы, которые изменяют свое состояние (внешний вид) в браузере в зависимости от нескольких возможных событий:

отсутствие событий (обычное состояние),

курсор мыши находится на элементе,

курсор мыши на элементе и нажата левая кнопка мыши,

курсор мыши на элементе, левая кнопка мыши отпущена.

Ролловер представляет собой несколько (до четырех) изображений, каждое из которых ассоциируется с определенным событием. При возникновении перечисленных выше событий браузер заменяет текущее изображение другим.

Для веб анимации обычно используются форматы GIF и FLASH.

GIF - анимация с малым числом кадров и цветов. Она менее нагружена, поэтому возможно применять палитру 256 цветов. GIF- анимация имеет малый объём без потери качества. Программы для создания GIF-анимации: Ulead GIF Animator, Adobe Photoshop, Adobe ImageReady.

FLASH - анимация с большим количеством возможностей: использование качественных градиентных цветов, возможность сделать каждый объект интерактивным при небольшом объёме. Этот формат позволяет применить фоновый звук или музыку, и звуковой эффект для каждого отдельного объекта, реагирующего на событие (наведение или нажатие на него мышкой). Программы: Adobe Flash, для трёхмерной анимации - 3D Studio MAX, MAYA.

Программы для автоматизации действий пользователя предназначены для того, чтобы ускорить и упростить процесс работы, когда она превращается в многократно повторяющуюся последовательность одних и тех же действий. Такие программы записывают действия пользователя мышью и клавиатурой и воспроизведет их столько раз, сколько нужно. Программы: AutoIt, AutoClickExtreme и др. Во многих программах от Adobe есть возможность автоматизировать последовательность действий:

В Photoshop весь процесс автоматизации можно разбить на два этапа: запись и проверка макроса (окно Action); запуск макроса через диалоговое окно пакетной обработки (Batch).

В ImageReady процесс автоматизируется с помощью Дроплетов (Droplets), которые создаются в палитре Actions (Действия). Дроплеты обеспечивают пакетную обработку данных и представляют собой небольшие по размеру приложения (файлы exe), которые содержат заданную последовательность команд. По сути, то же самое, что и макросы в Photoshop, только представленных в виде отдельных приложений.