Tuesday, March 24, 2020

Stop-Motion Animation - Prepping Images Part II

Once your have resized you images (see:  https://durbakmultimediadesign.blogspot.com/2020/03/stop-motion-animation-prepping-images.html for details), you are ready to load them into Photoshop and make animation frames from them so that you can adjust the timing.

You will need Adobe Bridge and Adobe Photoshop for this part of the assignment.

1.) go to Adobe Bridge and open the JPEG folder that Image Processor created in Part I of this section
 
 (above) selecting the newly resized files

2.) select these newly resized image (Edit -> Select All or Command A), go to Tools, pull down to Photoshop, and across to Load Files into Photoshop Layers - Bridge will load every single photo into layers in Photoshop for you automatically

 (above) loading the selected files into Photoshop layers

(above) files loaded into Photoshop layers

3.) open Adobe Photoshop, make sure you're in Essentials (see the dropdown menu in the upper r.h. corner of Photoshop - reset Essentials, if need be) go to Windows and click on Timeline - the Timeline will open at the bottom of Photoshop 

 (above) selecting Timeline

4.) make sure that Frame Animation is selected in the dropdown menu inside the Timeline window and be sure to click the words Frame Animation after you have selected it

 (above) selecting the Frame Animation option from the dropdown menu

 (above) be sure to actually CLICK on the Frame Animation button to engage

(above) once you click on the Frame Animation button, your first frame will appear in the Timeline

5.) after you have clicked on Frame Animation in the middle of Timeline, select all of the layers in the Layers Palette, go to the dropdown menu in the upper r. h. corner of Timeline and select Make Frames from Layers and all of your images will be loaded automatically into new frames - click the play button to watch your animation

 (above) when all layers have been selected, as seen by the blue highlights, click on the flyout menu on the right hand side of Timeline and choose Make Frames from Layers

(above) selecting Make Frames from Layers from the flyout menu


WARNING- Sometimes Photoshop loads the layers in REVERSE order and your animation will run backwards. If that happens, go to the Timeline dropdown menu, choose Select All Frames, after all frames have been highlighted, go back to the Timeline dropdown menu and select Reverse Frames

 (above) frames were loaded in reverse - my last frame is incorrectly my first frame

 (above) choosing Select All Frames from the flyout to start to reverse the order of the frames

(above) clicking Reverse Frames to put the frames in the correct order

6.) At this point, you can adjust the timing on your frames and start editing your basic animation

(above) adjusting the timing on a selected frame