С нами 16275 учителей, 5594 ученика.
Присоединяйтесь – это бесплатно!
Мастер-класс "Создание gif-анимации онлайн"
Татьяна Козак   10.08.2014   10515   31
Козак Татьяна Ивановна,
учитель математики
МОБУ СОШ №20
пгт.Прогресс Амурской области
 
2014 г
 
Тема: «Создание gif-анимации онлайн»
 

Краткое описание:
 
Гифовина  – бесплатный онлайн gif-аниматор по созданию анимации из фотографий в формате gif (так называемые гифки), со всевозможными настройками. Здесь нет ничего лишнего,  легко во всём разобраться.

Кроме создания просто анимации gif на Гифовине можно:
  •  добавлять эффекты перехода;
  • добавлять всевозможные фигуры;
  • добавлять не только фотографии, но и текст к фотографии и редактировать его;
  • изменять размер разрешения изображений;
  • присутствует режим подгонки (вписывать и подгонять).
 
Шаг 1. Подготавливаем необходимый материал: фотографии, фигуры, текст. Фотографии заранее лучше сжать. Я приготовила фотографии-скриншоты со своих страничек на УчПортфолио.

Шаг 2.  Заходим на Гифовину по адресу: gifovina.ru/



Шаг 3.
Загружаем фотографии (обычные картинки), они будут основными кадрами вашей будущей анимации. Для этого кликаем на кнопку «Добавить кадры с компьютера» в левом верхнем углу. Можно добавлять фото-картинки с компьютера, с камеры, по ссылке. Рассмотрим один вариант: загрузка с компьютера.



Шаг 4. Теперь добавим фото. Их можно загружать по одной, а можно сразу несколько, применяя известные способы*. Но одновременно за один сеанс загрузки можно добавлять не более 10 фото.



Или так:



Идёт процесс загрузки фото:



Все 10 фотографий загрузились:



При необходимости добавляем ещё фото. Загруженные ранее фото сохраняются.

Шаг 5. Настраиваем размер картинок или фотографий. По умолчанию стоит «Авто».



Шаг 6. Поэкспериментируйте с режимом подгонки, выберите нужный вариант: вписывать или обрезать. При этом наблюдайте за изменениями в центре окна.



Шаг 7. При необходимости настраиваем длительность кадров, по умолчанию стоит 1.0.



Шаг 8. Выберем кадр на ленте фотографий, на котором необходимо сделать надпись.



Шаг 9. На панели форматирования выбираем фигуру, на которой будем писать текст, размер, шрифт, начертание, заливку, цвет (при необходимости). Если нужно изменить текст, по фигуре необходимо щёлкнуть 2 раза левой кнопкой мыши.


Шаг 10. Настраиваем эффекты для различных способов смены кадров. По умолчанию – без эффектов. 



Шаг 11. Настраиваем продолжительность эффекта.



Шаг 12. Всё настроено, жмём кнопку «Готово».



Шаг 13. Ждём, пока создаётся наша анимация.





Шаг 14. Скачиваем работу на компьютер.



Шаг 15. Не закрывайте Гифовину, убедитесь, что вас устраивает результат. Если не всё устраивает, измените необходимые параметры, нажмите готово, дождитесь окончания создания анимации и сохраните заново её на ваш компьютер.

Шаг 16. Вставляем на свою страничку. Последовательность вставки такая же, как изображения.

У меня получилось так:
 
Примеры "гифок" у меня на страничке:

http://uchportfolio.ru/s5248487043/?page=9049

Спасибо за внимание!
 
Обнаружили плагиат? Сообщите об этом

Комментарии

#1 Уважаемые коллеги! Приглашаю на мастер-класс «Создание gif-анимации онлайн». Он подготовлен по просьбе участников УчПортфолио.
Татьяна Козак, дата: 10.08.2014 в 13:48  
#2 Прочитала Мастер - класс, доступно, теперь пришло время думать, какой Мастер- класс быстрее можно реализовать в "готовый продукт". Если я имею право сказать, то Татьяна Ивановна - МОЛОДЕЦ!!!!!
Татьяна Мазурова, дата: 10.08.2014 в 13:54  
#3 Спасибо, Татьяна Михайловна! На создание "гифки" потребуется немного времени.
Татьяна Козак, дата: 10.08.2014 в 13:59  
#4 Я думаю, что создание "грифки" облегчит и воодушевит на последующие изучения Мастер - классов, так как особого опыта работы с Мастер - классами не было, а профессиональное, с практико - педагогической направленностью, изучение разных Мастер - классов, лично для меня, началось на УчПортфолио с Мастер - классов Сергея Александровича.
Татьяна Мазурова, дата: 10.08.2014 в 14:07  
#5 Вот и ещё нашла для себя то, что можно взять для себя в копилку обучения. Большое спасибо. Попробовала, получилось. Спасибо за обучение, Татьяна Ивановна.
Валентина Плотникова, дата: 12.08.2014 в 22:46  
#6 Татьяна Ивановна,ОГРОМНОЕ спасибо за мастер - класс!!! Сделала - всё получилось!!!
Анжела Бурцева, дата: 13.08.2014 в 0:15  
#7 Рада, что смогла помочь. Фотографии хоть немножко, но "играют".
Татьяна Козак, дата: 13.08.2014 в 5:39  
#8 Татьяна Ивановна, спасибо за мастер-клас! Создала gif-анимацию для школьного сайта! Здорово!
Ирина Кунц, дата: 13.08.2014 в 6:30  
#9 Татьяна Ивановна, освоила Ваш МК! Всё понятно и доступно, получилось с первого раза. Буду экспериментировать. Спасибо!
Екатерина Купцова, дата: 14.08.2014 в 0:17  
#10 Екатерина Валерьевна! Спасибо, что присоединились. Удачи!
Татьяна Козак, дата: 14.08.2014 в 3:20  
#11 Татьяна Ивановна, и мои слова благодарности звучат в ваш адрес. Спасибо! Удивительный факт, данный Мастер - класс мною тоже изучен и результат - в моём Портфолио, на странице "Самара...30 лет спустя". Как приятно учиться у коллег - учителей!
Татьяна Мазурова, дата: 20.08.2014 в 20:38  
#12 Татьяна Ивановна, и мои слова благодарности звучат в ваш адрес. Спасибо! Удивительный факт, данный Мастер - класс мною тоже изучен и результат - в моём Портфолио, на странице "Самара...30 лет спустя". Как приятно учиться у коллег - учителей!
Татьяна Мазурова, дата: 20.08.2014 в 20:38  
#13 Татьяна Ивановна,ОГРОМНОЕ спасибо за мастер - класс!Буду учиться. С уважением, Надежда.
Надежда Каргина, дата: 27.08.2014 в 21:02  
#14 Рада, что помогла.
Татьяна Козак, дата: 28.08.2014 в 2:18  
#15 Здорово! Все понятно, доступно и очень пригодится!!!!! Огромное спасибо, Татьяна Ивановна!
Светлана Иевлева, дата: 03.11.2014 в 17:08  
#16 Прекрасный мастер-класс! Легко и быстро сделала поздравление с Днем рождения. НО.... не могу 1) загрузить ВКонтакт 2) не загрузилось в УчПортфолио(( и 3) даже не могу посмотреть на своем компьютере (пишет: просмотр возможен только по одному кадру)
#17 Валентина Фёдоровна! Я с таким не сталкивалась. Если Вы всё делали правильно, то проблем быть не должно. Сохраняется на компьютере в виде картинки с расширением GIF. Когда сохраняете, попробуйте не давать какое-то название, а сохраняйте под именем по умолчанию. После того, как сохраните, тогда можете назвать по-своему. А вставляется, как картинка. Я сейчас попробовала загрузить в Контакт - загрузилось, но только в виде одного кадра, т.к. это гифка.
Татьяна Козак, дата: 06.11.2014 в 15:42  
#18 Валентина Фёдоровна! Я попробую в ближайшее время разобраться в причине ошибок, о которых Вы пишите.
Татьяна Козак, дата: 06.11.2014 в 15:48  
#19 Большое спасибо!
Ольга Четвернина, дата: 23.11.2014 в 19:48  
#20 Татьяна Ивановна,очень интересно и доступно. Спасибо!
Татьяна Щербакова, дата: 16.12.2014 в 19:53  
#21 Татьяна Ивановна, понятно и доступно. Спасибо.
Евгения Брашко, дата: 02.01.2015 в 16:26  
#22 Спасибо большое за мастер-класс! Попробовала, получилось, стала использовать в работе.
Валентина Фролова, дата: 26.01.2015 в 17:30  
#23 Я обязательно воспользуюсь ваш опытом.
Евгения Пышминцева, дата: 10.01.2016 в 19:09  
#24 Очень интересно было. Сразу хочется попробовать. Спасибо.
Лилия Юхман, дата: 17.02.2016 в 20:46  
#25 Спасибо большое за мастер класс
Ирина Шаврина, дата: 02.07.2016 в 21:50  
#26 Большое спасибо за мастер-класс
Галина Борискина , дата: 22.01.2017 в 17:12  
#27 Как говорится, век живи - век учись;) Спасибо за мастер-класс, буду осваивать.
Елена Марковна Коробкова, дата: 22.01.2017 в 17:49  
#28 Очень интересно. Буду пробовать. Спасибо,Татьяна Ивановна!
Ирина Мерзлютина, дата: 22.01.2017 в 18:12  
#29 Татьяна Ивановна, благодарю за доступный материал в Вашем изложении. Когда читаешь, кажется все понятным. Сегодня вечером обязательно попробую на практике.
Маргарита Абраконова, дата: 20.04.2017 в 15:17  
#30 Здравствуйте. Познакомилась с материалом о gif - анимации. Очень познавательно. Материал изложен доступно, понятно. Спасибо большое! Успехов Вам в работе!
Наталья Лях, дата: 17.03.2020 в 13:18  
#31 Спасибо за отзывы. Надеюсь, что пригодилось.
Татьяна Козак, дата: 17.03.2020 в 14:15  
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.
ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ