• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Importing image from Photoshop - need help

New Here ,
Aug 05, 2019 Aug 05, 2019

Copy link to clipboard

Copied

Hello,

I need your help, please. I was requested to provide an .Ai file for a kids book illustration (And they want me to provide the image with 600 DPI or above). I colored in a photo of my drawing in Photoshop. The size of the image in Photoshop is 2264 pixels by 2032 pixels, resolution 72 pixels per inch. When I try to import the ps file into AI, or change the Ps file to a Tiff, or screenshot and place in AI, it gets pixelated. Can you please advise how I can bring the picture into Ai and let it be smooth?

Views

1.5K

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

Community Expert , Aug 06, 2019 Aug 06, 2019

Open the file in Photoshop
Hit Ctrl + Alt + i (or go to Image > image Size)
Uncheck the Resample checkbox at the bottom so Width, Height and Resolution are all linked by lines
Bump the Resolution from 72 to 600 Pixels/Inch
     This will greatly reduce the print size by essentially cramming 8 times the number of pixels into an inch of your print
     You'll notice your image going from over 31" x 28" @ 72 to just 3.7" x 3.3" @ 600
Save As (high res print version of your image)

When you bring the image

...

Votes

Translate

Translate
Adobe
LEGEND ,
Aug 06, 2019 Aug 06, 2019

Copy link to clipboard

Copied

1. What size in inches does the image need to be?

2. How are you deciding that it is pixelated? Please explain in detail because the word “pixelated” is used for many different things.

Votes

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 ,
Aug 06, 2019 Aug 06, 2019

Copy link to clipboard

Copied

comparephotoshopandillustratorimages.png

The picture on the left is in Photoshop at 20% and the right is in Illustrator at 43%.

1. As this picture is a tester for a possible childrens book case, the did not give an exact size, so I want it to be clear at around 8" by 7" or 11" by 10" range.

2. By pixelated I mean when I place the Ps file into Ai, it looks clear at 100% (but it is a big file). When I decrease the magnification view the image starts to get little jagged pixelated edges to the lines at around 66.66% to 50%, at 33% to 25% those jagged edges look terrible. If I toggle back to the same size (on screen) in Ps the picture looks very clear. I am just worried these people who want the picture will see my image smaller than 100% and it looks bad like that.

Votes

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
Community Expert ,
Aug 06, 2019 Aug 06, 2019

Copy link to clipboard

Copied

It seems to me that your Photoshop file is alright. It has a definite amount of pixels, and at 300 DPI that's more than enough for a color image of appr. 18 by 17 cm. Is that what's needed ? For print-media, only pure black and white bitmaps would benefit from a DPI higher than 300. So tell your publisher or printer to get their act together – they're providing you with absurd requirements ! The fact that they state both requirements together (an Illustrator file of at least 600 dpi) gives me the idea that they're probably clueless about their part of the workflow...

To be sure of the rest of your workflow and advice you about possible problems, it would be nice to get a visual sample.

And refrain from using screenshots, and placing them into Illustrator. These confusing detours are not making it any better.

Votes

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 ,
Aug 06, 2019 Aug 06, 2019

Copy link to clipboard

Copied

You may be right about them being clueless. I want the picture to be clear at around 8" by 7" or 11" by 10" range.

A few steps I took trying to get in the right direction were to modify the image size in Ps to 8 by 7.18 inches, changing the 72 ppi to 600 ppi. Then I placed this file into an Ai file, and went to effects tab / document raster effects settings, and changed the ppi to 600. As I mentioned in the reply to Test Screen Name above, when I place the Ps file into Ai, it looks clear at 100%. But when I decrease the magnification view the image starts to get little jagged pixelated edges to the lines at around 66.66% to 50%, at 33% to 25% those jagged edges look terrible. If I toggle back to the same size (on screen) in Ps the picture looks very clear. I am just worried these people who want the picture will see my image smaller than 100% and it looks bad like that.

Here's a comparison photo with the Ps file (view at 20%) on the left and the Ai file (43%) on the right.

comparephotoshopandillustratorimages.png

Votes

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
Community Expert ,
Aug 06, 2019 Aug 06, 2019

Copy link to clipboard

Copied

In Photoshop 100% means that one Pixel in the file is presented on one Pixel of the screen.

In Illustrator 100% means that it gets calculated based on the desired resolution and in absolute measurements (mm, inches, whatever)

So basically you are comparing apples to oranges.

Will your design get printed or will it be viewed on screen?

Votes

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 ,
Aug 06, 2019 Aug 06, 2019

Copy link to clipboard

Copied

Ultimately they will print out the image (it is for a childrens book) but this one I inserted into the message here is a "tester" so I think they will view it on the screen, and they asked for an .ai file at 600 DPI or above.

Votes

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
Community Expert ,
Aug 06, 2019 Aug 06, 2019

Copy link to clipboard

Copied

Did you make anything in Illustrator or is this a PSD inserted into an Illustrator file? The latter would make no sense at all and there would definitely be something you need to discuss with them.

Votes

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
Community Expert ,
Aug 06, 2019 Aug 06, 2019

Copy link to clipboard

Copied

Open the file in Photoshop
Hit Ctrl + Alt + i (or go to Image > image Size)
Uncheck the Resample checkbox at the bottom so Width, Height and Resolution are all linked by lines
Bump the Resolution from 72 to 600 Pixels/Inch
     This will greatly reduce the print size by essentially cramming 8 times the number of pixels into an inch of your print
     You'll notice your image going from over 31" x 28" @ 72 to just 3.7" x 3.3" @ 600
Save As (high res print version of your image)

When you bring the image into AI, the pixelation you were noticing should be gone.

Votes

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
Mentor ,
Aug 06, 2019 Aug 06, 2019

Copy link to clipboard

Copied

It sounds like the publisher is making a very common mistake of terminology.  Image resolution is PPI ( pixels per inch ).  Output resolution is DPI ( dots per inch ).  When they say 600dpi, I think they are referring to output resolution.  You have to nail down the exact size of the document and set the image resolution appropriately.  Most books are printed using 300ppi image resolution, 5080dpi output resolution.

Votes

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 ,
Aug 12, 2019 Aug 12, 2019

Copy link to clipboard

Copied

Thanks for the tip. I got a lot of suggestions for a better and improved workflow which I can use next time I'm working with this client but your answer was the most straight forward solution to the problem. The view of the Ps doc in Ai still seemed to pixelate a little at varying magnifications but looked pretty good when viewed in "Presentation Mode."

Votes

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
Community Expert ,
Aug 06, 2019 Aug 06, 2019

Copy link to clipboard

Copied

You may have heard 300 dpi is industry standard for images. This is true for contone CT (photographs) images output at 150 lpi. You have linework LW, and for example we used to do LW logos at 2540 to meet the maximum quality of the film output (Res 12).

Your printer is asking for 600 dpi whcih is fine as the file gets so large at 2540 they are hard to work with, and childrens drawings do no need as much quality as a company logo scanned from RC paper.

Then you need to design your files at 600 dpi for the largest files size possible. Create a new filet this size and draw in

You should avoid upsampling whenever possible, as that will nto look as good as creating your art at the proper size. there.

Screen Shot 2019-08-06 at 8.59.42 AM.png

The art style you posted could be better drawn in Illustrator instead. You can scale Illustrator vector art, and not worry about resolution as those file print at max quality since they are defined by paths and nto pixels.

Votes

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 ,
Aug 12, 2019 Aug 12, 2019

Copy link to clipboard

Copied

LATEST

Thank you Mike for the suggestion, if again I need, I can create such a big file size.

Votes

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
Community Expert ,
Aug 06, 2019 Aug 06, 2019

Copy link to clipboard

Copied

I think your image will be just fine, using your current Photoshop file.

The kinds of colors, tints, and blends you're using might just as well remain a whole raster image in Photoshop.

Okay – granted, some publishers prefer a combination of a vector based illustration for all black lines, with a rasterised image for the subtle colouring underneath. Overlaying them in Illustrator indeed offers the best result: the vector-based blacks will be super-crisp (at the printer's resolution which might range from 600 to 3600 dpi), against the ordinarily screened color rasters at max 300 dpi.

See your example below.

This might be (a scan of) your original ink drawing.

drawing.png

This might be the underlying coloured fills.

fills.png

So these two images (layered) are created separately and combined in Illustrator.

Schermafbeelding 2019-08-06 om 18.20.23.png

The result is  razor sharp (vector-based) black line drawing, on top of the (pixelated) colors.

Schermafbeelding 2019-08-06 om 18.20.55.png

This 'double whammy' workflow takes much more steps to prepare and process, every time !

But of course, everything can become an efficient and effective routine after some practice.

In case you're willing and eager to give it a try, here are some thoughts on how to achieve it.

Is the original and purely black-and-white drawing a hand-drawn sketch, or did it start in Illustrator already ?

If it is hand-made, scan, then scan it and let Illustrator trace the image into (sheer black and white) shapes.

Try several options for accuracy in the Trace's Advanced Settings panel, to find the right style and precision.

Schermafbeelding 2019-08-06 om 14.54.38.png

Either leave it as a Trace Object (for tweaking settings later on) or Expand the whole enchilada into real paths.

Select this bunch of lines/paths/shapes and keep it safe on its own layer (you might as well lock it). Save the file.

Copy/Paste or Place the paths/file into Photoshop and color and fill all the parts below the black drawing layer.

Schermafbeelding 2019-08-06 om 18.40.25.png

Depending on your preferred workflow, you can now choose to delete or hide the black layer in Photoshop and place this Photoshop file back into Illustrator, below the original black layer. (Simply hiding the black layer in Photoshop will add a lot of extraneous data to the subsequent files, which isn't dangerous but might become a nuisance.) Or supply both images to the publisher, and let them do the combining. Maybe they prefer to tweak the color settings of the raster image, if they take pride in their work...

For your own use, you can also keep the pasted/placed black vector-based layer in Photoshop (it probably became a Smart Object layer), and finalise the whole illustration by saving it as a Photoshop PDF. The vector based laters will be retained ! But whatever you do, don't bring this file into InDesign, because then the whole file will become pixelated, losing its benefit.

Votes

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 ,
Aug 12, 2019 Aug 12, 2019

Copy link to clipboard

Copied

I really enjoyed reading your detailed post, thank you very much sir! For the quick deadline I unchecked the image resample in image size in Ps and changed the PPI for a simple somewhat effective fix, but I think in the future I will also be dabbling in your suggested ways of combining the two programs. After I image traced the scanned line drawing I tried various ways to fill in "under" the ai imported vector line work in Ps, but found that step very time consuming. Do you have any suggestion? (i.e. when I magic wand inside the shape and fill in the space there is always a little bit unpainted that i need to go back in to touch up.)

Votes

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
Engaged ,
Aug 06, 2019 Aug 06, 2019

Copy link to clipboard

Copied

I agree. I like to supply embedded images at 400dpi (just for some leeway) and fonts, if rasterized, should be at 1200dpi, so it sounds like the client is confused.

Votes

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