Adobe Animate CC / Photoshop CC
Working with animation requires knowledge and skills relating to computer animation software. We will begin with the use of Photoshop CC 2018, and then explore other tools and software with Animate CC.
Adobe Photoshop CC
You want to create animation from graphic images:
FRAME BY FRAME ANIMATION
FRAME BY FRAME ANIMATION
- The movement will be created by moving an object, point or image in sequential order with fine movement between each frame. Usually used in Claymation, Lego Animation and Stop Motion films.
- Best resolution 72 dpi and a screen size of Width 1920 x Height 1080 pixels (16 x 9) Aspect ratio
Start by opening Adobe Photoshop CC, select file new custom Canvas from the option menu. Set the resolution and size to recommended settings. Credit to these guides were created with the video tutorials published by Vincent Argentina.
In the timeline palette. Click Create Video Timeline
You need to set the timeline Frame Rate. Click on the Setting tab in the top right corner of the timeline Palette.
Select Set Timeline Frame Rate > set the frame rate to 12 frames per second.
Set Frame Rate to 12 frames per second. You can go lower, but typically this will be enough to create smooth motion between your still frames.
If you shoot fewer frames when making your stop animation, set the frame rate to a lower value. For most of your projects it is suggested to take 12 frames per second.
Now, import your footage using the Layer tab, Video Layers and New Video Layers from File.
If the images were not shot in sequential order, or the file names are not in sequential order you will need to use Adobe Bridge to rename all the files.
When adding new Video Layer from File, only select the first image in the series, the Image Sequence will be selected by default and select open.
Within the Photoshop workspace under the Layers Panel an new layer will appear with the first selected image as a movie icon.
This will playback as a movie. If you use the spacebar in the Timeline panel the series of images will playback.
If the image is not fitting the video artboard frame you can resize using the video to fit the screen using CRTL - T (Free Transform).
Resize the image to fit the screen by dragging the corner tab on the image. If the image does not allow Free Transform, make sure you have selected the Layer 1 in the Layers tab.
Photoshop will only allow changes to the selected layer.
Create Keyframes Within Photoshop
Create effects by using the Layers within the Timeline Palette.
Click on the layer drop down menu in the timeline. This will allow access to the Transition keyframe option, the Opacity keyframe option and the Style keyframe elements.
To create a panning effect, or zoom we can use these Layer style elements. With the Move Tool selected from the toolbar menu, holding the SHIFT key on the keyboard move the image in the main viewing area.
We can use this function to frame our image and allow for better composition.
Within the timeline palette, use the scrub feature to move along the films time, to a point where you want to create a new composition (Zoom or Pan).
Now, create a keyframe by clicking on the Timeline Stop Watch icon. This will create a new keyframe in the timeline bar. See small diamond shape. This indicates the start of the transition. The image will be held in its current composition until you place a Keyframe Out.
Play forward the video until you want to move the composition to a new point of view. (It's alright if the main subject has moved off of the screen, you will use the Transition End Keyframe to set a new composition.
Create a Keyframe Out by selecting the the Move Tool from the toolbar. Use the hold-SHIFT + Move tool click on the video in the Artboard and reposition the image into the new Keyframe Out position.
In the timeline palette you will see a second diamond appear. This is the transition end point. The video will now have a panning function as you playback the video.
Continue adding keyframes in the timeline by using the Timeline Scrub feature to track forward in the video. If the composition needs another transition, use the Move Tool + Shift Key and set new location in the main Video screen artboard area.
Next, add some audio to the animation by clicking on the Add Audio tab in the Timeline Palette. If the audio does not fill the entire timeline, then either duplicate audio or add more sounds as required.
Additional timeline Audio layers can be added to have sound effects each on their own layer.
Add Titles or Credits to your video by adding another layer. Fill solid. Add Text and then place the layer in the Timeline were required.
To add another layer, in the Photoshop CC main Layer panel on the right, select the new layer tab. In the Timeline Palette you will see another layer has been added.
Now Export the video by selecting the File Tab > Export > Render Videos.
Select the file location you want to save the video file to and the type of Format should be set to H264. Range is All Frames. Then Select Render.
The video should be saved as a MOV. file format for playback on all devices.
Animating Frame by Frame
Creating Your Own
Now, using the same principles outlined. You will develop your own animated FRAME BY FRAME. Open the Google Classroom document and begin your FRAME BY FRAME Assignment.
If you require a step by step and missed the teacher tutorial. Follow along with Making Stop Motion Video with Photoshop by Vincent Argentina.