2109 posts
  • Has referred 200+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Best moustache of Envato's Movember Australia contest
+12 more
DarkstarDesigns says

I am planning on making a set of icons, as for my job i make a lot but when i make them i know what size they will be and where they will be used and what colour, so i can make them in Photoshop and put as much detail in as possible, without being worried about them needing to change size or colour.

I was just wondering what size should i do them for this site, as i cons should always be designed at the size they are going to be viewed.

also is it fine to make them in photoshop and not say illustrator as i can put in more shading and detail below are example of a few icons i have done

just be great to get some feedback as i am planning for the to be 200 icons so i dont want to do it wrong and it get rejected!

2201 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $1,000+ on Envato Market
  • Had an item featured in an Envato Bundle
  • Has collected 1+ items on Envato Market
+4 more
ArikB says

Iconic representation is the use of pictorial images to make actions, objects and concepts in a display easier to find, recognize, learn and remember. They can be used for identification (like a logo) serve as a space-efficient alternative to text (road signs), or to draw attention to an item with an informational display (error icons), There are four types of representations: similar, example, symbolic and arbitrary.

Similar icons use images that are visually analogous to an action. For instance an arrow going right to signify a right turn. These icons are usually best used to signify simple actions, they do not work well for complex actions because complexity is harder to illustrate in a simple manner.

Example icons use images that are commonly associated with an action, object or concept. Like an airplane to signify an airport or scissors to signify a cut line. These icons are best used to illustrate complex actions.

Symbolic icons use images that represent an action, object or concept at a higher level of abstraction. For instance a broken glass for “fragile” or a bolt for “electricity”. These icons work best when they involve well-established and easily recognizable objects.

Arbitrary icons use images that bear little or no relationship to the action, object or concept, in other words the relationship has to be learned. Think about the “radioactive” icon or the icons present on clothing that show you how to treat the garment properly. These icons should be avoided most of the time. They tend to be used in industries or for cross-cultural use. The radioactive icon is easily recognized by anyone working in an industry that deals with radioactive material.

— The above has been referenced from the book “Universal Principles of Design” by W. Lidwell, K. Holden and J. Butler. (Published by Rockport).

Your example above would be rejected because the reviewer is simply unable to understand what it is supposed to represent. After looking at it for a while, I figured they might stand for the back panel of a computer? I really don’t know. What you have shown about would be classified as a graphic. Icons should provide a clear iconic representation. It is not necessary to provide us with super awesome 3d isometric glossy icons. Black and white simple ones work too (we have those btw).

We discourage you to submit arbitrary icons unless you can reference us to their use somewhere, that way we know that we are dealing with something real. This is a guideline (for now at least).

With regards to size. System icons are usually 16×16 px up to 512×512 px in size with increments of 2^n (meaning the size doubles: 16,32,64 etc.) How you want to use the canvas inside that space is up to you, as long as the containing box is one of those sizes. This is a guideline, it’s not necessary, we do accept other sizes. We do however heavily press you to use uniform sizes.

2109 posts
  • Has referred 200+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Best moustache of Envato's Movember Australia contest
+12 more
DarkstarDesigns says

hey

I may have been unclear with my words, the example i provided was not relevant to this site it was done for work they are icons of our product to replace really badly draw version that were done in power point

I could only use blue and grey scale, to create them i have provided a link to an image of what the actual product looks like http://www.snellgroup.com/products/automation-and-media-management/automation/morpheus-ice

The icon set i am doing for graphics river will be detailed not simple and will be a website mega pack so it will have about 250 icons, all will be useful and not abstract.

my main point is it fine to create icons in photshop, not illustrator as i want more detail than you can get with vectors.

ArikB you may notice if you look through the icons section there is pricing problem a lot of simple white icon set are price higher than colour one, which seem pretty unfair as the white simple one take 10% of the time and a lot of the are just modified custom shapes.

though i think i will give it it own thread and bring up a lot of the other thing that have gone wrong on the site as it seem new rules come in but people that had items before the rules changes are aloud to keep the now banned feature, i notice this will keywords

178 posts
  • Has referred 500+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Sells items exclusively on Envato Market
+3 more
JinWook says

I don’t know if you should use Photoshop. I’m not to familiar on icon design so I could very well be way off here but just from a technical point of view, I would think that an icon would need to be a scalable graphic? And therefor resolution independent. Usually when you design anything which needs to be scaled based on an algorithm like the apple icons in the dock, you want them to be resolution independent. In other words they must be vectors not rasters. (Illustrator not Photoshop)

If you think about the apple icons, you can zoom in huge and they stay sharp and if you hover over the icons in the dock they magnify proportionately. That’s because their database of icons are all vectors. Vectors can scale proportionately to an infinite size.

I suppose if you design them all at the maximum resolution 512×512 then they shouldn’t be a problem because if they’re going to all be displayed at set dimensions like 64×64 or whatever. If the dimensions don’t need to vary then they can be photoshoped graphics but you’d have to save out a set of each dimension. Like a 64×64 set and a 128×128 set.

I don’t know if this helps you at all. You probably know more about this than me but anyway.

2201 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $1,000+ on Envato Market
  • Had an item featured in an Envato Bundle
  • Has collected 1+ items on Envato Market
+4 more
ArikB says

You can use Photoshop for icons :)

Icons are priced according to detail, quantity and file types provided (vector and raster or not).

So you can have simpler looking icons that are priced higher because there are a lot more of them and/or they are provided as vectors as well.

178 posts
  • Has referred 500+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Sells items exclusively on Envato Market
+3 more
JinWook says

It makes sense.

If you’re not going to be using the icon for anything that requires scaling then photoshop would work.

I still think I’d personally design them in vector for flexibility.

2109 posts
  • Has referred 200+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Best moustache of Envato's Movember Australia contest
+12 more
DarkstarDesigns says
You can use Photoshop for icons :)

Icons are priced according to detail, quantity and file types provided (vector and raster or not).

So you can have simpler looking icons that are priced higher because there are a lot more of them and/or they are provided as vectors as well.

I check out the best selling icons on this site and they are all done using photoshop, so i will stick with that is how i normally work

I had one other question why does know body provide icons in the ico format?

yeah i check that out some i the icon set have pretty harsh pricing the simple one seem very over priced!

2201 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $1,000+ on Envato Market
  • Had an item featured in an Envato Bundle
  • Has collected 1+ items on Envato Market
+4 more
ArikB says
You can use Photoshop for icons :)

Icons are priced according to detail, quantity and file types provided (vector and raster or not).

So you can have simpler looking icons that are priced higher because there are a lot more of them and/or they are provided as vectors as well.

I check out the best selling icons on this site and they are all done using photoshop, so i will stick with that is how i normally work

I had one other question why does know body provide icons in the ico format?

yeah i check that out some i the icon set have pretty harsh pricing the simple one seem very over priced!

Probably because most if not all of the icons here are designed for web use. ico is for windows icons only. If I remember correctly windows can use png files as well, right?

ico files are redundant imo, feel free to add them though.

3135 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 500+ items on Envato Market
+4 more
Daniel_R says
Iconic representation is the use of pictorial images to make actions, objects and concepts in a display easier to find, recognize, learn and remember.

You sound like a living book Arik! lol

2201 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $1,000+ on Envato Market
  • Had an item featured in an Envato Bundle
  • Has collected 1+ items on Envato Market
+4 more
ArikB says
Iconic representation is the use of pictorial images to make actions, objects and concepts in a display easier to find, recognize, learn and remember.
You sound like a living book Arik! lol

That’s because I got that from a book. :P

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by