🗊Создание аватарок для Web-страниц

Категория: Информатика
Нажмите для полного просмотра!
Создание аватарок для Web-страниц, слайд №1Создание аватарок для Web-страниц, слайд №2Создание аватарок для Web-страниц, слайд №3Создание аватарок для Web-страниц, слайд №4Создание аватарок для Web-страниц, слайд №5Создание аватарок для Web-страниц, слайд №6Создание аватарок для Web-страниц, слайд №7Создание аватарок для Web-страниц, слайд №8

Вы можете ознакомиться и скачать Создание аватарок для Web-страниц. Презентация содержит 8 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1






Создание аватарок для Web-страниц
Описание слайда:
Создание аватарок для Web-страниц

Слайд 2





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

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

Слайд 3





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

Слайд 4





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

Слайд 5





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

Слайд 6





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

Слайд 7





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

Слайд 8





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



Похожие презентации
Mypresentation.ru
Загрузить презентацию