Leadership Exchange
at ISTELive 22
Edtech Industry
Network Summit
Creative Constructor
Lab Virtual
Edtech Advocacy &
Policy Summit

Adobe Photoshop in Motion for Creative Classroom Projects

Explore and create
Pre-registration required

Explore and create : Workshop

Saturday, June 22, 8:30–11:30 am
Location: 122A

Linda Dickeson  
Learn some overlooked but amazing features of Adobe Photoshop CC that let students illustrate their learning in new ways with creative motion projects. Learn to do GIF animations (including using the Puppet Warp feature), create cinemagraphs, and do video editing by easily exporting movies from the Photoshop timeline.

Audience: Teachers, Technology coordinators/facilitators, 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 Adobe Photoshop Creative Cloud version (most current version best). Free 7-day trial downloadable from: https://www.adobe.com/downloads.html (Mac or Windows version, either is fine). A mouse with the laptop would be very helpful!
Focus: Digital age teaching & learning
Topic: Creativity and productivity tools
Grade level: 6-12
Subject area: Career and technical education, Performing/visual arts
ISTE Standards: For Students:
Creative Communicator
  • Students create original works or responsibly repurpose or remix digital resources into new creations.
Knowledge Constructor
  • Students curate information from digital resources using a variety of tools and methods to create collections of artifacts that demonstrate meaningful connections or conclusions.
For Educators:
  • Explore and apply instructional design principles to create innovative digital learning environments that engage and support learning.
Related exhibitors: Adobe

Proposal summary

Purpose & objective

This workshop 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 for hands-on activities, participants will create 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). Participants will also learn to do video editing on the Photoshop Timeline. For those who aren’t quite ready for Premiere Pro in the classroom but want to create movies with simple video editing, the Photoshop CC Timeline is a great solution.

The purpose of the workshop is to promote creativity and motive new ways of thinking about digital image projects by adding motion. Creating motion projects helps students build planning and organizing skills, and the resulting GIF and .mp4 file formats allows the projects to be easily published and shared online. As a result of attending the workshop, 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.
-use the Photoshop timeline for basic video editing.
-organize and trim clips before adding transitions.
-add type overlays to video clips.
-export to .mp4 video file.
-access the workshop web page for review.
-replicate these activities in the classroom with students.


Using hands-on instructor-led activities with sample files provided, participants will learn to create animated GIFs, cinemagraphs, and simple videos; and share the results with the group using the following outline:
1. Workshop introduction, including how the workshop will be conducted, what will be learned, and brief creative introductions by attendees (15 min)
2. Intro to Photoshop workspace—including navigation & panels (5 min)
3. Introduction to layers using a sample file (10 min)
4. With a new file, move regions of a still image using puppet warp while duplicating layers for the frame animation (10 min)
5. Preview the frame animation and assign loops and timing (5 min)
6. Export to GIF format and preview in a browser (5 min)
7. Convert a short video clip into a GIF animation (10 min)
8. See samples of cinemagraphs online (5 min)
9. Use a short video clip to create a cinemagraph (15)
10. Participants (independently or with a partner) do a cinemagraph using the video clip of their choice (25)
*BREAK (15 min)
11. Import video clips to the Photoshop Timeline and arrange to make a custom movie. (10 min)
12. Trim and apply transitions to clips (10 min)
13. Add text overlays (10 min)
14. Apply special effects to a still image on the timeline (10 min)
15. Add a soundtrack, including fade-in and fade-out (5 min)
16. Render video to .mp4 (5 min)
17. Closure and sharing (10 min)

Supporting research

Robinson, Ken, and Aronica, Lou. Creative Schools: The Grassroots Revolution That’s Transforming Education. Viking, April 21, 2015. Print.

Adobe. “Adobe State of Create: 2016.” Adobe State of Create: 2016, 3 Oct. 2016, www.adobe.com/content/dam/acom/en/max/pdfs/AdobeStateofCreate_2016_Report_Final.pdf.

Phillips, Cheryl. “Exploring History through Animation.” Creative Educator, 2013, www.thecreativeeducator.com/2013/connections/exploring-history-through-animation.

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, is an Adobe Education Leader, and has completed the Adobe Trainer's course. Linda is a Co-chair of Nebraska’s BlendEd Initiative, 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

Are You Accessible? Creating Accessible Documents in Microsoft Office
Getting Started with STEAM: Practical Strategies for the Classroom
The Human Geography Project: Using Multimedia Projects to Develop Cultural Literacy