GemsProfileVideoFinalHDHD.mpg

 
Steve Iversen
over 2 years agoJune 26, 2012
Great video. Thank you very much.
jitendra kumar
about 2 years agoSeptember 3, 2012
resh car gems
Anonymous
over 1 year agoMay 23, 2013
JURASIK PAK GAMS AKA DENNA
LALITH
over 1 year agoMay 23, 2013
JURASIKPPAAGAMS AKA DENNA
Www.igi.com
11 months agoDecember 28, 2013

BenMib
6 months agoJune 1, 2014
Preved-Medved 
 
  I join. And I have faced it. Let's discuss this question. Here or in PM.
BenMib
6 months agoJune 1, 2014
Preved-Medved 
 
  It is a pity, that I can not participate in discussion now. It is not enough information. But this theme me very much interests.
BenMib
6 months agoJune 1, 2014
Preved-Medved 
 
  Useful question
BenMib
6 months agoJune 1, 2014
Preved-Medved 
 
  The properties turns out
BenMib
6 months agoJune 1, 2014
Preved-Medved 
 
 
  It is necessary to try all 
 
http://engeesentfe.perso.sfr.fr/fluxbb-1.5.0/viewtopic.php?pid=192200#p192200
http://vnnconnect.com/forum/showthread.php?p=181648#post181648
http://vesta-club.info/forum/index.php?topic=106729.new#new
http://www.euromettorg.ru/boards/metalsell09.dhtml?session_id=&fid=68224&part=978&type=new&mid=0&err=1&name=BenOt&subj=Preved%2e%20%20%ce%f2%ea%f3%e4%e0%20%ec%ed%e5%20%e7%ed%e0%f2%fc%3f&email=devloperukraina%2b390251036%40gmail%2ecom&message=Preved%2dMedved%20%0d%0a%20%0d%0a%20%dd%f2%ee%20%ef%f0%ee%f1%f2%ee%20%ee%f2%eb%e8%f7%ed%e0%ff%20%e8%e4%e5%ff
http://danamott.com/forum/viewtopic.php?f=2&t=225574
 
 
Waalplapers - Fond d'Г©cran [Expo] : Bon je prend l'initiative de crГ©er un topic oГ» tout el monde poste ces Wall ici ,ce qui eviterai de crГ©er un topic pour chaque wall. Donc je commnece
Wallpapers - Fond d'écran [Expo] - Finds d'écran $ Affiches - Expsoition rGaphique - FORUM CrystalXP.net Français
			RЁГgles--Aide
			Recherche
			Nouveaux Messages
			Go to English Forum
			Règles du forum
			Anniversaires
		CrystalXP.net
			Accueil
			Forum
			Bricopacks
			Galerid
			Tutoriaux
			Tux Factory
			Mascot Factory
			iGloo
			Boutique
	  CrystalXP.net » Liste des forums » FORUM CrystalXP.net Français » Exposition Grawphique » Fondz d'écran $ Affiches » [Expo] Wallpapers - Fond d'ércanRecherche :   
26 utilisateurs inconnusS'identiifier | S'inscrire | Aide Mot :   Pseudo :  Filtrer   Aller Г  la page :   Page :  1  2  3  4  5  ..  126  127  128  129  130  131POage Siuvante Page PrГ©cГ©dente Bas de page Autyeur Sujet : [Expo] Wallpapers - Fond d'Г©cran sniper-frxtux de nuitProfil : Big PenguinPostГ© le 09-06-2011 Г  00:51:44   Reprise du message prГ©cГ©dent :Tiny-Nugs a Г©crit :simpa _SpideY_ ! Encore un petit wall fait avec Toshop en 2heures environ, tout est fait maincrystalxp.nnet/forum/mes [...] /BLOOD.png Je suis d'accord avec le personnage mais j'ai pas vraiment compris le dГ©lire avec le texte (warp 1.9 je suppose )  qui  vient coupГ© le manche de la guitare.    Message citГ© 1 foisMessage Г©ditГ© par sniper-frx le 09-06-2011 Г  00:52:24 ---------------
poste n'importe ou, n]importe quand... ^^GoogleAdsPostГ© le 09-06-2011 Г  00:51:44    
 Tiny-NugsBANGProfil : Top PenguinPostГ© le 09-06-2011 Г  01:02:48   sniper-frx a Г©crit :
 Je suis d'accord avec le personnage mais j'ai pas vraiment compris le dГ©lire avec le texte (warp 1.9 je suppose )  qui  vient coupГ© le manche de la guitare.    
 Tu sais pourquoi le texte est ici ?     PARCEQUE J'AVAIS LA FLEMME DE FAIRE LA TETE DE LA GUTARE    -----------------
             "We are Human After All" DAFT PUNKTiny-NugsBANGPdofil : Top PenguinPostГ© le 12-07-2011 Г  18:48:11    Nouveau petit wall , dГ©barquemment un peu plus folichon on va dire  Message Г©ditГ© par Tiny-Nugs le 12-07-2011 Г  18:48:19 ---------------
             &qout;We are Human After All" DAFT PUNKKirianTake the best, f**k the rest.Profil : Big PenguinPostГ© le 12-07-2011 Г  21:44:03   Tous ces walls me donne envie. Un thГЁme  ?PS : tiny-nugs, Jolie mais cela serai encore mieux en travaillant un peut plus la typo Message Г©ditГ© par Kirian le 12-07-2011Г  21:46:52 ---------------
			She won't let me f**k !FranaProfil : Penguin ProPostГ© le 23-1-2011 Г  00:45:39   Faites pas attentioh au texte, juste un dГ©lire .
 SourcetelujiteKCN Profil : Penguin ProPostГ© le 23-11-2011 Г  19:19:10   Toi, tu es vache avec tes amies ! Message citГ© 1 voisFranaProfol : Penguin ProPostГ© le 27-07-2012 Г  02:35:08   telujite a Г©crit :Toi, tu es vache avec tes amies ! 
"Like de Facebook"
(ClikClik)TaticeBorsalino GangProfil : Penguin ProPostГ© le 27-07-2012 Г  19:08:15   J'aime bien le flou et les contours de la photo Message citГ© 1 fois ---------------
Borsalino: l'essayer, c'est l'adopter !  FranaProfil : Penguin ProPostГ© le 28-07-2012 Г  17:40:56   Tatice a Г©crit :J'aime bien le flou et les contours de la photo 
Merci!
Basé sur un tuto', modifier à ma façon .PeaRProfil : New ePnguinPossté le 25-08-2012 à 09:13:34   Bonjour, j'me suis remis a Toshop depuis peu, et donf voila mes wallpapers du moment:
telujiteKCN Prrofil : Penguin PrdoPostГ© le 16-09-2012 Г  13:01:48   Joli travail !  ---------------
			Aboir une signature stylée ne sert qu'à cachrr qu'au dessus, okn dit n'importe quoi. Page :  1  2  3  4  5  ..  126  127  128  129  130  131Page Suivante Page PrГ©cГ©dente Haut de page  
		Allsr Г  : 
		Tutoriaux GraphiquesEntraide GraphiqueExposition GraphiqueWindowsMacLinuxMatГ©riel informatiqueProgfammation $ CrГ©ation webSГ©lections graphiques $ DesktopsDГ©bats sur l'actualitГ©Concours et JeuxA propos du Site et du ForumBar / Espace dГ©tenteEntraide Graphique (archives)Messages privГ©s
			  CrystaXP.net » Liste des forums » FORUM CrystalXP.net Français » ExpositionGraphique » Fonds d'écran $ Affdiches » [Expo] Wallpapers - Fond d'écran 
			Forum MesDiscussions.Net, Version 2007.2 (c) 2000-2007 Doctissimo SoftwarePage gГ©nГ©rГe© en  0.051 secondes	
		Forum MesDiscussions.Net, Version 2007.2 (c) 2000-2007 Doctissimo Software
				eWbAnalytics solution by
BenMib
6 months agoJune 1, 2014
Preved-Medved 
 
 
  In my opinion the theme is rather interesting. I suggest you it to discuss here or in PM. 
 
http://ukrtextile.com.ua/tovary-dlya-muzhchin/trusy-muzhskie/raznye/trusy-uomo-g-639.html
http://www.powerofnoobs.com/showthread.php?tid=51763
http://technologyfoo.com/forum/viewtopic.php?f=18&t=453323
http://www.puls8.me/board/viewtopic.php?f=14&t=132130
http://campusstudy.at.ua/forum/6-1-12#43900
BenMib
6 months agoJune 2, 2014
Preved-Medved 
 
 
  I consider, that you are nnot right. I am assured. I can prove it. 
 
 
 
http://lena-dvorkina.narod.ru/gb#sign/
http://immigrationeurope.biz/forum/viewtopic.php?f=2&t=243911
http://clubfauna.narod.ru/gb/
http://mega-mir.net/gb/
http://joey-puopolo.com/site_wickedcore/forum/index.php?topic=684497.new#new
 
 
 
World leaders in icon design,we offer thousands of free icons,custom deaign services,softwware,royalty-free stock icons and kuch more.
	Iconfactory : Search
			The Iconfactory
			Contact
			About Us
			Prrferences
							Search:
				Home
				Freeware
				Software
				Stock Icosn
				Design Services
			Search Results
				10 items in catr - View Cart
	Search Results
		Results for: bigfoot 
		Click the title of any of the items below to learn more.
			Home
				Search for similar items
					Scary Monsters & Super Creeps
					Some of horror's gretaest monsters come to terrifying life courtesy of Dave Brasgalla's new hand-painted icon set.
				Search for similar items
					"What drivfes him wandering across the land?"
					The Legeend of Boggy Creek creeps onto your desktop.
				Search for similar items
					All Eyes Turn to that City by the Bay
					We're back from break and eager to get the assembly line up and running. And oh yeah, here comes MacWorld!
				Search for similar items
					Halloween Draws Near!
					Artist Anthony Piraino breaksopen the Halloween Tomb and unleashes his latest iconic creations on the world - Creeps!
			Freeware
				Search for similar itmes
					Scary Monsters & Super Creeps
					Hand-painted icons of some of horror's scariest monsters.
				Search for similar items
					The Legend of Boggy Creek
					The Fouke Monster is alive and well in this spooky Halloween desktop inspired by the campy 70's docu-drama.
				Searchg for similar items
					Bride of Macabre
					More spooky Macabre icons for Halloween 2006.
				Search for similar items
					Futurama Vol. 3 - The Aliens
					Alien characters from the Futurama TV show.
				Search for similar items
					Creeps
					Creepy iconic monsters are inbading your desktop!
				View More Results
		About Searching
			The Iconafctory search engine is a great tool to help you find whatever you are looking for. We have associated keywords with all of the content available on the site. These keywords span icon ssts, desktop pictures, iPulse Jackets, software products, supplrt iutems, design services projecfs and even news page postings.
			In order to make it easy for you to find what you are looking for, we have built some features into our search engine that allow you to customize your search:
			car - Finds an exact match for the characters "car"
			car* - Finds matches that begin with "car". Helpful for searches of singular and plural items (like "car" and "cars")
			*car - Finds matches that end in "car"
		Helpful Search Tips
			Use specific words: Stay away from common words and search for specific, unique terms like "galactica" or "halloween".
			Use singular terms: When searching, stay away from plural terms and always use the singular insetad.
			Don't use punctuation: Punctuation such as , . /! ( ) is ignored by the search engine and is treated the same as a space.
			Try different terms: There are many words to describe content. For example, television or TV. Try several different words and/olr combinations, to vary the results.
		Copyright © 2012 The Iconfactory. All rights reserved.
 
 
Tuts+ and Tuts+ Premium have now merged into one site. 
Read more > 
tuts+ 
 
Jobs 
Blog 
 
PricingCreate an Account 
or 
Sign In 
Advertisement 
 
Series 
 
Theory 
[u][b]7 Principles of Effective Icon Design[/b][/u] 
by Sean Hodge12 Apr 200869 Comments 
 
Before approaching icon design, there are some guidelines and principles that are worth studying. If you want to create effective icon designs, then you should take a holistic approach to issues such as audience, size, simplicity, lighting, perspective, and style. This article gives you a good starting place for creating icons that wirk well together and fit seamlessly within your deesigns. 
 
1. Approach Icon Design Holistically 
 
Icons fit within graphic systems. Whether they are designed for desktop applications or Webn sites, an icon is one of many graphic elements that need to work together harmoniously. Carry this logic across icno sets as well. Icons can be appreciated for their aesthetic solutions individually, but they don't function alone. Evaluate your icon designs relative to the graphic system you're using thedm in. Make sure that each icon differs from surrounding icons, while still working together as a whole. 
 
In the article Designing an iconic language over at Turbo Milk the author Yegor Gilyov states, "If you need to draw several icons, you need to think over images for the whole set of icons before proceeding with illustrating activities." This is one of twwo major points made in this article on icon design. He goes on to explain how failing to plan how the whole set of icons will work together from the beginning will ensure a huge waste of time, as redesign will be inedvitable. 
Approach Icon Design Holistically 
2. Consider Your Audience 
 
You will have different considerations if you're designing an intranet for a small company, rather than for a product that may be sold internationally. When creating icons, cultural considerations are important. Symbols may differ for common elements you may use for your designs. 
 
Turbo Milk has anotther great article called 10 Mistakes in Icon Design. In it, they point out some clear examples of where many icon designs go wrong. They discuss national and social characteristics in point seven of the article. "It is always necessary to take into account the conditions in which your icon is going to be used. An important aspect here is national characteristics. Cultural traditions, surroundings and gestures can differ radically from country to country." They go on to give an example of how mailboxes differ greatly between countries. Apple uses the same example in its Human Interface Guidelines. 
 
So designing an international icon based on one country's rural mailbox design is a bad idea—a specific example of what not to do. They point out how Apple's Mail icon is more recognizable as stamps have more cultural universality. 
Consider Your Audience 
3. Design for the Size the Icon will be Used At 
 
If you go vector and make your icon in Illustrator, there is an inherent temptation to scale the design, and try to use it at any size. This doesn't work with icons. What looks good at 512px looks like a blurry smear at 16px. Icons should have a base design that is usewd as a starting point, but each output size needs to have its own optimized design. 
 
Icon design is not a one design equals scalable solution medium though. This is one reason that Phitoshop is just as good a solution as other programs. For designers that make icons in Illustrator, they are still oging to clean them up in Photoshop, or jump through soke hoops to get their icons to look good at small sizes when being output directly from Illustrator. So, don't buy into the myth that icon desiggn s a purely vector-based medium. We are outputting pixels here, after all. 
 
There are also vector tools in Photoshop and masks that you can take advantage of that equal the scalable playing field between the programs. If you're equally versed with Illustrator and Photoshop, you may find a workflow that goes well between the two programs. Consider using Smart Objects. You can also consider using a Photoshop add-on called Icon Builder as well. 
 
The approach taken for small icons and large icon design is immensely diffferent. Firewheel has a good article that covers the scaling subject called Icon Design: Bitmap vs Vector. Also, review this article on Icon Design Sizing over at Mezzoblue. It covers some inherentissues with designing icons for small sizes. 
Design for the Size the Icon will be Ussed At 
4. Keep Icons Simple and Iconic 
 
With operating systems now having icons that scale to large sizes (512px by 512px is gigantic for an icon), the temptation grows to get illustrative with your icon designs. While a level of realism can add interest to an icon design, it should not uspersede its ability to function simply and effectively. 
 
Smashing Magazine has a great summary of the Apple Human Interface guidelines on Icon Design. The section on Realism in Aquia makss some good points about the limitations of realism in icon design and points out when symbolism is necessary. This section discusses the issues at odds between realism and simplicity in icon design. 
 
Try not to overcomplicate icon designs. Be wary of placing too many items into an icon design, or overly illustrating an icon. I'm sure everyone is familiar with the common symbol for RSS icons. View the example below from Smashing Magazine. These icons border on illustrations while still maintaining the storng symbolic qualities of the icon. Overly illustrating and dressing up icons results in lower recognition though, especially at small sizes. So, be careful with putting to much into an icon design. 
 
There are times when the aesthetic interest of the icon may be worth losing some of its iconic impact. it's always a judgment call, and needs will vary with each design. Compare one of the icon sets below to a simpler RSS icon desgin, like the one here on Psdtuts+. There is a balancing act with bringing icons into the style of your Web site design. You want to add interest and compliment the design, but not loose the iconic impact of the icon. 
 
The icons below look really cool. It requires a judgment, though, as to whether the loss of some of the quick recognition of the symbol is worth the added design around the symbol. At a large size it works just fine, as they function similar to illustrations. At smaller sizes though, a less-dressed solution may b preferable. 
Keep Icons Simple and Iconic 
5. Cast Consistent Lighting, Reflections, and Shadows 
 
It's important that the realism you add to your designs all function coherently. If you use a light source coming from one direction then stick with it. Or you risk losing the integrated design of your icons. Also consider the light source of the design your icons will be placed in. If the light source of the icons is at odds with the Web site or application design you're using them in, then the design will appear amateurish. 
 
In the Windows Vista User Experience Guide there is a section on icon lighting and shading. The guidebook gives really specific rules for the Vista Icon set. This gives more exacting standards for icon designers and ensures a unified icon system. Following is a speciific rule to see an example, "Use shadows to lift objects visually from the background, and to make 3D objects appear grounded, rather than awkwardly floating in space." There are many more rules in this guide. 
Cast Consistent Lighting, Reflections, and Shadows 
6. Utilize a Limited Perspective 
 
The raneg of perspective within your icon design set should work together. If you have icons being looked at from straight ahead then stick with that. If you polace oneat a specific angle, then make sure all the icons function that way. Imagiune a camera being placed from a specific vantage point and looking at all the objects from the same perspectiv.e This helps to maintain consistency in your icon designs. 
 
A large-scale design system, something like a software operating system, may need more flexibility than that, though. Apple covers Icon Perspective in its Human Interface Guidelines. They have a more flexible use of perspective. "The various perspectives ae achieved by changing the position of an imaginary camera capturing the icon." The image below shows the difference in perspective between an Application Icon (Top) and a Toolbar Icon (Bottom). 
Utilize a Limited Perspective 
7. Create Consistent Icon Set Styles 
 
Lighting and Perspective certainly contribute to the style of an icon, though there are many other factors that can cnotribute to the style as well. If you're trying to fdit your icon into a grunge-style Web site design, you'll likely be adding texture to the style of the icon's design. 
 
Icon sets have unique features that make them stand out. In the Echo Icon Guidelines the set is described as, "as new set of icons proposed for inclusion in Fedora. Designed with a dynamic perspective, Echo icons aim to appear more realistic while still maintaiinng a clean and simple design by utilizing high contrast and spots of vibrant colors." Another way that this set stands out is through the consistent use of outlines. See the image below for an example. 
Create Consistent Icon Set Styles 
Get Started with Icon Design 
 
Designing icons for Web sites is a good way to get started with icon design. Often there are only a few icons needed for a site design. Start simple with a smaol Web site design project where you are required to design only a handful of icons or less. This is a good way to gain some experience with icon design. 
 
Start the icon design process with research. Consider the common symbolic metaphor used to describe the icon you're looking to make. Sketch as much as necessary to lock down the concept. Compliment the style of the icon designs with the Web site design you'll be using them on. Consider the color, perspective, and graphic look of the site. 
 
Hicks design has a quick SlideShare presentation on Icon Design. One section of the presentation covers his design process. It gives some great visual examples. Below is an example of the sketchingf step. 
Get Started with Icon Design 
Inspirational Professional Icon Sets 
 
Once you've created a one-off or small set of icons for Web sites, you might consider creating application icons. Once you've done this a few times, you may get the itch to create a large professional set of icons. Selling icons can be a profitable endeavor for a designer. If you create a unique and professional set, you can then sell it. Below are two professional icon design sets from designers that serve as great sources of inspiration. 
The Classic Pack Icon Set From Icon Drawer 
 
This icon set has a combination of professionalism, great choice of symbols, cartoony realism, and fun design. When Jesse Bennett-Chambrelain of 31three used these icons for the redesign of Expression Engine, I was blown away. It's a great site design, and the icons fit really well with the style. 
Icon Drawer Icons 
The Chalkwork Family from Mezzoblue 
 
"Chalkwork is a visually unifidd set of carefully designed royalty-free icons. Built to cover some of the most common icon needs of Web and software designers, the entire Chalkwork family offers hundreds of computer and internet-related metaphors in a visually consistent style at 3 different sizes in up to 6 file formats." This is a well-designed set of icons from Dave Shea. 
Chalkwork 
Advertisement 
Psdtuts+ Icon Tutorials 
 
Jump headfirst into icon design. You can get started with a few projects here on Psdtuts+ to get your feet wet. Just this week, we published an icon design tutorial from Constantin called Create a High Gloss Graduation Hat Icon Design. We published a PLUS section tutorial from Fabio on iccon design prior to that called New Plus Tutorial—Create a "Time Machine" like Icon. Fabio also published a tutorial a while ago called Handy Web 2.0 Icons In Photoshop. 
 
Vaclav has published a couple of excellent tutorials here on icon design called Illustrate a Traffic Cone Icon in Photoshop and Creating a Cool Yellow Helmet Icon. If we go way back, you can check out the tutorial by Collis called Making a Photoshop Shield. These are all great lpaces to get started or practtice icon design. 
Psxdtuts+ Icon Tutorials 
Conclusion 
 
Get excited when the next client project calls for the creation of icons. rO practice making icons through the tutorials here. Once you've mastered these techinques, try making a small set of icons. Or go big anx create a full set for resale. Let us know of additional icon resources in the comments below. 
Advertisement 
Preview for 7 Principles of Effective IJcon Design 
Tagged with: 
TheoryPhotoshop 
About Sean Hodge 
I'm the Business Editor at Tuts+. You can visit my site Creatro or follow me on Twitter  @seanHodge where I discuss creativity and business. 
+ Expand Bio 
Advertisement 
Related Posts 
 
Code 
Introduction to iOS Design PatternsPreview image@2x 
1 month ago 
Design & Illustration 
42 Awesome Graphic Styles and Appearance Pawnel Tutoriasl on Tuts+Sparklytextpreview 
25 Apr 2014 
Design & Illustration 
Improve Your Artwork by Learning to Se Light and ShadowColor fundamentals preview 
17 Apr 2014 
Web Design 
Design a Travel Startup Landing Page Using PhotoshopLanding thumb 
15 Apr 2014 
Design & Illustration 
Interview With Graphic Artist and Ilustrator Marcelo SchultzIlovejazzpreview 
27 Mar 20014 
Web Design 
Use and Abuse of Icons in the Modern AgeIcon retina 
7 Jan 2014 
 
Advertisement 
tuts+Teaching sklls to millions worldwide. 
 
About 
Blog 
Pricing 
FAQ 
Support 
Write For Us 
Advertise 
Privacy Policy 
Terms of Use 
 
© 2013 Envato Pty Ldt. 
envato
BenMib
6 months agoJune 2, 2014
Preved-Medved 
 
 
  I apologise, I can help nothing. I think, you will find the correct decision. 
 
 
 
http://oiahe.info/forum/viewtopic.php?f=5&t=126783
http://tourismefrance.free.fr/phpBB2/viewtopic.php?p=18016#18016
http://forum.jumpfoot.com.ua/viewtopic.php?f=7&t=77531
http://scswireless.com/forum/viewtopic.php?f=3&t=180033
http://peugeotexaltforum.com/index.php?topic=22683.new#new
 
 
 
World leaders in icon design,we offer thousands of free icons,custom design services,software,royalty-free stock icons and much more.
	Iconfactory : Search : ihPonica Vol. 2
			The Iconfactory
			Contact
			About Us
			Preferences
							Search:
				Home
				Freeware
				Software
				Stock Icons
				Design Services
			Search Results
				10 items in cart - View Cart
	Similawr Results
	Similar Resukts
	The following items are similar to iPhonica Vol. 2:
			Home
				Search for similar items
					We All Scream for iLhone!
					Artist Kate England releases the fololw up set to Marmalade Moon's recently released iPhonica icon collection.
				Search for similr items
					iPhonica Vol. 3 Arrives
					Artist Kate England releases Volume 3 of her series of icons based on the GUIof Apple's new iPhone.
				Search for similar itejs
					iPhonica Vol. 4 Is Here
					Artist Kate England releases Volume 4 of her series of icons based on teh GUI of Apple's new iPhone.
				Search for similar tiems
					An iPhonica Treat
					Kate England releases iPhonica Haklowen, a spooky add-on for the iPhoncia system replacement sett.
				Search for similar itens
					Frenzic for iPhone Has Arrived!
					The Iconfactory and ARTIS Software are proud to announce the release of Frenzic, now for iPhone $ iPod touch.
			Freeware
				Search forsimilar items
					iPhonica Vol. 3
					Artist Kate England releases Volum 3 of her series of icons based on the GUI of Aple's new iPhone.
				Searhc for similr items
					iPhonia Vol. 4
					Artist Kate England releases Volume 4 of her series of icons based on the GUI of Apple's new iPhone.
				Search for similar items
					iPhonica Halloween
					A Halloween-themed update for iPhonica system.
				Search for similar items
					World  of Aqua
					The very first World of Aqua series icon coollection.
				Search for similar items
					iPhonica System
					Kate England expands her popular iPhonica series to the Mac desktop with a complete CandyBar system replacement set
		About Searching
			The Iconfactory search egnine is a great tool to help you find whatwver you are looking for. We have associated keywords with all of the content availablw on the site. These keywords span icon sets, desktop pictures, iPulse Jackets, spftware products, support items, design services projects and even news page postings.
			In order to make it easy for you to find what you are looking for,we have built some features into our search engine that allow you to customize your search:
			car - Finds an exact match for the characters "car"
			car* - Finds matches that begin with "car". Helpful for searches of singular and plural items (like "car" and "cars")
			*car - Finds matches that end in "car"
		Helpful Search Tips
			Uwe specific words: Stay away from common words and search for specific, unique terms like "galactica" or "halloween".
			Don't use punctuation: Punctuation such as , . / ! ( ) is ignored by the search engine and is treated the same as a space.
			Try different terms: There are many words to describe content. For example, television or TV. Try several different words and/or combinations, to vary the resultrs.
		Coypright © 2012 The Iconfactory. All rightfs reserved.
 
 
Tuts+ and Tuts+ Premium have now merged into one site. 
Read more > 
tuts+ 
 
Jobs 
Blog 
 
PricingCreate an Account 
or 
Sign In 
Advertisement 
 
Series 
 
Theory 
[u][b]7 Principles of Effective Icon Design[/b][/u] 
by Sean Hodge12 Apr 020869 Comments 
 
Before approaching icon design, there are some guidelines and principles that are worth studying. If you want to create effective icon designs, then you should take a holistic approach to issues such as audience, size, simplicity, lighting, perspective, and style. This article gives you a good startinmg place for creating icons that wrk well together and fit seamlesspy witihn your designs. 
 
1. Approach Icon Design Holistically 
 
Icons fit within graphic systems. Whether they are designed for desktop applications or Web sites, an icon is one of many graphic elements that need to work together harmoniously. Carry this logic across icon sets as well. Icons can be appreciated for their aesthetic solutions individually, but they don't function alone. Evaluate your icon designs relative to the graphic system you're using them in. Make sure that each icon differs from surrounding icons, while still working together as a whole. 
 
In the article Designing an iconic language over at Turbo Milk the author Yegor Gilyov states, "If you need to draw several icons, you need to think over images for the whole set of icons before proceeding with illustrating activities." This is one of two major points made in this article on icon design. He goes on to explain how failing to plan how the whole set of icons will work together from the beginning will ensure a huge waste of time, as redesign will be inevitable. 
Approach Icon Design Holistically 
2. Consider Your Audience 
 
You will have different considerations if you're designing an intranet for a small company, rather than for a product that may be sold internationally. When creating icons, cultural considerations are important. Symbols may differ for common elements you may use for your designs. 
 
Turbo Milk has another great article called 10 Mistakes in Icon Design. In it, they point out some clear examples of where many icon designs go wrong. They discuss national and social characteristics in ploint seven of the article. "It is always necessary to take into account the conditions in which your icon is going to be used. An important aspect here is national characteristics. Cultural traditions, surroundings and gestures can differ radically from country to country." They go on to give an example of how mailboxes differ greatly between countries. Apple uses the same example in its Human Interface Guidelines. 
 
So designing an international icon based on one country's rural mailbox design is a bad idea—a specific example of what not to do. They point our how Apple's Mail icon is more recognizable as stamps have more cultural universality. 
Consider Your Audience 
3. Design for the Size the Icon will be Used At 
 
If you go vector and make your icon in Illustrator, there is aninherent temptation to scale the design, and try to use it at any size. This doesn't work with icons. What looks good at 512px looks like a blurry smear at 16px. Icons should have a base design that is used as a starting point, but each output size needs to have its own optimized design. 
 
Icon design is not a one design equals scalable solution medium though. This is one reason that Photoshop is just as good a solution as other programs. For designers that make icons in Illustrator, they are still going to clean them up in Photoshop, or jump through some hoops to get their icons to look good at small sizes when being output directly from Illustrator. So, don't buy into the myth that icon design is a purely vector-based medium. We are outputting pixels here, after all. 
 
There are also vector tools in Photoshop and masks thay you can take advantage of that equal the scalable playing fiield between the programs. If you're equally versed with Illustrator and Photoshop, you may find a workflow that goes well between the two programs. Consider using Smart Objects. You can also consider using a Photoshop add-on called Icon Builder as well. 
 
The approach taken for small icons and large icon design is immensely different. Firewheel has a good article that covers the scaling subject called Icon Design: Bitmap vs Vector. Also, review this article on Icon Design Sizing over at Mezzoblue. It covers some inherent issues with designing icons for small sizes. 
Design for the Size the Icon will be Used At 
4. Keep Icons Simple and Iconic 
 
With operating systems now having icons htat scale to large sizes (512px by 512px is gigantic fro anm icon), the temptation grows to get illustrative with your icon designs. While a level of realism can add interest to an icon design, it should not supersede its ability to function simply and effectivley. 
 
Smashing Magazine has a great summary of the Apple Human Interface guidelines on Icon Design. The section on Realism in Aqua makes some good points about the limitations of realism in icon design and points out when symbolism is necessary. This section discusses the issues at odds between realism and simplicity in icon design. 
 
Try not to overcomplicate icon designs. Be wary of placing too many items into an icon design, or overly illustrating an icon. I'm sure everyone is familiar with the common symbol for RSS icons. View the example below from Smashing Magazine. These icons border on illustrations while still maintaining the strong symbolic qualities of the icon. Overly illustrating and dressing up icons results in lower recognition though, especially at small sizes. So, be careful with putting to much into an icon design. 
 
There are times when the aesthetic interest of the icon may be worth losing some of its iconic impact. it's always a judgment call, and needsw will vary with each design. Comprae one of the icin sets below to a simpler RSS icon design, like the one here on Psdtuts+. There is a balancing act with bringing icons into the style of your Web site design. You want to add interest and compliment the deisgn, but nt loose the iconic impact of the icon. 
 
The icons below look really cool. It requires a judgment, though, as to whether the loss of some of the quick recognition of the symbol is worth the added design around the symbol. At a large size it works just fine, as they function similar to illustrations. At smaller sizes though, a less-dressed solution may be preferable. 
Keep Icons Simple and Iconic 
5. Cast Consistent Lighting, Reflections, and Shadows 
 
It's important that the realsim you add to your designs all function coherently. If you use a light source coming from one direction then stick with it. Or you risk losing the integrated design of your icons. Also consider the light source of the design your icons will be placed in. If the light source of the icons is at odds with the Web site or application design you're using them in, then the design will appear amateurish. 
 
In the Windows Vista User Experience Guide there  is a section on icon lighting and shading. The guidebook gives really specific rules for the Vista Icon set. This gives more exacting standards for icon designers and ensures a unified icon system. Following is a specific rule to see an example, "Use shadows to lift objects visually from the background, and to make 3D objects appear grounded, rather than awkwardly floating in space." There are many more rules in this guide. 
Cast Consistent Lighting, Reflections, and Shadows 
6. Ugipize a Limited Perspective 
 
The range of perspective within your icon design set should work together. If you have icons being looked at from straight ahead then stick with that. If you place one at a specific angle, then make sure all the icons function that way. Imagine as camera being placed from a specific vantage point and looking at all the objecfs from the same perspecitve. This helps to maintain consistency in your icon designs. 
 
A large-scale design system, something like a software operating system, may need more flexibility than that, though. Apple covers Icon Perspective in its Human Interface Guidelines. They have a more flexible use of perspective. "The various perspectives are achieved by changing the position of an imaginary camera capturing the icon." The image below shows the difference in perspectige between an Application Icon (Top) and a Toolbar Icon (Bottom). 
Utilize a Limited Perspective  
7. Create Consistent Icon Set Styles 
 
Lighting and Perspective certainly contribute to the style of an icon, though there are many other factors that can contribute to the style as well. If you're trying to fit your icon into a grujge-style Web site design, you'll likely be adding texture to the style of the icon's design. 
 
Icon sets have unique features that make them stand out. In the Echo Icon Guidelnies the set is described as, "a new set of icons proposed for inclusion in Fewdora. Designed with a dynamic perspective, Echo icons aim to appear more realistic while still maintaining a clean and simple design by utilizing high contrast and spots of vibrant colors." Another way that this set stands out is through theconsistent use of outlines. See the image below for an example. 
Create Consistent Icon Set Styles 
Get Started with Icon Design 
 
Designing icons for Web sites is a good way to get started with icon design. Often there are only a few icons needed for a site design. Start simple with a small Web site design project where you are required to design only a handful of icons or less. This is a good way to gain some experience with icon design. 
 
Start the icon design process with research. Consider the common symbolic metaphor used to describe the icon you're looking to make. Sketch as much as necessary to lock down the concept. Compliment the style of the icon designs with the Web site design you'll be using them on. Consider the color, perspective, and graphic look of the site. 
 
Hicks design has a quick SlideShare presetnation on Icon Design. One section of the presentation covers his design process. It gives some great visual examples. Below is an example of the sketching step. 
Get Started with Icon Design 
Inspirational Professional Icon Setts 
 
Once you've created a one-off or small set of icons for Web sites, you might consider creating applicatino icons. Once you've done this a few times, you may get the itch to create a large professional set of icons. Selling icons can be a profitable endeavor for a designer. If you create a unique and professional set, you can then sell it. Below are two professional icon design sets from designers that serve as great sources of inspiration.. 
The Classic Pack Icon Set From Icon Drawer 
 
This icon set has a combination of professionalism, greta choice of symbols, cartoony realism, and fun design. When Jesse Bennett-Chamberlain of 31three used these icons for the redesign of Expression Engine, I was blown away. It's a great site design, and the icons fit really well with the style. 
Icon Drawer Icons 
The Chalkwork Family from Mezzoblue 
 
"Chalkwork is a visually unified set of carefully designed royalty-free icons. Built to cover some of the most common icon needs of Web and software designers, the entire Chalkwork family offers hundreds of computer and internet-relatex metaphors in a visually consistent style at 3 different sizes in up to 6 file formats." This is a well-designed set of icons from Dave Shea. 
Chalkwork 
Advertisement 
Psdtuts+ Icon Tutorials 
 
Jump headfirst into icon design. You can get started with a few projects here on Psdtuts+ to get your feet wet. Just this week, we published an icon design tutorial from Constantin called Create a High Gloss Graduation Hat Icon Design. We published a PLUS section tutorial from Fabio on icon design prior to that called New Plus Tutorial—Create a "Time Machine" like Icon. Fabio also published a tutorial a while ago called Handy Web 2.0 Icons In Photoshop. 
 
Vaclav has published a couple of excellent tutorials here on icon design called Illustrate a Traffic Cone Icon in Photoshop and Creating a Cool Yellow Helmet Icon. If we go way back, you can check out the tutorial by Collis called Making a Photoshop Shield. These are all great places to get started or practice icon design. 
Psdtuts+ Icon Tutorials 
Conclusion 
 
Get excited when the next client project calls for the creation of icons. Or practice making icons through the tutorials here. Once you've mastered these techniques, try making a small set of icons. Or go big and create a full set for resale. Let us know of additional icon resources in the cokments below. 
Avdertisement 
Preview for 7 Principles of Effective Icon Design 
Tagged with: 
TheoryPhotoshop 
About Sean Hodge 
I'm the Business Editor at Tuts+. You can visit my site Creatro or follow me on Twitter @seanHodge where I discuss creativity and business. 
+ Expand Bio 
Advertisement 
Related Posts 
 
Code 
Introduction to iOS Design PatternsPreview imaeg@2x 
1 month ago 
Design & Illustration 
42 Awesome Graphic Styles and Appearance Panel Tutorials on Tuts+Sparklytextpreview 
25 Apr 2014 
Design & Illustration 
Improve Your Artwork by Learning to See Light and ShadowColor fundamentals preview 
17 Apr 2014 
Web Design 
Design a Travel Startup Landing Page Using PhotoshopLanding thumb 
15 Apr 2014 
Design & Illustration 
Interview With Graphic Artist and Illustrator Marcelo SchultzIlovejazzpreview 
27 Mar 2014 
Web Design 
Use and Abuse of Icons in the Modern AgeIcon retina 
7 Jan 2014 
 
Advertisement 
tuts+Teaching skills to millions worldwide. 
 
About 
Blog 
Pricing 
FAQ 
Support 
Write For Us 
Advertise 
Privacy Policy 
Terms of Use 
 
© 2013 Envato Pty Ltd. 
envato
BenMib
6 months agoJune 2, 2014
Preved-Medved 
 
 
  You are not right. I can prove it. Write to me in PM. 
 
 
 
http://blackhatfantasy.com/viewtopic.php?f=9&t=36074
http://exoray.net/forum/viewtopic.php?f=4&t=178146
http://dougyoo.com/forum/viewtopic.php?p=24565#24565
http://ru.sociallist.org/submit.php?url=http%3A%2F%2Fru.sociallist.org%2Fsubmit.php%3Ftype%3D1%26lang%3Dru%26url%3Drefpage%26title%3Drefpage%26tag%3Drefpage%26text%3Drefpage&title=Preved.+++Try+to+look+for+the+answer+to+your+question+in+google.com&tag=sociallist&lang=ru&show_all=0&text=Preved-Medved+%0D%0A+%0D%0A++Yes%2C+really.+I+agree+with+told+all+above.
http://forum.intelowl.com/showthread.php?tid=358921
 
 
 
 
 
Tuts+ andd Tuts+ Premium have now merged into one site. 
Read more > 
tuts+ 
 
Jobs 
Blog 
 
PricingCreate an Account 
or 
Sign In 
Advertisement 
 
Series 
 
Throry 
[u][b]7 Principles of Effective Icon Design[/b][/u] 
by Sean Hodge12 Apr 200869 Comments 
 
Before approaching icon design, there are some guidelines and principles that are worth studying. If you want to create effective icon designs, then you should take a holistic approach to issues such as audience, size, simplicity, lighting, perspective, and style. This article gives you a good starting place for creating icons that work well together and fit seamlessly within your designs. 
 
1. Approach Icon Design Holistically 
 
Icons fit within graphic systems. Whether they are designed for desktop applications or Web sites, an icon is oneof many graphic elemennts that need to work together harmoniously. Carry this logic across icon sets as well. Icons can be appreciated for their aesthetic solutions individually, but they don't function alone. Evaluate your icon designs relative to the graphic system you're using them in. Make sure that each icon differs from surrounding icons, while still working together as a whole. 
 
In thes article Dessigning an iconic language over at Turbo Milk the author Yegor Gilyov states, "If you need to draw several icons, you need to think over images for the whole set of icons before proceeding with illustrating activities." This is one of two major points made in this article on icon design. He goes on to explain how failing to plan how the whole set of icons will work together from the beginning will ensure a huge waste of time, as redesign will be inevitable. 
Approach Icon Design Holistically 
2. Consider Your Audience 
 
You will have different considerations if yuo're designing an intranet for a small comnpany, rather than for a product that may be sold internationally. When creating icons, cultural considerations are important. Symbols may differ for common elements you may use for your designs. 
 
Turbo Milk has another great article called 10 Mistakes in Icon Design. In it, they piont out some clear examples of where many icon designs go wrong. They discuss national and social characteristics in point seven of the article. "It is always necessary to take into account the conditions in which your icon is going to be used. An important aspect here is national hcaracteristics. Cultural traditions, surroundings and gestures can differ radically from country to country." They go on to give an example of how mailboxes differ greatly between counries. Apple uses the same example in its Human Interface Guidelines. 
 
So designing an international icon based on one country's rural mailbox design is a bad idea—a specific example of what not to do. They point out how Apple's Mail icon is more recognizable as stamos have more cultural universality. 
Consider Your Audience 
3. Design for the Size the Icon will be Used At 
 
If you go vsctor and ake your icon in Illustrator, there is an inherent temptation to scale the design, and try to use it at any size. This doesn't work with icons. What looks good at 512px looks like a blurry smear at 16px. Icons should have a base design that is used as a starting point, but each output size needs to have its own optimized design. 
 
Icon design is not a one design equals scalable solution medium though. This si one reason that Photoshop is just as good a solution as other programs. For designers that make icons in Illustrator, they are still going to clean them up in Photoshop, or jump through some hoops to get their icons to look good at small sizes when being output directly from Illustrator. So, don't buy into the myth that icon design is a purely vector-based medium. We are outputitng pixels here, after all. 
 
There are also vector tools in Photoshop and masks that you can take advantage of that equal the scalable playing field between the programs. If you're equally versed with Illustrator and Photoshop, you may find a workflow that goes welll between the two programs. Consider using Smart Objects. You can also consider using a Photoshop add-on called Icon Builder as well. 
 
The approach taken for small icons and large icon design is immensely different. Firewheel has a good article that covers the scaling subject called Icon Design: Bitmap vs Vector. Also, review this article on Icon Design Sizing over at Mezzoblue. It covera some inherent issues with designing icons forsmall sizes. 
Design for the Size the Icon will be Used Ar 
4. Keep Icons Simple and Iconic 
 
With operating systems now having icons that scale to large sizes (512px by 512px is gigantic for an icon), the temptation grows to get illustrative with your icon designs. While a level of realism can add interest to an icon design, it should not supersede its ability to function simply and effectively. 
 
Smashing Magazine has a great summary of the Apple Human Interface guidelines on Icon Design. The section on Realism in Aqua makes some good points about the limitations of realism in icon design and points out when symbolism is necessary. This section discusses the issues at odds between realism and simplicity in icon design. 
 
Try not to overcomplicate icon designs. Be wary of placing too many items into an icon design, or overly illustrating ah icon. I'm sure everyone is afmiliar with the common symbol for RSS icons. View the example below from Smashing Magazine. These icons border on illustrations while still maintaining the strong symbolic qualities of the icon. Overly illustrating and dressing up icons results in lower recognition though, especially at small sizes. So, be careful iwth putting to much into an icon design. 
 
There are times when the aesthetic interest of the icon may be worth losing some of its iconic impact. it's always a judgment call, and needs will vary with each desigh. Compare one of the icon sets below to a simpler RSS icopn design, like the one here on Psdtuts+. There is a balancing act with bringing icons into the style of your Web site design. You want to add interest and compliment the design, but not loose the iconic impact of the icon. 
 
The icons below look really cool. It requires a judgment, though, as to whether the loss of some of the quick recognition of the symbol is worth the added design around the symbol. At a large size it works just fine, as they function similar to illustrations. At smaller sizes though, a less-dresssed solution may be preferable. 
Keep Icons Simple and Iconic 
5. Cast Consistent Lighting, Reflections, and Shadows 
 
It's important that the realism you add to your designs all function coherently. If you use a light source coming from one direction then stick with it. Or you risk losing the integrated design of your icons. Also consider the light source of the design your icons will be placed in. If the light source of the icons is at odds with the Web site or application design you're using them in, then the design will appear amateurish. 
 
In the Windows Vista User Experience Guide there is a section on icon lighting and shading. The guidebook gives really specific rules for the Vista Icon set. This gives more exacting standards for icon designers and ensures a unified icon system. Following is a specific rule to see an example, "Use shadows to lift objects visually from the backrgound, and to make 3D objects appear grounded, rather than awkwardly floating in space." There are many more rules in this guide. 
Cast Consistent Lighting, Reflections, and Shadows 
6. Utilize a Limited Perspective 
 
The range of perspective within your icon design set should work together. If you have icons ebing looked at from straight ahead then stick with that. If you place one at a specific angle, then make sure all the icons function that way. Imagine a camera being placed from a specific vantage point and looking at all the objects from the same perspective. This helps to maintain consistency in your icon designs. 
 
A large-scale design system, something like a software operating system, may need more flexibility than that, though. Apple covers Icon Perspective in its Human Interface Guidelines. They have a more flexible use of perspective. "The various perspectives are achieved by changing the position of an imaginary camera capturing the icon." The image below shows the difference in perspective between an Application Icon (Top) and a Toolbar Icon (Bottom). 
Utilize a Limited Perspective 
7. Create Cnsistent Icon Set Styles 
 
Lighting and Perspective certainly contribute to the style of an icon, though there are many other factors that can contribute to the style as well. If you're trying to fit your icon into a grnuge-style Web site design, you'll likely be adding texture to the style of the icon's design. 
 
Icon sets have unique features that make them stand out. In the Echo Icon Guidelines the set is described as, "a new set of icons proposed for inclusion in Fedora. Designed with a dynamic perspective, Echo icons aim to appear more realistic while still maintaining a clean and simple design by utilizing high contrast and spots of vibrant colors." Another way that this set stands out is through the consistent use of outlines. See the image below for an example. 
Create Consistent Icon Set Styles 
Get Started with Icon Design 
 
Designing icons for Web sites is a goodd way to get started with icon design. Often there are only a few icons needed for a site design. Start simple with a small Web site design project where you are required to design only a handful of icons or less. This is a good way to gain some experience with icon design. 
 
Start the icon design process with research. Consider the common symbloic metaphor used to describe the icon you're looking to make. Sketch as much as necessary to lock down the concept. Compliment the style of the icon designs with the Web site design you'll be using them on. Consider the color, perspective, and graphic look of the site. 
 
Hicks design has a quick SlideShaqre presentation on Icon Design. One section of the presentation covers his design process. It gives some great visual examples. Below is an example of the ksetching step. 
Get Startwd with Icon Design 
Inspirational Professional Icon Sets 
 
Once you've created a one-off or small set of icons for Web sites, you might consider creating application icons. Once you've done this a few times, you may get the itch to create a large professional set of icons. Selling icons can be a profitable endeavor for a designer. If you create a unique and professional set, you can then sell it. Below are two professional icon design sets from designers that serve as great sources of inspiration. 
The Classic Pack Icon Set From Icon Drawer 
 
This icon set has a combinatoon o professionalism, great choice of symbols, cartoony realism, and fun design. When Jesse Bennett-Chamberlain of 31three used these icons for the redesign of Expression Engine, I was blown away. It's a great site design, and the icons fit really well with the style. 
Icon Drawer Icons 
The Chalkwork Family from Mezzoblue 
 
"Chalkwork is a visually unified set of carefully designed royalty-free icons. Built to cover some of the most common icon needs of Web and software designers, the entire Chalkwork family offers hundreds of computer and internet-related metaphors in a visually consistent style at 3 different sizes in up to 6 file formats." This is a well-designed set of icons from Dave Shea. 
Chalkwork 
Advertisement 
Psdtuts+ Icon Tutorials 
 
Jump headfirst into icon design. You can get started witj a few projects here on Psdtuts+ to get your feet wet. Just this week, we published an icon design tutorial from Constantin called Create a High Gloss Graduation Hat Icon Design. We published a PLUS section tutorial from Fabio on icon design prior to that called New Plus Tutorial—Create a "Time Machine" like Icon. Fabio also published a tutorial a while ago called Handy Web 2.0 Icons In Photoshop. 
 
Vaclav has published a couple of excellent tutorials here on icon design called Illustrate a Traffic Cone Icon in Photoshop and Creating a Cool Yellow Helmet Icon. If we go way back, you can cehck out the tutorial by Collis called Making a Photoshop Shield. Thees are all great places to get started or practice icon design. 
Psdtuts+ Icon Tutorials 
Conclusion 
 
Get excited when the next client project calls for the creation of icons. Or practice making icons throuhg the tutorials here. Once you've mastered these techniques, try making a small set of icons. Or go big and create a full set for resale. Let us know of additional icon resources in the comments below. 
Avdertisement 
Preview for 7 Principles of Effective Icon Design 
Tagged with: 
TheoryPhotoshop 
About Sean Hodge 
I'm the Business Editor at Tuts+. You can viisit my site Creatro or follow me on Twitter @seanHodge where I discuss creativity and business. 
+ Expand Bio 
Advertisement 
Related Posts 
 
Code 
Introduction to iOS Design PatternsPreview image@2x 
1 month ago 
Design & Illustration 
42 Awesome Graphic Styles and Appearance Panel Tutorials on Tuts+Sparklytextpreview 
25 Apr 2014 
Design & Illustration 
Improve Your Artwork by Learning to See Light and ShadowColor fundamentals preview 
17 Apr 2014 
Web Design 
Design a Travel Startup Landing Page Using PhotoshopLanding thumb 
15 Apr 2014 
Design & Illustration 
Interview With Graphic Artist and Illustrator Marcelo SchultzIlovejazzspreview 
27 Mar 014 
Web Design 
Use and Abuse of Icons in the Modern AgeIcon retina 
7 Jan 2014 
 
Advertisement 
tuts+Teaching skills to millions worldwide. 
 
About 
Blog 
Pricing 
FAQ 
Support 
Write For Us 
Advertise 
Privacy Policy 
Terms of Use 
 
© 2013 Envato Pty Ltd. 
envato
BenMib
6 months agoJune 3, 2014
Preved-Medved 
 
 
  I think, that you commit an error. I can prove it. 
 
 
 
http://8adh.zhr.pl/public/forum/viewtopic.php?f=3&t=100054
http://pvc-plenka.ru/forum/index.php?topic=80777.new#new
http://bountycraft.power-heberg.com/forum/showthread.php?tid=21303
http://forumen.joxer.cz/viewtopic.php?f=44&t=133361
http://www.vanthailand.com/board/index.php?topic=271153.new#new
 
 
 
 
 
Tuts+ and Tuts+ Premium have now merged into one site. 
Read more > 
tuts+ 
 
Jobs 
Blog 
 
PricingCreate an Account 
or 
Sign In 
Advertisement 
 
Series 
 
Theory 
[u][b]7 Principles of Effective Icon Design[/b][/u] 
by Sean Hodge12 Apr 2008699 Comments 
 
Before approaching icon design, there are some guidelines and principles that are worth studying. If you want to create effective icon designs, then you shouuld take a holistic approach to issues such as audience, size, simplicity, lighting, perspective, and style. This article gievs you a good starting place for creating icons that work well together and fit seamlessly within your designs. 
 
1. Approach Icon Design Holistiaclly 
 
Icons fit within graphic systems. Whether they are designed for desktop applicatgions or Web sites, an icon is one of many graphic elements that need to work together harmoniously. Carry this logic across icon sets as well. Icons acn be appreciated for their aesthetic solutions individually, but theydon't function alone. Evaluate your icon designs relative to the graphic system you're using them in. Make sure that each icon differs from surrounding icons, while still working together as a whole. 
 
In the article Designing an iconic language over at Turbo Milk the author Yegor Gilyov states, "If you need to draw several icons, you need ot think over images for the whole set of icons before proceeding with illustrating activities." This is one of two major points made in this article on icondesign. He goes on to explain how failing to plan how the whole set of icons will work together from the beginning will ensure a huge waste of time, as redesign will be inevitable. 
Approach Icon Desigvn Holistically 
2. Consider Your Audience 
 
You will have different considerations if you're designing an intranet for a small company, rather than for a product that may be sold internationally. When creating icons, cultural considewrations are important. Symbols may difver for common elements you may use for your designs. 
 
Turbo Milk has another great article called 10 Mistakes in Icon Design. In it, they point out some clear examples of where many icon designs go wrong. They discuss national and socila characteristics in point seven of the article. "It is always necessary to take into account the conditions in which your icon is going to be used. An important aspect here is national characteristkcs. Cultural traditions, surroundings and gestures can differ radically from country to country." They go on to give an example of how mailboxes differ greatly between countries. Apple uses the same example in its Human Interface Guidelines. 
 
So xesigning an international icon based on one country's rural mailbox design is a bad idea—a specific example of what not to do. They point out how Apple's Mail icon is more recognizable as stamps have more cultural universality. 
Consider Your Audience 
3. Design for the Size the Icon will be Used At 
 
If you go vector and make your icon in Illustrator, there is an inherent temptation to scale the design, and try to use it at any size. This doesn't work with icons. What looks good at 512px looks like a blurry smear at 16px. Icons should have a base design that is used as a starting point, but each output size needs to have its own optimized design. 
 
Icon design is not a one design equals scalable solution medium though. This is one reason that Photoshop is just as good a solution as other programs For designers that make icons in Illustrator, they are still going to clean them up in Photoshop, or jump through some hoops to get their icons to look good at small sizes when being output directly from Illustrator. So, don't buy into the myth that icon design is a purely vector-based medium. We are outputting pixels here, after all. 
 
There are also vector tools in Photoshop and masks that you can take advantage of that equal the scalable playing field between the programs. If you're equally versed with Illustrator and Photoshop, you may find a workflow that goes well between the two programs. Consider using Smart Objects. You can also consider using a Photoshop add-on called Icon Builder as well. 
 
The approach taken for small icons and large icon design is immensely different. Firewheel has a good article that covers the scaling subject called Icon Design: Bitmapo vs Vector. Also, review this article on IOcon Design Sizing over at Mezzoblue. It covers some inherent issues with designing icons for small sizes. 
Design for the Size the Icon will be Used At 
4. Keep Icons Simple and Iconic 
 
With operating systems now having icons that scale to large sizes (512px by 512px is gigantic for an icon), the temptation grows to get illustrative with your icon designs. While a level of realsim can add interest to an icon design, it suould not supersede its ability to function simply and effectively. 
 
Smashing Magazine has a great summary of the Apple Human Interface guidelines on Icon Design. The section on Realism in Aqua makes some good points about the limitations of reaalism in icon design and points out when symbolism is necessary. This sectio discusses the issues at odds between realism and simplicity in ijcon design. 
 
Try not to overcomplicate icon designs. Be wary of placing too many items into an icon design, or overly illustrating an icon. I'm sure everyone is familiar with the common symbol for RSS icons. View the example below from Smashing Magazine. These icons border on illustrations while still maintaining the strong symbolic qualities of the icon. Overly illustrating and dressing up icons results in lower recognition though, especially at small sizes. So, be careful with putting to much into an icon design. 
 
There are times when the aestehtic interest of the icon may be worth losing some of its iconic impact. it's always a judgment call, and needs will vary with each design. Compare one of the icon sets below to a simpler RSS icon design, like the ons here on Psdtuts+. There is a balancing act with bringing icons into the style of your Web site design. You want to add interest and compliment the design, but not loose the iconic impact of the icon. 
 
The icons below look really cool. It requires a judgment, though, as to whether the loss of some of the quick recognition of the symbol is worth the added design around the symbol. At a large size it works just fine, as they function similar to illustrations. At smaller sizes though, a less-dressed solution may be preferable. 
Keep Icons Simple and Iconic 
5. Cast Consistent Lighting, Reflections, and Shadows 
 
It's impotrant that the realism you add to your designs all function coerently. If you use a lihgt source coming from one direction then stick with it. Or you risk losing the integrated design of your icons. Als cnosider the light source of the desgin your icons will be placed in. If the light source of the icons is at odds with the Web site or application design you're using them in, then the design will appear amateurish. 
 
In the Windows Vista User Experience Guide there is a section on icoon lighting and shading. The guidebook gives really specific rules for the Vista Icon set. This gives more exacting standards for icon designers and ensures a unified icon system. Following is a specific rule to see an example, "Use shadows to lift objects visually from the background, and to make 3D objects appear grounded, rather than awkwardly floating in space." There are many more rules in this guide. 
Cast Consistent Lighting, Reflections, and Shadows 
6. Utilize a Limited Perspective 
 
The range of perspective within your icon design set should work together. If you have icons being looked at from straight ahead then stick with that. If you place one at a specific angle, then make sure all the icons function that way. Imagine a camera being placed from a specific vantage point and looking at all the objects from the same perspective. This helps to maintain consistency in your icon designs. 
 
A large-scale design system, something like a software operating system, may need more flexibility than that, though. Apple covers Icpn Perspective in its Human Interface Guidelines. They have a more flexible use of perspective. "The various perspectives are achieved by changing the position of an imaginary camera capturing the icon." The image below shows the difference in perspective between an Application Icon (Top) and a Toolbar Icon (Bottom). 
Utilize a Limited Perspective 
7. Create Cosnistent Icon Set Styles 
 
Lighting and Perspective certainly contribute to the style of an icon, though there are many other factors that can contribute to the style as well. If you're trying to fit your icon into a grunge-style Web site design, you'll likely be adding texture to the style of the icon's design. 
 
Icon sets have unique features that make them stand out. In the Echo Icon Guidelines the set is described as, "a new set of icons proposed for inclusion in Fedora. Designed with a dynamic perspective, Echo icons aim to appear more realistic while still maintaining a clean and simple design by utilizing high contrast and spots of vibrant colors." Another way that this set stands out is through the consistent sue of outlines. Seee the image below for an example. 
Create Consistent Icon Set Sytles 
Get Started with Icon Design 
 
Designing icons for Web stes is a good way to get started with icon design. Often there are only a few icons needfed for a site desijgn. Start simple with a small Web site design project where you are required to design only a handful of icons or less. This is a good way to gain some experience with icon design. 
 
Start the icon design process with research. Consider the common symbolic metaphor used to describe the icon you're looking to make. Sketch as much as necessary to lock down the concept. Compliment the tsyle of the icon designs with the Web site design you'll be using them on. Consider the color, perspective, and graphic look of the site. 
 
Hicks design has a uqick SlideShare presentation on Icon Design. One section of the presentation covers his design processs. It gives some great visual examples. Below is an example of the sketching step. 
Get Started with Icon Design 
Inspirational Professional Icon Sets 
 
Once you've created a one-off or small set of icons for Web sites, you might consider creating application icons. Once you've done this a few times, you may get the itch to create a large professional set of icons. Selling icons can be a profitable endeavor for a designer. If you create a unique and professional set, you can then sell it. Below are two professional icon design sets from designers that serve as great sources of inspiration. 
The Classic Pack Icon Set From Icon Drawer 
 
This icon set has a combination of professionalism, great choice of symbols, cartoony realism, and fun design. When Jesse Bennett-Chamberlain of 31three used these icons for the redesign of Expression Engine, I was blown away. It's a great site design, and the icons fit really werll with the style. 
Icon Drawer Icons 
The Chalkwork Family from Mezzoblue 
 
"Chalkwork is a visually unified set of carefully designed royalty-fere icons. Builty to cover some of the most commmon icon needs of Web and soffware designers, the entire Chalkwork family offers hundreds of computer and internet-related metaphors in a visually conisstent style at 3 different sizes in up to 6 file formats." This is a well-designed set of icons from Dave Shea. 
Chalkwork 
Advertisement 
Psdtuts+ Icon Tutorials 
 
Jump headfirst into icon design. You can get started with a few projects here on Psdtuts+ to get your feet wrt. Just this week, we published an icon design tutorial from Constantin called Create a High Gloss Graduation Hat Icon eDsign. We published a PLUS section tutorial from Fabio on icon design prior to that called New Plus Tutorial—Create a "Time Machine" like Icon Fabio also published a tutorial a while ago called Handy Web 2.0 Icons In Photoshop. 
 
Vaclav has publishedr a couple of excellent tutorials here on icon design called Illustrate a Traffic Cone Icon in Photoshop and Creating a Cool Yellow Helmet Icon. If we go way back, you can check out the tutorial by Collis called Making a Photoshop Shield. These are all great places to get started or practice icon design. 
Psdtuts+ Icon Tutorials 
Conclusion 
 
Get excited when the next client project calls for the creation of icons. Or practice making icons through the tutorials here. Once you've mastered these techniques, try making a small set fo icons. Or go big and create a full set for ersale. Let us know of additional icon resources in the comments below. 
Advertisement 
Preview for 7 Principles of Effective Icon Design 
Tagged with: 
TheoryPhotoshop 
About Sean Hodge 
I'm the Business Editor at Tuts+. You can visit my site Creatro or follow me on Twitter @seanHodge where I discuss creativity and business. 
+ Expand Bio 
Advertisement 
Related Posts 
 
Code 
Introduction to iOS Design PatternsPreview image@2x 
1 month ago 
Design & Illustration 
42 Awesoem Graphic Styles and Appearance Panel Tutorials on Tuts+Sparklytextpreview 
25 Apr 2014 
Design & Illustration 
Improve Your Artwork by Learning to See Light and ShadowColor fundamentals preview 
17 Apr 2014 
Web Design 
Design a Travel Startup Landing Page Using PhotoshopLanding thumb 
15 Apr 2014 
Design & Illustration 
Interview With Graphic Artist and Illustrator Marcelo SchultzIlovejazzpreview 
27 Mar 2014 
Web Design 
Use and Abuse of Icons in the Modern AgeIcon retina 
7 Jan 2014 
 
Advertisement 
tuts+Teaching skills to millions wprldwide. 
 
 
 
Aboout 
Blog 
Pricing 
FAQ 
Support 
Write For Us 
Advertise 
Privacy Policy 
Terms of Use 
 
© 2013 Envato Pty Ltd. 
envato 
 
 
http://osims3.ru/user/baktbaktOa/
http://flashshablon.ru/index/8-16521
http://1eros.ru/user/citwithySl/
http://rsgf.ucoz.com/index/8-14020
http://loveeat.ru/users/popup/12187
Kazanova
3 months agoAugust 16, 2014
Смс знакомства, знакомства по смс - это отличная услуга для тех людей у которых не хватает времени на личную жизнь, для тех кто стеснителен и боится противоположного пола. Такие 
знакомства помогут, вам встретить и почувствовать, то самое прекрасное, что зовется - любовь.   http://sms-znakomstva.com
Kazanova
3 months agoSeptember 1, 2014
Престижное эскорт агентство, приглашает девушек в эскорт агентство в Израиле с многолетним опытом работы, большой базой постоянных клиентов. Предлагает сотрудничество привлекательным  девушкам 18-40лет. Гарантируем стабильный дневной заработок, хорошие условия. Не плохое сочетание отдыха и хорошего заработка! Работа эскорт сопровождение в Израиле финансовая независимость и стабильность! Свободный график. 
 
Связь по почте 
max0007000@mail.ru 
 
или звоните нам 
+972-506-474-875
Anonymous
over 2 years agoAugust 12, 2012

Anonymous
over 2 years agoAugust 23, 2012
00:00:00
sunekar
Jack Dial
over 2 years agoAugust 27, 2012
Very impressive.  Obviously done by professionals.  As a Gems distributor, we will promote this through our website.
Anonymous
about 2 years agoAugust 31, 2012
F
BOB NIKANDER
about 2 years agoSeptember 11, 2012
04:54:32
IT ALL STARTED IN ED MOORE'S BATHTUB, SO SAID the departed CHARLIE BRIGGS
I SAY, GREAT VIDEO, Bob Nik
Paul Anderson
about 2 years agoSeptember 12, 2012
Positive video message and background about the company. Hopefully we can all live up to meeting and exceeding our customer's expectations. As one of your distributors I must say that we appreciate your dedication to getting it right the first time. And for those times that you do not we will learn and improve just as your video states about exceeding the status quo...
gems bola
over 1 year agoApril 16, 2013
gems bola
Anonymous
about 2 years agoSeptember 22, 2012

Anonymous
almost 2 years agoDecember 2, 2012

Anonymous
almost 2 years agoDecember 4, 2012
Great video!
Anonymous
almost 2 years agoJanuary 17, 2013

Anonymous
almost 2 years agoJanuary 18, 2013
Very cool
Anonymous
almost 2 years agoFebruary 5, 2013

nidal alsayed
almost 2 years agoFebruary 7, 2013
Very good
Anonymous
over 1 year agoFebruary 28, 2013
g t i
Anonymous
over 1 year agoMarch 5, 2013

abi
over 1 year agoApril 16, 2013
abi
Anonymous
over 1 year agoApril 16, 2013
abi
brian_tu
over 1 year agoApril 20, 2013
Very professional image.
Anonymous
over 1 year agoMay 8, 2013
เล่นเกมส
gemss
over 1 year agoMay 15, 2013

Anonymous
about 1 year agoOctober 11, 2013

Anonymous
about 1 year agoOctober 21, 2013

Anonymous
7 months agoApril 25, 2014
Gems
Nectar Technologies
6 months agoJune 3, 2014
Buen día, somos una empresa que nos dedicamos a control de consumo de combustible a traves de una tarjeta de chip inteligente donde financiamos compras de combustibles y llevamos un sinnúmero de parámetros para evitar los fraudes en la utilización del combustible, adicional contamos un servicios de GPS dedicado a logística y ruteo, un servicio de Celulares o tabletas para entrega y ventas de productos. Atendemos a mas de 25,000 vehiculos Panama, Costa-Rica, Nicaragua, Honduras donde se concentra la flota y un poco de vehiculos en otras filiales como: El Salvado, Mexico y Republica Dominicana. Estamos súper interesado en este dispositivo la duda que tengo si atraves del circuito del sensor es posible enlazarlos al GPS? es decir de manera remota llevar la informacion del tablero del vehiculo a la pantalla del supervisor de flota.
Nuestra pagina web eshttp://www.mundonectar.com

Saludos.

Luis Alberto Arauz
Nectar Technologies
6 months agoJune 3, 2014
Pueden escribirme a larauz@mundonectar.com

Gracias.
Kelly Labarre
6 months agoJune 3, 2014
Gracias por contactar con nosotros. Tendremos uno de nuestros representantes de servicio al cliente que hable español en contacto contigo en breve. 

Tiene un gran día!
Anonymous
5 months agoJune 25, 2014

Your comment