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

Презентация:



Advertisements
Похожие презентации
1) На диске Student в папке своего класса создать свою папку; 2) Открыть Potoshop CS5. Открыть любую картинку из папки 2_КАРТИНКИ на диске Student. Например,
Advertisements

Обучающая презентация «Создание анимации в программе Adobe Photoshop CS2» Выполнила: Мастер п/о ГОУ СПО ТК 24 Шевченко Т.В. ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ.
СОЗДАНИЕ ГРАФИКИ ДЛЯ WEB - СТРАНИЦ Как создать баннер? Юрченко Галина Ивановна, 2006.
ImageReady ImageReady Графический редактор, приложение к программе Adobe Photoshop. Графический редактор, приложение к программе Adobe Photoshop. Как и.
Баннер Баннер (англ. banner флаг, транспарант) графическое изображение рекламного характера. Баннеры размещают для привлечения потенциальных клиентов.
Обучающая презентация «Создание анимации в программе Adobe Photoshop CS2» Выполнила: Мастер п/о ГОУ СПО ТК 24 Шевченко Т.В. ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ.
Перед началом работы в папке своего класса создайте свою папку.
ГАОУ СПО НСО «КМТ» Создание gif анимации в Adobe PhotoshopCS3 Выполнила: Гребенщикова Мария, группа 096 Руководитель: Шевченко Алина Александровна г. Куйбышев.
Microsoft Office FrontPage Программа создания Веб-сайтов и управления ими.
1. В папке своего класса на диске Student создайте свою папку. 2. Откройте Photoshop CS5 и создайте новый документ (File – New…) произвольного размера,
© Епифанова ТН / 2010 Создание анимации, Знакомство с программой GIF ANImator. МУНИЦИПАЛЬНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ СРЕДНЯЯ ОБЩЕОБРАЗОВАТЕЛЬНАЯ.
Используем режим быстрой маски, градиент, команды: копировать и вклеить.
Сканирование документов и изображений МУНИЦИПАЛЬНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ СРЕДНЯЯ ОБЩЕОБРАЗОВАТЕЛЬНАЯ ШКОЛА 5 Епифанова Т.Н. / 2010.
Анимация в GIMP Практическая работа Автор: Мамонтова Анастасия Васильевна.
Создание анимации (баннера) в Adobe Photoshop. Тема урока:
Содержание: Титульный лист О программе Структура окна Урок 7 Урок 8 Урок 9 Урок 1 Урок 2 Урок 3 Урок 4 Урок 5 Урок 6 Контроль.
Авторизуйтесь на своем сайте. Вы должны видеть в правом верхнем углу свой псевдоним профиля Google.
14.Дублируем первый кадр, нажав на кнопку 10.Выбрать команду: Скопировать кадр 11.Выбрать команду: Вклеить кадр.
Практическая работа 5 Преобразование фотографии. Урок базируется на материале с сайта
Один из видов презентации на компьютере это набор слайдов, которые можно выводить последовательно друг за другом. Часто такое компьютерное произведение.
Транксрипт:

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

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

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

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

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

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

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

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