Creating SVG for Whiteboard Videos from Udemy

If you have been struggling to create your svg image files without those double lines then you have come to the right place to learn a better way of creating them. You have probably been taught how to convert a .png file to .svg to use with your whiteboard videos, but those crazy double lines keeping showing up. Converting those .png file to .svg's just don't seem to work that well but I am going to help you change that. Here is what you will learn to do in this course.

Create svg files with the real line by line drawing effect.
Never have the double lines in your svg files.
Learn how to set your brush mode to make it happen.
Learn the best tools for clean line drawing effects.
I'll show you examples of what not to do.
Show you everything to do the right way.
How to use the pen tool

All you will need is access to Adobe Illustrator or any other software such as Inkscape, or any other that is like Illustrator. Some of these alternatives are free to download.

The videos in this course has been structured in order of importance to help you get the most out of it. This course is about an hour long and gets straight to the point with all of the fluff left out so you can focus on the topics at hand.

Video marketing is huge and isn't going anywhere so jump on board and learn how to create your very own svg images the right way for yourself, or to offer this new talent as a service to others. If you have any question along the way just send me a message and I will respond as quickly as possible to help you.

Get in now while the price is right because there are time I will add new content as new technology evolves and once you are in, you never pay another cent no matter how large this course gets.

What's inside

Syllabus

Introduction to The Course

Introduction to the course.

Create svg files the correct way

Examples and explainations why this method is the wrong way to create svg files.

Examples and explainations why this method is the better way to create svg files.

Choose the best answer.

Why the brush tool doesn't work, as it gives you that double line drawing that looks bad. You can also download the good and bad tools pdf for future reference on the right download area.

The type tool isn't great for svg text and numbers.

Here are the recommended tools to use for the best svg line drawings.

This will teach the beginner how to use the pen tool.

This video shows you how to use the bezier tool in Inkscape

This video goes over the pen and pencil tools in Inkscape which is great for drawing or tracing images.

You will learn how to trace images and make them your own.

A recap of the lesson to refresh your memory.

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Focuses on creating SVG files specifically for whiteboard videos, which is a popular style for engaging explainer content and marketing materials

Provides a practical solution to a common problem (double lines) encountered when converting images to SVG for whiteboard animations

Requires access to Adobe Illustrator, Inkscape, or similar vector graphics software, which may require a subscription or software purchase

Devotes a section to learning the pen tool, which is a fundamental skill for creating precise vector graphics and illustrations

Includes a video on how to use the Bezier tool in Inkscape, which is a slightly older version of the software

Reviews summary

Creating whiteboard video svg without double lines

According to students, this course offers a highly effective and concise solution for a common problem: creating single-line SVGs for whiteboard videos that render cleanly without undesired double lines. Learners praise the clear explanations and practical demonstrations using tools like Adobe Illustrator or Inkscape. Many found the section on using the Pen tool particularly helpful. The course is described as straight to the point and easy to follow, even for beginners. While focused on a specific niche, students feel it successfully addresses its stated objectives and provides actionable techniques.

Highlights specific tools and methods like the Pen tool.

"The section on how to use the pen tool was invaluable for me."

"He covers why other tools dont work and which tools do work."

"He provides great methods for creating images using the pen tool and tracing."

"I learned which tools to use and which to avoid."

Accessible and easy to follow for new learners.

"clear and concise and easy to follow even for a beginner such as myself"

"It is helpful, easy to follow and it has helped me understand why i got double lines."

"This course is great for beginners, very straightforward and clear. I really enjoyed learning these skills."

Provides clear explanations and is to the point.

"Short and straight to the point explaining exactly why we get those nasty double lines and what to do about it."

"It's very clear and precise and a good start for people who need to make SVG images for their whiteboard videos."

"Instructor is very straight to the point and the course covers the topic perfectly. I highly recommend this course!"

Directly solves the issue of double lines in SVGs.

"How to create single line images without all the double lines. Thank you!"

"It has helped me understand why i got double lines."

"finally getting explained why I was getting double lines when drawing in Videoscribe"

"explaining exactly why we get those nasty double lines and what to do about it."

Teaches how to create clean, single-line SVGs.

"This course was so simple and answered exactly the question I had been having! How to create single line images without all the double lines. Thank you!"

"It answers exactly the question I had. It is helpful, easy to follow and it has helped me understand why i got double lines."

"Short and straight to the point explaining exactly why we get those nasty double lines and what to do about it."

"Finally a simple step by step to make SVGs for whiteboard animation without double lines!"

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Creating SVG for Whiteboard Videos with these activities:

Review Adobe Illustrator Basics

Show steps

Familiarize yourself with Adobe Illustrator's interface and basic tools to ensure a smooth learning experience in creating SVG files.

Browse courses on Adobe Illustrator

Show steps

Explore the user interface and key panels.
Practice creating basic shapes and lines.
Experiment with color palettes and gradients.

Read 'Adobe Illustrator Classroom in a Book'

Show steps

Improve your Adobe Illustrator skills by working through a structured workbook.

View Adobe Illustrator Classroom in a Book 2025... on Amazon

Show steps

Obtain a copy of 'Adobe Illustrator Classroom in a Book'.
Work through the chapters relevant to SVG creation.
Complete the exercises and projects in the book.

Follow SVG Creation Tutorials

Show steps

Enhance your understanding of SVG creation by following online tutorials that demonstrate various techniques and workflows.

Show steps

Search for tutorials on creating SVG files from scratch.
Replicate the steps in the tutorials using your own designs.
Experiment with different settings and options.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Practice Pen Tool Exercises

Show steps

Master the pen tool by completing targeted exercises that focus on precision and control, essential for creating clean SVG lines.

Show steps

Trace complex shapes using the pen tool.
Create smooth curves and sharp corners.
Practice adjusting anchor points and handles.

Read 'SVG Essentials'

Show steps

Deepen your understanding of SVG syntax and capabilities by reading a comprehensive guide on the subject.

View SVG Essentials on Amazon

Show steps

Obtain a copy of 'SVG Essentials'.
Read the chapters relevant to whiteboard animation.
Experiment with the techniques described in the book.

Design a Simple Whiteboard Animation

Show steps

Apply your SVG creation skills by designing a short whiteboard animation sequence, reinforcing your understanding of the entire process.

Show steps

Sketch out a storyboard for your animation.
Create the necessary SVG files using Illustrator or Inkscape.
Animate the SVG files using a whiteboard animation software.

Contribute to an Open Source SVG Project

Show steps

Contribute to an open-source SVG project to gain experience working with real-world SVG files and collaborate with other designers.

Show steps

Find an open-source project that uses SVG files.
Identify areas where you can contribute, such as fixing bugs or creating new assets.
Submit your contributions to the project.

Career center

Learners who complete Creating SVG for Whiteboard Videos will develop knowledge and skills that may be useful to these careers:

Whiteboard Animator

A Whiteboard Animator creates engaging and informative videos using the whiteboard animation style, where images appear to be drawn on a whiteboard in real-time. The course on creating scalable vector graphics for whiteboard videos directly helps one become a whiteboard animator by teaching the core skills needed to create effective SVG animations. The course specifically addresses common problems like double lines and provides solutions to achieve a clean, professional look. It also covers essential tools like the pen tool in Adobe Illustrator or Inkscape.

See salaries and explore the career path for Whiteboard Animator

Digital Illustrator

A Digital Illustrator creates artwork for a variety of media, including websites, advertisements, and publications. The work of a digital illustrator often requires a keen eye for detail and a mastery of digital drawing tools. The course on creating scalable vector graphics for whiteboard videos helps build a foundation for digital illustration because it teaches the essential skills of creating clean, line-based SVG images. Knowing how to use tools such as the pen tool in Adobe Illustrator, as covered in the course, is directly applicable to creating professional illustrations.

See salaries and explore the career path for Digital Illustrator

Motion Graphics Designer

A Motion Graphics Designer creates visually engaging animations and digital media for various platforms. This role demands a strong understanding of design principles and proficiency in digital design software. The course on creating scalable vector graphics for whiteboard videos can help one become a motion graphics designer by teaching them how to create clean, efficient SVG files, avoiding common issues like double lines. It will also guide them in using tools like Adobe Illustrator and Inkscape, which are crucial for producing high-quality motion graphics.

See salaries and explore the career path for Motion Graphics Designer

Presentation Designer

A Presentation Designer creates visually compelling presentations, often for business or educational settings. This role requires a strong sense of visual hierarchy, typography, and branding. The course on creating scalable vector graphics for whiteboard videos helps presentation designers add unique animations to presentations. By mastering the creation of clean SVG files and line-by-line drawing effects, designers can make their presentations more engaging and memorable for the audience.

See salaries and explore the career path for Presentation Designer

E-Learning Developer

An E-learning Developer designs and develops online courses and training programs. This role requires a blend of technical skills, instructional design knowledge, and creativity. This course on creating scalable vector graphics for whiteboard videos may give an e-learning developer the skills to create more engaging and effective learning materials. The course's focus on creating clean, line-based SVG animations can bring a dynamic element to online courses, capturing learners’ attention and improving knowledge retention.

See salaries and explore the career path for E-Learning Developer

Content Creator

A Content Creator develops engaging material for online platforms, such as blog posts, social media updates, and videos. Content creators need to have a strong understanding of their audience. Taking the course on creating scalable vector graphics for whiteboard videos may help content creators add a new dimension to their video content. Learning how to create custom SVG animations will help them stand out and provide a more unique visual experience for their viewers. The ability to create line-by-line drawing effects, which is covered in the course, may be particularly useful.

See salaries and explore the career path for Content Creator

Freelance Illustrator

A Freelance Illustrator works independently, providing illustration services to various clients on a project basis. They need to be highly skilled and proficient in various artistic styles and techniques. This course may help freelance illustrators expand their repertoire by adding whiteboard animation to their service offerings. The course specifically helps them create clean, line-based SVG animations, which are essential for professional-looking whiteboard videos.

See salaries and explore the career path for Freelance Illustrator

Instructional Designer

An Instructional Designer creates engaging learning experiences for various audiences, often using multimedia elements. They must think about the best way to design training so that people can retain it. The skills taught in this course are invaluable in creating effective whiteboard animations. Instructional designers can use the knowledge gained from creating scalable vector graphics for whiteboard videos to produce visually appealing and informative educational content.

See salaries and explore the career path for Instructional Designer

Graphic Designer

A Graphic Designer communicates information and ideas through visual means. The responsibilities of graphic designers can include creating logos, websites, advertisements, and other marketing materials. The course on creating scalable vector graphics for whiteboard videos may help graphic designers enhance their skill set by learning how to create custom SVG graphics for animations and interactive designs. The ability to avoid common issues like double lines, as taught in the course, ensures that their designs are clean and professional.

See salaries and explore the career path for Graphic Designer

Video Editor

A Video Editor assembles raw footage into a finished product suitable for broadcasting or other platforms. This person needs to understand timing, pacing, and visual storytelling. The course on creating scalable vector graphics for whiteboard videos can help a video editor enhance their projects with custom animations. Understanding how to create and implement clean, line-based SVG animations, as taught in the course, allows them to add a unique visual element to their videos and boost engagement.

See salaries and explore the career path for Video Editor

Animator

An Animator creates moving images using computer software or traditional techniques. Animators are called upon to work in many different industries. The course on creating scalable vector graphics for whiteboard videos may help animators diversify their skills by exploring whiteboard animation techniques. The course's focus on creating clean, line-based SVG animations can be integrated into broader animation projects, adding a unique stylistic element.

See salaries and explore the career path for Animator

Marketing Specialist

A Marketing Specialist develops and implements marketing strategies to promote products or services. The responsibilities of a marketing specialist can include market research, advertising, and content creation. The course on creating scalable vector graphics for whiteboard videos may help marketing specialists create more engaging and effective video content for their campaigns. The ability to produce whiteboard animations with clean, professional SVG graphics, as taught in the course, can significantly enhance marketing videos and improve audience engagement.

See salaries and explore the career path for Marketing Specialist

Social Media Manager

A Social Media Manager is responsible for managing a company's online presence on social media platforms. The work includes creating content, engaging with followers, and analyzing data. The skills taught in the course may give a social media manager insight into creating more engaging video content. Knowing how to create whiteboard animations, as taught through clean SVG graphics, can help capture the attention of social media users.

See salaries and explore the career path for Social Media Manager

Digital Marketing Specialist

A Digital Marketing Specialist manages and optimizes online marketing campaigns to drive traffic, leads, and sales. The responsibilities of digital marketing specialists can include search engine optimization, social media marketing, and email marketing. The skills taught in the course may give digital marketing specialists the ability to create more engaging video content for their campaigns. Learning how to create whiteboard animations with clean, professional SVG graphics, as taught in the course, enhances marketing videos and improves audience engagement.

See salaries and explore the career path for Digital Marketing Specialist

Technical Writer

A Technical Writer creates clear and concise documentation for technical products or services, and may at times need to create supporting visuals. This course may help technical writers produce more engaging visual aids. The course's focus on creating clean, line-based SVG animations may be used to illustrate complex concepts in a simple and visually appealing manner, enhancing the clarity and effectiveness of technical documentation.

See salaries and explore the career path for Technical Writer

Reading list

We've selected two books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Creating SVG for Whiteboard Videos.

SVG Essentials

Save

Provides a comprehensive guide to SVG, covering everything from basic syntax to advanced animation techniques. It useful reference for understanding the underlying structure of SVG files and how to manipulate them effectively. While not strictly necessary for the course, it offers valuable insights for those who want to delve deeper into SVG technology. It is commonly used by web developers and designers.

Adobe Illustrator Classroom in a Book 2025 Release

Save

Hands-on workbook that guides you through the features of Adobe Illustrator. It is helpful for those who are new to Illustrator or want to improve their skills. It provides step-by-step instructions and real-world examples. This book is commonly used as a textbook at academic institutions and by industry professionals.

Adobe Illustrator Classroom in a Book 2025 Release

Kindle Edition

Creating SVG for Whiteboard Videos

What's inside

Syllabus

Traffic lights

Save this course

Reviews summary

Creating whiteboard video svg without double lines

Activities

Career center

Reading list

Share

Similar courses