

Hopefully that answers your question on how to know what is going on with each element. When you modify the visibility, order, or opacity of any layer in the Layers palette, the changes are reflected back into the Timeline palette. For the tweened frames, it will also show you that the opacity is some percentage less than 100%. That is, the Layers palette will indicate that the frame you selected is visible while the others are not visible, etc. I just tested fading between 4 layers on my end & works as I expect… Also make sure you have not selected any extra frames in Step 5… it should only be the initial frame of the current tween as well as the frames that were just added by the tween operation.Īfter you make frames from layers, if you click on an individual frame in the Timeline palette, Photoshop will show you the “state” of that frame in the Layers palette. I assume you are referring to Step 6 where you duplicate the first layer… Have you made sure that “New Layers Visible in All Frames” is unchecked as in Step 4? When you begin, you should also see all 4 of your layers as 4 frames in the Timeline view (after clicking “Make Frames From Layers” in the Timeline menu). Tested with Adobe Photoshop CS6, but should also work in Photoshop CS4 and Photoshop CS5 In the Tween dialog box, there are a number of other options which can be used to add effects such as position changes, which can be experimented with. You can repeat this for each set of two adjacent frames that you want to fade in or fade out of each other. Change the timing of each frame if needed, click File > Save for Web & Devices, make sure the file format is set to GIF, and save the image!.This will copy your initial frame image to each of the in between frames at 100% opacity, which will make it appear that the next frame is fading in. In the Layer palette, right click on the layer corresponding to the image in the initial frame (it should have 100% opacity).This will select all of the in between frames, while still leaving the initial frame as the “main” selected frame, which is important for the next step. Shift+Click the last of the newly added in between frames. Click on your original initial frame to select it.In the Timeline palette menu, uncheck New Layers Visible in All Frames.This can be manually edited for each frame in the Layer palette, but let’s avoid doing so: Instead, we want the initial frame to have an opacity of 100% over the course of the tween, as the following frame gradually fades in. This provides a good start, but one problem with this is that you can see the underlying transparency in the newly added frames, which will artificially brighten the image since there is no background layer. The opacity of each layer is gradually transitioned from 100% to 0% and 0% to 100% respectively. New frames will be added in between the frame you selected and the following frame. Make sure “All Layers” is chosen, and at least “Opacity” is checked. A larger number will make a smoother transition, but will result in a bigger file size. Under “Frames to Add” pick the number of new frames you want to add in between the current frame and the next frame. In the box that pops up, make sure “Tween With: Next Frame” is chosen, so that the frame you selected will fade into the following frame.In the Timeline palette menu (found under this button at the top right corner of the palette: ), click Tween… Select the animation frame that you want to start the fade effect.Set up your animation frames in the Timeline palette (known as the Animation palette in versions prior to CS6).
