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 video editing application developed by ByteDance, the company behind TikTok.
It is designed for creating short-form videos, social media content, and professional-quality
edits. CapCut features a non-linear, timeline-based editing system, allowing users to cut, trim,
apply effects, and enhance video content with ease. Originally launched under the name
Viamaker, it was later rebranded to CapCut and rose in popularity due to its seamless
integration with TikTok and other platforms. With a user-friendly interface and powerful
editing tools, CapCut caters to both beginners and professional editors.
Overview of CapCut
Interface Layout:
➢ Media Library: This is interface where users import and manage their media files,
including videos, images, and audio clips to Edit project.
➢ Preview Panel: Allows users to preview and playback the edited video in real time.
Users can check changes before exporting.
➢ Timeline Panel: The core editing area where clips are arranged, cut, trimmed, and
layered. Multiple tracks enable complex editing.
➢ Toolbar: A set of tools such as cut, split, speed, and transition effects for editing clips
efficiently.
➢ Effects & Filters Panel: Contains a variety of visual effects, color filters, and
animations that can be applied to enhance the video.
➢ Audio Panel: Allows users to add background music, voiceovers, and sound effects
while also offering audio adjustments.
➢ Text & Stickers Panel: Provides animated text, captions, and stickers for creative
enhancements in videos.

Rahul Kumar Jha

Bsc.Csit 5th sem
Tools in CapCut
➢ 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 video
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.

Rahul Kumar Jha

Bsc.Csit 5th sem
 ➢ Audio Editing Tool: Allows adjusting volume, adding background music, and using
AI-powered auto-captioning.

Steps involved in editing the video

Step 1: Launch the Capcut.and 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.

Rahul Kumar Jha

Bsc.Csit 5th sem
Step 3: Create a new sequence by simply dragging your video clip to the Timeline, and
CapCut 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

Rahul Kumar Jha

Bsc.Csit 5th sem
Step 5: Remove the unwanted background noise in the video using audio tool and adjust it
according to your need by sliding the volume.

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

Rahul Kumar Jha

Bsc.Csit 5th sem
Step 7: Apply effect to your video using the effects panel, such as color filters, blur, sharpness,
or cinematic looks. You can also use keyframes to animate these effects---for example,
gradually increase the intensity of fade in or moving object smoothly across the screen.

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

Rahul Kumar Jha

Bsc.Csit 5th sem
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.

Rahul Kumar Jha

Bsc.Csit 5th sem
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 method of creating motion by using keyframes placed along a
timeline. Each keyframe represents a specific point in time where you define how an object
should appear—like its position, rotation, scale, or opacity. Photoshop smoothly fills in the
frames between keyframes to create the illusion of continuous movement. This technique is
perfect for making animations like moving shapes, fading text, or rotating graphics.
Steps to Create a Timeline-Based Animation in Photoshop
Create a New Document:
➢ Open Photoshop and create a new document (e.g., 1920x1080 pixels).
Draw the Square:
➢ Select the Oval Tool and draw an Oval circle.
➢ Rename the layer to "Circle" for better organization.
Open the Timeline:
➢ Go to Window > Timeline
➢ 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 next to Transform to create the first keyframe.
Rotate and Resize the Square:
➢ Move the playhead forward on the timeline.
➢ Use Free Transform (Ctrl+T / Cmd+T) to rotate and resize the circle.
➢ Photoshop will auto-generate new keyframes for the changes.
Preview the Animation:
➢ Press Play in the Timeline panel to see the animation in action.
Export the Animation:
➢ Go to File > Export > Render Video to export as a video.
➢ To save as a GIF: File > Export > Save for Web (Legacy).
Rahul Kumar Jha
Bsc.Csit 5th sem
Output:

> ____Circle

>_____Circle

Rahul Kumar Jha

Bsc.Csit 5th sem
 >____Circle

Conclusion
In this lab, we explored how timeline-based animation provides precise control over object
movement and transformation. By using keyframes, motion tweens, and easing effects, we
were able to create smooth and visually engaging animations.

Rahul Kumar Jha

Bsc.Csit 5th sem
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., 500x500 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 up, Blur, Fade In 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.

Rahul Kumar Jha

Bsc.Csit 5th sem
Output:

Rahul Kumar Jha

Bsc.Csit 5th sem
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.

Rahul Kumar Jha

Bsc.Csit 5th sem
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., 500x500 pixels).
➢ Set a transparent or white background.
2. Add or Import Frames
➢ Upload images if you already have football 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.5s 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.

Rahul Kumar Jha

Bsc.Csit 5th sem
Output:

Conclusion
In this lab, we learned how to create a GIF animation using keyframes, motion tweens, and
frame-based editing in canvas.

Rahul Kumar Jha

Bsc.Csit 5th sem
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 "NEW YEAR SPECIAL" uses different colors and font sizes to guide attention,
emphasizing key words.
The product image (Gaming Setup Tools) is prominent, ensuring the focus remains on the
product.
2. Consistency and Branding
The color scheme and typography are consistent, reinforcing the brand’s identity.
Familiar elements like sale tags maintain consistency with common e-commerce visuals.
3. Simplicity
The design avoids clutter, using a clean layout with ample negative space, making the message
clear and easy to digest.
4. Call to Action (CTA)
The phrase " NEW YEAR SPECIAL " serves as a CTA, encouraging viewers to take action
(browse or purchase).
Tools Used to Create Animated Banners
1. Canva
➢ Layer Management: Organizes text, images, and shapes for easy editing and
animation.
➢ Text Tool: Adds and customizes text elements.
➢ Shape Tool: Creates geometric elements like backgrounds.
➢ Animation Timeline: Enables transitions or scene-based animations.
2. Animation Techniques
➢ Creates effects like fade-in, fade-out, or movement of elements (e.g., Gaming setup,
text).
➢ Generates smooth transitions between different pages with different animation effects.

Rahul Kumar Jha

Bsc.Csit 5th sem
Example of Final Banner Ads
1. Rotating Product View
➢ The Chair and Gaming remote move from one side to another, right to left and left to
right drawing attention.
2. Text Animation
➢ The words " NEW YEAR SPECIAL" animate with slide-out or slide-in effect, making
the CTA more engaging.
3. Sale Tags Animation
➢ Sale tags pulse or flash, highlighting discounts or special offers to capture attention.
4. Other Animation Effects
➢ Fading in/out different elements like the shoes or sale tags.
➢ Sliding text from various directions to add motion.
➢ Pulsing effects on sale tags for emphasis.

These design principles and animation techniques help create visually appealing and effective
animated banner ads.

Output:

Rahul Kumar Jha

Bsc.Csit 5th sem
Conclusion
In this lab, we learned how to create animated banner ads using keyframes, motion tweens,
easy transitions and smooth animations like Fade-In and Out, Blur-In and Out.

Rahul Kumar Jha

Bsc.Csit 5th sem
Rahul Kumar Jha
Bsc.Csit 5th sem
Rahul Kumar Jha
Bsc.Csit 5th sem
Rahul Kumar Jha
Bsc.Csit 5th sem
Rahul Kumar Jha
Bsc.Csit 5th sem
Rahul Kumar Jha
Bsc.Csit 5th sem
Output:

Present Image

Morphed Image

Rahul Kumar Jha

Bsc.Csit 5th sem
Final Image

Rahul Kumar Jha

Bsc.Csit 5th sem