Udemy

Master SVG animation using HTML & CSS - Build 8 Projects.

“Learn to design high resolution images, logos, and screensavers using SVG(HTML&CSS) animation and become a design pro!"
View Course →
Length 3 to 4 weeks
Effort 2 hours per week
Price $ 309
Subject Design, Art
Level Any
Languages English
Video Transcripts None

++++++The FIRST COMPLETE BOOTCAMP COURSE ON SVG +++++++

++++++++ Watch the Promo Video To Know how much deep this course is designed to make your concepts clear..

++++ Only SVG course which will start your training with the basics and then using the basics you will learn the designing of amazing 2D Vector Graphics and different Shapes and Logos for your website using the combination of HTML , CSS and SVG++++

_________________________________________________________________________________________________________________________

Who can take this course....???

1. If you are a beginner to SVGprogramming and want to learn the basics .....

2. If you are already an expert in SVG and want to design attractive logos and images for your websites.....

3. If you want to brush up your skills in this topic.......

4. If you want to be a web designer/developer.....

So , if you come under any of these 4 cases , then YES , this course is designed for you.......

This course will start your journey from scratch and at the end of it you will be a SVG GURU.

Topics which are covered in the course are as follows:

1. Introduction to SVG

2. Understanding the Syntax.

3.Designing the Basic Shapes (Rectangle , Circle , Line , Polygon , Polyline , Ellipse)

4, Adding TEXT to your SVG

.5. Concept of STROKE in SVG..

6. Important ELEMENTS in SVG

.7. Clipping and Masking in SVG.

8. Using Javascript in SVG

.9. Applying Filters to Images.

10 .Concept of Gradients in SVG.

11 Understanding the Animation..

12. The concept of Transformation.

13. Designing Logos and Complex animation..


Benifits / Advantages of this course:

1). No matter you are a beginner or an expert , this course is designed from scratch.

2). Every programming example will start from a blank page and will ends up with a desired output.

3). A line to line of every single code is provided in a descriptive manner.

4). This course will work as a "ZERO to HERO" , so at the end you will be an expert in designing amazing 2D vector graphics with SVG..





Who this course is for:
  • Take this course if you want to be a pro web designer.
  • Take this course if you want to be a freelancer logo / graphic / animation designer using SVG.
  • Take this course if you want to brush up your skills on SVG.
  • Take this course if you want to design logo / graphics without using any software and just with basic HTML and CSS.

What you'll learn

  • Design amazing and attractive 2D vector graphics using SVG.
  • Gain more knowledge about the combination of HTML , CSS and SVG.
  • Without using any software students will be able to create awesome SVG (Scalable Vector Graphics).
  • Design amazing icons and logos using the basic shapes fir your website and mobile app.
  • Learn how to create Screensaver and set parameters according to your requirement.
  • You will be able to design images with high resolution and in advance form which is better then jpeg format.
  • Understand the concept of animation in SVG with practical examples.
  • Get friendly support on any problem in less than 12 hours.
  • A certificate of completion at the end.

Course syllabus

Introduction to the Course , Instructor and Understanding Syntax. BASIC SHAPE - Designing of RECTANGLE. BASIC SHAPE - Designing of CIRCLE. BASIC SHAPE - Designing of ELLIPSE. BASIC SHAPE - Designing of LINE. BASIC SHAPE - Designing of POLYGON. BASIC SHAPE - Designing of POLYLINE. Understanding the concept of PATH in SVG. Adding TEXT to your SVG. Useful ELEMENTS in SVG. STROKES in SVG. Some ADVANCE concept used in SVG. Adding JAVASCRIPT to SVG. Applying different EFFECTS / FILTERS to SVG. Applying GRADIENTS in SVG. Performing Animation in SVG.

Meet the instructors

Kunal Asudani

Website developer and instructor at Udemy

Hello friends!! I am kunal asudani , a website developer with an experience of 8 years in web development and an instructor.

Having a keen interest to spread my knowledge and skills , i started teaching the students who love programming , i have an expertise in programming languages such as HTML , JSON ,javascript , jquerry , css , Bootstrap , Angular JS , Foundation, C , C++, PHP and DSA.

Now , my students are there in 109 countries , started with the single class room , i am sharing my programming skills to my students worldwide.

My way of teaching:

Before creating any course , or any topic , i always create it in the way that my students have zero knowledge of it , because i always aim to start from the scratch.

If you are enrolling in any of my course , you will find everything from the basic , you don't need to google anything.

My aim for students:

I have decided to provide you with all my skills , experience and ideas and bring you up with a great programmer and a website developer.

i will create the every basic course , from scratch which will be in use , as far a person with zero experience can become a hero.

All the best my students...!!