Animated Images Part 1 Video Tutorial
One of the most common techniques in the motion design industry, animating still images is a crucial skill for any aspiring designer. Learn the ins and outs of this technique with this tutorial from Noble Desktop!
Part 2 : • Animated Images Part 2 Video Tutorial
Image sourced from Pixabay.com
Setting Up The File
1. Unlock Background layer by double-clicking on it.
2. Duplicate Background layer.
3. Use the Magic Wand tool to select the entire background except for the balloons.
4. Inverse the selection.
5. Cut and paste the balloons onto a different layer.
6. Use the Lasso Tool to select each balloon.
7. Cut and paste each balloon onto their own layers.
8. Rename each balloon layer to keep them organized
Filling In The Gaps
9. 1Hide all the balloon layers
10. Select the duplicate Background layer
11. Select the biggest cut-out balloon shape
12. Go to Edit - Content-Aware Fill.
13. Hit OK.
14. Do the same for the other balloons.
15. On any odd blurry spots, select the Spot Healing Brush.
16. Paint over the odd spots with the Spot Healing Brush.
17. Activate the Patch tool, underneath the Spot Healing Brush.
18. Select the remaining odd areas.
19. Slide the Patch tool around until the select area looks good.
Importing Into After Effects
20. Save the file.
21. Open AE
22. Import the PSD
23. Double click the file to go inside of it
This project is continued in our Animated Images PT 2 tutorial.
[PROJECT FILE LINK HERE]
[LINK TO PT 2 HERE]
00:00 - Intro
01:44 - Organizing Layers
03:12 - Content Aware Fill
05:06 - Spot Healing Brush
05:28 - Patch Tool
06:18 - Import PSD Files
06:44 - Outro