Skip to main content
M
mkaniaa
Participant
January 21, 2018
Answered

From Illustrator to Photoshop - problem with quality.

  • January 21, 2018
  • 2 replies
  • 14479 views

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:

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

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

Correct answer Test Screen Name

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.

2 replies

Mohit Goyal
Community Manager
Mohit GoyalCommunity Manager
Community Manager
November 23, 2021

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

D Fosse
Community Expert
D FosseCommunity Expert
Community Expert
January 21, 2018

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.

M
mkaniaaAuthor
Participant
January 21, 2018

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.

T
Test Screen NameCorrect answer
Legend
January 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.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices