Known Participant

Question

small image with high resolution

Forum|Forum|8 years ago
January 17, 2018
4 replies
12841 views

Hi there,

I have a Problem every time I try to save my .png or .jpg image from photoshop or Illustrator I get a very bad resolution. Could someone please tell me how I can get a 380x80 .png in very high resolution?

This is what I get until now:

Thank you in advance,

Nico

Kris Hunt

Legend

And if your image really is going to end up 80 pixels tall, you should probably forget about including any bevel effects.

Flawless_life5C4DAuthor

Known Participant

ok, so if I understand I have to follow these steps:

1. create a high resolution .png background with illustrator

2. place my .png van image

3. draw the outline of it

4. save it as png

5. open it on photoshop

6. apply effects ( emboss and so on)

am I right?

Kris Hunt

Legend

If all you want to do is resize that exact image to 380×80, you should do that in Photoshop, not Illustrator. But that would retain the emboss effect, the dropshadow, and the white background, which is unnecessary and undesirable for a logo. Not to mention the image has square proportions, so you would either have to squash it or end up with huge empty margins on the sides for no reason.

What you ought to do instead is place the image in Illustrator, turn the layer it's on into a template, and then trace over it on a new layer with Illustrator's basic tools (Ellipse, Rectangle, Pen). From there, you would delete the template layer, resize the art as needed, change the color and thickness of the stroke, and finally export it as a transparent PNG.

Flawless_life5C4DAuthor

Known Participant

Doug A Roberts

I resize it because I need it for a (32.17 x 6.77 mm) .png website logo image.

KrisHunt

"What you ought to do instead is place the image in Illustrator, turn the layer it's on into a template, and then trace over it on a new layer with Illustrator's basic tools (Ellipse, Rectangle, Pen). From there, you would delete the template layer, resize the art as needed, change the color and thickness of the stroke, and finally export it as a transparent PNG."

can you please explain me how I can get this 3D rounded effect?

thank you in advance,

Nico

Kris Hunt

Legend

Instead of exporting it from Illustrator, copy and paste it into Photoshop. Then apply a Bevel & Emboss filter to it. This will only work if the image has a transparent background.

Also, it doesn't make any sense to measure website images in millimeters. The physical size it will be displayed at onscreen is entirely dependent upon the number of pixels in the image and the monitor's resolution.

Monika Gause

Community Expert

This image is just some rectangles and circles combined by using some easy functionality. You might just want to get the shape tools (ellipse, rectangle tool) and then the shapebuilder tool and draw that stuff.

Flawless_life5C4DAuthor

Known Participant

Hi Both,

Monika, you mean I need to do it with other methods in orger to get high quality?

Doug A Roberts, my resolution is 300 but I get the same resolution if I change it to 700

Doug A Roberts

Community Expert

you want it to be 380x80 px, but 300 ppi?

that's 32.17 x 6.77 mm. is this what you intend?

Doug A Roberts

Community Expert

what resolution is it at the moment?

380 x 80 px isn't a lot to play with. and since you're specifying pixel dimensions, making it 'high resolution' would just mean making it physically very small.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded