Рабочие листы
к вашим урокам
Скачать
1 слайд
Технология создания gif-анимации в Photoshop или ImageReady.
Создание аватарок для Web-страниц
2 слайд
Что такое аватар?
Аватар — картинка размером 100×100 (120×120, 80×80, 64×64 и др.), которую обычно используют на форуме, блоге или дневнике в своем профиле в качестве юзерпика.
Аватары бывают статическими (без анимации) и анимированными. Для создания аватар лучше всего использовать PhotoShop (для статических) и ImageReady (для анимированных).
3 слайд
Для того, чтобы создать анимацию, нужно выбрать рисунок, который вы будете анимировать.
Открыть его с помощью Photoshop, версия CS2 или ранее.
Создать анимацию в Adobe Photoshop CS3 ещё можно, а вот при редактировании уже созданной картинки с анимацией возникают некоторые сложности, например, при открытии готовой GIF-анимации программа заменяет прозрачный фон белым.
4 слайд
Прежде, чем начать что-нибудь с ним делать , выбрать инструмент Image-Mode-RGB Color.
Скопировать изображение на несколько слоев. Движение-это смена картинок, в каждой из которой что-нибудь изменяется. Необходимо на каждом слое с помощью инструментов выделения выделить тот участок изображения, который хотим изменить.
5 слайд
Изменение производим с помощью свободной трансформации.
Таким образом получается несколько слоев, на которых можно проследить покадровое движение.
Переходим в Adobe Image Ready.
Чтобы отобразить на рабочем столе программы, необходимо выполнить команду меню Window → Animation (Окно → Анимация).
6 слайд
Теперь необходимо на раскадровку поместить слои в той последовательности, каким мы хотим видеть анимацию. Для этого нажимаем кнопку добавить слой, а в поле слоев оставить видимым только необходимый кадр. И так повторять, пока не поместим все необходимые слои.
7 слайд
Для запуска анимации необходимо установить время для смены кадров.
Анимация готова! Осталось сохранить и оптимизировать файл. Для этого нужно воспользоваться командой меню File → Save for Web & Devices... (Файл → Сохранить для веб и устройств...) и в диалоговом окне выбрать 4-Up. Теперь можно, подбирая разные параметры, сразу посмотреть общий вес картинки и то, как она будет выглядеть.
8 слайд
Анимация готова! Теперь можно вставлять её в сайт!
Рабочие листы
к вашим урокам
Скачать
6 656 267 материалов в базе
Настоящий материал опубликован пользователем Малиновкина Ольга Валерьевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс повышения квалификации
72/180 ч.
Курс профессиональной переподготовки
300/600 ч.
Курс профессиональной переподготовки
300/600 ч.
Мини-курс
5 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.