Презентация на тему "Gif-анимации в Photoshop или ImageReady"

Скачать презентацию (0.29 Мб)
21 загрузок
1.0 оценка

Презентация: Gif-анимации в Photoshop или ImageReady

1 из 8

ВКонтакте Одноклассники Мой Мир Телеграм

Ваша оценка презентации

Оцените презентацию по шкале от 1 до 5 баллов

1.0

1 оценка

Аннотация к презентации

Скачать презентацию (0.29 Мб). Тема: "Gif-анимации в Photoshop или ImageReady". Предмет: информатика. 8 слайдов. Для учеников 9-11 класса. Добавлена в 2016 году. Средняя оценка: 1.0 балла из 5.

Формат

pptx (powerpoint)
Количество слайдов

8
Аудитория

9 класс 10 класс 11 класс
Слова

информатика технология создания gif-анимации photoshop imageready gif-анимации программы
Конспект

Отсутствует

Содержание

Слайд 1
Технология создания gif-анимации в Photoshop или ImageReady.

Создание аватарок для Web-страниц
Слайд 2
Что такое аватар?

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

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

Прежде, чем начать что-нибудь с ним делать , выбрать инструмент Image-Mode-RGB Color. Скопировать изображение на несколько слоев. Движение-это смена картинок, в каждой из которой что-нибудь изменяется. Необходимо на каждом слое с помощью инструментов выделения выделить тот участок изображения, который хотим изменить.
Слайд 5

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

Теперь необходимо на раскадровку поместить слои в той последовательности, каким мы хотим видеть анимацию. Для этого нажимаем кнопку добавить слой, а в поле слоев оставить видимым только необходимый кадр. И так повторять, пока не поместим все необходимые слои.
Слайд 7

Для запуска анимации необходимо установить время для смены кадров. Анимация готова! Осталось сохранить и оптимизировать файл. Для этого нужно воспользоваться командой меню File → SaveforWeb & Devices... (Файл → Сохранить для веб и устройств...) и в диалоговом окне выбрать 4-Up. Теперь можно, подбирая разные параметры, сразу посмотреть общий вес картинки и то, как она будет выглядеть.
Слайд 8
Анимация готова! Теперь можно вставлять её в сайт!