How do I export a Photoshop image as an SVG and save as an image to upload in Indesign?

New Here ,
Oct 19, 2015 Oct 19, 2015

Copy link to clipboard

Copied

Hi,

How do I export a Photoshop image as an SVG and save as an image to upload in Indesign? It keeps saving as an Internet Explorer code, not an image I can upload in other CC files.

It successfully saves as an SVG finally, but each time I go to either import or place it just gives me a code. I don't know where to place code in Indesign yet, and I just want to be able to have an svg image on file.

Thanks!

TOPICS
How to

Views

71.9K

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Oct 19, 2015 Oct 19, 2015

Copy link to clipboard

Copied

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Most Valuable Participant ,
Oct 19, 2015 Oct 19, 2015

Copy link to clipboard

Copied

Perhaps Creative Sync library would do that under the covers. CreativeSync - Adobe MAX 2015 - Create with Impact - YouTube

JJMack

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Oct 19, 2015 Oct 19, 2015

Copy link to clipboard

Copied

Hi

Greetings !!!

Here are the steps that show how an image be saved as SVG from photoshop :http://creativedroplets.com/generate-svg-with-photoshop-cc-beta/

Also I would recommend Adobe Illustrator for SVG images.

As it comes to your second query of InDesign.

Open Indesign

Click File-> Place and check the import options

Now choose your SVG file, it will give you the import options of that SVG image.

Regards

Jitendra

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 19, 2015 Oct 19, 2015

Copy link to clipboard

Copied

Hi again,

I've seen that link for the Photoshop 2014 update! However, my 2015 one doesn't have the "extract assets" options; also when I tried to do this before the update it still saved my image as a code, not an actual image

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Oct 19, 2015 Oct 19, 2015

Copy link to clipboard

Copied

The Extract Assets thing got changed in CC2015. Now it's File  >  Export  >  Quick Export as [file format]. The default setting is PNG. To get it to be SVG, you have to go to Edit  >  Preferences  >  Export... and choose between PNG, JPG, PNG-8, GIF or SVG. Counterintuitive? Well, uh, hmmm.

I don't have a copy of InDesign, but I created a SVG and threw it into Inkscape. It opened properly.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 19, 2015 Oct 19, 2015

Copy link to clipboard

Copied

I haven't heard on Inkscape but will look into it, but surely there has to be a way to do this on Adobe that I'm just missing? Still new to CC so I thought I'd ask on here.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Oct 19, 2015 Oct 19, 2015

Copy link to clipboard

Copied

Hi saras28135836

Yes you can try the steps that PBArtattack suggested.

Yes I forgot that new CC 2015 have the changed option of extracting assets that PBArtattack explained.

Regards

Jitendra

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 19, 2015 Oct 19, 2015

Copy link to clipboard

Copied

Hi guys,

I'm sorry, I might not be making my issue clear. I have already changed my export preferences/quick export to SVG, that part is successful, but when I go to import this SVG file into Indesign, it just gives me the code to paste/place in, not the actual image. Is there a way within Adobe CC to turn this code into the actual image to copy/paste in?

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Oct 19, 2015 Oct 19, 2015

Copy link to clipboard

Copied

Hi

Would you be able to share that SVG image so that we can try that at our end.

Regards

Jitendra

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Oct 19, 2015 Oct 19, 2015

Copy link to clipboard

Copied

I really should keep out of this because this is outside my area of competency (ha!), but apparently the only way you can import/place a SVG in InDesign is to first open it in Illustrator and convert it to AI or PDF and then import it into InDesign.

https://www.quora.com/Why-does-Adobe-InDesign-still-not-support-the-placement-import-of-SVGs-in-CS6

The link dates from 2012, but I don't think the situation has changed.

Btw, Inkscape is the open source equivalent of Illustrator; they're both for vector graphics. Mind, I'm not pimping for non-Adobe products, it's just that I do so little vector work I can't really justify the expense of Illustrator.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 23, 2019 Jul 23, 2019

Copy link to clipboard

Copied

In Photoshop you can save an image as an svg by going to File > Export > Export As. Under file settings choose svg, then Export All.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Dec 26, 2020 Dec 26, 2020

Copy link to clipboard

Copied

Am trying to export a Photoshop Logo as an SVG. It not shwoing SVG option at Export As. The image is not clear when i save as PNG. [Spam link removed by moderator] Here is the logo that I upload.

 

It successfully saves as PNG which I also uploaded [Spam link removed by moderator]  Here as the platform logo. I don't know how to get my file saved as SVG. I just want to be able to have an svg image on file.

 

Thanks!

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines