SlideShare uma empresa Scribd logo
1 de 5
Baixar para ler offline
John Allan 2017 (@mrpottz)
1
Create an animated GIF with Giphy
There are millions of animated Gifs on the Internet. These are spread across dozens of open repositories. Even with this
selection portraying the concepts or actions that your lesson demand is difficult to find. A solution to this is to generate
your own animated Gif.
 If you choose to generate an animated Gif with a mobile app, you can ignore this worksheet.
 Be aware that longer GIFs do not always display as long as they may on the Giphy website. A reliable
duration is less than 10 seconds. Testing your gifs with the Quizlet Flashcard must be done before sharing
the study set with your teaching peers or students.
1 THE PICTURES (FRAMES)
1. Before you start taking the pictures, consider:
i. the ambient lighting
ii. background interference,
iii. reflective surfaces such as mirrors or windows
iv. irrelevant visible objects in the field of view such as a coffee cup
v. the angle of the camera
vi. the surface colour if an object is sitting on a table
Plan how the action will occur before taking the pictures. With a digital camera, most likely on your mobile
phone, take a series of pictures. We will refer to each image as a frame going forward. Try to take no more than
5 images of the action.
2. Upload these to your workstation or server to a folder.
2 CREATE THE ANIMATION
John Allan 2017 (@mrpottz)
2
1. In a browser, open the site https://giphy.com
2. Click on the Create button
3. The GIF Maker screen appears.
4. In the folder, select the image files.
5. Drag these images onto the Choose photo or GIF area of the GIF Maker.
6. A message may appear noting that the animation is too long.
7. If so, drag the Slideshow Duration slider to reduce the length of the animation.
8. View the animation preview, if it is to your satisfaction, click on the Continue to Decorate button.
9. On the right there are several style options. Use these as you feel they improve your animation.
10. Adding a caption might be helpful for students.
John Allan 2017 (@mrpottz)
3
11. To add a caption, type the text in the Enter your caption textbox. (eg: lifting)
12. Drag the text on the Gif preview to position it.
13. Select colour combinations that make the text contrast with the background.
14. Once you have a suitable Gif, click on the Continue to Upload button.
15. The Add Info screen appears.
16. Type information into the text fields.
17. Click on the Upload to Giphy button.
18. Giphy renders the GIF. (a green line appears across the screen)
John Allan 2017 (@mrpottz)
4
19. To the right of the GIF, click on the link Download.
20. Choose the option Small
21. Save this file to your computer. (record the file’s location)
3 INSERTING AN ANIMATED GIF INTO QUIZLET
1. Open your Quizlet Study set as an instructor
2. Click on the Import button
3. Choose the Edit icon near the top of the screen.
4. The Study set editing screen appears
5. At the bottom, click on the link + Add Card
6. In the Term field, type a word
7. In the Definition field, type a definition
John Allan 2017 (@mrpottz)
5
8. In the Definition field, choose the image icon
9. Images appear below the term, choose Or upload your own image
10. Locate the downloaded file, click on it.
11. Click on the Open button
12. After you have added your new terms, click on the Done button
13. Scroll down the screen to check the new entries for spelling.
14. The Study Set has been updated

Mais conteúdo relacionado

Semelhante a Creating animated GIFs

Get the Picture: Bringing life to your institution’s digital marketing with ...
Get the Picture: Bringing life to your institution’s  digital marketing with ...Get the Picture: Bringing life to your institution’s  digital marketing with ...
Get the Picture: Bringing life to your institution’s digital marketing with ...Lindsay Nyquist
 
Making a animated GIF in GIMP.
Making a animated GIF in GIMP.Making a animated GIF in GIMP.
Making a animated GIF in GIMP.iNEEDANAMEQUiCK
 
The basics of creating a gif animation
The basics of creating a gif animationThe basics of creating a gif animation
The basics of creating a gif animationLilia Mironova
 
How to Make a GIF from a Video File Using GIMP
How to Make a GIF from a Video File Using GIMPHow to Make a GIF from a Video File Using GIMP
How to Make a GIF from a Video File Using GIMPKeef21Moon
 
Animating Digital Libraries
Animating Digital LibrariesAnimating Digital Libraries
Animating Digital LibrariesJames Williamson
 
The history of the gif
The history of the gifThe history of the gif
The history of the gifHarry Davis
 
How to make Animated GIFs with and without Photoshop
How to make Animated GIFs with and without PhotoshopHow to make Animated GIFs with and without Photoshop
How to make Animated GIFs with and without PhotoshopRichard Naples
 
Introduction to Prezi (updated)
Introduction to Prezi (updated)Introduction to Prezi (updated)
Introduction to Prezi (updated)Tiffaney Lavoie
 
Using ANIMOTO
Using ANIMOTOUsing ANIMOTO
Using ANIMOTOGeoBlogs
 
Using Animoto Update
Using Animoto UpdateUsing Animoto Update
Using Animoto UpdateTonyCassidy
 
Hot Potatoes Complete Teacher Guide v1.0
Hot Potatoes Complete Teacher Guide v1.0Hot Potatoes Complete Teacher Guide v1.0
Hot Potatoes Complete Teacher Guide v1.0John Allan
 
Conversion Rate Optimization Takeaways - Behave2016 Conference
Conversion Rate Optimization Takeaways - Behave2016 ConferenceConversion Rate Optimization Takeaways - Behave2016 Conference
Conversion Rate Optimization Takeaways - Behave2016 ConferenceJohn Leo Weber
 
Working With Photo Story 3b
Working With Photo Story 3bWorking With Photo Story 3b
Working With Photo Story 3bStacy Susic
 
How to create a website favicon.ico file using the GIMP
How to create a website favicon.ico file using the GIMPHow to create a website favicon.ico file using the GIMP
How to create a website favicon.ico file using the GIMPMatt Foley
 
15 Ways to Animate Your Content with GIFs
15 Ways to Animate Your Content with GIFs15 Ways to Animate Your Content with GIFs
15 Ways to Animate Your Content with GIFsDaniel Foster
 

Semelhante a Creating animated GIFs (20)

Gif workshop 1
Gif workshop 1Gif workshop 1
Gif workshop 1
 
Get the Picture: Bringing life to your institution’s digital marketing with ...
Get the Picture: Bringing life to your institution’s  digital marketing with ...Get the Picture: Bringing life to your institution’s  digital marketing with ...
Get the Picture: Bringing life to your institution’s digital marketing with ...
 
Making a animated GIF in GIMP.
Making a animated GIF in GIMP.Making a animated GIF in GIMP.
Making a animated GIF in GIMP.
 
HANDOUT-WEBINAR-SESSION-1.pptx
HANDOUT-WEBINAR-SESSION-1.pptxHANDOUT-WEBINAR-SESSION-1.pptx
HANDOUT-WEBINAR-SESSION-1.pptx
 
The basics of creating a gif animation
The basics of creating a gif animationThe basics of creating a gif animation
The basics of creating a gif animation
 
How to Make a GIF from a Video File Using GIMP
How to Make a GIF from a Video File Using GIMPHow to Make a GIF from a Video File Using GIMP
How to Make a GIF from a Video File Using GIMP
 
Animating Digital Libraries
Animating Digital LibrariesAnimating Digital Libraries
Animating Digital Libraries
 
The history of the gif
The history of the gifThe history of the gif
The history of the gif
 
How to make Animated GIFs with and without Photoshop
How to make Animated GIFs with and without PhotoshopHow to make Animated GIFs with and without Photoshop
How to make Animated GIFs with and without Photoshop
 
Introduction to Prezi (updated)
Introduction to Prezi (updated)Introduction to Prezi (updated)
Introduction to Prezi (updated)
 
Using ANIMOTO
Using ANIMOTOUsing ANIMOTO
Using ANIMOTO
 
Using Animoto Update
Using Animoto UpdateUsing Animoto Update
Using Animoto Update
 
Working With Jing
Working With JingWorking With Jing
Working With Jing
 
Hot Potatoes Complete Teacher Guide v1.0
Hot Potatoes Complete Teacher Guide v1.0Hot Potatoes Complete Teacher Guide v1.0
Hot Potatoes Complete Teacher Guide v1.0
 
Digital Storytelling Feb 2010
Digital Storytelling Feb 2010Digital Storytelling Feb 2010
Digital Storytelling Feb 2010
 
Conversion Rate Optimization Takeaways - Behave2016 Conference
Conversion Rate Optimization Takeaways - Behave2016 ConferenceConversion Rate Optimization Takeaways - Behave2016 Conference
Conversion Rate Optimization Takeaways - Behave2016 Conference
 
Working With Photo Story 3b
Working With Photo Story 3bWorking With Photo Story 3b
Working With Photo Story 3b
 
Ict presentation
Ict presentationIct presentation
Ict presentation
 
How to create a website favicon.ico file using the GIMP
How to create a website favicon.ico file using the GIMPHow to create a website favicon.ico file using the GIMP
How to create a website favicon.ico file using the GIMP
 
15 Ways to Animate Your Content with GIFs
15 Ways to Animate Your Content with GIFs15 Ways to Animate Your Content with GIFs
15 Ways to Animate Your Content with GIFs
 

Mais de John Allan

Google Earth BCTEAL2023
Google Earth BCTEAL2023Google Earth BCTEAL2023
Google Earth BCTEAL2023John Allan
 
ChatGPT Prompt Tips
ChatGPT Prompt TipsChatGPT Prompt Tips
ChatGPT Prompt TipsJohn Allan
 
Repurposing H5Ps
Repurposing H5PsRepurposing H5Ps
Repurposing H5PsJohn Allan
 
Moodle Accessibility Tools
Moodle Accessibility ToolsMoodle Accessibility Tools
Moodle Accessibility ToolsJohn Allan
 
Google Earth Voyager How To
Google Earth Voyager How ToGoogle Earth Voyager How To
Google Earth Voyager How ToJohn Allan
 
Playing Geoguessr
Playing GeoguessrPlaying Geoguessr
Playing GeoguessrJohn Allan
 
How-T0 Immersive reader Office365
How-T0 Immersive reader Office365How-T0 Immersive reader Office365
How-T0 Immersive reader Office365John Allan
 
How To Microsoft Immersive Reader for Word2019
How To Microsoft Immersive Reader for Word2019How To Microsoft Immersive Reader for Word2019
How To Microsoft Immersive Reader for Word2019John Allan
 
Xreading Teacher Start up
Xreading Teacher Start upXreading Teacher Start up
Xreading Teacher Start upJohn Allan
 
H5P Interactive Book Overview
H5P Interactive Book OverviewH5P Interactive Book Overview
H5P Interactive Book OverviewJohn Allan
 
H5P Reuse Feature with LUMI
H5P Reuse Feature with LUMIH5P Reuse Feature with LUMI
H5P Reuse Feature with LUMIJohn Allan
 
H5P Structure Strip Tool with LUMI
H5P Structure Strip Tool with LUMIH5P Structure Strip Tool with LUMI
H5P Structure Strip Tool with LUMIJohn Allan
 
H5P Dictation Tool LUMI
H5P Dictation Tool LUMIH5P Dictation Tool LUMI
H5P Dictation Tool LUMIJohn Allan
 
H5P Sort Paragraph using LUMI
H5P Sort Paragraph using LUMIH5P Sort Paragraph using LUMI
H5P Sort Paragraph using LUMIJohn Allan
 
Practice Accessibility Worksheet
Practice Accessibility WorksheetPractice Accessibility Worksheet
Practice Accessibility WorksheetJohn Allan
 
Accessibility worksheet
Accessibility worksheetAccessibility worksheet
Accessibility worksheetJohn Allan
 
Qatar University Conference 2021 Interactive video W/ H5P Slides
Qatar University Conference 2021 Interactive video W/ H5P SlidesQatar University Conference 2021 Interactive video W/ H5P Slides
Qatar University Conference 2021 Interactive video W/ H5P SlidesJohn Allan
 
Video Editing Basics for Teachers
Video Editing Basics for TeachersVideo Editing Basics for Teachers
Video Editing Basics for TeachersJohn Allan
 
Audio Editing Basics with Audacity 2021
Audio Editing Basics with Audacity 2021Audio Editing Basics with Audacity 2021
Audio Editing Basics with Audacity 2021John Allan
 

Mais de John Allan (20)

Google Earth BCTEAL2023
Google Earth BCTEAL2023Google Earth BCTEAL2023
Google Earth BCTEAL2023
 
ChatGPT Prompt Tips
ChatGPT Prompt TipsChatGPT Prompt Tips
ChatGPT Prompt Tips
 
Repurposing H5Ps
Repurposing H5PsRepurposing H5Ps
Repurposing H5Ps
 
Moodle Accessibility Tools
Moodle Accessibility ToolsMoodle Accessibility Tools
Moodle Accessibility Tools
 
Google Earth Voyager How To
Google Earth Voyager How ToGoogle Earth Voyager How To
Google Earth Voyager How To
 
Playing Geoguessr
Playing GeoguessrPlaying Geoguessr
Playing Geoguessr
 
How-T0 Immersive reader Office365
How-T0 Immersive reader Office365How-T0 Immersive reader Office365
How-T0 Immersive reader Office365
 
How To Microsoft Immersive Reader for Word2019
How To Microsoft Immersive Reader for Word2019How To Microsoft Immersive Reader for Word2019
How To Microsoft Immersive Reader for Word2019
 
Xreading Teacher Start up
Xreading Teacher Start upXreading Teacher Start up
Xreading Teacher Start up
 
H5P Interactive Book Overview
H5P Interactive Book OverviewH5P Interactive Book Overview
H5P Interactive Book Overview
 
H5P Reuse Feature with LUMI
H5P Reuse Feature with LUMIH5P Reuse Feature with LUMI
H5P Reuse Feature with LUMI
 
H5P Structure Strip Tool with LUMI
H5P Structure Strip Tool with LUMIH5P Structure Strip Tool with LUMI
H5P Structure Strip Tool with LUMI
 
H5P Dictation Tool LUMI
H5P Dictation Tool LUMIH5P Dictation Tool LUMI
H5P Dictation Tool LUMI
 
H5P Sort Paragraph using LUMI
H5P Sort Paragraph using LUMIH5P Sort Paragraph using LUMI
H5P Sort Paragraph using LUMI
 
PLN Workshop
PLN WorkshopPLN Workshop
PLN Workshop
 
Practice Accessibility Worksheet
Practice Accessibility WorksheetPractice Accessibility Worksheet
Practice Accessibility Worksheet
 
Accessibility worksheet
Accessibility worksheetAccessibility worksheet
Accessibility worksheet
 
Qatar University Conference 2021 Interactive video W/ H5P Slides
Qatar University Conference 2021 Interactive video W/ H5P SlidesQatar University Conference 2021 Interactive video W/ H5P Slides
Qatar University Conference 2021 Interactive video W/ H5P Slides
 
Video Editing Basics for Teachers
Video Editing Basics for TeachersVideo Editing Basics for Teachers
Video Editing Basics for Teachers
 
Audio Editing Basics with Audacity 2021
Audio Editing Basics with Audacity 2021Audio Editing Basics with Audacity 2021
Audio Editing Basics with Audacity 2021
 

Último

4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
Q4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptxQ4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptxnelietumpap1
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxHumphrey A Beña
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxAshokKarra1
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPCeline George
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxChelloAnnAsuncion2
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceSamikshaHamane
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSJoshuaGantuangco2
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17Celine George
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxAnupkumar Sharma
 

Último (20)

4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
Q4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptxQ4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptx
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERP
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17
 
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptxYOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
 

Creating animated GIFs

  • 1. John Allan 2017 (@mrpottz) 1 Create an animated GIF with Giphy There are millions of animated Gifs on the Internet. These are spread across dozens of open repositories. Even with this selection portraying the concepts or actions that your lesson demand is difficult to find. A solution to this is to generate your own animated Gif.  If you choose to generate an animated Gif with a mobile app, you can ignore this worksheet.  Be aware that longer GIFs do not always display as long as they may on the Giphy website. A reliable duration is less than 10 seconds. Testing your gifs with the Quizlet Flashcard must be done before sharing the study set with your teaching peers or students. 1 THE PICTURES (FRAMES) 1. Before you start taking the pictures, consider: i. the ambient lighting ii. background interference, iii. reflective surfaces such as mirrors or windows iv. irrelevant visible objects in the field of view such as a coffee cup v. the angle of the camera vi. the surface colour if an object is sitting on a table Plan how the action will occur before taking the pictures. With a digital camera, most likely on your mobile phone, take a series of pictures. We will refer to each image as a frame going forward. Try to take no more than 5 images of the action. 2. Upload these to your workstation or server to a folder. 2 CREATE THE ANIMATION
  • 2. John Allan 2017 (@mrpottz) 2 1. In a browser, open the site https://giphy.com 2. Click on the Create button 3. The GIF Maker screen appears. 4. In the folder, select the image files. 5. Drag these images onto the Choose photo or GIF area of the GIF Maker. 6. A message may appear noting that the animation is too long. 7. If so, drag the Slideshow Duration slider to reduce the length of the animation. 8. View the animation preview, if it is to your satisfaction, click on the Continue to Decorate button. 9. On the right there are several style options. Use these as you feel they improve your animation. 10. Adding a caption might be helpful for students.
  • 3. John Allan 2017 (@mrpottz) 3 11. To add a caption, type the text in the Enter your caption textbox. (eg: lifting) 12. Drag the text on the Gif preview to position it. 13. Select colour combinations that make the text contrast with the background. 14. Once you have a suitable Gif, click on the Continue to Upload button. 15. The Add Info screen appears. 16. Type information into the text fields. 17. Click on the Upload to Giphy button. 18. Giphy renders the GIF. (a green line appears across the screen)
  • 4. John Allan 2017 (@mrpottz) 4 19. To the right of the GIF, click on the link Download. 20. Choose the option Small 21. Save this file to your computer. (record the file’s location) 3 INSERTING AN ANIMATED GIF INTO QUIZLET 1. Open your Quizlet Study set as an instructor 2. Click on the Import button 3. Choose the Edit icon near the top of the screen. 4. The Study set editing screen appears 5. At the bottom, click on the link + Add Card 6. In the Term field, type a word 7. In the Definition field, type a definition
  • 5. John Allan 2017 (@mrpottz) 5 8. In the Definition field, choose the image icon 9. Images appear below the term, choose Or upload your own image 10. Locate the downloaded file, click on it. 11. Click on the Open button 12. After you have added your new terms, click on the Done button 13. Scroll down the screen to check the new entries for spelling. 14. The Study Set has been updated