Главная / Информатика / Графический редактор Adobe Photoshop. Создание анимированной Новогодней Ёлки 8 класс

Графический редактор Adobe Photoshop. Создание анимированной Новогодней Ёлки 8 класс

Название документа Анкета.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.


Создание GIF – анимации, это одна из самых привлекательных тем в курсе работ в среде Adobe Photoshop. Созданные учащимися работы могут украшать заставки рабочих компьютеров, стать электронными поздравительными открытками, украшать странички сайтов и собственных аккаунтов. В GIF – анимации можно объединить все полученные ранее навыки работы в среде Adobe Photoshop. Ярким примером может служить создание творческой работы - анимированной новогодней ёлки, которая покажет не только ваш уровень навыков и знаний, но и приятно удивит окружающих, создав им новогоднее настроение.


Ход работы состоит из двух этапов. I этап – создание заготовки ёлки, II этап – непосредственно создание анимации.


I этап.

  1. Откройте Adobe Photoshop 7.0. Создайте новый файл размером 20х30 см, прозрачный, RGB.

  2. Сhello_html_m2b181446.pngоздайте второй слой. Выберите в палитре тёмно-коричневый цвет и с помощью кисти с мягкими краями нарисуйте ствол ели. ( Размер кисти – крупный, примерно 60)












  1. В меню Слой – Эффекты слоя придайте этому слою Тень и Рельеф.

  2. Создайте новый слой, в палитре выберите тёмно- зелёный цвет и нарисуйте с помощью кисти с мягкими краями ветви ели ( размер кисти возьмите меньше, чем для рисования ствола.). С помощью Слой – Эффекты слоя придайте слою Тень и Рельеф.


hello_html_1719964b.png











  1. Создайте новый слой, в палитре выберите светло- зелёный цвет и нарисуйте с помощью кисти с мягкими краями ещё ветви ели, но уже более тонкие ( размер кисти возьмите ещё меньше - 27). С помощью Слой – Эффекты слоя придайте слою Тень и Рельеф.

hello_html_m1cf54faf.png















  1. В палитре слои отключите первый пустой слой (выключите глазик рядом с о слоем), а остальные три слои объедините в один с помощью Слой – Объединить с видимым. Все три слоя объединяются в один. С помощью Слой – Эффекты слоя добавьте Внешний свет этому слою. В появившемся диалоговом окне цвет свечения и размер свечения устанавливайте по вашему вкусу (можно выбрать жёлтый, голубой, розовый).

  2. Вернитесь на первый фоновый слой, включите его и залейте с помощью инструмента Заливка любым тёмным цветом (чёрным, синим). Теперь будет хорошо видно Свечение вашей ёлки.

hello_html_5fbe1adb.jpg














Первый этап завершён.

hello_html_3c6f4d2b.png

II этап.

  1. Для создания анимации нам необходимо скопировать слой с изображение ёлки ещё два раза. Итого – 3 слоя с нашей ёлкой!

  2. Выключим два верхних слоя с изображением ели. Теперь выберем кисть в виде звёздочки или снежинки и нарисуем гирлянду любого яркого цвета, например, жёлтого.


hello_html_369126c6.jpg











3. Включим второй слой с изображением ёлки и нарисуем гирлянду другого цвета, например розового, с помощью кисти в виде звёздочки.

hello_html_263941ad.jpg













  1. Включим третий слой с изображением ёлки и нарисуем гирлянду другого цвета, например голубого, с помощью кисти в виде звёздочки.

hello_html_m7e8844a6.jpg













Вhello_html_17f37c37.png итоге у нас получились три слоя с изображение ели и на каждом нарисована гирлянда своего цвета. Всё готово для того, чтобы приступить к созданию самой анимации. В этой версии Photoshop предусмотрен вспомогательный редактор для создания анимации ImageReady. Чтобы в него перейти надо нажать кнопку на панели инструментов в окне Photoshop -


  1. Отключите верхние два слоя с изображение ели и прейдите в ImageReady.

hello_html_36edb75b.png




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

hello_html_393b119d.png

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

Дублируем первое изображение ели. В палитре слои выключаем слой с первым изображение ели и включаем слой со вторым изображением ели.

hello_html_m27b443db.png


7. Дублируем второе изображение ели. В палитре слои выключаем слой с вторым изображение ели и включаем слой с третьим изображением ели.

hello_html_17ef537f.png




  1. Устанавливаем время выдержки каждого кадра 0.2 сек. (время устанавливается под каждым кадром)

hello_html_m37f6ee49.png

hello_html_4a7cf279.png

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


Ура! Мы видим как замигали разными цветами гирлянды на Новогодней Ёлки!

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



- 5 -

Графический редактор Adobe Photoshop. Создание анимированной Новогодней Ёлки 8 класс
  • Информатика
Описание:

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

Создание GIF – анимации, это одна из самых привлекательных тем  в курсе работ в среде Adobe Photoshop. Созданные учащимися работы могут украшать заставки рабочих компьютеров, стать электронными поздравительными открытками, украшать странички сайтов и собственных аккаунтов. В GIF – анимации можно объединить все полученные ранее навыки работы в среде Adobe Photoshop. Ярким примером может служить создание творческой работы - анимированной новогодней ёлки, которая покажет не только ваш уровень навыков и знаний, но и приятно удивит окружающих, создав им новогоднее настроение.

Ход работы состоит из двух этапов. I этап – создание заготовки ёлки,  II этап – непосредственно создание анимации.

I этап.

  1. Откройте Adobe Photoshop 7.0. Создайте новый файл размером 20х30 см, прозрачный, RGB.
sp1.jpg
Создайте второй слой. Выберите в палитре тёмно-коричневый цвет и с помощью кисти с мягкими краями нарисуйте ствол ели. (Размер кисти – крупный, примерно 60)
  1. В меню Слой – Эффекты слоя придайте этому слою Тень и Рельеф.
  2. Создайте новый слой, в палитре выберите тёмно- зелёный цвет и нарисуйте с помощью кисти с мягкими краями ветви ели (размер кисти возьмите меньше, чем для рисования ствола.). С помощью Слой – Эффекты слоя придайте слою Тень и Рельеф.
sp2.jpg
  1. Создайте новый слой, в палитре выберите светло- зелёный цвет и нарисуйте с помощью кисти с мягкими краями ещё ветви ели, но уже более тонкие (размер кисти возьмите ещё меньше - 27). С помощью Слой – Эффекты слоя придайте слою Тень и Рельеф.
sp3.jpg
  1. В палитре слои отключите первый пустой слой (выключите глазик рядом с о слоем), а остальные три слои объедините в один с помощью  Слой – Объединить с видимым. Все три слоя объединяются в один. С помощью Слой – Эффекты слоя добавьте Внешний свет этому слою. В появившемся диалоговом окне цвет свечения и размер свечения устанавливайте по вашему вкусу (можно выбрать жёлтый, голубой, розовый).
  2. Вернитесь на первый фоновый слой, включите его и залейте с помощью инструмента  Заливка любым тёмным цветом (чёрным, синим). Теперь будет хорошо видно Свечение вашей ёлки.
sp4.jpg

Первый этап завершён.

sp5.jpg

II этап.

  1. Для создания анимации нам необходимо скопировать слой с изображение ёлки ещё два раза. Итого – 3 слоя с нашей ёлкой!
  2. Выключим два верхних слоя с изображением ели. Теперь выберем кисть в виде звёздочки или снежинки и нарисуем гирлянду любого яркого цвета, например, жёлтого.
sp6.jpg

3. Включим второй слой с изображением ёлки и нарисуем гирлянду другого цвета, например розового, с помощью кисти в виде звёздочки.

sp7.jpg
  1. Включим третий слой с изображением ёлки и нарисуем гирлянду другого цвета, например голубого, с помощью кисти в виде звёздочки.
sp8.jpg

В итоге у нас получились три слоя с изображение ели и на каждом нарисована гирлянда своего цвета. Всё готово для того, чтобы приступить к созданию самой анимации. В этой версии Photoshop предусмотрен вспомогательный редактор для создания анимации ImageReady. Чтобы в него перейти надо нажать кнопку на панели инструментов в окне Photoshop - sp9.jpg

  1. Отключите верхние два слоя с изображение ели и прейдите в ImageReady.
sp10.jpg

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

  1. Нажимаем кнопку Создание дубликата кадра - sp11.jpg
Дублируем первое изображение ели. В палитре слои выключаем слой с первым изображение ели и включаем слой со вторым изображением ели.
sp12.jpg
  1. Дублируем второе изображение ели. В палитре слои выключаем слой с вторым изображение ели и включаем слой с третьим изображением ели.
sp14.jpg
  1. Устанавливаем время выдержки каждого кадра  0.2 сек. (время устанавливается под каждым кадром)
sp15.jpg

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

Ура! Мы видим как замигали разными цветами гирлянды на Новогодней Ёлки!

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

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


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

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

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

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


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

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




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