Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


From Illustrator to Photoshop - problem with quality.

New Here ,
Jan 21, 2018 Jan 21, 2018

Copy link to clipboard

Copied

Hi!

I was looking for a solution everyware. I thik I've tried everything...

I have a logo project that I made in the Illustrator. Now I'm making a layout for a webpage and I need to put this logo there. I was trying to copy and paste, paste as a smart object, change resolution and image size, export to SVG. I get the same effect everytime. It loses on quality.

Currently I made a new Illustrator object, where work space has exacly the same size (160x100px) and the same resolution (72ppi), that I need it in my PS project (it's for the smallest size of mobile layout - 320 width and 72 ppi). Result of the import to PS you have in the pictures. I will be really grateful for the method, how to add my logo to the PS project, without loss of quality!

This is view from an Illustrator:

logo_illustrator.JPG

This is view from Photoshop, after import as an smart object:

logo_photoshop.JPG

Photoshop and Illustrator have the latest versions CC (Illustrator with the latest bug fixes package).

Views

4.2K

Likes

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

correct answers 1 Correct answer

LEGEND , Jan 21, 2018 Jan 21, 2018
When you make a layout to a number of pixels, VIEW IT THAT SIZE EXACTLY.  If it looks good your work is done. Zoom in and it will look worse. Everyone’s does, it’s that simple. If people will view at a larger resolution, make it with a larger resolution.

Likes

Translate

Translate
Adobe Community Professional ,
Jan 21, 2018 Jan 21, 2018

Copy link to clipboard

Copied

This looks like normal rasterizing to 320 pixel width. 320 pixels is a very small file! The pixels you see are the pixels you have in the document.

Illustrator works with vector data, infinitely scalable. It doesn't care about document pixels or resolution, everything will always be displayed at full quality to your display resolution.

But Photoshop is a different animal. It thinks in pixels only. Everything in Photoshop is rasterized to the document pixel grid. You can work with Smart Objects to maintain scalability of the original vector art, but eventually it will have to be rasterized to the base document's pixel resolution.

Likes

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 ,
Jan 21, 2018 Jan 21, 2018

Copy link to clipboard

Copied

I understand, but now I dont know how to prepare well done layout, becouse I wanted to preapre layout with good responsiveness. That why I started from the smallest size of webpage. For the full size page I made a different logo of course, but I dont know how to bite the mobile form, so that it will looks well on all screens of mobile devices. In this quality, I guess it won't be that.

Likes

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
LEGEND ,
Jan 21, 2018 Jan 21, 2018

Copy link to clipboard

Copied

When you make a layout to a number of pixels, VIEW IT THAT SIZE EXACTLY.  If it looks good your work is done. Zoom in and it will look worse. Everyone’s does, it’s that simple.

If people will view at a larger resolution, make it with a larger resolution.

Likes

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 ,
Jan 21, 2018 Jan 21, 2018

Copy link to clipboard

Copied

Ok, so I will do more options, for each screen size. Thanks for the help!

Likes

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 Community Professional ,
Jan 21, 2018 Jan 21, 2018

Copy link to clipboard

Copied

I beleive if you save out an AI file or SVG file is Illustrator.  In Photoshop you can use menu File>Place embedded or linked the SVG or AI file.  That the Smart Object layer object will be a vector smart object not a normal smart object that is scaled via interpolation.  Photoshop does not support some files as well as possible.  However when you open some file formats like EPS, PDF  SVG Photoshop can scale the files ccontents to the size you want  using vector graphics as a single layer. Not all Illustrator layers just a single raster layer where all Illustrator's layers are merged into a composite..  Since the Smart Object layer's object is a copy or a link to the SVG file  Photoshop can process it like its opening the file and scale it to the size you need the layer to be using vector graphic not interpolation.

JJMack

Likes

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 ,
Nov 23, 2021 Nov 23, 2021

Copy link to clipboard

Copied

LATEST

Hi all,

 

Take a look at the following article to move designs between Photoshop and Illustrator for different workflow that suits your design objectives: https://helpx.adobe.com/photoshop/using/move-designs-between-photoshop-illustrator.html

 

Also, if you are looking to work with Illustrator design in Photoshop? See this: https://helpx.adobe.com/illustrator/using/use-illustrator-artwork-in-photoshop.html

 

Hope it helps.

 

Thanks,

Mohit

Likes

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