Using SVG Filters for Web Design and Animation
By Gary Simon
In this course, we will harness the power of SVG filters for your future projects. Software required: Adobe Photoshop CC 2015, Sublime Text 2.
Course info
Rating
Level
Advanced
Updated
Aug 11, 2015
Duration
1h 35m
Table of contents
Introduction and Project Overview
Using SVG Filters for Web Design and Animation
Preparing the Assets for the Svg Playground
5m
Writing the HTML for the Svg Playground
4m
Adding the CSS and Beginning the Svg
9m
Experimenting with More Svg Filters
7m
Starting the Product Page Mockup
10m
Designing the Second Product Page
8m
Finishing the Mockup
5m
Writing the HTML
7m
Adding the CSS
10m
Finishing the Product Page Project
9m
Writing HTML and Svg for Gooey Buttons
4m
Adding CSS Animations
9m
Writing jQuery to Add Onclick Animations
8m
Description
Course info
Rating
Level
Advanced
Updated
Aug 11, 2015
Duration
1h 35m
Description
In this course, we will harness the power of SVG filters for your future projects. SVG filters provide designers with many ways to manipulate objects including text, CSS rendered graphics, and photographs. This course will provide you with a fundamental overview of SVG filters by implementing them in two projects. Software required: Adobe Photoshop CC 2015, Sublime Text 2.
About the author
About the author
Gary Simon has worked exclusively as a freelance designer and design instructor for over 15 years.
More from the author
More courses by Gary Simon