PhotoshopForums.com Home
Navigate Contact FAQ Search Members
Problem with creating a tyny graphic for my web-site
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> Export, Output and Optimization
 See a User Guidelines violation? Please contact us.
Author Message

Seva

Joined: 16 Sep 2010
Posts: 25



PostPosted: Sat Oct 02, 2010 4:24 pm    Post subject: Problem with creating a tyny graphic for my web-site Reply with quote

For my ul list on my web-page I want to use small maples leaves instead of bullets. The color of my list is black and I want to make maples white. The size of a maple leave should be 15/15 or at most 20/20 pixels. I used symbols in PHotoshop to create a maple leave. Anyway, my leaves look terrible on the web-page, blurry and not resembling maples leaves at all. Could someone give me a hint on what I should do to my leaves look good?
I saved my image as gif with transparent background.

Many thanks
View user's profile Send private message

Auieos

Joined: 29 Jan 2010
Posts: 2019



PostPosted: Sun Oct 03, 2010 1:26 am    Post subject: Reply with quote

Hey, it would be helpful to upload the images or provide a link to the website.
View user's profile Send private message

Seva

Joined: 16 Sep 2010
Posts: 25



PostPosted: Sun Oct 03, 2010 7:29 am    Post subject: Reply with quote

My maple leave is attached. I know it is a disgrace..
the size of the image is 15/14px. I ideally i wanted to make it even smaller but it looks like , the smaller it gets to worse it looks on my web-site. I will appreciate any hint on how do make sure the leave looks sharp and clear on the black background.
View user's profile Send private message

Auieos

Joined: 29 Jan 2010
Posts: 2019



PostPosted: Mon Oct 04, 2010 12:15 am    Post subject: Reply with quote

Hmmmm yeah I can see what you mean, the image you have has lost its shape.

Two things that could have caused it are...
If your shrinking something to make it really small use the correct interpolation technique when u change the image size. (Bicubic Sharper)
When saving as a GIF, in the save for web options, make sure to use transparency dither and matte options.

Icons are a pain because there just so small. Sometimes they need to be edited the hard way by hand and eye. The features of a symbol or object often need to be exaggerated for them to display correctly within the small amount of pixels employed by it.

You can always google for someone elses 'maple leaf icon'. Big Wink
View user's profile Send private message

Seva

Joined: 16 Sep 2010
Posts: 25



PostPosted: Mon Oct 04, 2010 9:00 am    Post subject: Reply with quote

thank you so much.
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> Export, Output and Optimization All times are GMT - 6 Hours
Page 1 of 1
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum


Contact - User Guidelines >

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved.
Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy.
We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.
PhotoshopForums.com