Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Nick Zachary
Nick Zachary
6,816 Points

How to export picture as SVG in photoshop?

How to export picture as SVG in photoshop? in "Flexible Images Part One: Vector Graphics" Alison just clicks save as, and she is able to select the format .svg. In my photoshop cs5 I don't have the option.

7 Answers

Allison Grayce Marshall
STAFF
Allison Grayce Marshall
Treehouse Guest Teacher

Hey Nick,

Sam & Phyllis are right. :)

I think it's best to redesign the logo completely in Illustrator and save it out as an SVG. Chances are it will take longer to make the live trace look good than it is worth the time it might save you.

What does the logo look like you're trying to save as an SVG?

Allison

Nick Zachary
Nick Zachary
6,816 Points

Additional Notes: I'm trying to convert a "JPEG" and a "Logo" i made in Photoshop

samiff
samiff
31,206 Points

You can't go from JPEG (which is raster based) to SVG (which is vector based).

samiff
samiff
31,206 Points

Just re-watched the video, and if you were talking about around timestamp 2:25, Allison is actually in Adobe Illustrator at that point, and not Photoshop. Depending on what you created, you may be able to "trace" your artwork in Illustrator and get an acceptable vector result.

Nick Zachary
Nick Zachary
6,816 Points

Ahh illustrator and vector base...

Appreciations -Nick

Well, if you just bring the image into illustrator you can use a function called live trace that will do its best to make a vector version of the image. If you play with some of the settings it can give you varying results and then you can edit it from there ( because depending on the illustrator version you have sometimes the results are not great. ) Go to Object > Live Trace to access the Live trace function. If that does not work well for you, you will need to use the pen tool to make a vector version.

If you want, you could send the image my way and I could help you out if you don't know how to use illustrator.

Nick Zachary
Nick Zachary
6,816 Points

Hey Allison! I only have Photoshop CS5, is there another program I can download for free to export SVG files? The logo I've created now is in the beta stages, it's shaped as a circle with letters "ALT" inside with style.

PS: Your awesome Allison! It's great learning from you and team tree house. Sincerely -Nick Z