Précisons, en outre, que j’avais déjà publié à ce sujet avec plus de 200 icônes type web 2.0 à télécharger. D’après mes statistiques, vous avez été nombreux à accrocher à cette sélection et il était donc normal que je vous en propose une nouvelle. En espérant que cette dernière vous plaise, naturellement…

Et pour finir, précisons que cette sélection repose sur celle de Tutorial Freakz, découverte grâce à un très bon article de Blogmotion. Si ces quelques icônes ne vous suffisent pas, vous savez donc ce qu’il vous reste à faire !

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

1. SoulVisual

Contrairement à ce que l’illustration précédente peut laisser penser, ce pack comprend 36 icônes différentes (chacune déclinée en trois tailles : petite, moyenne et grande). La cerise sur le gâteau, c’est qu’il fait la part belle aux réseaux sociaux web 2.0 français comme Wikio ou encore Jiwa. Ces derniers ne sont habituellement pas aussi bien représentés.

Télécharger le pack d’icônes web 2.0

2. Web is Well

Ce pack de 12 icônes type Web 2.0 ne s’accordera sans doute pas avec toutes les chartes graphiques, mais on ne peut pas dire qu’il ne fait pas preuve d’originalité. La plupart des réseaux sociaux du moment se retrouvent donc sur ces étranges verres.

Télécharger le pack d’icônes web 2.0

3. Wikiworks

Sans être non plus révolutionnaire, ce pack de 12 icônes (déclinées chacune en trois tailles : petite, moyenne et grande) reste tout-de-même très agréable sur le plan visuel. On notera juste qu’un effet de reflet est présent sur les icônes, ce qu’on ne voit pas avec l’illustration précédente.

Télécharger le pack d’icônes web 2.0

3. Aquaticus Social

Là encore, l’illustration précédente ne rend pas vraiment justice à cet incroyable pack de 30 icônes Web 2.0 (déclinées chacune en quatre tailles différentes) trop inspirées. A la fois sobres et minimalistes, elles s’accorderont à merveille avec n’importe quelle ambiance graphique.

Télécharger le pack d’icônes web 2.0

4. Free 3D Social Icons

Ce sympathique pack de 20 icônes type Web 2.0 (disponibles en huit tailles : 16×16, 20×20, 24×24, 48×48, 64×64, 128×128 ou 256×256) fait dans l’originalité en proposant une vue en 3D des réseaux sociaux du moment. On précisera également que quelques icônes pour les flux rss accompagnent ce set.

Télécharger le pack d’icônes web 2.0

5. Web 2.0 Gift Icon

Un très beau pack de 14 icônes (déclinées en 5 tailles : 32×32, 48×48, 64×64, 128×128 et 256×256) conviendra parfaitement en période de fêtes.

Télécharger le pack d’icônes web 2.0

6. 150 Badges

Un peu plus original que les précédents, et d’une finition parfaites, ce pack d’icônes conviendra à toutes les ambiances graphiques. A noter que le pack contient des icônes représentant les médias sociaux du moment (13 icônes, une seule taille disponible – 58×58), mais aussi d’autres visuels classés en plusieurs catégories bien distinctes.

Télécharger le pack d’icônes web 2.0

7. Origami Pack

Sans doute l’un des packs d’icônes web 2.0 les plus originaux du moment. Ces icônes origami sont au nombre de 15 et sont déclinées en 3 tailles différentes : petite, moyenne et grande. On notera qu’un PSD est fourni avec l’archive afin que vous puissiez vous inspirer du travail de l’auteur pour vos propres créations.

Télécharger le pack d’icônes web 2.0

8. Social.me

Ce pack de 30 icônes web 2.0 (disponibles en quatre tailles : 16×16, 24×24, 48×48 ou 60×60), très traditionnelles, peuvent convenir à tous les thèmes graphiques, des plus travaillés au plus minimalistes.

Télécharger le pack d’icônes web 2.0

9. Colored Pencil Web 2.0 Icons

Très complet, ce pack propose pas moins de 20 icônes dessinées / coloriées à la main (disponibles en 5 tailles) et reprenant les logos des réseaux sociaux du moment. Très originales, ces icônes se marieront à merveille avec toutes les ambiances graphiques « faites main ».

Télécharger le pack d’icônes web 2.0

10. Socialize Part 2

Encore un excellent pack de 12 icônes disponibles en quatre tailles : 32×32, 48×48, 64×64 et 128×128. L’effet « badge » est réussi, le coin corné est une bonne idée. Globalement, ces icônes pourront convenir à toutes les chartes, des plus simples aux plus élaborées. On précisera en outre que la première partie de ce pack est toujours disponible à cette adresse.

Télécharger le pack d’icônes web 2.0

11. Web 2.0 Icon Set

On revient à des visuels plus traditionnels avec ce pack de 11 icônes type Web 2.0. Livrées sous la forme d’un fichier AI, vous devrez utiliser Photoshop ou Illustrator pour les intégrer et/ou les redimensionner.

Télécharger le pack d’icônes web 2.0

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

1. DesignFreak RSS Icons (2 sets)

Les premières icônes ont été réalisées pour le célèbre magazine en ligne Smashing Magazine qu’il n’est plus nécessaire de présenter. Des créations très organiques, qui pourront facilement être détournées de leur contexte d’origine. On remarquera d’ailleurs qu’il en va de même pour la seconde icône qui s’avère tout aussi originale.

Télécharger le premier pack d’icônes rss

Télécharger le second pack d’icônes rss

2. Garcya RSS Icons (2 sets)

Traditionnelles, les premières icônes rss de Garcya peuvent d’adapter à n’importe quelle charte graphique. Elles misent avant tout sur le quotidien en détournant les objets de la vie de tous les jours afin d’en faire des icônes rss qui ne manqueront sans doute pas d’interpeller les internautes. Notons d’ailleurs qu’elles tranchent tout particulièrement avec les autres icônes du même auteur.

Télécharger le premier pack d’icônes rss

Télécharger le second pack d’icônes rss

3. Hat RSS Icons

C’est sur DeviantArt que l’on retrouve ce chapeau rss qui risque de ne pas pouvoir s’intégrer à toutes les chartes graphiques mais qui présente la palme de l’originalité.

Télécharger l’icône rss

4. RSS ?

A la fois simple, épurée, toute en rondeur et très aérée, cette icône rss plaira sans doute à de nombreux blogueurs et/ou webmestres. Encore une création trouvée sur DeviantArt.

Télécharger l’icône rss

5. IconTexto RSS Icons

Cette fois, c’est tout un set que vous pouvez télécharger sur DeviantArt. Il regroupe pas mois de 200 éléments, tous réalisés sur la même idée. A noter que les icônes proposées le sont en deux formats : le format PNG (pour toutes vos créations graphiques) et le format ICO (pour votre ordinateur).

Télécharger le pack d’icônes rss

6. Web 2.0 RSS Icons

C’est toujours sur DeviantArt que l’on trouve ce pack d’icônes fort sympathiques. Attention cependant car le fichier fourni comprend ces trois icônes, il vous faudra donc les découper pour en profiter dans vos projets personnels. On regrettera donc l’absence d’un fond transparent, ce qui aurait considérablement facilité les choses.

Télécharger le pack d’icônes rss

7. Grunge Style RSS Icons

Très connu, ce set s’intégrera à merveille dans toutes les chartes un peu grunge. Point négatif, le fond de ces icônes n’est pas transparent (mais blanc). Point positif, les icônes du set sont disponibles en trois couleurs (bleu, vert, rose) de trois tailles chacune (32×32, 64×64 et 128×128).

Télécharger le pack d’icônes rss

8. Alternative RSS Icons

Très douces, ces icônes sont directement inspirées de ce que l’on retrouve dans le web 2.0 : des dégradés, des effets de transparence et des reflets sont ainsi donc au rendez-vous. Si ces icônes ne sont pas disponibles en plusieurs formats différents, on peut toutefois noter que leur fond est transparent et qu’elles peuvent donc facilement être intégrées dans n’importe quelle charte graphique.

Télécharger le pack d’icônes rss

9. Floral RSS Icons

Sortir des sentiers battus, c’est toujours agréable. D’ordinaire, les icônes de flux rss sont carrées ou rondes, celles-ci jouent la carte de l’originalité avec leur forme florale. Et comme elles sont en plus déclinées en une dizaine de couleurs, on peut dire qu’elles constituent un set fort appréciable.

Télécharger le pack d’icônes rss

10. RSS News

Très sympathique, ce set vous offre deux icônes rss plutôt soignées. La première possède une bordure glossy très sympathique alors que la seconde mise plutôt sur une bordure mate. Dans tous les cas, ces deux icônes sont sur fond transparent, ce qui vous permettra de les intégrer sans encombre à votre thème.

Télécharger le pack d’icônes rss

11. 30 Free Vector RSS Buttons (2 sets)

C’est chez Snap2Objects que l’on trouve ces deux étonnants packs de 70 icônes rss, toutes de couleur différente. De quoi trouver chaussure à son pied, quelles que soient les couleurs dominantes de son thème : vert, bleu, rose, mauve, gris et ainsi de suite…

Télécharger le premier pack d’icônes rss

Télécharger le second pack d’icônes rss

12. RSS Reader Icon

Cette icône très originale intéressera sans doute les blogueurs ou webmestres adeptes de thèmes traditionnels, comme ceux des grands quotidiens. A noter que l’icône est disponible en 4 tailles : 16×16, 32×32, 48×48 et 128×128.

Télécharger le pack d’icônes rss

13. Free Glass Style RSS Icons

Encore un très gros pack d’icônes que voilà. Au total, ce ne sont pas moins de 8 icônes rss que vous allez pouvoir trouver, chacune avec des couleurs et des tailles différentes (pour un total de 64 icônes). Très conventionnelles, ces icônes se marieront avec toutes les chartes graphiques. Un « must have » !

Télécharger le pack d’icônes rss

14. Drink RSS

Un pack très original et dédié aux buveurs de bières. On peut dire que les icônes rss présentées dans ce set n’ont rien à voir avec celles que l’on peut habituellement voir circuler sur le web. Evidemment, tous les webmestres / blogueurs n’opteront pas forcément pour ce genre d’icônes.

Télécharger le pack d’icônes rss

15. Paper Feed Icons

Là encore, voici un pack très original qui risque de plaire à pas mal de monde. Chacune des icônes est déclinée en quatre tailles différentes et toutes sont proposées sur fond transparent. Là encore, il s’agit d’un de mes sets préférés, du moins pour cette sélection.

Télécharger le pack d’icônes rss

16. RSS Icons Orb v2

Très connues, ces icônes jouent la carte de la rondeur et elles le font bien. Déclinées en quatre teintes, elles trouveront facilement leur place dans n’importe quelle ambiance graphique.

Télécharger le pack d’icônes rss

17. RSS Icons

Très traditionnelles, ces icônes n’en sont pas moins réussies sur le plan visuel. Comme pour la plupart des packs de cette sélection, elles sont déclinées en trois couleurs et en trois tailles.

Télécharger le pack d’icônes rss

18. Toast Feed Icon

Encore une icône rss très originale que celle-ci… Et du coup, elle ne s’adaptera sans doute pas à toutes les chartes mais elle séduira sans doute les adeptes des designs « réalistes ». Au passage, on notera que le fond de l’icône est transparent, ce qui est plutôt une bonne chose puisque cela vous évitera le traditionnel détourage.

Télécharger l’icône rss

19. RSS Icons (encore)

Là encore, il est possible que vous ayez déjà croisé ce pack d’icônes au cours de vos pérégrinations numériques mais peu importe car elles sont plutôt réussies. On précisera que ces icônes sont déclinées en quatre couleurs différentes et qu’elles sont toutes disponibles sur un fond transparent. J’insiste peut-être souvent sur ce dernier point mais il me semble tout-de-même important à signaler.

Télécharger le pack d’icônes rss

20. RSS 2008

Cette icône est sans doute la plus moderne du lot. Point positif, elle est moins connue que les autres. Point négatif, elle ne fait que suggérer le flux rss et les internautes néophytes pourraient facilement s’y perdre. Quoi qu’il en soit, il s’agit là d’un travail vraiment remarquable.

Télécharger l’icône rss

21. RSS Icons par Jinsona Design

Je dois bien avouer que j’ai eu un petit coup de coeur pour ce pack particulièrement original. Fortement inspiré des tendances du web 2.0, il n’en reste pas moins novateur quant à la forme des icônes. On précisera d’ailleurs qu’elles sont proposés en différentes couleurs et sur un fond transparent.

Télécharger le pack d’icônes rss

22. Feed Me Animals

Proposé par le Smashing Magazine, ce pack d’icônes rss est sans doute l’un des plus sympathiques du lot. L’idée de mettre en scène de petits animaux est tout simplement géniale. Seul bémol, ces icônes ne conviendront sans doute pas à toutes les chartes.

Télécharger le pack d’icônes rss

23. RSS Feed Buttons

Reposant sur une idée très novatrice (intégrer les flux rss à la vie quotidienne), ce pack est à la fois très pertinent et très séduisant. Les icônes contenues dans le set sont toutes de qualité, on regrettera juste que l’auteur n’ait pas pensé à mettre un fond transparent. Il vous faudra donc les détourer (ou adopter le blanc) pour en profiter.

Télécharger le pack d’icônes rss

24. RSS Icons (encore)

Très sobres, ces icônes se marieront avec toutes les chartes. Que vous ayez opté pour un visuel travaillé ou minimaliste, elles vous permettront de mettre en valeur votre flux rss dans pour autant choquer vos visiteurs. Malheureusement, plutôt que de fournir des PNG transparents, l’auteur s’est contenté d’une simple image sur fond blanc.

Télécharger le pack d’icônes rss

25. StickerFeed

Sobre et minimaliste, le StickerFeed risque de vous plaire. Discret, il mettra tout-de-même en valeur votre flux rss et parviendra à capter l’attention de vos visiteurs. Une très bonne création.

Télécharger l’icône rss

26. devi.RSS

Très glossy, ces icônes rss sont parmi les plus séduisantes de cette sélection. Parvenant à concilier élégance et originalité, elles font aussi partie des moins connues. Dans tous les cas, ce sont 4 icônes que vous pourrez trouver dans ce pack.

Télécharger le pack d’icônes rss

27. RSS Cheese

Très particulières, ces icônes rss risquent de ne pas plaire à tout le monde. Cela dit, elles présentent au moins le mérite de faire preuve d’originalité.

Télécharger le pack d’icônes rss

28. RSS Icons (encore)

Là encore, le concepteur de ces icônes s’est inspiré de la vie de tous les jours pour les réaliser. On trouve donc dans ce pack de 15 icônes rss très originales et qui risquent notamment de plaire à de nombreux blogueurs.

Télécharger le pack d’icônes rss

Attention tout-de-même car certaines de ces icônes sont peut-être protégées et ne peuvent donc être utilisées dans un cadre commercial. Prenez donc le temps de bien vous renseigner avant de les utiliser dans vos projets.

(Crédit Photo)

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

1. Un bouton style Windows Vista

Depuis sa sortie, et comme pour la plupart des O.S de la firme de Redmond, Windows Vista a inspiré nombre de designers. C’est la raison pour laquelle on trouve aujourd’hui de nombreux sets d’icônes inspirés par le style de ce système d’exploitation. Les menus ne dérogent pas à la règle, comme le prouve ce tutoriel très bien réalisé.

2. Un menu inspiré de Windows Vista (encore)

Encore un menu inspiré de Windows Vista, mais un peu plus détaillé que le précédent. On remarquera d’ailleurs le fond du menu, qui a subit de nombreux effets de transparence et qui fait ressortir le système de navigation proposé.

3. Un bouton mat et minimaliste

Très complet, ce tutoriel vous apprendra à travailler aussi bien sous Photoshop qu’au niveau des CSS. Vous apprendrez ainsi à créer une image, à l’affecter à un bouton et à la déplacer suivant l’état de la souris de l’internaute. Précisons également que Six Revision propose une archive complète contenant l’image, bien sûr, mais aussi le PSD et les CSS de l’exercice.

4. Un menu « plastique »

Certains webdesigners aiment s’inspirer de matériaux pour construire leurs systèmes de navigation. Avec ce tutoriel, vous apprendrez à réaliser un menu type « plastique ». Au passage, je vous conseille d’en profiter pour jeter un coup d’oeil à la charte graphique du site source, qui est vraiment magnifique.

5. Des boutons « glossy »

Si l’on devait citer deux grandes tendances « web 2.0″, ce serait sans doute les reflets et les effets d’ombre. Tant mieux, car c’est justement ce que va vous faire travailler ce tutoriel. A conseiller à tous ceux qui ne sont pas très familiers des effets de calque.

6. Un menu noir et bleu

Un peu plus conventionnel, ce tutoriel permettra de vous familiariser avec les effets de volume et de lumière. Là encore, il s’agit d’effets incontournables dont il devient de plus en plus difficile de se passer.

7. Un menu minimaliste

Parfois, la simplicité paie. Ce menu blanc et fin pourra s’intégrer à la plupart des chartes graphiques. L’inconvénient de ce genre de menus, c’est qu’ils se font parfois trop discret. Heureusement , le rollover bleu vous permettra d’attirer l’attention de vos visiteurs.

8. Un menu minimaliste et sombre

Pourquoi faire compliqué lorsqu’on peut faire simple ? Ce tutoriel, reposant sur 10 étapes seulement, vous permettra de réaliser un menu complet, minimaliste mais très agréable à l’oeil. A noter qu’il conviendra sans doute à tous les publics, y compris à ceux qui apprennent tout juste à maitriser Photoshop.

9. Un menu minimaliste blanc

Toujours dans le minimalisme et dans le discret, voici un autre menu tout en douceur qui ne vous laissera peut-être pas indifférent. Là encore, il s’agira de jouer avec les effets de dégradé et d’ombre, tout en prenant soin de choisir des couleurs adaptées et nuancées.

10. Un menu futuriste

Si ce genre de menus était très à la mode dans les années 90-2000, cela n’est plus vraiment le cas aujourd’hui. En revanche, ce tutoriel est surtout intéressant sur le plan technique puisqu’il vous permettra de vous familiariser avec les formes et certains effets de calque.

11. Un menu en trois dimensions

Si les menus figés et traditionnels vous déçoivent, alors ce tutoriel proposé par PSD Tuts risque de vous intéresser. En effet, il vous apprendra à utiliser les effets de dégradés, d’ombres et de lumières afin de rendre vos systèmes de navigation plus vivants et plus séduisants. Là encore, les techniques étudiées sont nombreuses et vous permettront d’approfondir votre connaissance de l’outil.

12. Un menu « aquarelle »

Là encore, le manuscrit, le « fait main » revient de plus en plus à la mode. Il n’est ainsi pas rare de voir des blogs opter pour ce style si particulier (je pense notamment aux blogs BD). Justement, durant ce tutoriel, vous apprendrez à fabriquer du papier et à l’intégrer au mieux au reste de votre charte. Et comme un bonheur ne vient jamais seul, le site source vous conseillera également l’une des plus belles polices écrites qui existe.

13. Un menu moderne noir

Là encore, ce menu fait partie de ce qui pouvait se faire dans les années 90-2000, avec quelques effets de reflet en plus. Cela dit, il n’en reste pas moins pertinent et le tutoriel proposé vous permettra, une fois de plus, de vous familiariser avec les effets de calque.

14. Un menu professionnel

Une entreprise ne peut pas tout se permettre, et c’est d’autant plus vrai sur le web. Tout en proposant un design agréable, séduisant et épuré, elle doit faire en sorte de ne pas choquer et de convenir à la plupart des publics. Ce que ce tutoriel vous propose, c’est justement ça : parvenir à réaliser un système de navigation agréable et professionnel.

15. Un menu futuriste

Aujourd’hui, en matière de web, il ne faut plus montrer, il faut suggérer. Ce que fait justement ce menu avec ses rollovers gros clair qui dénotent à peine du fond blanc du menu. Au passage, on remarquera que la police d’écriture utilisée occupe une place de choix puisqu’elle parvient à déterminer l’ambiance générale de la création. Avec une autre police, ce menu n’aurait pas eu l’air aussi futuriste.

16. Un menu tout en décorations

Si les techniques utilisées pour réaliser ce menu sont globalement les mêmes que pour les autres menus de cette sélection, ce tutoriel n’en reste pas moins très intéressant, notamment en ce qui concerne le travail effectué sur le fond. Malheureusement, ces étapes-là n’ont pas été très détaillées, il vous faudra donc faire preuve de patience et de rigueur pour obtenir ce résultat.

17. Un menu très « web 2.0″

Là encore, ce tutoriel vous permettra de jongler avec les différents effets de calques proposés par l’outil. Sans être inoubliable, l’effet produit est tout-de-même intéressant.

18. Un menu inspiré par Apple

Ce n’est un secret pour personne, les designers d’Apple ont toujours su faire parler d’eux. Ainsi, depuis ces dernières années, nous avons vu débarquer un bon nombre de tutoriels vous proposant de recréer le système de navigation du site officiel de la marque. Celui-ci en est un de plus.

19. Encore un menu inspiré par Apple

Bien que ce menu puisse paraître redondant une fois confronté au quatorzième menu présenté dans cette sélection, on comprend vite qu’il n’en est rien. En effet, celui-ci avait pour objectif de reproduire le menu proposé sur le site officiel de la marque. Il en reprend donc le logo, la police ainsi que la présentation générale et constitue un bon moyen d’éduquer son oeil.

20. Un menu inspiré de la Wii

Cette fois, c’est de Nintendo dont s’est inspiré le concepteur de ce tutoriel très élaboré qui vous propose de reproduire le même menu de la Wii. Très détaillé, il vous apprendra à utiliser conjointement toutes les techniques vues pendant les tutoriels de cette sélection. Au passage, on remarquera l’effet de lumière bleue sur la gauche, qui est vraiment magnifique.

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.