13 обучающая презентация анимация с движением фона

11
Обучающая Обучающая презентация презентация «Создание анимации в «Создание анимации в программе программе Adobe Photoshop CS2 Adobe Photoshop CS2 » » Выполнила: Мастер п/о ГОУ СПО ТК №24 Шевченко Т.В. ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ СРЕДНЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ ГОРОДА МОСКВЫ ТЕХНОЛОГИЧЕСКИЙ КОЛЛЕДЖ № 24 (ГОУ СПО ТК № 24) Выполнила: Мастер п/о ГОУ СПО ТК №24 Шевченко Т.В. 2010г.

Transcript of 13 обучающая презентация анимация с движением фона

Page 1: 13 обучающая презентация анимация с движением фона

Обучающая презентация Обучающая презентация «Создание анимации в «Создание анимации в

программе программе Adobe Photoshop CS2Adobe Photoshop CS2»»

Выполнила:Мастер п/о ГОУ СПО ТК №24

Шевченко Т.В.

ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ СРЕДНЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ ГОРОДА МОСКВЫ

ТЕХНОЛОГИЧЕСКИЙ КОЛЛЕДЖ № 24(ГОУ СПО ТК № 24)

Выполнила:Мастер п/о ГОУ СПО ТК №24

Шевченко Т.В.

2010г.

Page 2: 13 обучающая презентация анимация с движением фона

Создание анимации

с использованием анимационного

GIF-файла

Анимационные GIF-файлы представляют собой последовательность изображений

или кадров. Каждый кадр отличается от

предыдущего, создавая иллюзию

движения.

Page 3: 13 обучающая презентация анимация с движением фона

Открываем анимированный файл «Вини Пух», Открываем анимированный файл «Вини Пух»,

через программучерез программу Image Image ReadyReady

Далее жмем на кнопку (Редактировать в Далее жмем на кнопку (Редактировать в PhotoshopPhotoshop))

Page 4: 13 обучающая презентация анимация с движением фона

ИИзображение имеет семь слоев, это видно на (Палитре слоев)зображение имеет семь слоев, это видно на (Палитре слоев)

Для удобства работы помещаем эти слои в отдельнуюДля удобства работы помещаем эти слои в отдельную

ППапку (Группа). Нажимаем на кнопку (Создать группу) на палитре слоев.апку (Группа). Нажимаем на кнопку (Создать группу) на палитре слоев.

ЗЗатем перемещаем все слои в данную папку.атем перемещаем все слои в данную папку.

Page 5: 13 обучающая презентация анимация с движением фона

ТТак как файл имеет небольшое разрешение, то создать на нем задний ак как файл имеет небольшое разрешение, то создать на нем задний

пплан трудно, поэтому увеличиваем его разрешение: лан трудно, поэтому увеличиваем его разрешение:

ИИзображение - Размер холста - 250х150 пикс. зображение - Размер холста - 250х150 пикс.

Page 6: 13 обучающая презентация анимация с движением фона

ТТеперь приступаем к созданию заднего плана:еперь приступаем к созданию заднего плана:

11. Создаем новый слой, нажав на палитре слоев кнопку . Создаем новый слой, нажав на палитре слоев кнопку

((Создать новый слой). Заливаем его голубоватым цветом.Создать новый слой). Заливаем его голубоватым цветом.

Page 7: 13 обучающая презентация анимация с движением фона

РРисуем траву: инструментом эллипс создаемисуем траву: инструментом эллипс создаем

оовальную часть под ногами Вини Пуха. вальную часть под ногами Вини Пуха.

ТТем же инструментомем же инструментом

ттак же на новом слое делаем солнцеак же на новом слое делаем солнце

Page 8: 13 обучающая презентация анимация с движением фона

Теперь рисуем деревья, которые являются главной частью нашейТеперь рисуем деревья, которые являются главной частью нашей

рработы, так как для создания последующей анимации мы будемаботы, так как для создания последующей анимации мы будем

рработать именно с ними. аботать именно с ними.

ДДеревья рисуем при помощи инструмента Кисть.еревья рисуем при помощи инструмента Кисть.

Page 9: 13 обучающая презентация анимация с движением фона

ППереходим в ереходим в ImageImage ReadyReady

ВВ панели Анимация панели Анимация

ссоздаем дубликаты кадров оздаем дубликаты кадров

Page 10: 13 обучающая презентация анимация с движением фона

ВВот почти все готово от почти все готово

ООсталось только инструментом Перемещениесталось только инструментом Перемещение

ппереместить деревья ближе к объектуереместить деревья ближе к объекту

и выставить время сменыи выставить время смены

ккадров (0.2 сек.):адров (0.2 сек.):

Page 11: 13 обучающая презентация анимация с движением фона

ААнимация готованимация готова

ООсталось только сохранить файл в сталось только сохранить файл в GIFGIF формате формате

(Строка меню Файл - сохранить оптимизированный как… )(Строка меню Файл - сохранить оптимизированный как… )

ВВот что получилось: от что получилось:

Студент