Slide Background

01. Slide Background

Every slide includes a background, which can be a picture or solid color.

Step 1

To change the background click on the label bar and in the layer window select the style tab.

Step 2

Choose a source from the background top tab then upload an image or pick a background color.

Next Slide

Build & Design

02. Build & Design

Build any layout with layers and customize your designs limitlessly.

Step 1

To add a layer, click the green plus button in the left sidebar and select the type of layer.

Step 2

Select any layer and you can edit its content and style properties in the layer window.

Next Slide

Our Web Designing Program

Become a Web Designer

What Animatography Studio can do for you?

Starting out as an animator with Animation Mentor isn’t just about nailing down animation techniques; it’s like diving into this awesome adventure where your imagination gets to play hero and your skills level up with every step. Picture this: you, fueled by determination and backed by seasoned mentors, bringing characters and worlds to life with each doodle and click.

Animation Mentor isn’t just a school; it’s a hangout for cool artists like you, all sharing stories and striving to tell tales through movement. So, dream big, create bigger, and let Animation Mentor be your ride-or-die partner on this wild journey to animation greatness.

Your Name

This field is required.

Phone No.

This field is required.

Craft Stunning Websites with Design, Code & UX Mastery

Course Overview

This 6-month online Web Design program blends creativity with technology to build responsive, modern websites from scratch. Students learn HTML, CSS, JavaScript, UI/UX principles, and how to use tools like Figma, Webflow, and VS Code. Perfect for aspiring web designers, creative developers, freelancers, and digital entrepreneurs looking to create pixel-perfect, user-friendly web experiences.

Basic Level (Months 1–2):
Visual Design & Web Foundations

Principles of Web Design (Week 1–2)
– Layout, color, typography for the web
– Accessibility and design thinking
UI Design with Figma (Week 3–4)
– Wireframing, style guides, and prototypes
– Component-based design and responsive grids
HTML Essentials (Week 5–6)
– Semantic structure: headings, lists, media
– Forms, links, and best practices
CSS Styling & Layouts (Week 7–8)
– Flexbox, Grid, animations
– Custom styling, responsive design fundamentals

Intermediate Level (Months 3–4):
Interactivity & Design Systems

JavaScript for Designers (Week 9–10)
– DOM manipulation, events, sliders, modals
– Adding dynamic elements and forms
Responsive & Mobile-First Design (Week 11–12)
– Breakpoints, fluid layouts, viewport units
– Best practices for cross-device consistency
Design Systems & UI Libraries (Week 13–14)
– Building reusable components
– Atomic design and style documentation
Webflow & No-Code Tools (Week 15–16)
– Visual development with interactions
– Deploying live websites without code

Advanced Level (Months 5–6):
Real Projects & Portfolio Building

Client-Side Website Projects (Week 17–18)
– Design and develop a multi-page responsive website
– Focus on branding, storytelling, and user flow
Website Optimization & SEO Basics (Week 19–20)
– Image compression, loading speed
– SEO tags, semantic markup, accessibility
Hosting, Domains & Deployment (Week 21–22)
– GitHub Pages, Netlify, custom domains
– Setting up basic CMS with Webflow or WordPress
Portfolio Website & Showcase (Week 23–24)
– Create your personal design + dev portfolio
– Final walkthrough and live presentation