Et on trouve vraiment de tout : des photographies retouchées, des éléments graphiques pour des sites web, des icônes, des modèles de formulaire et ainsi de suite. Globalement, toutes les ressources présentées sont de très bonne qualité. Point intéressant, plusieurs contributeurs participent à ce projet. Parmi eux, on trouve Jonno Riekwel et Jord Riekwel.

Précisons enfin que l’opération 365 PSD ne durera qu’un an.

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.

PSD TUTS

Abduzeedo

Tutorial9

PSHero

PSD Fan

DeviantArt

PSDFan

Computer Arts

Outlaw Design Blog

PVM Garage

DesignBlurb

Talk Mania

X24D

EyesOnTutorials

UBLTuts

Online Photoshop Tutorials

Worth1000

Vileworks

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.

Si vous ne connaissez pas encore Photoshop sur le bout des doigts et que vous n’avez jamais utilisé de brushes, voici la procédure à suivre pour en profiter pleinement :

1. Sélectionnez l’outil pinceau (touche « B »).
2. Déroulez la liste forme située dans la barre d’outils du logiciel (en haut).
3. Cliquez sur la toute petite flèche située dans le coin haut droit du menu qui apparaît.
4. Sélectionnez l’option « Charger des formes ».
5. Sélectionnez sur votre disque dur le fichier ABR précédemment téléchargé.
6. Les nouvelles formes sont ajoutées à la suite.

Et hop, voici la liste :

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.

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.

• Made by Simple Slideshow : Comme son nom l’indique, ce plugin va vous permettre de gérer très facilement des diaporamas d’images que vous pourrez positionner ensuite dans vos pages comme bon vous semble.
• WP Smart Image : Même si WordPress intègre de puissants outils pour gérer efficacement sa bibliothèque d’images, il est néanmoins difficile d’affecter des propriétés spécifiques à certaines d’entre elles uniquement. Ce plugin va vous permettre une gestion plus souple de vos médias.
• Blogroll Links Favicons : Ce plugin permet d’afficher automatiquement les favicons des sites ou blogs liés. C’est donc un bon moyen d’agrémenter sa blogroll et de la rendre beaucoup plus visuelle et présentable.
• WP Smush.it : Il est toujours un peu tentant d’insérer de nombreuses images dans ses billets afin de les rendre plus agréables visuellement. Avec ce plugin, vous allez pouvoir compresser et optimiser vos images afin de les rendre plus légères et plus faciles à afficher.
• Lightbox Plus : Limités par le gabarit de leur thème, il n’est pas rare que les blogueurs se contentent d’afficher des miniatures pour illustrer leurs billets. Avec ce plugin, en cliquant sur une image, l’internaute pourra l’agrandir et l’afficher dans une fenêtre dédiée.
• WP Super Cache : Surtout utilisé par les blogs à fort trafic, ce plugin permet de mettre en cache les images et accélère dont l’affichage des pages tout en soulageant considérablement la base de données. A noter qu’il intègre également un mode spécifique pour mettre en cache l’intégralité d’un blog et donc le préserver en cas d’importants pics de trafic.
• NextGen Gallery : Les possibilités offertes par ce plugin sont nombreuses et vous permettront de gérer au moins l’affichage de votre galerie d’images. Dans le lot, on peut quand même citer l’envoi de fichiers zip, l’ajout de watermarks ou encore l’intégration d’effets javascript.
• Vertical Scroll Image Slideshow Gallery : Ce plugin permet d’ajouter très facilement un slideshow dans la sidebar de son blog.
• WP Carousel : Comme son nom l’indique, ce plugin permet d’ajouter un carrousel à son blog. Idéal pour mettre en valeur certains de ses billets.
• Visual Recent Post : Ce plugin permet d’afficher ses derniers billets dans un style magazine.
• Twitter Grid : De tous les services présents sur le web, Twitter est sans doute l’un de ceux qui rencontrent le plus de succès auprès des blogueurs. Ce plugin vous permettra d’afficher le portrait de tous vos amis sous la forme d’un widget à ajouter en quelques clics.
• Gravatar Grid : Très sympathique, ce plugin permet d’afficher l’avatar des derniers commentateurs dans une grille.
• Image Shadow : Histoire d’éviter de passer par la case « Photoshop », ce plugin vous permet d’ajouter un effet d’ombre à toutes vos images.
• WP Image Flow : Très impressionnant, ce plugin vous permet d’afficher une galerie d’images directement inspirée du mode Cover Flow d’Apple.
• Photo Dropper : Quand on fait les choses dans les règles, il est toujours important de bien vérifier les droits des images que l’on intègre dans ses billets. Et, parfois, la recherche peut être longue. Ce plugin ajoutera un moteur de recherche à la fenêtre de création de vos billets et vous permettra de chercher des images dans un catalogue libre de droit tout droit issu de Flickr.
• WP Decoratr : Pourquoi ne pas exploiter toute la puissance de Flickr et utiliser cette fabuleuse banque d’images pour agrémenter vos billets ? Ce plugin va justement vous permettre d’inclure des images en provenance de ce célèbre service.
• Picasa Widget : Si vous fréquentez assidument Picasa, alors ce plugin est fait pour vous puisqu’il va vous permettre d’afficher les dernières photos de vos albums sur votre blog en quelques clics.
• Picasa Photo : Complémentaire au plugin précédent, celui-ci va vous offrir la possibilité d’afficher une image au hasard en provenance de vos albums Picasa.
• Deviant Thumbs : Là encore, c’est un plugin pratique puisqu’il permet d’afficher des images en provenance de Deviant Art dans un carrousel du plus bel effet.
• ImageShack Uploader : Si vous appréciez ce service, alors ce plugin risque de vous intéresser. En effet, il permet d’envoyer une image sur son compte ImageShack et de l’intégrer ensuite dans ses billets.

Crédits 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. 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. 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.

Si vous ne connaissez pas encore Photoshop sur le bout des doigts et que vous n’avez jamais utilisé de brushes, voici la procédure à suivre pour en profiter pleinement :

1. Sélectionnez l’outil pinceau (touche « B »).
2. Déroulez la liste forme située dans la barre d’outils du logiciel (en haut).
3. Cliquez sur la toute petite flèche située dans le coin haut droit du menu qui apparaît.
4. Sélectionnez l’option « Charger des formes ».
5. Sélectionnez sur votre disque dur le fichier ABR précédemment téléchargé.
6. Les nouvelles formes sont ajoutées à la suite.

Et, comme d’habitude, faites bien attention aux différents copyright avant d’utiliser ces brushes dans vos projets. Normalement, toutes les mentions adéquates figurent sur la fiche de la ressource.

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.

Si les captures d’écran de MakePhotoshopFaster sont suffisantes pour comprendre la marche à suivre, voici tout-de-même les explications en français :

1. Réduction du niveau de cache : Aller dans le menu Préférences > Performances et baisser le niveau de cache à 1.
2. Enregistrement de la prévisualisation des images : Aller dans le menu Préférences > Gestion des fichiers et sélectionner « jamais » dans la liste déroulante.

Voilà, et normalement, suivant votre configuration, cela devrait augmenter les performances et la réactivité générale de votre Photoshop.

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.

Si vous ne connaissez pas encore Photoshop sur le bout des doigts et que vous n’avez jamais utilisé de brushes, voici la procédure à suivre pour en profiter pleinement :

1. Sélectionnez l’outil pinceau (touche « B »).
2. Déroulez la liste forme située dans la barre d’outils du logiciel (en haut).
3. Cliquez sur la toute petite flèche située dans le coin haut droit du menu qui apparaît.
4. Sélectionnez l’option « Charger des formes ».
5. Sélectionnez sur votre disque dur le fichier ABR précédemment téléchargé.
6. Les nouvelles formes sont ajoutées à la suite.

Et hop, voici la liste :

Crédits 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.