Как в paint сделать анимацию в
Общество XXI века предполагает у каждого человека знания информационных технологий, соответствующих современному уровню науки, техники, творческого подхода к решению различных задач. Информационно-компьютерная грамотность специалиста проявляется в его способности свободно, уместно и адекватно использовать компьютерные технологии в своей профессиональной деятельности. Современной школе вполне по силе подготовить выпускника, имеющего эти качества.
В процессе обучения педагог должен вовлекать учащегося в увлекательную познавательную деятельность, приобретаемый при этом опыт очень важен для формирования будущего самостоятельного мышления школьника.
В настоящее время большое внимание уделяется использованию презентаций, Web-страниц, а также электронных учебников в образовательном процессе. Перспективы их использования очень широки и эффективны. Государственный стандарт образования Республики Казахстан позволяет учителю применять различные компьютерные технологии для создания электронного учебника с использованием таких прикладных программ, как MS Word, MS Power Point, HTML–документы, MS Excel, MS Access и др. Все эти приложения изучаются учащимися в школьном курсе “Основы информатики и вычислительной техники”.
При создании учебного электронного пособия используется разнообразный инструментарий, художественное оформление, полнота информации, наглядность, логичность, последовательность изложения, а также, что немаловажно, качество технического исполнения. Навыки художественного оформления рисунка можно закладывать, начиная с самых основ, от простого к сложному: от изучения MS Paint до Adobe Photoshop и Corel Draw.
Машинная графика может сослужить хорошую службу людям самых различных профессий, которые нынешние учащиеся приобретут в будущем. Уже в школе, зная возможности машинной графики, можно научить создавать работы для формирования изображений и их оживления. Ведь нет ничего интереснее, чем увидеть, как созданные вашими руками рисунки начинают двигаться и жить собственной жизнью. Ведь анимация никого не может оставить равнодушным. Заставить персонаж, будь то модель сказочного персонажа или перемещения любого объекта, анимированного текста, двигаться – задача не из легких. Добавление четвертого измерения - времени – заставляет разработчика графики изменить традиционный тип мышления. Ему необходимо помнить о движении персонажей, контролируя эти движения во времени и пространстве.
Существует большое количество способов создания анимации. Чтобы персонаж или объект двигался, надо сначала создать несколько рисунков, отличающихся незначительным смещением изображения с постепенными изменениями каждого из персонажей (кадры), выставить их в определенной последовательности, установить время демонстрации каждого кадра, чтобы смена их была плавной и естественной. Чем больше кадров подготовите, чем лучше они будут прорисованы, тем интереснее будет результат.
Создав анимированное изображение можно предложить различные способы и вариации их использования. Эти анимации можно представить в презентации, они “оживят” лекционный материал, украсят вашу страничку в Internet и просто порадуют вас. Все это позволит развить у ребят креативные способности, устойчивый познавательный интерес к предмету.
Вашему вниманию представляются разработки уроков с использованием как простейшего редактора MS Paint, так и графического пакета высокого уровня с дальнейшим использованием программы GIF Animator для создания собственных анимированных приложений. Урок состоит из технологической карты изучения новой темы и практической работы.
Технологическая карта №1
Тема “Простые способы создания анимации”
- сформировать у учащихся понятие кадра, анимации;
- ознакомить учащихся с простыми способами создания кадров;
- развить у учащихся навыки работы с интерфейсом GIF Animator.
Анимация позволяет окунуться в удивительный мир движений…
Анимация – это то же, что и мультипликация. Компьютерная анимация - это создание движущихся изображений с помощью графических пакетов.
Графический пакет – вид программного обеспечения для создания графики. В многослойной двумерной анимации объекты перемещаются друг относительно друга и относительно фона.
Анимационный ряд - это последовательность рисунков, создающих эффект движущегося изображения. Каждое изображение называется кадром. Создав необходимое количество рисунков (кадров), можно приступить к анимации.
Создайте анимированную текстовую строку на английском языке “Welcome!”.
Чтобы создать анимированную текстовую строку необходимо разбить выполнение задания на три этапа:
1 этап: создание кадров с использованием графического пакета MS Paint.
2 этап: создание анимации кадров с использованием программы GIF Animator.
3 этап: вставка анимированного текста в MS Power Point или Web-pages для просмотра (если знакомы с указанными приложениями).
1 этап: Алгоритм создания кадров слова “Welcome!” с использованием графического пакета MS Paint:
Откроем графический редактор Paint и установим необходимые размеры для текстовой надписи (лучше использовать небольшие размеры).
Зальём область определённым цветом.
Наберём первую букву и сохраним её с расширением *.jpg.
Наберём следующую букву слова и сохраним её с расширением *.jpg.
Сохраним каждый рисунок (кадр) в отдельном файле.
2 этап: Алгоритм создания анимации кадров слова “Welcome!” с использованием программы GIF Animator:
Запустить программу MS GIF Animator.
Открыть созданные кадры поочерёдно, используя инструмент открытия (Open) и инструмент вставки (Insert) на панели инструментов.
Вставленные кадры можно перемещать кнопкой для достижения определённой последовательности.
Объедините все кадры кнопкой на панели инструментов, если параметры будут одни для всех кадров.
Выберите пункт меню Image. Установите параметры, которые будут задерживать кадры на экране, т.е. время показа кадра. Для последнего кадра можно установить длительную задержку.
Установите мигание текста – непрерывно.
Сохраните свой проект с расширением *.jpg.
Можно просмотреть созданную анимацию в окне GIF Animator.
3 этап: Алгоритм вставки анимированного текста “Welcome!” в MS Power Point или Web-pages для просмотра.
Вставка текста “Welcome!” в MS Power Point.
Откроем презентацию MS Power Point и вставим анимированный текст, используя команды: Вставка(Insert)® Картинки (Picture) ® Из файла (From File).
Запустите презентацию и просмотрите анимацию.
Вставка текста “Welcome!” в HTML-документ.
Откроем Стандартное приложение Windows Блокнот (Notepad).
Наберём следующие команды (теги):
Примечание: Вместо звёздочек наберите имя своего файла с анимированным тестом.
Сохраните документ в папке, где находится файл с анимированным тестом с расширением *.html.
Practical work №1
Практическая работа №1
Theme: / Тема: “Простые способы создания анимации”.
The object of the lesson: / Цель урока: Научиться создавать анимацию теста.
What do we know? / Что мы знаем?
Как создавать рисунки в графическом редакторе MS Paint. Как сохраняются файлы с различными расширениями.
What do we want to know? / Чему мы хотим научиться?
Работать с простейшим GIF Animation.
Process: / Ход работы:
Проект: “Анимированный тест”.
Show your results to the teacher / Покажите результат учителю!
I wish you were successful in your practical work! / Желаю успехов при выполнении практической работы!
Оборудование: доска, мел, ПК, программное обеспечение, дидактические материалы.
Ход урока.
1. Организационный этап.
Здравствуйте ребята, садитесь. Сегодня на уроке мы будем учиться создавать анимированное изображение. Что это значит?
Чтоб анимацию создать включи воображение
Рисунок нужно рисовать тебе без промедления!
Укажешь траекторию, рисунок оживёт,
В огромный мир фантазии тебя он позовет!!
Сегодня мы с вами погрузимся в волшебный подводный мир.
Нарисуем море, в этом знаем толк,
В море будет плавать чудный осьминог.
Красотой своею привлекает он,
Рыбки проплывая, делают поклон!
2. Вводно-мотивационный этап (актуализация опорных знаний).
На прошлом уроке мы с вами изучали тему: «Кодирование информации» и проводили практическую работу по данной теме. Ответьте на вопросы: Как можно закодировать и декодировать информацию? Что такое кодирование? Что такое декодирование? При помощи, каких программ, приложений мы кодировали и декодировали информацию?
Чтобы вспомнить данную тему выполните практическое задание на компьютере. Декодируйте тему нашего урока.
Мир чисел и цифр – он очень велик,
Их тайну постигнуть – ты смог ученик!
Ведь каждая цифра здесь букву хранит,
Его декодируй и прочитай вмиг!
Декодирование информации производится в программе Блокнот. Буква декодируется при нажатии числового кода одновременно с клавишей Alt.
В задании закодирован следующий текст:
СЕГОДНЯ НА УРОКЕ ИНФОРМАТИКИ МЫ БУДЕМ СОЗДАВАТЬ АНИМАЦИЮ В ГРАФИЧЕСКОМ РЕДАКТОРЕ PAINT. ЖЕЛАЮ ВСЕМ ПЛОДОТВОРНОЙ РАБОТЫ И ХОРОШЕГО НАСТРОЕНИЯ!
- 0209 0197 0195 0206 0196 0205 0223
- 0205 0192
- 0211 0208 0206 0202 0197
- 0200 0205 0212 0206 0208 0204 0192 0210 0200 0202 0200
- 0204 0219
- 0193 0211 0196 0197 0204
- 0209 0206 0199 0196 0192 0194 0192 0210 0220
- 0192 0205 0200 0204 0192 0214 0200 0222
- 0194
- 0195 0208 0192 0212 0200 0215 0197 0209 0202 0206 0204
- 0208 0197 0196 0192 0202 0210 0206 0208 0197
- 080 065 073 078 084
- 0198 0197 0203 0192 0222
- 0194 0209 0197 0204
- 0207 0203 0206 0196 0206 0210 0194 0206 0208 0205 0206 0201
- 0208 0192 0193 0206 0210 0219
- 0200
- 0213 0206 0208 0206 0216 0197 0195 0206
- 0205 0192 0209 0210 0208 0206 0197 0205 0200 0223 033
3. Операционно-сордержательный этап. (20 мин.)
Создание анимированного изображения.
План работы. Сейчас мы с вами отправляемся в подводное путешествие, будем создавать анимацию «Море».
4. Создание анимации «Море»
1. Открыть графический редактор Paint (Пуск – Программы – Стандартные – Paint)
2. В строке меню выбрать Рисунок – Атрибуты. Установить параметры: высота 24 см, ширина 32 см.
3. На панели инструментов выбираем заливку, и, заливаем документ синим цветом.
4. С помощью фигуры эллипс на панели инструментов рисуем морские камушки (произвольный размер и количество). Используя заливку, раскрашиваем камушки разными цветами.
5. С помощью инструмента Кривая рисуем водоросли.
Какие безграничные красоты,
Какой великолепный, чудный вид,
Но здесь ведь не хватает нам чего-то,
Спокойствие и тишина царит.
Здесь камушки красивые, подводные,
Здесь водоросли длинные, зелёные,
Но не хватает рыбки золотой,
Чтоб с чувством насладиться красотой!
Давайте с вами рыбку нарисуем,
Для этого немножко поколдуем!
6. Сохраняем полученный рисунок. (Файл – Сохранить как – название рисунка Море).
7. Открыть графический редактор Paint (Пуск – Программы – Стандартные – Paint)
8. В строке меню выбрать Рисунок – Атрибуты. Установить параметры: высота 3 см, ширина 5 см.
9. На панели инструментов выбираем заливку, и, заливаем документ, синим цветом.
10. Рисуем рыбку.
11. Сохраняем полученный рисунок. (Файл – Сохранить как – название рисунка Рыбка).
Вот она красавица, рыбка золотая,
Будет быстро плавать, море созерцая!
Но чтобы рыбки не скучать,
Нам нужно друга ей создать!
12. Открыть графический редактор Paint (Пуск – Программы – Стандартные – Paint)
13. В строке меню выбрать Рисунок – Атрибуты. Установить параметры: высота 5 см, ширина 3 см.
14. На панели инструментов выбираем заливку, и, заливаем документ синим цветом.
15. Рисуем осьминога.
16. Сохраняем полученный рисунок. (Файл – Сохранить как – название рисунка Осьминог).
У него есть много ног,
Кто же это? Осьминог!
С рыбкой вместе поплывёт,
И нас в море увлечет.
17. Открываем презентацию Power Point (Пуск – Программы – Power Point).
18. В строке меню выбрать Вставка – Рисунок – Из файла – Море
19. В строке меню выбрать Вставка – Рисунок – Из файла – Рыбка
20. В строке меню выбрать Вставка – Рисунок – Из файла – Осьминог
21. Выделяем объект, рыбка, щёлкаем правой кнопкой мыши и в появившемся меню выбираем настройка анимации.
22. Выбираем: Добавить эффект – Пути перемещения – Нарисовать пользовательский курс-Кривая. Рисуем произвольную кривую.
23. Выделяем объект, осьминог, щёлкаем правой кнопкой мыши и в появившемся меню выбираем настройка анимации.
24. Выбираем: Добавить эффект – Пути перемещения – Нарисовать пользовательский курс-Кривая. Рисуем произвольную кривую.
25. Выбираем в строке меню Показ слайдов – Начать показ.
Красота у моря безгранична,
Изменчива у моря красота,
В движенье жизнь, и это нам привычно
Давайте будем двигаться всегда.
Берег моря, рыбы, океаны,
Всех красот никак не передать,
Чтобы приоткрыть завесу тайны,
Нужно анимацию создать.
wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 28 человек(а).
Используя простое программное обеспечение (такое, как Paint и Movie Maker), вы можете создавать свои собственные анимации для Youtube и других сайтов в интернете.Кроме того, эта статься познакомит вас с бесплатными (или очень дешевыми) программами, с помощью которых сделать анимацию гораздо проще, чем вы думали без изучения Флэш и других сложных программ.
Решите, что вы хотите анимировать. Перед тем, как начать рисовать, вам надо придумать хорошую (а лучше отличную!) историю. У Wikihow есть пару статей, чтобы помочь вам: «как написать короткий рассказ» будет хорошим стартом для вас. Помните, что хорошая история состоит из введения, кульминации и заключения.
Раскадруйте свой сценарий (перевод в серию нарисованных картинок). Смотрите статьи на Wikihow с советами по раскадровке.
Начинаем делать анимацию! Откройте MS Paint (или любое другое программное обеспечение для обработки изображений, например, JASC Paint Shop Pro). PSP является довольно простой программой, хотя есть небольшие трудности в обучении. Самое главное, что в PSP можно добавлять биты, которые будут двигаться в вашей анимации, в виде слоев. Затем, вы переместите слой, чтобы получить эффект движения (против перекройки всего кадра, или "cel").
Нарисуйте первый кадр (или импортируйте фотографию). Убедитесь, что вы сделали все так, как хотели, в противном случае, вас очень разозлит итог, и вы потеряете свое время.
Сохраните это в Изображения программы, которую вы использовали (или лучше скопируйте это в Анимации программы). GIF анимации (GIF-A) бесплатные, и рекомендуются для вашей первой анимации. Вы также можете посмотреть программу JASC аниматор («пробная» версия никогда не заканчивается). Анимационные программы ускорят процесс, во многих перечисленных отношениях.
Внесите коррективы, которые вы хотите сделать для следующего кадра. Это анимация, поэтому вы должны делать все пошагово. Каждый кадр, как правило, просто немного отличается от предыдущего. Если вы знаете о «слоях» и используете PSP, то вы можете добиться этого движением мыши.
Важно сохранять фотографии (или лучше анимационный файл) в Windows Movie Maker (MM). Сделайте это, когда заканчиваете сцену. Перетяните их вниз на панель раскадровки. Вы будете так делать много раз, пока не создадите свое творение.
Добавьте название и специальные эффекты. Как только все картинки станут такими, какими вы хотите их видеть, время добавлять специальные эффекты, части, названия, все, что вам необходимо.
Добавляем звук: это необходимо для зрелищного фильма. У ММ есть звуковой редактор, но он постоянно глючит, в нем трудно изменять, и может перезагрузиться без предупреждения (часто требует полную перезагрузку). Вы можете отредактировать звук в любой другой программе (например, в CoolEdit, но у нее должен быть подходящий пакет), затем перетащите готовый файл в ММ. Вы можете просто и бесплатно скачать необходимые вам звуки из сети.
Не забывайте про внешние звуки. Это случайный звуковой фон, обычно, что-то вроде тупого журчания; если у вас такого нет, то переход от «разговора» к полной тишине будет очень заметным. Вы можете вставить саундтрек, как фон, но если это невозможно, у вас никогда (практически никогда) не должно быть полного отсутствия звука. Для этого вам еще раз потребуется такая программа, как Cooledit, для обработки звука: вы вставляете фоновый (или музыкальный) саундтрек в один канал, а свою речь и звуковые эффекты в другой канал.
Чтобы понять принципы создания анимации, лучше начинать с чего-нибудь простого, например, с надписей. На панели инструментов нажмите значок «Т», чтобы активировать инструмент «Текст».
На цветовой палитре укажите подходящий оттенок, на панели свойств – тип и размер шрифта. Щелкните на панели слоев по иконке «Добавить новый слой» и введите текст. Командой «Сохранить как…» из меню «Файл» сохраните изображение в нужную папку с расширением .jpg, например, 1.jpg. Это будет первый кадр анимации.
На панели слоев щелкните иконку «Создать копию слоя». Новый слой будет создан с тем же именем, что и копируемый. Если хотите переименовать слой, кликните по нему дважды на панели слоев и введите другое имя.
В меню «Эффекты» зайдите в группу «Искажения» и выбирайте команду «Вмятины». Установите для начала небольшие значения параметров искажений. Если результат вас устроит, нажмите ОК для сохранения. Для отмены неудачных изменений используйте команду «Отменить» в меню «Правка» или клавиши Ctrl+Z.
Сохраните новое изображение в ту же папку под именем 2.jpg, чтобы не перепутать последовательность кадров. При сохранении программа в первом шаге предложит выбрать уровень размытости и качество сохраняемого рисунка, во втором - объединить все слои или отказаться от объединения. Выбирайте «Объединить все слои». После сохранения изображения все слои будут слиты в один под названием «Фон». Нажмите «Отменить» в меню «Правка», чтобы снова их разделить.
Создайте еще одну копию слоя и увеличьте значения параметров искажения. Сохраните изображение как 3.jpg. Повторите операцию несколько раз. Чем больше кадров вы создадите, тем более плавной будет анимация.
Откройте папку с сохраненными gif-файлами. Запустите программу UnFREEz и поочередно перетащите мышкой рисунки в окно Frames. В окошке Frame delay выберите интервал времени для смены кадров и нажмите Make animated GIF. В ответ на запрос программы введите имя вашей анимации и папку для сохранения (по умолчанию будет предложена папка с сохраненными gif-файлами).
Для создания анимации вы можете использовать собственные рисунки или готовые изображения. В обоих случаях вам нужно будет создать ряд картинок, в которых постепенно изменяется положение в пространстве исходного объекта. Чем больше картинок вы создадите, тем более плавной будет анимация. В качестве примера можно рассмотреть полет воздушного шарика.
В правой части панели инструментов щелкните иконку фонового слоя, чтобы развернуть изображение. На панели слоев кликните пиктограмму «Добавить новый слой» и нажмите Ctrl+C, чтобы вставить рисунок воздушного шара. Зажмите его мышкой и переместите к нижнему краю фоновой картинки.
При зажатой клавише Shift подцепите мышкой один из угловых маркеров выделения вокруг шарика и протяните к центру, чтобы уменьшить размер рисунка. Нажмите Enter. Дважды щелкните по иконке слоя с шариком и уменьшите его непрозрачность приблизительно до 190. Получившееся изображение сохраните под именем 1.jpg, чтобы удобнее было ориентироваться в кадрах. При сохранении программа предложить слить все слои - подтвердите это действие. После сохранения изображения нажмите Ctrl+Z, чтобы снова разъединить слои.
На панели слоев опять щелкните «Добавить новый слой» и клавишами Ctrl+V вставьте изображение шарика самым верхним слоем. Уменьшите его размер, понизьте прозрачность и поместите выше предыдущего изображения. Учитывайте законы перспективы - чем выше поднимается шарик, тем меньше он кажется наблюдателю. К тому же, с учетом ветра, шарик не может подниматься вертикально вверх, а будет одновременно смещаться по оси Х. Уберите видимость предыдущего слоя, сняв галочку у правого края. Видимыми должны быть только фон и новый слой с шариком. Сохраните это изображение под именем 2.jpg.
Повторите эти действия несколько раз, каждый раз уменьшая изображение шарика и помещая его выше предыдущего положения. Не забывайте при сохранении картинки отключать видимость нижнего слоя, чтобы при анимации в одном кадре не оказалось сразу 2 шарика. В итоге у вас должно получиться несколько слоев с шариками разных размеров. На скриншоте включена видимость каждого слоя, чтобы вы могли представить, как изменяется положение шарика на фоновом изображении.
Запустите бесплатную программу UNFREEz и откройте папку с сохраненными gif-файлами. Мышкой перетащите поочередно изображения из файла в окно программы. В окошке Frame delay укажите интервал смены кадров и нажмите Make Animated GIF. По умолчанию анимация загрузится в папку с вашими gif-файлами. Для ее просмотра можно использовать любую программу для просмотра изображенией
Читайте также: