Architecture & Web Art

Utopic Architecture and Web Design

  • Architecture
    • Administrative Buildings
    • Apartments
    • Clubs, Bars
    • Commercial Buildings
    • Day Care Centres
    • Gas Stations
    • Hospitals
    • Hotels
    • Houses
    • Museums – Pavillions
    • Office Buildings
    • Residential Buildings
    • Stadiums
    • Town Halls
    • University-School-Sport Facilities
    • Workshop, Comunity Centers
  • Interior Design
    • Lamps & Lighting
    • Bathroom Furniture
    • Living Room Furniture
  • Web Design
    • Photoshop
    • Illustrator
    • Logo Design
  • DIY
  • Concept & Proposals
  • Utopia
  • Resources
    • Architects
    • Designers
    • Interviews
You are here: Home / Resources / Designers / How To Create SVG Files

How To Create SVG Files

February 23, 2013 by Dan

In this quick tutorial, you’re going to learn how to create cool SVG files that can be used in conjunction with VideoScribe, a software developed by Sparkol.

How To Create SVG Files Part I

First you will need a high quality image that you can work with. Either by tracing it, or by converting it into shapes and paths. To do that, you can use Illustrator or Inkscape. In this example we will use Illustrator, as it’s one of my favorite pieces of software ever developed by adobe.

To get your image, a royalty free one I mean, go to: http://office.microsoft.com/en-us/images/ . That’s where I’ve got my snowboarder from. I then import it into Illustrator, by dragging and dropping the image in.

Next step is to click on the image, and select Image Trace. If you want the image to be created from paths, and fills. But the result I’m after is a bit different, so we can manage without tracing the image. We want to give this image the impression it was made with a paintbrush.

So just hit the Embed button up top, under the Main Menu, and then create a new layer in the layer panel. Inside this new layer, create a new path, but with a large enough width and with a fluorescent color, so you can see the contrast between the path, and the initial image. When the entire image of the snowboarder is covered, set the opacity of this stroke to 0%.

When you’re satisfied with the result, just go to Save As, and select the SVG file format. Be careful to select Embed in the Image Location setting. That will embed the image, and you won’t have issues later on, if you accidentally delete the original image you are using as the base of the SVG.

Leave the rest of the options as they are, and just give the file a new name.

In order to import this new file into VideoScribe, just follow the short tutorial below. You will also understand how to use a paintbrush to render this image into what you want.

How To Create SVG Files Part II

This software is getting more popular by the day, because hand drawn image are a great tool to send you message out. With an attention retention rate of over 90% for this type of videos, it’s pretty easy to spread your message, sell your services and talk to your audience so they understand and take action. If you think this software is worth your time, go ahead and order it here: https://archtopia.pixelhost.me/go/Sparkol/

Enjoy, and leave a comment in the section below if you have any questions.

Filed Under: Designers, Illustrator, Web Design Tagged With: how to create svg files, illustrator, sparkol, svg file, tutorial, Video Scribe, Videoscribe

About Dan

Dan Fargo,the editor-in-chief of Archtopia, an online magazine dedicated to architects and designers.

  • Facebook
  • Pinterest
  • Twitter
  • YouTube

Decorating for a Family on a Budget

Tandem Design Studio | Kensington Lighthouse

Concrete Wallpaper

Modern Concrete Wallpapers

The Color Turquoise: Southwestern and Beyond

refurbishing a bathroom

How to approach refurbishing a bathroom

Substance – Majori Primary School Sports Hall

Wallpaper Alternative: Decorative Panels

© A-viz | mcub | 3f-studio

Architecture-Viz | Architectural Visualization and Interior Design

JDS Architects | Holmenkollen Ski Jump

The 10 Best World Records About Houses

Holland University by Erick van Egeraat

Florence Institute of Design International Course

Work The Triangle For Best Kitchen Function

Contemporary Country House for Luxury Living in Chile

IROJE KHM Architects – Island House

One Bowl Centerpieces for the Dining Room Table

Islamic Azad University Science And Reserch Unit – Competition

The New Gerngross

LOVE archi­tec­ture & urban­ism | The new Gerngross

Top Tips on Choosing a New Kitchen

Top 2010 Bathroom Design Ideas

SEARCH

Recent Comments

  • a on PizzaKobra by Ron Arad – Flexible Table Lamp
  • http://evasi0ns.org/ on The 15 Greatest Beds: Past and Present
  • Smithg117 on Interior Design CA Colleges
  • best computer screen recording software on 101 Inspirational Quotes from Famous Architects and Artists
  • free web traffic links bonus #1 on 3 Great Ways to Decorate Your Home with Metal

Copyright © · Architecture and Web Art