Vous venez de créer un site web 2.0 ou vous voulez tout simplement rajeunir le look de votre design, et pour cela, il faut créer un webdesign à la mode. Et aujourd'hui, la mode c'est le Web 2.0 !
Depuis quelques temps, on voit l'emergence des sites web 2.0 comme flock ou silverorange et beaucoup d'autres.
Il n'y a pas de vrais règles pour créer un design Web 2 mais certains styles reviennent souvent (ombres, coins arrondis, design épuré, taille de police disproportionnée ...).
Dans ce tutorial, je vais vous apprendre comment créer un logo type Web 2.0 très facilement grâce à Adobe Illustrator.
Les sources illustrator sont disponibles à la fin de ce tutorial.

Après l'article sur la création de logo web 2.0, je vous propose de créer des boutons type Web 2.0.
Comme pour les logos, aucun standars mais certains styles redondants (dégradés, ombres, coins arrondis...).
Dans ce tutorial, je vais vous apprendre comment créer des boutons type Web 2.0 très facilement grâce à Adobe Illustrator.

Les sources illustrator sont disponibles à la fin de ce tutorial.

Dans ce tutorial, je vais expliquer en détail la création de dégradés sous Illustrator.
Ces étapes vous seront sûrement familières si vous utilisez déjà Flash par exemple puisque tous les produits Adobe / Macromedia ont adopté le même système. Il est donc important de savoir s'en servir jusqu'au bout des doigts.
Vous apprendrez ici comment créer votre dégradé, le modifier, en changer les couleurs ...

Dans ce tutorial, je vais expliquer en détail comment faire un dégradé vers une transparence sous Illustrator.
Faire ce type de dégradé n'est pas aussi simple que sous Flash où il suffit simplement d'entrer un alpha pour rendre la couleur transparente.
Sous Illustrator, vous devrez utiliser un masque d'opacité afin de cacher les parties que vous souhaitez
Vous pourrez ainsi créer des fondus entre vos éléments illustrator facilement, aussi bien pour un fondu entre images que pour un fondu entre illustrations.
Les masques d'opacité peuvent aussi servir à créer des "perçages" dans vos illustrations, des trous en quelques sorte.

Après avoir créé votre design web sous Illustrator (ou dans Photoshop par ex), vous voulez maintenant le découper pour pouvoir exporter les images séparément.
Il existe pour cela l'outil Tranche dans Illustrator, que vous pourrez trouvez dans la boîte à outils.
Il vous permet de créer des zones qui seront exportées séparemment.
Vous pourrez ensuite optimiser le poids des images en les exportant en jpeg, gif ... et dans la palette de couleurs qui correspondra à votre image.
Illustrator peut aussi fournir une page HTML mise en forme avec des tableaux.
Il est fortement conseillé de retravailler le design découpé avec un fichier CSS pour une meilleure accessibilité.

Dans ce tutorial, je vais expliquer en détail comment faire un masque d'écrêtage sous Illustrator.
Un masque d'écrêtage est un objet ou un groupe d'objets dont la forme masque les autres illustrations, rendant ainsi visible uniquement l'illustration contenue dans les limites du masque.
Ce masque peut ainsi permettre de créer une texture pour un texte ou une simple découpe de votre image.
Dans ce tutorial, vous allez apprendre comment créer, sélectionner, modifier et annuler ce masque d'écrêtage.

L'outil le plus pratique et puissant sous Illustrator est sans doute l'outil plume. L'outil plume permet de créer des tracés aussi bien recitlignes qu'arrondis mais aussi de combiner les deux.
Cepandant, sa manipulation n'est pas simple et il va falloir vous entraîner pour le maîtriser totalement.
C'est avec l'experience que vous saurez placer vos points d'ancrage afin que votre tracé suive vos envies.
Ce tutorial présente les différentes manières d'utiliser l'outil plume ('+' et '-') ainsi que les outils associés.

Votre illustration ne prend qu'une partie de votre plan de travail et vous voulez exporter seulement cette partie.
Une solution peut être de redimensionner votre plan de travail aux bonnes dimensions et de déplacer vos objets à l'intérieur de cet espace de travail puis d'êcréter selon les limites du plan de travail au moment de l'exportation.
Cette opération est plutôt laborieuse, mais il existe une seconde solution sous illustrator : la zone de recadrage.
Cette solution est beaucoup plus maniable et intuitive.
Dans ce tutoriel illustrator, je vais présenter les deux manières d'exporter une partie de l'illustration.