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 a series of still shots then you will begin here:
1. Begin by opening the resource file from Adobe.
Adobe Create Frames (resource link)
2. Adobe Photoshop CC Stop Animation Tutorial and Assignment Guidelines
1. Begin by opening the resource file from Adobe.
Adobe Create Frames (resource link)
2. Adobe Photoshop CC Stop Animation Tutorial and Assignment Guidelines
Adobe Animate CC
You want to create animation from graphic images:
Two methods
Two methods
- Frame - by - Frame or Tweening.
- Tweening is an animation that moves with help of a computer aided algorithm. The following material was created with video tutorials created by TipTut Animations.
Start by opening Adobe Animate CC, select file new HTML5 canvas from the option menu.
|
Animate has similar layout to all Adobe products. The canvas will be blank. There will be a timeline at the top of the work area and the tools will be located at the left side of the monitor. All the properties and position tabs will appear on the right hand side of the work area.
|
|
|
Locate the monster_sketch.jpg in the Google Classroom folder and download it to your local drive. Then from the folder drag the image into the Animate work area [click the right mouse button - hold and drag image onto artboard within Animate].
Click CRTL - Minus to zoom out/ CRTL - PLUS to zoom in. You image will be larger than the canvas area and anything outside of the canvas will not appear on the video. To reduce the size of the image. Right mouse button click on monster_sketch image and the use the free transform tool [click Q shortcut]. Then use the corner tabs on the image to reduce the monster so that it fits onto the canvas area. Then Zoom in on the artboard. You can position the the image as needed so that the size and proportion are related to your final project. Rename layer by selecting [Layer1] in the timeline bar. Type [image], or name that relates to the context. Above the layer in the timeline select the [lock icon] to ensure the layer does not get selected when using the shape and pen tool to highlight your image. Open a new layer within the timeline by selecting the New Layer tab. New layers will be used to build characters, or objects within your animated video. Now we want to create a colour palette that will be used to develop our monster. Select the new layer. Rename layer Colour Palette. Use the Shape tool to create 5 boxes. Each box will have a different colour for the fill option. |
|
Create Shapes
|
Create a new layer and name the layer [body]. Make sure the drawing mode is [Off] within the properties panel. Begin using the Pen tool to place points around the monster shape to draw the shape of the Body layer. If you click the right mouse button and hold the ALT button you can create a 90 degree angle. In addition, the handle bars on attached to each point can be selected to create curved lines between points. Try it out and explore the functions. |
|
|
Use the Bucket tool to fill the object. [Make sure Object Drawing mode is off]
Then we will add a new keyframe. Click onto Body layer in the timeline. Then click F6. A new 24 frames will be added to the timeline. To include the lower layers in the new timeline. Click F5. Now we will create a second half to the sequence. Click on the mid-point of the 24 second frame on the body layer. Click F7 to split the frame. This will be used to Tween the image. Tweening is used to create motion graphics.
In the new keyframe use your pen tool to draw the monster in an exaggerated position [leaning back and a little to the left]. The new drawing will be the effect of motion in our animation.
Use the onion skin to show a shadow of the original drawing by selecting the onion skin option in the timeline panel. With the onion skin and the timeline set to the new 13 frame on your body layer begin creating the second keyframe position of the monster. |
|
Tweening a CharacterOn the timeline within the body layer, click your right mouse on the first keyframe field and choose Create Shape Tween. Now if you move the timeline slider you will see your shape move in relation to the first and last keyframe.
The shape will need to be anchored at points where the shape should not move. Add Shape Hints, by selecting the first keyframe in the timeline, then select Modify and Add Shape Hint. Set these dots on positions that you want to remain anchored and not be part of the tween. Start and endpoints need to be set, so at the first frame set the start point with the Shape hint anchor and then move the slider in the timeline to the End Keyframe and set the corresponding end points. 
|
|
Tweening
Continue to work on the motion of the shape by selecting the Keyframes in body layer and from the properties palette select Tweening and set the Easing properties to Ease In Out and the Blend mode as Quadratic.
Creating Your Own
Now, using the same principles outlined. You will develop your own animated Tween. Open the Google Classroom document and begin your Tweening Music Video Assignment.