Lab 5: Take any video of your choice (at least 3-5 min).

Trim unwanted sections, add

some text to be displayed at the beginning and end of the video. Provide a brief
explanation of the steps you followed and the software used.

THEORY
CapCut
CapCut is a versatile video editing application designed to help users produce creative and
engaging video content. It offers a wide range of features including filters, transitions, music,
text, and special effects, all within a clean and easy-to-navigate interface. Whether you're
editing simple clips or crafting more complex video projects, CapCut caters to all skill levels.
The app supports multi-layer editing and precise control over audio and visuals, making it ideal
for both casual users and content creators. Its strong compatibility with social media platforms
makes it a go-to choice for creating trendy and professional-looking videos.

Interface:

➢ Asset Bin: A dedicated section where users can gather all project resources like
footage, soundtracks, and photos for quick access during editing.
➢ Playback Window: Displays a live view of the video project, helping users monitor
edits and make visual adjustments as needed.
➢ Editing Track Area: The structured workspace where all media elements are aligned
in sequence. Users can reposition, resize, and synchronize clips across different layers.
➢ Quick Action Panel: Offers instant access to commonly used features like crop, adjust
speed, apply transitions, or reverse clips.
➢ Visual Styling Hub: Houses creative options such as cinematic overlays, color grading
tools, and motion effects to refine the video’s appearance.
➢ Sound Mixer Section: A place to manage all sound elements—users can balance audio
levels, remove background noise, or add custom soundtracks.
➢ Overlay & Caption Tools: Features for inserting dynamic subtitles, graphical
elements, and emojis to make videos more engaging and expressive.

1|Nabin
Tools in Cap Cut
➢ Selection Tool: The default tool for selecting, moving, and adjusting clips in the
timeline. Users can drag clips to reposition them or trim their edges.
➢ Split Tool: This tool is used to cut video and audio clips at specific points in the
timeline.
➢ Speed Tool: Allows users to speed up or slow down video clips for dramatic effects,
including curve speed adjustments for smooth transitions.
➢ Trim Tool: Enables precise cutting and trimming of clips by dragging the edges to
adjust their length.
➢ Keyframe Tool: This tool allows users to animate properties such as position, opacity,
and scale over time.
➢ Text & Sticker Tool: This tool allows adding customizable text, captions, and
animated stickers.
➢ Effects & Filters Tool: Provides a variety of effects, transitions, and color filters to
enhance video aesthetics.
➢ AI Background Remover: An advanced tool that removes backgrounds from videos
without a green screen.
➢ Audio Editing Tool: Allows adjusting volume, adding background music, and using
AI-powered auto-captioning.

2|Nabin
Steps involved in editing the video
Step 1: Launch the Cap Cut. Then, create a new project and name your project.
Also, choose a location to save it.

Step 2: Import the media files from files or simply drag and drop your media files into the
project panel.

3|Nabin
Step 3: Create a new sequence by simply dragging your video clip to the Timeline, and
Cap Cut will automatically create a sequence based on the clip’s setting.

Step 4: Use Selection tool (V) to trim and cut clips as needed. And, place the clips in the order
you want to appear in final video.

4|Nabin
Step 5: Remove the unnecessary background noise in the video using audio and adjust it
according to your need by sliding the volume.

Step 6: Add text in the beginning and the end of the video by using Text tool. And, edit the
text according to your choice.

5|Nabin
Step 7: Apply effect in the video like color filter, blur, sharpness or cinematic the effect
panels. And, use keyframes to animate effects, such as as gradually increasing the intensity of
a blur or moving an object across the screen.

6|Nabin
Step 8: Go to export and choose your export settings (format, resolution, etc). Click Export to
render and save your final video.

7|Nabin
Conclusion
In this lab, we learned how to edit videos using CapCut. We explored various editing
techniques, including adding and modifying text within the video. Additionally, we applied
audio effects and video effects to enhance the overall quality and visual appeal of our project.

8|Nabin
Lab 11: Create a timeline-based animation using a software tool of your choice. Explain
the concept of timeline-based animation and describe the steps involved in creating the
animation.

THEORY:
Timeline-based animation is a technique used to create smooth motion by defining keyframes
along a timeline. These keyframes mark the starting and ending points of transitions for visual
properties such as position, opacity, rotation, and size. Photoshop automatically interpolates
frames between keyframes to create fluid movement.
Steps to Create a Timeline-Based Animation in Photoshop
Create a New Document:
➢ Open Photoshop and create a new document (e.g., 2480x1748 pixels).
Draw the Pentagon:
➢ Use the Pentagon Tool to draw a Pentagon.
➢ Rename the layer to "Pentagon" for better organization.
Open the Timeline:
➢ Go to Window > Timeline and click Create Video Timeline to enable animation
features.
Add Keyframes:
➢ Select the Transform property in the Timeline panel.
➢ At Frame 0, click the stopwatch icon to set the initial keyframe for position, rotation,
and size.
Rotate and Resize the Square:
➢ Move the playhead forward on the timeline.
➢ Use Free Transform (Ctrl+T / Cmd+T) to rotate and resize the square.
➢ Photoshop will automatically generate new keyframes.
Preview the Animation:
➢ Click Play in the Timeline panel to preview the animation.
Export the Animation:
➢ Go to File > Export > Render Video to export as a video.
➢ Alternatively, use File > Export > Save for Web (Legacy) to export as a GIF.

9|Nabin
Output:

10 | N a b i n
Conclusion
In this lab, we learned how timeline-based animation allows precise control over object
movement and transformation. By using keyframes, motion tweens, and easing effects, we can
create smooth and engaging animations widely used in game design, web animations, and
multimedia presentations.

11 | N a b i n
Lab 12: Create an animation using timeline and Scene-Based Animation. Provide a
detailed description of the steps followed and include screenshots or a video of the
animation.

THEORY
In this project, we have created an animation using the timeline and scene-based animation .
The steps below provide a detailed breakdown of the process we followed to animate the text
and other graphical elements.
Creating an Animation in Canva:
1. Set Up the Project and Elements
➢ Create a New Design: Open Canva and click Create a Design → Choose Custom Size
(e.g., 600x600 pixels).
➢ Add Text & Graphics: Insert any text and any graphic elements of your choice.
➢ Layer Management: Arrange elements properly, as Canva does not support layer-
based animation.
2. Apply Animations
➢ Select an Element: Click on the text or graphic you want to animate.
➢ Choose an Animation: Go to the Animate option in the top menu and choose effects
like: Fade, Rise etc. and typewriter or Neon for text effects.
➢ Adjust Timing: Click on the animation settings to change duration and delay.
3. Use Page Transitions for Scene-Based Animation
➢ Duplicate pages with slight element changes.
➢ Apply page transitions for smooth movement.
4. Preview & Refine
➢ Click Play to preview the animation.
➢ Adjust animations, transitions, and timing for a smoother effect.
5. Export the Animation
➢ Choose MP4 for a high-quality animated video.

12 | N a b i n
Output:

13 | N a b i n
Conclusion
In this lab, we learned how to use both timeline-based and scene-based animation to create
smooth transitions and engaging motion effects. By using keyframes, motion tweens, and scene
transitions, we can build well-structured animations commonly used in games, web
animations, and multimedia projects.

14 | N a b i n
Lab 14:Create an animation GIF. Explain the process of creating GIF animations and
describe the tools used.
Steps to Create GIF Animation in Canva:
1. Create a New Design
➢ Open Canva and click Create a Design.
➢ Choose Custom Size (e.g., 600x600 pixels).
➢ Set a transparent or white background.
2. Add or Import Frames
➢ Upload images if you already have scenery and bus drawings.
➢ If creating from scratch, use Canva’s Elements or Draw tool to design each stage of the
animation.
3. Duplicate Frames for Animation
➢ Create multiple pages, each representing a different stage of the animation.
➢ Slightly adjust each frame to show changes in shape, size, or transformation.
4. Apply Frame Transitions
➢ Click on a page and choose Animate from the top menu.
➢ Use animations like Fade, Rise, Tumble, or Pan to create movement between frames.
5. Set Frame Timing
➢ Click Timer (Clock Icon) in the top menu.
➢ Adjust how long each frame appears (e.g., 0.6s or 1s per frame).
➢ Keep timing short for a smooth effect.
6. Preview the Animation
➢ Click Play to see how your GIF will look.
➢ Adjust frames and timing if needed.
7. Export as a GIF
➢ Click Share → Download.
➢ Choose GIF format and Loop Animation for continuous playback.

15 | N a b i n
Output:

16 | N a b i n
Conclusion
In this lab, we learned how to use both timeline-based and scene-based animation to create
smooth transitions and engaging motion effects.

17 | N a b i n
Lab 15: Create simple animated banner ads. Describe the design principles and tools
used to create animated banners. Provide examples of the final banner ads and explain
the animation techniques used.

Design Principles for Animated Banners

1. Visual Hierarchy
The text "50% OFF THIS HOLI" uses bold typography and color contrast to draw attention,
emphasizing the promotional message.
The airline image (airplane) is prominent, ensuring the focus remains on the travel experience.
2. Consistency and Branding
The use of airline-themed elements (plane, airport background, and flight codes) reinforces the
brand identity.
Consistent fonts and color schemes support visual unity across the banner.
3. Simplicity
The layout avoids clutter, using clean spacing and minimal text to keep the message clear and
digestible.
The focus is maintained on key promotional content like discounts and travel visuals.
4. Call to Action (CTA)
The phrase "50% OFF THIS HOLI" acts as a compelling CTA, motivating viewers to book
flights or explore holiday travel deals.

Tools Used to Create Animated Banners

1. Canva

➢ Layer Management: Organizes elements like airplane images, promotional text, and
backgrounds.
➢ Text Tool: Used to customize fonts for CTAs and branding.
➢ Shape Tool: Adds visual interest and separates sections of the banner.
➢ Animation Timeline: Manages transitions and entry/exit effects for various elements.

18 | N a b i n
2. Animation Techniques

➢ Fade-in/fade-out of text and images.

➢ Movement animations such as sliding planes or shifting text.

Example of Final Banner Ads

1. Rotating Destination View
➢ Airplanes or destinations slide or rotate into view to showcase travel excitement.

2. Text Animation
➢ The words "50% OFF THIS HOLI" animate with a bounce or slide-in effect,
grabbing user attention effectively.
3. Sale Tags Animation
➢ Flashing or pulsing discount icons or tags emphasize the urgency and value of the
promotion.
4. Other Animation Effects

✓ Fading in/out airplanes or background elements.

✓ Sliding text (like "FLIGHT UNITED JK-2004 ") from different directions.
✓ Emphasis through pulsing or glowing effects on CTAs.

Output:

19 | N a b i n
Conclusion
In this lab, we learned how to design simple animated banner ads using Canva. We applied
key design principles like visual hierarchy, consistency, simplicity, and a strong call to action.
The animation techniques included fade-in/out, sliding text, and pulsing effects to enhance
visual appeal. Our final airline-themed banner featured the text "50% OFF THIS HOLI",
emphasizing the promotion. Using movement and transitions, we created engaging and
effective visuals. These skills are useful for creating compelling digital advertisements.

20 | N a b i n
OUTPUT:

Fig: BOUNCING-BALL

21 | N a b i n
Output:
Output: