![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-CqPXdQ.jpeg)
![Blog Du Webdesign - Tendance Web, Magazine WebDesign, Projets Web, Actualité Graphique et Tendance Blog Du Webdesign - Tendance Web, Magazine WebDesign, Projets Web, Actualité Graphique et Tendance](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-cdYQdO.jpeg)
Pensez à illustrez vos webdesign !
Ajouter des illustrations à votre design ou vos logo avec une mascotte permet de vous démarquer des "tendances" et de renforcer votre impact sur l'internaute. Il identifira tout de suite votre univer graphique avec votre nom.
Pour commencer ce Kit Du Webdesigner voici une sélection de tutoriaux efficaces pour apprendre à créer facilement des illustrations afin d'agrémenter votre portfolio.
Ressources Webdesign avec illustrator
Une sélection des meilleurs tutoriaux et outils pour créer des personnages, des mascottes et des motifs sur illustrator.
Créer une mascotte pour votre site avec illustrator
Vous pouvez télécharger directement les fichiers de ce personnage au format PSD et AI.
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-oL74an.jpeg)
Créer facilement une mascotte pour illustrer des logos sur illustrator Cs3
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-zYYoRo.jpeg)
Créer une pieuvre souriante
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-enuwDi.jpeg)
Créer un Panda
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-JxtcCy.jpeg)
Créer un panda trop mignion
Ideal pour accompagner vos logos ou créer une icone pour votre blog
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-0VLJTS.jpeg)
Créer une créature d'Halloween
Vous pouvez télécharger directement le fichier au format AI
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-Zz8hYh.jpeg)
Créer un méchant lapin avec une symétrie
Vous pouvez télécharger directement le fichier au format AI
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-CPSMl2.jpeg)
Créer un crane façon illustrations de BMX
Vous pouvez télécharger directement le fichier au format AI
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-204jhO.jpeg)
Créer un Zombie
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-s_W1JI.jpeg)
Créer une Vache avec un bon style graphique
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-Tyw9J2.jpeg)
Créer des Motifs
Créer des ornements
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-b90arl.jpeg)
Créer des motifs en tourbillons
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-gmJOHx.jpeg)
Créer simplement un ensemble de motifs complexe
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-TEOqWB.jpeg)
Créer un motif sur illustrator - Vectips
Un tutorial anglais complet pour créer vos motifs facilement sur illustrator
Mad Pattern
Un outil qui permet de créer facilement des motifs sur illustrator, simple et efficace !
Créer des icones
Créer un graphique tendance
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-9SHgao.jpeg)
Créer un cambert
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-yZ1ZeJ.jpeg)
Créer une icône de dossier
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-43zQtn.jpeg)
Créer une icône StumbleUpon
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-zgUhI8.jpeg)
Créer une icône de nourriture chinoise
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-ggMLte.jpeg)
Créer une icone de réveil
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-yC4yqU.jpeg)
Créer une icône de panier d'achats
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-F3tVse.jpeg)
Créer une icône de magazin
Aller plus loin :
Débuter facilement et apprendre rapidement sur illustrator !
Tuto Illustrator CS5: Les nouveautés
50 tutoriaux que tout les webdesigner doivent avoir vu - Spoongraphic
Ressources Typographiques
1500 Fonts à télécharger gratuitement
Outils pour intégrer des typographies dans vos Webdesign
Ces outils vous permet d'afficher sur votre site des typographies autres que les typographies classiques comme Arial - Lucida - Helvetica - Verdana etc…
Typekit
Font Deck
Typotheque
Webfonts.fonts
Web INK
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-mvGgw8.jpeg)
Kernest
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-D1Wp_l.jpeg)
Ascenderfonts
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-XknkJW.jpeg)
Aller plus loin ?
Tests de lisibilité de Google Fonts réalisé par All For Design
Les nouveautés de CSS3 par John's Graphisme
Faites le plein de typographies par Xbition Art
20 fonts gratuites par Devgrow
Ressources Webdesign avec Photoshop
Retrouvez les ressources utiles et tutoriaux tendances pour apprendre à concevoir vos webdesign sur Photoshop
Les Guides de Construction
Les guides de construction s'avèrent redoutables pour augmenter la rapidité et l'homogénéité de vos webdesign. Personnellement je les utilse surtout avec FireWork pour créer mes maquettes et l'architecture de nos futurs projets.
Best Practice UX Forms Stencil v1.1
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-YuQ0K6.jpeg)
Web Form Elements
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-DYGU0K.jpeg)
Omnigraffle Stencil
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-MYXr3x.jpeg)
Sketching- Wreframing Kit
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-FrRssJ.jpeg)
Wireframe Symbols
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-GS1Ucj.jpeg)
Yahoo Stencil Kit
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-KlYfbL.jpeg)
OmniGraffle Stencil for Ext JS v3.0
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-QdZBAd.jpeg)
Le kit complet du webdesign de Facebook sur photoshop
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-pQ5_to.jpeg)
Aller plus loin :
Guide de construction pour l'iphone, l'ipad , android et palmpree chez John's graphisme
Guide de construction complet pour android chez speckyboy
Tutoriaux pour créer un webdesign avec Photoshop
Nous avons sélectionné les tutoriaux à connaitre pour réaliser différents types de sites dans les tendances du moment.
Créer un Template pour mettre en avant votre application Iphone.
Retrouver une liste de tutoriaux pour concevoir une page web pour mettre en avant vos applications Iphone.
Abduzeedo
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-ayzv_X.jpeg)
Devise Function
Tuts Arena
Psd Tuts+
Template de musique
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-GaN_xy.jpeg)
Tutoriaux pour créer un Template de Site ou Blog Business
Line 25
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-D1mNoG.jpeg)
Six Revisions
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-XXJR74.jpeg)
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-9uxO8e.jpeg)
Tutorial 9
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-eqsfZD.jpeg)
Tuts Arena
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-qpuG6E.jpeg)
Psd Style
PSD téléchargeable gratuitement
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-Ywjpon.jpeg)
Bevelandemboss
Template telechargeable gratuitement
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-GHYNOw.jpeg)
Apprendre à créer un webdesign de Portfolio
Tuts Arena
Hv-Designs
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-v8EAPd.jpeg)
Devise Function
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-OLzslS.jpeg)
Smashing Magazine
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-1xymxi.jpeg)
Spyre Studios
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-74ek73.jpeg)
Artbox7
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-4dXxkj.jpeg)
Psdvibe
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-YMDNhV.jpeg)
Aller plus loin:
35 tutoriaux de webdesign chez Design Reviver
40 webdesign professionnels et clean chez Speckyboy
90 webdesign en tout genre chez 1st Webdesigner
Retrouvez notre 1er numéro du Kit du parfait Webdesigner
![Le Kit du parfait Webdesigner #2 Le Kit du parfait Webdesigner #2](https://media.paperblog.fr/i/355/3558000/kit-parfait-webdesigner-2-L-kZ216w.jpeg)
Vous en pensez quoi ?
Nous recherchons pour les prochains numéros des webdesigner désireux de créer des ressources en exclusivité pour le Blog Du Webdesign ( Icones, Elements web, Templates ). Nous serons ravis de les mettre en avant dans les prochains numéros du "Kit du parfait Webdesigner" et de vous faire de la pub pour votre folio !
Demander un compte Créateur de ressources