Ex. No: 1 Register Number: Date : Name: TYPES OF ANIMATION Aim To study and identify various types of animation using Adobe software. Software Used • Adobe Photoshop • Adobe Premiere Pro • Adobe Illustrator • Adobe Acrobat (for documenting output) Procedure 1. Open Adobe Photoshop and create a new blank document. 2. Create a simple 2D frame - by - frame animation using the Timeline option. 3. Open Adobe Premiere Pro and import multiple images to create a Stop - Motion animation 4. Use Illustrator to design vector characters to demonstrate Motion Graphics animation 5. Export each animation as video/image sequence. 6. Combine all animations into a single PDF using Adobe Acrobat. Sample Output Result Different types of animation were created and demonstrated using Adobe tools. Ex. No: 2 Register Number: Date : Name: PRINCIPLES OF ANIMATION (Basic) Aim To demonstrate basic animation principles such as Squash & Stretch, Anticipation, and Slow In/Out. Software Used • Adobe Photoshop Procedure 1. Open Photoshop → Create New Document. 2. Go to Window → Timeline to enable animation. 3. Draw a simple ball using the Brush Tool. 4. Create multiple frames showing: o Ball stretched when fast (Squash & Stretch) o Slight reverse motion before jump (Anticipation) o Additional frames at the start & end of motion (Slow In/Out) 5. Play animation and adjust frame delay. 6. Export as GIF Sample Output Result Basic animation principles were applied using Photoshop frame - by - frame animation. Ex. No: 3 Register Number: Date : Name: PRINCIPLES OF ANIMATION (Advanced) Aim To apply multiple animation principles in a single sequence using Adobe software. Software Used • Adobe Illustrator • Adobe Photoshop • Adobe Premiere Pro Procedure 1. Use Illustrator to design a simple character. 2. Export character parts (hands, head, legs) as separate layers. 3. Import the layers into Photoshop or Premiere Pro. 4. Animate: o Arcs → head movement o Follow - through → hair or cloth motion o Timing → adjust keyframe speeds o Exaggeration → extend body movement for emphasis 5. Preview and refine animation. 6. Export video/GIF. Sample Output Result Multiple animation principles were applied together using Illustrator (design) + Photoshop/Premiere Pro (animation). Ex. No: 4 Register Number: Date : Name: 3D SOFTWARE INTERFACE (Adobe Perspective & 3D Tools) Aim To study 3D tools inside Adobe Photoshop and Illustrator. Software Used • Adobe Photoshop (3D Menu) • Adobe Illustrator (3D & Materials) Procedure 1. Open Illustrator. 2. Create a simple shape (circle, square). 3. Go to Effect → 3D & Materials → Extrude & Bevel 4. Rotate the object in 3D space using the interactive handles. 5. Apply different lighting settings. 6. In Photoshop, enable 3D Workspace 7. Insert a 3D object and use: o 3D Rotate o 3D Move o 3D Scale 8. Render the result. 9. Save and export the 3D object as image. Code Sample Output • A 3D cube or text created in Illustrator with Extrude & Bevel • A rotated 3D model rendered in Photoshop Result Basic knowledge of Adobe 3D interfaces and tools was successfully gained. Ex. No: 5 Register Number: Date : Name: DRAWING TOOLS & PEN TOOL – CREATING DRAWINGS IN FRAMES Aim To create a simple 2D animation using Pen Tool, Brush Tool, and frame - by - frame techniques. Software Used • Adobe Illustrator • Adobe Photoshop • Adobe Premiere Pro (optional) Procedure 1. Open Illustrator and design the character/object using: o Pen Tool o Shape Tools 2. Export artwork as PNG with transparent background. 3. Open Photoshop and import the drawing. 4. Use Timeline → Create Frame Animation 5. Duplicate the frame and adjust drawing (movement/position). 6. Continue until complete animation is formed. 7. Export as GIF or Video. 8. Optionally import into Premiere Pro for smoother motion control. Sample Output Result Frame - by - frame animation was successfully created using Illustrator for drawing and Photoshop for animation. Ex. No: 6 Register Number: Date : Name: DRAW FLIPBOOK WITH ANIMATION PRINCIPLES Aim To create a flipbook animation by applying basic animation principles such as timing, spacing, and persistence of vision. Software Used • Adobe Photoshop • Adobe ImageReady • Adobe Acrobat Procedure 1. Open Adobe Photoshop → Create a new document (A4 size, 300 dpi). 2. Draw the first pose of an object (ball or stick figure) using the Brush Tool 3. Create a new layer for every next drawing. 4. Slightly change the drawing in each layer to show movement. 5. Open Window → Timeline → Select Create Frame Animation 6. Convert each layer into a frame. 7. Adjust frame delay for smooth flipbook effect. 8. Export the animation as GIF using Adobe ImageReady 9. Document frames in PDF using Adobe Acrobat Sample Output • Sequential hand - drawn frames • Flipbook - style motion showing gradual movement Result A flipbook animation demonstrating animation principles was successfully created. Ex. No: 7 Register Number: Date : Name: FRAME - BY - FRAME ANIMATION (10 – 20 SECONDS) Aim To create a 10 – 20 second frame - by - frame animation. Software Used • Adobe Photoshop • Adobe Premiere Pro Procedure 1. Open Photoshop → Create a new canvas (1920×1080). 2. Enable Timeline → Frame Animation 3. Draw the first frame. 4. Duplicate the frame and slightly change the drawing. 5. Repeat for multiple frames. 6. Export frames as an image sequence 7. Open Adobe Premiere Pro → Import image sequence. 8. Set frame rate (12 – 24 fps). 9. Export animation as video. Sample Output • 10 – 20 second animated video Result A frame - by - frame animation of 10 – 20 seconds was successfully created. Ex. No: 8 Register Number: Date : Name: FRAME - BY - FRAME COLOR ANIMATION (20 SECONDS) Aim To create a colored frame - by - frame animation of 20 seconds duration. Software Used • Adobe Photoshop • Adobe Premiere Pro Procedure 1. Open Photoshop → New document in RGB Color Mode 2. Draw first frame using colored brushes 3. Duplicate frame and change colors slightly. 4. Maintain color consistency. 5. Create frames using Timeline. 6. Export frames as PNG. 7. Import into Premiere Pro. 8. Set duration to 20 seconds 9. Export final video. Sample Output • 20 - second colored animation video Result A colored frame - by - frame animation was successfully created. Ex. No: 9 Register Number: Date : Name: SIMPLE ANIMATION USING SHAPES, CLASSIC & MOTION TWEENING Aim To create a simple animation using shapes and tweening techniques. Software Used • Adobe Photoshop • Adobe ImageReady Procedure 1. Open Photoshop → New document. 2. Draw shapes using Shape Tools 3. Convert shape into Smart Object 4. Enable Video Timeline 5. Set start position of object. 6. Add keyframes for position. 7. Move object to new location. 8. Photoshop automatically creates motion tween. 9. Export as GIF or video. Sample Output • Shape movement animation • Motion created using tweening technique Result A simple animation using classic and motion tweening was successfully created. Ex. No: 1 0 Register Number: Date : Name: BALL ANIMATION Aim To create a bouncing ball animation using squash and stretch principle. Software Used • Adobe Photoshop • Adobe Premiere Pro Procedure 1. Open Photoshop → Create new canvas. 2. Draw a ball using Ellipse Tool 3. Enable Frame Animation 4. Draw frames showing: o Ball falling o Ball squashing on ground o Ball stretching while moving up 5. Adjust frame timing for realism. 6. Preview animation. 7. Export as GIF or video. Sample Output Result A bouncing ball animation demonstrating squash and stretch was successfully created. Ex. No: 1 1 Register Number: Date : Name: CREATE AN ANIMATION TO REPRESENT THE GROWING MOON Aim To create an animation showing the growing phase of the moon using motion tween. Software Used Macromedia Flash 8 Procedure 1. Open Flash 8 software → Click on Flash Document → Go to Windows → Properties → Select the Properties tool → Choose the Background to black. 2. Go to Fill color under toolbar → Select white color. 3. Select the Oval tool in order to draw the moon ( you will get a white circle). 4. Select the white circle on the worksheet using Selection tool → Right click → Convert to Symbol → Select Movie Clip → Give name ( eg: moon) → Click OK. 5. Go to Filter → Click on + symbol → Select Glow to apply glowing effect → Choose white color under glow → Adjust blur X = 12, blur Y = 12. 6. Click + symbol again → Choose Blur → Adjust blur X and blur Y values. 7. Place the moon anywhere on the work area. Double click on layer 1 and r ename Layer 1 as MOON. 8. Insert another layer → Rename it as Animation. 9. Select Fill color black → select oval tool and draw a circle on the moon to cover moon → select the newly added circle - > Right click → Convert to Symbol → Movie Clip → Name it Animation. 10. Go to filter, select + symbol → give the glow and blur effect as did for moon → Apply Glow and Blur effect (X=12, Y=12). 11. Select 150 th frame in moon layer → Right click → Insert Keyframe. Repeat for Animation layer. 12. Click 149 th keyframe of Animation layer → Right click → Press Create Motion → Select the animation movie clip and Move slowly across the moon. 13. Go to Control → Test Movie → You will get glowing moon as the output. Output Result The animation of a growing moon was created successfully. Ex. No: 1 2 Register Number: Date : Name: ANIMATION OF BALL BOUNCING ON STEPS Aim To create an animation showing a ball bouncing on steps. Software Used Macromedia Flash 8 Procedure 1. Start → Macromedia → Flash Document. 2. Select Line tool and draw steps. Color using Paint Bucket tool. 3. Select Circle from tool bar → Draw a circle on work area 4. Fill color to the circle using Paint Bucket tool from the tool bar 5. Go to frames Right click first frame → Insert Keyframe → Move the ball slightly. Repeat the same procedure by adding new key frames to show the ball change the shape of the ball slightly when it touches the surface 6. Use Free Transform tool to change shape slightly when touching surface. 7. Go to Control → Test Movie. You will observe the ball bouncing on steps. Output Resul t The ball bouncing animation was created successfully. Ex. No: 1 3 Register Number: Date : Name: SIMULATION OF MOVING CLOUDS Aim To create animation to simulate movement of clouds. Software Used Macromedia Flash 8 Procedure 1. Start → Macromedia → Flash Document. 2. Create blue background in Layer 1. 3. Insert Layer 2 → Draw clouds in layer 4. In order to create clouds, go to tool bar and select Brush tool and draw cloud in layer 2 5. Fill color to the cloud → Right click on it → choose Convert to Symbol option → give the Name as Cloud. 6. Select Movie Clip option and click ok 7. Go to Filter → Click on the + symbol → Select Glow → Select white 8. Under glow and Adjust blur (X=10, Y=10). 9. Give appropriate blur effect to cloud 10. Go to frames and Insert keyframes in both layers → Create motion tween in Layer 2 → Move clouds. 11. Go to Control → Test Movie. Output Result Cloud movement animation was created successfully. Ex. No: 1 4 Register Number: Date : Name: DISPLAYING BACKGROUND IMAGE THROUGH TEXT Aim To display a background image and show name on it. Software Used Macromedia Flash 8 Procedure 1. Start → Macromedia → Flash Document. 2. File → Import → Open External Library → Select background image and click open 3. The selected image will be stored in your library. Open library and Drag image from Library to work area. 4. Resize image to fit on work area 5. Select Text tool from the tool bar → Type your name. 6. Select the text and go to property to apply appropriate font effects like font size, style and color, etc. 7. Apply font size, style, and color. 8. Control → Movie clip to see the final output Output Result Background image with name display was created successfully.