Technology Integration ToSA

Adobe Sketch + Photoshop Animated .gif Tutorial

Technical Tutorial Published 4/15/17 Last updated on 8/4/18

Here is an alphabet template to be copied and shared that was made in Adobe Sketch on the iPad and Photoshop CC + two tutorials in two parts:

1. How to send an Adobe Sketch file from your iPad/mobile device directly to Photoshop CC to open directly as a .psd file.

2. How to make an animated .gif in Photoshop CC from your Adobe Sketch file

Here are the .psd files after they had been sent over to Photoshop CC, and were converted to frame animation, before export.

  • Photoshop

    Editing and compositing for photos, web and mobile app designs, 3D artwork, videos, and more.

  • Photoshop Sketch

    Create expressive drawings and paintings using natural drawing tools.

Age Levels
1+ Week
Communication and Collaboration, Creativity and Innovation, Technology Operations and Concepts

Adobe Sketch

(using an iPad Pro + Apple Pencil is optional)

Photoshop CC

CC License
Attribution Non-Commercial Share Alike
3 / 5 • 12 Ratings

Comments (15)

Write a reply...
or Join for free to view all comments and participate in the discussion.

CJ McCollum

Posted on 6/3/17 1:30:35 AM Permalink

​The usefulness of this "tutorial" would be improved if the sample Adobe Sketch file was available for download.


Posted on 6/6/17 1:42:02 AM Permalink

Nancy Garvey

Posted on 5/31/17 3:25:34 PM Permalink

Is there something we need to do to connect our Macbook and iPad before trying to send it to Photoshop CC? I have Photoshop CC open on my Mac and Adobe Sketch open on my iPad. It acts like it is going, but nothing shows up in Photoshop on my Mac.


Posted on 5/31/17 3:39:03 PM Permalink

Hi Nancy, when I do it, I have the Photoshop CC ​application already opened on my computer. That might help if it's opened already, although it should work regardless. I also think it may help if you are next to the computer with the iPad. Not sure if it affects it, but maybe check that you are on the same network for both, and maybe check that Bluetooth is turned on.

Nancy Garvey

Posted on 5/31/17 3:43:39 PM Permalink

Thank you for your help. Another thing I read is that you have to be signed into Creative Cloud with the same account as the iPad. I did that, and I tried again and it still won't work. My iPad and computer are right next to each other and on the same wifi. I will check Bluetooth! I am updating my iPad to see if that makes a difference too.

Andrew Kinnear

Posted on 5/31/17 9:35:39 AM Permalink

​Concise, clear description and fun material.

Thank you.

jeremy blank

Posted on 5/31/17 4:48:11 AM Permalink

​For an ADOBE Educational presentation this is very limited. The animated element is very basic indeed and there is no engagement with tempo through delays on frame transition. It simply flashes like some crazed light switch........


Posted on 5/31/17 1:22:22 AM Permalink

​I did fix it, and have redone it. Please let me know if there are more things I can add or should include.

Linda McCavana

Posted on 5/31/17 3:53:06 AM Permalink

Yay!! Thank you. Sound is working now.​ I look forward to using it with my class. : )


Posted on 5/31/17 12:02:18 AM Permalink

​I will try to fix this sound issue very soon. Sorry about that!

Rob Mill

Posted on 5/30/17 10:18:19 PM Permalink

​There is definitely no sound. At full volume there is only a background noise. Pity!!!!

Linda McCavana

Posted on 5/30/17 8:19:09 PM Permalink

​No. No sound. : )

Jane Blay

Posted on 5/30/17 8:15:18 PM Permalink

​No sound?

Linda McCavana

Posted on 5/30/17 8:09:26 PM Permalink

​Hi Nicole. Looks great but there is not sound?? Linda : )

Carla Villela

Posted on 5/30/17 5:46:42 PM Permalink

​Not very useful, sorry. I'd like to know more about the specifics of why certain things are done in which order to make an animation in Photoshop. Example: How can we add a common background behind all the different frames? How can we modify frames once they are in the timeline?