Get ready for ISTELive 21! Launch the site now.
Edtech Solutions
Network Summit
Edtech Advocacy &
Policy Summit

Adobe Photoshop in Motion for New Innovative Visual Projects

Explore and create

Explore and create : Creation lab

Tuesday, December 1, 1:30–3:00 pm PST (Pacific Standard Time)

Linda Dickeson  
Adobe Photoshop users at any experience level will learn how animated GIF projects promote creativity. Motion projects use planning, organizing and problem-solving skills to create amazing visual projects. Learn to do animated GIFs (including the incredible Puppet Warp feature) and create amazing cinemagraphs (living photos) that tell stories.

Audience: Curriculum/district specialists, Teachers, Library media specialists
Skill level: Beginner
Attendee devices: Devices required
Attendee device specification: Laptop: Mac, PC
Participant accounts, software and other materials: Participants will need a laptop (Mac or Windows) with Adobe Photoshop Creative Cloud version installed. A free 7-day trial version is available at (A free Adobe account login is required for download.) A mouse for the laptop would be very helpful.
Topic: Creativity & curation tools
Grade level: 6-12
Subject area: Career and technical education, Performing/visual arts
ISTE Standards: For Educators:
  • Manage the use of technology and student learning strategies in digital platforms, virtual environments, hands-on makerspaces or in the field.
For Students:
Innovative Designer
  • Students know and use a deliberate design process for generating ideas, testing theories, creating innovative artifacts or solving authentic problems.
Creative Communicator
  • Students create original works or responsibly repurpose or remix digital resources into new creations.
Additional detail: Session recorded for video-on-demand
Related exhibitors:

Proposal summary

Purpose & objective

This session highly supports students as knowledge constructors and creative communicators. According to a recent Adobe creativity study, 88% of U.S. professionals believe that creativity should be built into standard curricula. To be successful, students need an education that emphasizes creative thinking, communication, and teamwork. Quoting Sir Ken Robinson, “Creativity is not an option, it’s an absolute necessity.”

Photoshop users at any experience level will learn some overlooked but amazing features of Photoshop Creative Cloud version that can expand creativity in student projects and let students illustrate their learning in new ways. The concept of managing Layers will be first be reviewed to ensure success with motion projects. Using sample files, the presenter will create a GIF animations(frame animation), including using the incredible Puppet Warp feature. GIF animation concepts will also be used to create cinemagraphs (a still photograph that contains an element of movement, to look like a “living” photo).

The purpose of the session is to promote creativity and motivate new ways of thinking about digital image projects by adding motion. Creating motion projects helps students build planning, sequencing, and organizing skills, and the resulting GIF file format allows the projects to be easily published and shared online. As a result of attending the session, participants will be able to
-demonstrate effective management of layers in a Photoshop project.
-create “movement” of a still object using the Puppet Warp tool.
-arrange frames and plan timings for the animation.
-export to an animated GIF format.
-preview animated GIFs in a browser window.
-use layer mask concepts with video clips to create cinemagraphs.
-access the session web page for review, downloadable files, and additional resources.
-replicate these activities in the classroom with students.


In webinar format the presenter will show participants how to create animated GIFs and cinemagraphs that convey a message or emotion, or tell a story. Participants will have access to a web page with step-by-step instructions and downloadable files so they can practice and review.
1. Session introduction
2. Intro to Photoshop workspace—including navigation & panels
3. Introduction to layers using a sample file
4. With a new file, move regions of a still image using puppet warp while duplicating layers for the frame animation
5. Preview the frame animation and assign loops and timing
6. Export to GIF format and preview in a browser
7. Convert a short video clip into a GIF animation
8. See samples of cinemagraphs online
9. Use a short video clip to create a cinemagraph
10. Access a web site with free downloadable video clips and learn how to shorten them on the Photoshop Timeline for use in cinemagraphs.
11. Closure and Q & A.

Supporting research

Adobe. “Adobe State of Create: 2016.” Adobe State of Create: 2016, 3 Oct. 2016,

Phillips, Cheryl. “Exploring History through Animation.” Creative Educator, 2013,

More [+]


Linda Dickeson, Lincoln Public District Office

Throughout her long career in a large Nebraska school district, Linda has been training teachers on the use of Adobe software since 2001, and authored several versions of training books. She is certified (ACA) in Photoshop, InDesign and Illustrator; is an Adobe Education Leader; and has completed the Adobe Trainer's course. Linda is a Past President of NETA (ISTE Affiliate), and Past President of NDLA. She has presented workshops using Adobe solutions at ISTE since 2003; also at FETC, TCEA, NETA, and other conferences; and does workshops by request across the US and in Canada.

People also viewed

Beyond Engagement: Lessons from Games in the Class
Make Something Delicious with Raspberry Pi
Tickling Tech: Teaching Teachers to Use Technology in Under 5 Minutes