Photoshop Zone

In this tutorial, we’ll take a look at the Photoshop animation feature to create a nice animated GIF. I’m sure all of you already noticed the ads at the right side of this page. For some of you, they are annoying, others even click on them, which is why they are there. I personally think there’s nothing to be said against them, so I thought why not creating a nice 125 pixel by 125 pixel ad to demonstrate how easy it is to create nice animations inside of Photoshop. All we need to do is open up Photoshop, create our final image and animate it the way we want it to move the single elements to achieve the final effect. Additionally, we’ll stop by at the beautiful GraphicRiver website, where we’ll download their logo, which we’ll use to create our GIF. Final GIF Preview Take a look at the animated GIF we’ll be creating below. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $19/month. Step 1 First...

  1. Set Up Your Document Step 1 Launch Adobe Illustrator, and create a New document (Command + N) and place (File > Place) the Daft Punk artwork from "Random Access Memories" onto your art board. I’ve choosen this image as you can clearly see half of a helmet. This can be traced to create our helmet base. Step 2 To begin with, you want to create five layers on top of the layer that contains the album artwork. Select the "Photo" layer and set the Opacity to around 50% so you’ll be able to see your strokes more clearly. Make sure your reference is aligned to the center of your art board. Step 3 I suggest you Lock all the layers you will not be using at this moment. Just to make sure all your strokes will be placed on the correct layer. 2. Create the Outlines Step 1 Create a Guide on the center of your image and Lock the guide (Command + Alt + ; ). It is very important that this Guide will not move and is centered at all...