Then, change the Offset value to -15, and a new keyframe will pop up at the beginning of your composition. Drag the keyframe to the end of the composition while keeping the playhead at the start. Drag your playhead to the beginning of your composition and then click the stopwatch next to Offset. The final thing we need to do now is go back to Repeater 1 and keyframe the Offset that is at -5.
At this point, we have the final look and can close all the shape modifiers. Next, add the Shape Modifier, Round Corners. Note that when you add it in, there won’t be a visual difference, unless you have a stroke greater than 0 on the whole shape. Add in the the Shape Modifier, Merge Paths, to make the shape one solid layer. Now, we’re in the final steps of the process. You should see the whole structure swaying left to right. Open up the transform properties inside of Wiggle Transform, and for the position X value, change it to -29. Open up Wiggle Transform, and change the Wiggles/Second to. Now, you can see that we almost have the final shape we’re looking for, we just need to give it motion.Īdd in the Shape Modifier called Wiggle Transform, and place it under the Repeater. Go ahead and close the transform properties of Repeater 1 and for the Offset right above Transform, change the value to -5. Right above Scale, change the Position X value from 100 to 0, and the Y value from 0 to -59. Open up the transform properties inside of the Repeater, and unlink the X and Y values for Scale, then change the X value to 112. Open up the Repeater, change the number of Copies to 60. This is crucial because whatever is under this shape modifier won’t be repeated. Select Repeater, and place it under both of the rectangles. Click on it, and a list of all the Shape Modifiers will pop up. Right next to Contents, you should see Add with a button next to it. The next step is to bring in Shape Modifiers. Now, the base of the animation is set up and we’re ready to manipulate the original shape. Now, collapse all the drop-down arrows opened up to where you only see Rectangle 1 and 2 inside of the Contents section of Shape Layer 1. Right under that, you should see Position. Do not duplicate the entire layer - only the Rectangle 1 listed inside of Contents on Shape Layer 1.Ĭlick the drop-down arrow for Rectangle 2 and change the X Scale value to 45. Close all the drop-down arrows you opened earlier and duplicate the rectangle. You can unlink them by clicking the icon.Ĭhange the X value to 150 and the Y value to 30. You’ll see the parameter Scale and next to that there’ll be a chain icon that links the X and Y scaling proportions. Click the drop-down arrow for Shape Layer 1, then for Rectangle 1, and finally Rectangle Path 1.
After effects tutorial photo animation how to#
We show you how to import and organize all of the pieces you’ll need to create all three animations.Go ahead and make a composition to whatever specifications you need, and make a rectangle in the middle. With so many images and assets, organization is critical to a smooth and easy workflow. This course includes 40 PNG images, all taken from a relatively complex composite image made in Photoshop.
Learn how to get started in After Effects, optimize the software’s settings, and organize a project with a wide variety of images and assets. This course is designed for those of you that love Photoshop, but may not have explored much of Adobe’s other creative programs. Never used After Effects before? Well, that’s perfect. Now we’re going to show you how to take all of those different elements and export them out as separate images, providing a variety of assets that can made to move and drift in After Effects.
After effects tutorial photo animation full#
In Advanced Compositing with Stock Images in Photoshop, we showed you how to create a fantasy landscape full of ancient islands floating through fog and mist. Photoshop Composites to Dynamic Animations