Презентация на тему Gif-анимация

Содержание

2. Что такое аватар?Аватар — картинка размером 100×100 (120×120,
3. Для того, чтобы создать анимацию, нужно выбрать
4. Прежде, чем начать что-нибудь с ним делать
5. Изменение производим с помощью свободной трансформации.Таким образом
6. Теперь необходимо на раскадровку поместить слои в
7. Для запуска анимации необходимо установить время для
8. Скачать презентацию
9. Похожие презентации

Что такое аватар?Аватар — картинка размером 100×100 (120×120, 80×80, 64×64 и др.), которую обычно используют на форуме, блоге или дневнике в своем профиле в качестве юзерпика. Аватары бывают статическими (без анимации) и анимированными. Для создания

Технология создания gif-анимации в Photoshop или ImageReady. Создание аватарок для Web-страниц

Для того, чтобы создать анимацию, нужно выбрать рисунок, который вы будете анимировать.Открыть

Прежде, чем начать что-нибудь с ним делать , выбрать инструмент Image-Mode-RGB Color.Скопировать

Изменение производим с помощью свободной трансформации.Таким образом получается несколько слоев, на которых

Теперь необходимо на раскадровку поместить слои в той последовательности, каким мы хотим

Для запуска анимации необходимо установить время для смены кадров. Анимация готова! Осталось

Анимация готова! Теперь можно вставлять её в сайт!

Слайды презентации

Слайд 2 Что такое аватар?
Аватар — картинка размером 100×100 (120×120, 80×80,

Что такое аватар?Аватар — картинка размером 100×100 (120×120, 80×80, 64×64 и др.),

64×64 и др.), которую обычно используют на форуме, блоге

или дневнике в своем профиле в качестве юзерпика. Аватары бывают статическими (без анимации) и анимированными. Для создания аватар лучше всего использовать PhotoShop (для статических) и ImageReady (для анимированных).

Слайд 3 Для того, чтобы создать анимацию, нужно выбрать рисунок,

Для того, чтобы создать анимацию, нужно выбрать рисунок, который вы будете

который вы будете анимировать.
Открыть его с помощью Photoshop, версия

CS2 или ранее.
Создать анимацию в Adobe Photoshop CS3 ещё можно, а вот при редактировании уже созданной картинки с анимацией возникают некоторые сложности, например, при открытии готовой GIF-анимации программа заменяет прозрачный фон белым.

Слайд 4 Прежде, чем начать что-нибудь с ним делать ,

Прежде, чем начать что-нибудь с ним делать , выбрать инструмент Image-Mode-RGB

выбрать инструмент Image-Mode-RGB Color.
Скопировать изображение на несколько слоев. Движение-это

смена картинок, в каждой из которой что-нибудь изменяется. Необходимо на каждом слое с помощью инструментов выделения выделить тот участок изображения, который хотим изменить.

Слайд 5 Изменение производим с помощью свободной трансформации.
Таким образом получается

Изменение производим с помощью свободной трансформации.Таким образом получается несколько слоев, на

несколько слоев, на которых можно проследить покадровое движение.
Переходим в

Adobe Image Ready.
Чтобы отобразить на рабочем столе программы, необходимо выполнить команду меню Window → Animation (Окно → Анимация).

Слайд 6 Теперь необходимо на раскадровку поместить слои в той

Теперь необходимо на раскадровку поместить слои в той последовательности, каким мы

последовательности, каким мы хотим видеть анимацию. Для этого нажимаем

кнопку добавить слой, а в поле слоев оставить видимым только необходимый кадр. И так повторять, пока не поместим все необходимые слои.

Слайд 7 Для запуска анимации необходимо установить время для смены

Для запуска анимации необходимо установить время для смены кадров. Анимация готова!

кадров.

Анимация готова! Осталось сохранить и оптимизировать файл. Для

этого нужно воспользоваться командой меню File → Save for Web & Devices... (Файл → Сохранить для веб и устройств...) и в диалоговом окне выбрать 4-Up. Теперь можно, подбирая разные параметры, сразу посмотреть общий вес картинки и то, как она будет выглядеть.