Главная / Информатика / Графический редактор Adobe Photoshop. Создание gif-анимации «Ползающая Муха» 8 класс

Графический редактор Adobe Photoshop. Создание gif-анимации «Ползающая Муха» 8 класс

Документы в архиве:

16.09 КБ Musca_domestica.jpg
24.5 КБ Анкета.doc
441 КБ Графический редактор Adobe Photoshop.doc
88.22 КБ Мистер Бин.gif
17.39 КБ Мистер Бин.jpg

Название документа Анкета.doc

Спиридонова Галина Александровна

Учитель информатики

Высшая квалификационная категория

Межшкольный Учебный комбинат Выборгского района г. Санкт Петербурга

gspiridonova@mail.ru

Создание gif – анимации в среде Adobe Photoshop

Элективный курс по информатики Adobe Photoshop

Лабораторно-практическая работа, 8 класс.

Использованная литература:

А. Тайц «Самоучитель Adobe Photoshop 7», БХВ-Петербург,2004.


Ключевые слова: Adobe Photoshop, информатика, элективный курс, анимация, gif – анимация.

Название документа Графический редактор Adobe Photoshop.doc

Графический редактор Adobe Photoshop.

Создание анимированных изображений. GIF – анимация.

Создание анимации «Ползающая Муха».


Цель работы: научить создавать анимированные изображения в формате gif в среде Adobe Photoshop.


Для работы воспользуйтесь следующими заготовками:

hello_html_m76bc9d40.jpghello_html_m3afd585e.jpg









Рис. 1

Рис. 2




Если Вам не нравятся эти образцы, можете выбрать любые другие на свой вкус. Муху можно заменить на муравья, гусеницу, любое другое насекомое, которое можете сами нарисовать в Photoshop с помощью кисти.


1. Откройте рис. 2 в среде Adobe Photoshop.

2. Создайте новый слой.

3. Вставьте на новый слой изображение мухи. Для этого откройте рис. 1 в Adobe

hello_html_m5481cf4.png

Photoshop. С помощью Инструмента волшебная палочка

выделите белое пространство вокруг мухи, а затем с помощью Выделение- Инвертировать выделение выделите контур мухи, скопируйте его на новый слой.

4hello_html_m28fa9ca5.png. С помощью Редактирование – Трансформация уменьшите размер мухи.














5. Дублируйте слой с изображением мухи. С помощью инструмента Перемещение hello_html_m4657b852.png

Сместите положение мухи, относительно начального положения на предыдущем слое. Для этого используйте также функцию Трансформация – Поворот.


6. Дублируйте верхний слой и опять сместите положение мухи. Проделайте эти действия, пока траектория движения мухи не замкнётся.


hello_html_672469e3.jpg











7. Отключите все слои кроме самого первого с изображением Мистера Бина и следующего за ним с изображением мухи.


8. Перейдите в редактор ImageReady для создания анимации. Для этого на панели инструментов нажмите кнопку hello_html_6b28413a.png.


hello_html_29091a1.png





9hello_html_393b119d.png. В нижней части окна ImageReady находится «раскадровка», на неё мы должны выложить меняющиеся через заданное время кадры, которые и будут составлять анимацию.

Нажимаем кнопку Создание дубликата кадра -

Выключаем слой с первым положение мухи и включаем следующий слой. Таким образом размещаем все кадры на «раскадровке» для создания анимации.

hello_html_335de440.png


10. Устанавливаем временную выдержку каждого кадра 0.1 сек.

hello_html_4a7cf279.png

Нажимаем кнопку пуск

Ура! У нас получилась довольно занятная анимация: муха ползает по недовольному лицу Мистера Бина.


11.Осталось сохранить в формате gif. Для этого в меню Файл в окне ImageReady выбираем пункт Сохранить оптимизированное как, выбираем имя файла и формат файла - gif.


- 3 -

Графический редактор Adobe Photoshop. Создание gif-анимации «Ползающая Муха» 8 класс
  • Информатика
Описание:

Цель работы: научить создавать анимированные изображения в формате gif в среде Adobe Photoshop.

Для работы воспользуйтесь следующими заготовками:

sp01.jpg

Рис. 1

sp02.jpg

Рис. 2


Если Вам не нравятся эти образцы, можете выбрать любые другие на свой вкус. Муху можно заменить на муравья, гусеницу, любое другое насекомое, которое можете сами нарисовать в Photoshop с помощью кисти.

1. Откройте рис. 2  в среде Adobe Photoshop.
2. Создайте новый слой.
3. Вставьте на новый слой изображение мухи. Для этого откройте рис. 1 в Adobe Photoshop. С помощью Инструмента волшебная палочка sp03.jpg  выделите белое пространство вокруг мухи, а затем с помощью Выделение - Инвертировать выделение выделите контур мухи, скопируйте его на новый слой.

sp04.jpg

4. С помощью Редактирование – Трансформация уменьшите размер мухи.

5. Дублируйте слой с изображением мухи. С помощью инструмента Перемещение sp05.jpg
Сместите положение мухи, относительно начального положения на предыдущем слое. Для этого используйте также функцию Трансформация – Поворот.

6. Дублируйте верхний слой и опять сместите положение мухи.  Проделайте эти действия, пока траектория движения мухи не замкнётся.

sp06.jpg

7. Отключите все слои кроме самого первого с изображением Мистера Бина и следующего за ним с изображением мухи.

8. Перейдите в редактор ImageReady для создания анимации. Для этого на панели инструментов нажмите кнопку sp07.jpg.

sp08.jpg

9. В нижней части окна ImageReady находится «раскадровка», на неё мы должны выложить меняющиеся через заданное время кадры, которые и будут составлять анимацию.
Нажимаем кнопку Создание дубликата кадра - sp09.gif
Выключаем слой с первым положение мухи и включаем следующий слой. Таким образом размещаем все кадры на «раскадровке» для создания анимации.

sp010.jpg

10. Устанавливаем временную выдержку каждого кадра 0.1 сек.

Нажимаем кнопку пуск sp011.gif
Ура! У нас получилась довольно занятная анимация: муха ползает по недовольному лицу Мистера Бина.

11.Осталось сохранить в формате gif. Для этого в меню Файл в окне ImageReady    выбираем пункт Сохранить оптимизированное как, выбираем имя файла и формат файла - gif.

sp012.gif

Использованная литература:
А. Тайц «Самоучитель Adobe Photoshop 7», БХВ-Петербург,2004.


04.03.2011
Автор Спиридонова Галина Александровна
Дата добавления 04.03.2011
Раздел Информатика
Подраздел
Просмотров 2708
Номер материала 159
Скачать свидетельство о публикации

Оставьте свой комментарий:

Введите символы, которые изображены на картинке:

Получить новый код
* Обязательные для заполнения.


Комментарии:

↓ Показать еще коментарии ↓




Похожие материалы