Глава 8. Компьютерная графика и анимация
Практическая работа № 66. Иллюстрации для веб-сайтов
В этой работе мы научимся сохранять изображения, предназначенные для размещения на веб-сайтах. Главная задача – добиться минимального размера и сохранить приемлемое качество.
1. Откройте файл travel.xcf.
2. Установите масштаб 200% (Вид – Масштаб – 2:1 (200%)). Передвиньте рисунок так, чтобы видеть границу между горами и небом, в этом месте будут особенно ясно видны искажения при сжатии в формате JPEG.
3. 
Выберите пункт меню Файл – Сохранить копию, в появившемся окне введите имя файла travel.jpg.
4. В окне Сохранить как JPEG отметьте флажок Просмотр в окне изображения. Сдвигая движок Качество, наблюдайте (в этом же окне), как изменяется размер файла, а в основном окне с фотографией – внешний вид получившегося изображения. Смотрите, как при снижении качества (т.е. при увеличении степени сжатия) появляются искажения: квадраты 8 на 8 пикселей и лишние темные точки на границе светлых и темных областей.
5. Выберите минимальное качество, которое вы считаете допустимым, и сохраните файл travel.jpg.
Какой уровень качества вы считаете допустимым?
Ответ:
6. Попробуем сохранить фотографию в формате GIF (с палитрой). Выберите пункт меню Файл – Сохранить копию, в появившемся окне введите имя файла travel.gif. Сохраните файл, не меняя никаких настроек.
7. Откройте файл travel.gif, увеличьте изображение и посмотрите, устраивает ли вас его качество. Сделайте выводы. Закройте файл.
Ответ:
8. Сохраните копию файла в формате PNG (для этого нужно ввести имя travel.png). Он использует сжатие без потерь, поэтому качество не ухудшится. Сравните размеры файлов travel.jpg и travel.png.
Ответ:
9. По результатам этого эксперимента сделайте выводы о том, в каком формате лучше всего готовить фотографии для веб-сайта.
Ответ:
Практическая работа № 67.
Анимация
Простая анимация (замена)
В этой работе мы научимся строить простые анимированные файлы. Каждый кадр анимации – это отдельный слой.
1. Выберите команду Файл – Открыть как слои из верхнего меню и выберите файлы pause.png, letter-m.png, letter-i.png, и letter-r.png.
2. Переставьте слои так, чтобы слой с буквой М стояли в самом низу, далее – слой с буквой И, затем – слой с буквой Р, и в самом верху – слой «пауза». Сохраните получившийся файл с 4 слоями под именем message.xcf (Файл – Сохранить как).
3. Откройте окно фильтра Анимация – Воспроизведение и запустите анимацию, щелкнув по кнопке Воспроизвести. Вы увидите, что анимация выполняется очень быстро (кадры по умолчанию сменяются через 0,1 с).
4. Чтобы увеличить интервал до 1 с, измените названия всех слоев, добавив в конец названий текст «(1000ms)» (без пробела, латинские буквы «m» и «s»). Проверьте, как это влияет на скорость анимации.
5. Используя копирование слоев, добейтесь того, чтобы сигнальщик передавал сообщение:
МИР <пауза> РИМ <пауза>
причем каждая пауза должно длиться 2 с.
6. Сохраните результат под именем message.gif, выбрав вариант Сохранить как анимацию. В окне параметров выберите в списке Расположение кадров режим Один кадр на слой (замена).
Анимация с объединением слоев
Второй вид анимации использует наложение слоев друг на друга (объединение).
7. Откройте файл house.psd (это файл со слоями, сделанный в редакторе Adobe Photoshop).
8. Расставьте слои в таком порядке, в котором обычно происходит строительство дома (снизу вверх).
9. Постройте анимацию, в которой смена кадров происходит через 1 с.
10. Сохраните анимацию в формате GIF, указав, что используется режим Наложение слоев.