Scribd
Upload
97 views4 pages

Create A Spinning Gif Image in Adobe Photoshop

This document provides a tutorial for creating a spinning GIF image in Adobe Photoshop. It outlines 8 steps to create the animation: 1) Create a new transparent image, 2) Paste the image onto the canvas, 3) Open the timeline, 4) Start keyframing the Transform feature, 5) Rotate the image 180 degrees at the middle point, 6) Repeat the rotation at the end point, 7) Save the file as a GIF with looping enabled, and 8) The final result is a spinning GIF image.

Uploaded by

Mithun Ravi Chandra
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
97 views4 pages

Create A Spinning Gif Image in Adobe Photoshop

This document provides a tutorial for creating a spinning GIF image in Adobe Photoshop. It outlines 8 steps to create the animation: 1) Create a new transparent image, 2) Paste the image onto the canvas, 3) Open the timeline, 4) Start keyframing the Transform feature, 5) Rotate the image 180 degrees at the middle point, 6) Repeat the rotation at the end point, 7) Save the file as a GIF with looping enabled, and 8) The final result is a spinning GIF image.

Uploaded by

Mithun Ravi Chandra
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Akshay Kalose

Technology Tips, Tricks, Tutorials and more!

Create A Spinning Gif Image in


Adobe Photoshop

Advertise on LinkedIn
Reach a community of 55M+ professionals in India

Did you know you can use the new timeline feature to easily create spinning .gif
images? This is pretty useful for AJAX loaders, and here is a simple way to create
it.

What We Will Be Creating

Steps

1. Create a new transparent image with whatever size, 32 by 32 is pretty good.


0 0 0 0
18      
2. Drag in your image onto the canvas, and hit enter to con rm the paste.

3. Open timeline by going to Window > Timeline, then click Create Video
Timeline. If you see Create Frame Timeline, then click the little arrow to the
right and change it to video.

4. Expand the layer and start key framing Transform.

0 0 0 0
18      
5. Drag the pinhead of the timeline to the middle. Then, go to Edit  > Transform
> Rotate 180°.
6. Drag pinhead to end, and repeat the 180° transform.

7. Go to File > Save for Web…. Then, don’t forget to change the looping options
to forever, or else it will only spin once then stop.

8. You’re done, now just hit Save….

Final Result

0 0 0 0
18      
 

Hopefully this tutorial helped you create a quick spinning animation in


Photoshop and export into a .gif format le.

Share this:

     More

Drupal 8: Load Balancing with HAProxy

December 31, 2014


In "Open Source Software"

Drupal 8: RDF UI (Schema.org Mappings)

January 9, 2015
In "Open Source Software"

Drupal 8: Create a Simple Module

January 9, 2016
In "Open Source Software"

Author: Akshay Kalose


A teenager, who is interested in Computer Science, Information Technology,
Programming, Web Designing, Engineering and Physical Sciences.
View all posts by Akshay Kalose

Akshay Kalose / November 23, 2013 / Tutorials / Animation, Gif, Image, Photoshop

18 thoughts on “Create A Spinning Gif Image in


Adobe Photoshop”

0 0 0 0
nitu
18      

You might also like