Photoshop Zone

  Meant for first timers, this basic tutorial will walk you through all the necessary steps to create an animated GIF. I'll be working in Photoshop CC, and I'll be animating a simple blink. 1) SET UP YOUR FILE  We’re going to start by setting up our file correctly. I'm creating a new document at 5x5 (you can pick whatever size) and 300 DPI. First, I’m going to make sure that I am in  “motion mode.”  You can change Photoshop's mode in the top right hand corner. You should see your  Timeline  appear, which we’re going to use later to put our animation in order. You can also access your Timeline by going to Window > Timeline. On older versions on Photoshop it will be Window > Animation.  When your timeline appears, go to it and hit “create frame animation.” This is where you will be organizing your key frames in order of animation. You will also need to make sure your layers are visible. If you can't see them, hit F7 to bring them back. This sc...

Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay . Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box. We’ve got the next result: Using the same tool, try to make the rivet itself. Click on Add a layer style icon from bottom part of the Layers panel and select Inner Shadow . Add Bevel and Emboss : Apply Gradient Overlay : Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box. We’ve got the next result: Getting a better result is possible if combining together in a group both layers composing the rivet (hold Ctrl button to select the corresponding layers and hold on the left mouse’s button while dragging them on Create a new group icon from bottom part of the Layers panel ). Make a copy of the repre...