Анимация
<<  Компьютерная анимация Конкурс «Аниматика» Какие типы анимации могут быть использованы в  >>
Цель: Создать анимированную рекламу для сайта Гипотеза: Чтобы получить
Цель: Создать анимированную рекламу для сайта Гипотеза: Чтобы получить
Задача 1. Изучение теории
Задача 1. Изучение теории
Формат GIF (Graphics Interchange Format) разрабатывался специально для
Формат GIF (Graphics Interchange Format) разрабатывался специально для
Задача 2. Создание GIF-анимации (провести исследование)
Задача 2. Создание GIF-анимации (провести исследование)
Анимированное изображение состоит из кадров
Анимированное изображение состоит из кадров
Анимированное изображение состоит из кадров
Анимированное изображение состоит из кадров
Далее нужно просто повторить эту процедуру с остальными кадрами и
Далее нужно просто повторить эту процедуру с остальными кадрами и
Далее нужно просто повторить эту процедуру с остальными кадрами и
Далее нужно просто повторить эту процедуру с остальными кадрами и
Для промежуточных кадров устанавливаем близкую к минимальной
Для промежуточных кадров устанавливаем близкую к минимальной
Задача 3. Оптимизация
Задача 3. Оптимизация
Задача 3. Оптимизация
Задача 3. Оптимизация
Если в таблице цветов исходного изображения отсутствует нужный цвет,
Если в таблице цветов исходного изображения отсутствует нужный цвет,
Для данной картинки мы остановились на методе Perceptual: он сжал файл
Для данной картинки мы остановились на методе Perceptual: он сжал файл
Количество цветов имеет самое большое влияние на вес файла: чем меньше
Количество цветов имеет самое большое влияние на вес файла: чем меньше
Количество цветов имеет самое большое влияние на вес файла: чем меньше
Количество цветов имеет самое большое влияние на вес файла: чем меньше
Adaptive при уменьшении цветов показывает лучшее сжатие файла
Adaptive при уменьшении цветов показывает лучшее сжатие файла
Adaptive при уменьшении цветов показывает лучшее сжатие файла
Adaptive при уменьшении цветов показывает лучшее сжатие файла
Кроме того, проанализировав другие источники, мы выяснили, что
Кроме того, проанализировав другие источники, мы выяснили, что
Вывод
Вывод
Список литературы
Список литературы
Исследовательская работа на тему: GIF-анимация к сайту
Исследовательская работа на тему: GIF-анимация к сайту
Картинки из презентации «Исследовательская работа на тему: GIF-анимация к сайту» к уроку информатики на тему «Анимация»

Автор: Наталья. Чтобы познакомиться с картинкой полного размера, нажмите на её эскиз. Чтобы можно было использовать все картинки для урока информатики, скачайте бесплатно презентацию «Исследовательская работа на тему: GIF-анимация к сайту.ppt» со всеми картинками в zip-архиве размером 1523 КБ.

Исследовательская работа на тему: GIF-анимация к сайту

содержание презентации «Исследовательская работа на тему: GIF-анимация к сайту.ppt»
Сл Текст Сл Текст
1Исследовательская работа на тему: 10откроем панель оптимизации — выбираем меню
GIF-анимация к сайту. Работу выполнила: File -> Save for web &Devices (Файл
Фисенко Н.П. -> сохранить для Веб). Сейчас подробно
2Цель: Создать анимированную рекламу разберем настройки оптимизации:
для сайта Гипотеза: Чтобы получить 11Если в таблице цветов исходного
красочную анимированную рекламу, изображения отсутствует нужный цвет, то
достаточно в качестве исходника брать приложение подбирает ближайший цвет из
фотографию Задачи: 1. Изучение теории 2. таблицы или имитирует цвет с помощью
Создание GIF-анимации из фотографии 3. сочетания доступных цветов. Алгоритм
Оптимизация полученного файла. сокращения цветов определяет, какой схемой
3Задача 1. Изучение теории. Каждый из воспользуется Photoshop при преобразовании
пользователей Интернет уже вполне привычно полноцветного изображения в
воспринимает появляющиеся почти на каждой индексированное (таблицу цветов):
странице картинки-мультфильмы, так Perceptual (палитра на восприятие) создает
называемые динамические, или анимационные цветовую таблицу на основе текущих цветов
(animated) GIFы. Чаще всего именно такими изображения. Преимущество данной таблицы
являются рекламные баннеры. Динамический заключается в сохранении целостности
GIF можно определить, как стандарт цвета; Selective (выборочная палитра)
графического файла, позволяющий размещать аналогичная первой, довольно близко
в одном файле несколько изображений, для сохраняет исходные цвета; Adaptive
их последовательного вывода на экран с (адаптивная палитра) создаст цветовую
целью создания эффекта мультипликации. таблицу из цветов, наиболее часто
4Формат GIF (Graphics Interchange встречающихся в исходном изображении;
Format) разрабатывался специально для Custom (заказная) палитра из выбранных
внутрисетевого обмена растровыми пользователем цветов. А вот какой выбрать
изображениями. Основные характеристики однозначно посоветовать не получается: для
формата GIF: Способность сохранять разных изображений лучшим может оказаться
изображения в 256 цветовой гамме; Малый любой, нужно пробовать и сравнивать.
вес изображения Графические форматы в GIF 12Для данной картинки мы остановились на
хранятся построчно, поддерживая лишь методе Perceptual: он сжал файл лучше, чем
определенную цветовую палитру (256 Selective и Adaptive.
цветов); При этом один из 256 оттенков 13Количество цветов имеет самое большое
может быть помечен как прозрачный; влияние на вес файла: чем меньше цветов
Поддержка анимированных объектов. будет в изображении, тем оно будет легче.
5Задача 2. Создание GIF-анимации Но нужно следить за тем, чтобы картинка
(провести исследование). Для анимированных теряла качество незаметно или еле заметно.
изображений используется формат GIF. Вы Сначала в выпадающем списке выбираем такое
научитесь делать анимацию из картинок с количество цветов, при котором вес файла
нуля, или сможете редактировать кадры будет минимальным и качество изображения
готового анимационного GIF-файла. удовлетворительным. Тут мне нравится
Редактором анимации в Photoshop выступает больше всего вариант со 128 цветами:
панель Анимация, расположенная на правом качество изображения почти не пострадало и
крае рабочего пространства программы. Она размер файла прилично уменьшился. Но, что
вызывается из основного меню командой: будет если при таком количестве цветов
«Окно - Анимация». Это горизонтальная изменить алгоритм палитры:
панель — рассмотрим её инструменты: 14Adaptive при уменьшении цветов
6Анимированное изображение состоит из показывает лучшее сжатие файла. Вывод:
кадров. Первоначально, при его создании — первоначальный выбор алгоритма получения
это один кадр, который повторяет текущий палитры не всегда будет оптимальным. Итак,
слой активного документа. Наша задача — останавливаем свой выбор на Adaptive 128
создать последующие кадры из других слоёв цветов. Затем пробуем еще уменьшить число
документа. Для этого жмём значок цветов тонкой настройкой. Для этой
дублирования кадра и создаём столько картинке удалось уменьшить количество
копий, сколько нужно. В нашем примере — цветов до 109 без особых потерь качества.
создаём 2-ой кадр и выбираем его кликом: Обратим внимание как изменяется таблица
Затем переходим в панель Слои: «Окно - цветов при манипуляциях с настройками
Слои» (F7), и выделяем «Слой 2» — он оптимизации:
устанавливается во 2-ом кадре панели 15Кроме того, проанализировав другие
Анимация: источники, мы выяснили, что существует еще
7Далее нужно просто повторить эту несколько способов создания GIF-анимация
процедуру с остальными кадрами и слоями, без потери качества: 1. Чем меньше цветов,
если они есть. Осталось рассказать о тем больше сжатие, файл можно сделать
создании промежуточных кадров — это легким, но ужасно некрасивым. 2. Можно
возможность автоматизации процесса выкрутить цвета на максимум, но опять же -
создания анимации. В нашем примере картинка уже будет с потерей, а вес
используются два слоя — две такие приличным. 3. Можно сделать анимацию в
картинки: Если всё оставить как есть, то формате-> "APNG" в
при переходе кадров будет скачок. Если графическом редакторе GIMP-> потери
использовать промежуточные кадры, то можно качества не будет, но вес анимации
сгладить переход — сделать его плавным. значительно возрастёт.
Жмём значок и добавляем несколько 16Вывод. Проведя исследование по
промежуточных кадров в нашу анимацию, созданию GIF-анимаций в программе
задав их количество в открывающемся Photoshop можно сказать, что наша гипотеза
окошке: подвергается опровержению. Как бы мы не
8Для промежуточных кадров устанавливаем хотели получить красочную анимированную
близкую к минимальной длительность показа рекламу, качество картинки всё равно будет
и получаем мягкий переход кадров. В снижаться, хоть и незаметно. Следует
примере мы оставили 4 промежуточных кадра, запомнить несколько правил: 1. качество
которые, кстати, можно дорабатывать через картинки будет низким, если на фото
панель Слои. Вот что получилось — присутствует большое кол-во цветов 2.
анимированное изображение из 6 кадров, желательно не использовать локальных
зацикленное на постоянный показ. Таким палитр - такие картинки читаются, но в
образом, мы выяснили, что, применив всего некоторых случаях, это приводит к
два-три кадра можно оживить любую неправильному изображению цветов.
картинку. Теперь вы сможете сами 17Список литературы. На данном сайте вы
редактировать любые готовые анимационные сможете создать GIF-анимацию онлайн: 1.
GIF-изображения, в файлах которых http://gifovina.ru/ Дополнительные сайты с
сохраняются все слои. информацией про Gif-анимацию: 1.
9В результате проведенного исследования http://www.internet-technologies.ru/articl
мы выяснили, что из обычной картинки (Рис. s/article_2331.html 2.
1) можно сделать небольшую рекламку (Рис. http://home.onego.ru/~chiezo/gif.htm 3.
2). Рис. 1. Рис. 2. http://www.drawanime.ru/?pg=art&id=73
10Задача 3. Оптимизация. Используя 4. http://winru.ru/ter/6/1_11.htm 5.
программу Photoshop, научится получать http://doc.marsu.ru/graphic/gifanimate/ind
изображения в формате GIF с минимальным x.html.
весом при сохранении приемлемого качества. 18
Чтобы начать «колдовать» над изображением,
Исследовательская работа на тему: GIF-анимация к сайту.ppt
http://900igr.net/kartinka/informatika/issledovatelskaja-rabota-na-temu-gif-animatsija-k-sajtu-86215.html
cсылка на страницу

Исследовательская работа на тему: GIF-анимация к сайту

другие презентации на тему «Исследовательская работа на тему: GIF-анимация к сайту»

«Gif-анимация в Photoshop» - 7) Нанести необходимое количество «звёздочек»: 9) Изменить размер «звёздочки»: 6) Установить форму и размер кисти – Star 42 pixels: Например, такую: 10) Добавить «звёздочки» нового размера в новом слое: 13) Перейдите в один из кадров и сделайте один из слоёв невидимым: Gif-анимация в photoshop CS5. 14) Перейдите в другой кадр и сделайте другой слой невидимым:

«Компьютерная анимация» - Машина БЭСМ-4. Константинов Н.Н. (родился 2 января 1932 г.) 1986 г. – первый компьютерный мультфильм. Программируемая анимация. Программы для создания анимации с помощью цифрового фотоаппарата. Flash-анимация; Запись движения. 1) объемная анимация. 2) живописная анимация. 3) перекладочная анимация. 4) компьютерная анимация.

«Эффекты анимации» - Смена полярности источников тока – два рисунка. Скорость анимации очень быстро. Каким образом я изменил показания прибора при погружении в жидкость тела? Два круга – длина пути одинакова. Знакомство с интерфейсом средства создания презентаций Power Point. СМОТРИ тему «Обучение учеников в проектной деятельности на уроке ИКТ.

«Создание анимации» - Муниципальное общеобразовательное учреждение средняя общеобразовательная общеобразовательная школа № 5. Создание анимации, Знакомство с программой GIF ANImator. Установка и настройка программы . GIF Animator. Факультативный курс «Мир мультимедиате хнологий». Остальные кадры загрузите по аналогии. Пример использования программы в презентации проектной работы «Орбитальные станции».

«Gif и flash анимация» - Однако старайтесь не перегружать ваш сайт анимированными элементами. Вы можете, используя gif-анимацию, создавать: Flash обладает широкими возможностями для создания интерактивных элементов. Посмотреть. Обратите внимание на небольшой размер получаемых файлов. 6. Элементы дизайна Web-страницы. Будьте внимательными, чтобы не получить файл очень большого размера.

«Gif-анимация» - Скопировать изображение на несколько слоев. Для запуска анимации необходимо установить время для смены кадров. Создание аватарок для Web-страниц. Переходим в Adobe Image Ready. Технология создания gif-анимации в Photoshop или ImageReady. И так повторять, пока не поместим все необходимые слои. Что такое аватар?

Анимация

22 презентации об анимации
Урок

Информатика

130 тем
Картинки
900igr.net > Презентации по информатике > Анимация > Исследовательская работа на тему: GIF-анимация к сайту