Udemy

Platform

English

Language

Web Design

Category

Learn SVG & CSS loader animation without code

A new, easy & quick approach in making of SVG & CSS animation without code with Google Web Designer

4.07 (7 reviews)

Students

38 mins

Content

Jun 2020

Last Update
Regular Price

EXCLUSIVE SKILLSHARE OFFER
Exclusive  SkillShare  Offer
Unlimited access to 30 000 Premium SkillShare courses
30-DAY FREE TRIAL
EXCLUSIVE SKILLSHARE OFFER
Exclusive SkillShare Offer
Unlimited access to 30 000 Premium SkillShare courses
40%OFF ANNUAL MEMBERSHIP

What you will learn

Students will learn code free and unique method to create SVG & CSS animation.

CSS Animation

SVG Animation

loader animation

Google web designer

Multi-language captions support


Description

In this training We will show you a ultimate way to create SVG & CSS Loader Animation without writing any code. 

Currently, we know that svg and css animation is possible only through code but here we have tried to break the barrier to know html5 or css and it is all possible through Google Web Designer. The generated code for SVG & CSS is industry standard, precise and clean.

This course supports multi-language captions in Spanish, Russian Portuguese, Japanese, Italian, German, French, Chinese, Arabic, Hindi & English.


Who can join this course?

  • This course is suitable for web designers and animators.

  • Suitable for Beginners & Web design enthusiastic

  • Web Developers or Advanced learners, can also join this course if they want to know the quick approach to create SVG animation.


Screenshots

Learn SVG & CSS loader animation without code
Learn SVG & CSS loader animation without code
Learn SVG & CSS loader animation without code
Learn SVG & CSS loader animation without code

Content

Getting ready for SVG animation

what is SVG?

Project Description and Exporting SVG from Illustrator

Getting started with Google Web Designer

About GWD

Interface

Project 1 - Loader SVG animation creation with Google Web Designer

Importing Assets

Selecting Image SVG file

Selecting Inline SVG & CSS Positioning

Alignment & Layers

Changing color of Inline SVG

Snapping and moving origin point

Animation & Timeline

Wrapping and Responsive layout

Refining Code & Publishing

Project 2 - Dot Spinner

Project 2 - Dot Spinner

Project 3 - Gear Spinner

Project 3 - Gear Spinner


Reviews

A
Arya18 July 2019

I am visual designer and looking a web animation course without coding and this course fulfill my requirement. Thanks

ف
فاطمة13 February 2019

great course but i submit questions and i didn't receive the answer I wished if there support for any concerns or issues


2048897

Udemy ID

11/26/2018

Course created date

11/1/2020

Course Indexed date
soultana
Course Submitted by

Twitter
Telegram