Dans ce didacticiel nous verrons quelques étapes permettant la réalisation d'un fond avec Adobe Illustrator. Ces étapes pourront servir pour la création de n'importe quel fond ou style. Ce fond est créé avec Adobe Illustrator, il est donc vectoriel et imprimable dans toutes les résolutions.

Création de l'arrière-plan.

1. Avec l'Outil Plume (P), tracez un triangle isocèle. Dupliquez ce triangle (Ctrl+C puis Ctrl+F) et avec l'Outil Miroir (O) déplacez verticalement le triangle dupliqué pour qu'il soit symétrique par rapport au sommet.

2. Sélectionnez les 2 triangles pour les dupliquez (Ctrl+C puis Ctrl+F). Appliquez une rotation en double-cliquant sur l'Outil Rotation ou en naviguant dans le menu "Objet > Transformation > Rotation". Répétez plusieurs fois (Ctrl+D) pour obtenir un tour complet.

3. Associez tous les triangles dans un groupe et appliquez l'effet 3D "Rotation..." dans le menu "Effet > 3D > Rotation". Faite en sorte qu'il recouvre bien toute la zone de travail sans oublier d'utiliser la perspective.

4. Transformez-le en vectoriel en allant dans le menu "Objet > Décomposer l'aspect" pour obtenir un masque autour de la. Déplacez les sommets du masque pour qu'il est bien la limite de la zone de travail.

5. Assignez un dégradé de couleurs sur le tracé et dans le fond.

( Quand vous appliquerez les dégradés de couleurs, veuillez bien faire attention que vous ciblez bien le sous-calque que vous voulez dégrader)

6. Double-cliquez sur l'Outil Tourbillon et ajustez les options pour ne pas trop déformer le groupe de tracés.

7. Sélectionnez le groupe de triangles, cliquez au centre du groupe et maintenez le clique pendant un cours instant en évitant de voir la base des triangles.

Le pliage

1. Tracez un rectangle (M) en largeur avec un dégradé de couleurs dont les extrémités seront de couleurs plus foncé par rapport au centre.

2. Tracez deux autres rectangles de la même hauteur mais moins large. Inclinez-les de 45° chacun avec l'Outil Rotation (R) et placez-les comme indiquer ci-dessous.

3. Prenez l'outil de sélection directe (A) et reliez entre eux les sommets comme indiqué ci-dessous.

4. Appliquez un dégradé de couleurs aux deux rectangle. Ajoutez deux petits triangles d'ombre avec l'Outil Plume (P) de couleur noire et d'opacité 20%.

 Les cercles

- Au lieu de tracés plusieurs fois le même cercle, nous créerons un seul cercle que nous convertirons en symbole pour gagner du temps en niveau traçage.

1. Tracez avec l'Outil Ellipse (L) plusieurs cercles superposés pour donner un style art rétro.

2. Convertissez-le en symbole en sélectionnant tout et en cliquant sur "Nouveau Symbole" dans la fenêtre "Symbole". Nommez-le ensuite "Cercle" et choississez le type "graphique".

- Maintenant vous pouvez placer vos cercles et utiliser les nombreux outils qui permettent la manipulation des symboles.

"Création d'un logo vectorisé en style WEB 2.0 sous ILLUSTRATOR" rédigé par Nicolas Leonard

Tous droits réservés vectoriser.com 2006/2011

Ce didacticiel montrera une façon de procéder pour appliquer un motif sur une surface avec Adobe Illustrator. Le motif appliqué sera vectoriel donc imprimable et agrandissable sur toutes les tailles. Le motif va être appliqué sur image bitmap pour ce didacticiel mais il pourra s’appliquer sur des images vectorielles créées avec Adobe Illustrator.

1. Ouvrez Adobe Illustrator et importez (Fichier > Importer) l’image sur laquelle vous voulez ajouter un motif vectorisé. (Astuce : Glissez et déposez l’image dans la zone de travail d’Illustrator pour l’importer directement. Pensez à verrouiller le calque sur lequel se trouve l’image importée.)

2. Créez un nouveau calque et avec la plume (P) détourez la forme qui contiendra le motif vectoriel. (Astuce : Pour avoir plus de précision lors de l’application du motif pensez à séparer la forme en plusieurs parties en fonction du support sur lequel vous ajouterez le motif.)

3. Dans la fenêtre des couleurs cliquez sur la petite flèche pour ouvrir le panneau déroulant, allez dans (Ouvrir la bibliothèque > motif) pour accéder aux motifs disponibles et choisissez celui qui vous plaît. (Astuce : Vous pouvez créer votre propre motif. « Cf : Didacticiel Créer un motif avec Adobe Illustrator».)

4. Ouvrez la fenêtre des paramètres de la distorsion de l’enveloppe et cochez « appliqué sur le motif ».

5. Appliquez une distorsion de l’enveloppe de type maillage (Ctrl + Alt + M) sur le motif. (Astuce : La distorsion de l’enveloppe permettra l’édition de l’application du motif. Plus le nombre de maillage est élevé, plus l’édition du motif sera précise.)

6. Utilisez la flèche blanche (A) et les outils d’éditions d’images pour adapter l’application du motif en fonction de l’image source.

Autres Didacticiels :

"Didacticiel sur l'application d'un motif avec Adobe Illustrator" réalisé par Tommy Toussaint 

Tous droits réservés vectoriser.com 2006/2011

Améliorer un logo en style web 2.0 permet de rajouter à un logo qui est de couleurs unies, sans impression de 3D et plat, de nombreux effets avec des dégradés de couleurs, des jeux de lumières, des ombres et des reflets. Nous nous intéresserons dans ce tutoriel comment vectoriser un logo simple qui est de forme circulaire pour le transformer en logo Web 2.0 . [...]

1. Vectorisez le logo en prenant bien soin de séparer chaque étage dans un sous-calque.

- Pour donner l'effet 3D au logo, nous n'utiliserons pas les mêmes méthodes que pour les logos vectorisés précédemment. Au vue de la forme circulaire qu'à le logo, nous utiliserons un effet 3D qui est "Révolution...".

2. Tracez une forme rectangulaire (M) qui couvrira la moitié verticalement du logo vectorisé. (Avant le traçage du rectangle, n'oubliez pas de redresser le logo vectorisé avec l'Outil Rotation (R) pour que l'effet 3D "Révolution..." fonctionne)
3. Sélectionnez le calque entier et appliquez l'outil Pathfinder "Division". Supprimez le rectangle

4. Ciblez de nouveau le logo vectorisé et appliquez-lui l'effet 3D "Révolution" dans le menu "Effet > 3D > Révolution..." avec les options suivantes.

- Avant de poursuivre le tutoriel, vérifiez bien que vous n'apporterez plus de modification à l'option de l'effet 3D car il ne sera plus possible pas la suite.

5. Sélectionnez le logo vectorisé et décomposez son aspect dans le menu "Objet" pour annuler tout effet et convertir en tracé. Dissociez-le (Maj+Ctrl+G) plusieurs fois dans le menu "Objet" afin que chaque tracés soit bien dans des calques différents.

6. Sélectionnez les faces des parties bleues du logo vectorisé. Appliquez un dégradé de type "Radial" de 3 couleurs qui sera blanc, bleu (#3061BE) et un autre bleu plus foncé (#303B78). Répétez la même opération avec le même dégradé indépendamment pour les bords des parties bleues du logo vectorisé.
	7. Sélectionnez les faces de la partie blanche du logo vectorisé. Appliquez un dégradé de type "Radial" de couleurs blanc et gris clair (#BFBFBF). Répétez la même opération avec le même dégradé sauf avec du noir entre le blanc et le gris clair pour le bord de la partie blanche du logo vectorisé.
8. Sélectionnez les parties noire du logo vectorisé. Appliquez un dégradé de type "Radial" de couleurs gris foncé (#404040) et noir.

- Maintenant nous placerons des croissants d'ombres sur le côté gauche du logo vectorisé et une réflexion lumineuse sur le côté droit.

9. Créez un nouveau calque que vous nommerez "Ombres et Lumières". Dupliquez(Ctrl+F) les faces des parties bleus et grise du logo vectorisé et importez-les dans le nouveau calque.

- Avant de continuer, associez ces faces ensemble et copiez-le au moins 4 fois. Chaque groupe correspondra à un effet d'ombre ou une réflexion lumineuse.

10. Utilisez l'Outil Plume(P) pour tracer les croissants d'ombre noir et la réflexion lumineuse blanche comme ci-dessous.

 - Après cet étape, sortez l'Outil Pathfinder "Intersection des formes" et appliquez cet outil sur chaque groupe avec une ombre ou une lumière. Réglez maintenant à chacun leur opacité afin

- Pour finir ce beau logo vectorisé, vous pouvez rajouter une ombre portée en dessous. En traçant un cercle avec un dégradé de type "Radial" noir et blanc de faible opacité.

(Astuce: Vous pouvez ensuite changer la couleur de l'icône avec le réglage de "Teinte/Saturation" en l'important sous Photoshop )

Autres tutoriels: 

"Amélioration d'un logo en style WEB 2.0 sous ILLUSTRATOR" rédigé par Nicolas Leonard

Tous droits réservés vectoriser.com 2006/2011

Votre service de vectorisation de logos à l'identique.

L’outil de dégradé interactif d’Illustrator permet de réaliser des dégradés de formes. Grâce à l'outil dégradé de formes, il est possible de transformer un carré en cercle et de décomposer les différentes étapes de transformation. L'outil dégradé de formes peut être comparé à l’outil interpolation qu’on retrouve dans Adobe Flash. Ce didacticiel vous montrera comment utiliser l’outil dégradé interactif de formes ainsi que quelques facettes de cet outil. Les dégradés qui apparaissent dans ce didacticiel sont entièrement vectorisé et sont par conséquent imprimable sur toutes les tailles.

Pour avoir le cercle exactement au milieu de l’étoile, on peut utiliser l’outil alignement (Maj + F7). Il faut sélectionner les deux formes et cliquer sur l’icône alignement verticale et l’icône alignement horizontale.

Double cliquez sur l’outil dedégradé de formes (W) pour afficher les paramètres. Entrez les paramètres comme ci-contre :

En ayant l’outil de dégradé de formes (W)sélectionné, cliquez sur votre première forme puis sur l’autre et vous obtiendrez ceci :

Vous pouvez déplacer chaque objet indépendamment de l’autre en utilisant la flèche blanche (A).

Il est possible aussi de changer les couleurs des objets pour avoir un dégradé de couleurs et un dégradé de contours.

En enlevant les contours nous arrivons à ce résultat :

Les dégradés de formes peuvent s’appliquer sur n’importe quels objets vectorisés dans Illustrator.

Autres Didacticiels :

"Outil de dégradé de formes avec Adobe Illustrator" réalisépar Tommy Toussaint 

Tous droits réservés vectoriser.com 2006/2011

Ce didacticiel présentera une façon de procéder pour créer simplement un cadran de montre avec principalement l’outil rotation sur Adobe Illustrator. Les outils qui seront utilisés sont présents dans Illustrator Cs1 et dans les versions supérieures. Vous obtiendrez une image vectorielle qui sera imprimable dans n’importe quel format sans perte de qualité. Les images vectorielles sont créées avec des calcules mathématique. Le Bitmap n’intervient pas dans la création des images.

1. Ouvrez Adobe Illustrator et créez un cercle (M) de 164px de hauteur et de largeur et assignez-lui une couleur grisâtre presque noir comme ci-contre : (Astuce : Pour créer un objet en donnant des paramètres il faut cliquer sur la zone de travail an ayant l’outil sélectionné.)

2. Créez un rectangle (L) de couleur blanche avec une largeur de 2px et une hauteur de 7px. Mettez le rectangle en haut de votre cercle et en maintenant (Maj + Alt) copiez-le verticalement en bas du cercle en le déplaçant. (Astuce : Utilisez (Ctrl + U) pour afficher les aides afin de bien centrer votre rectangle par rapport au cercle et l’outil alignement horizontale pour avoir les rectangles parfaitement alignés.)

3. Sélectionnez les rectangles et tournez-les à l’aide de l’outil rotation (clic droit > Transformation > Rotation) en mettant ces paramètres et validez avec copier : (Astuce : Le quart d’un cercle fait 90° et équivaut à 15minutes. Pour connaitre le degré de rotation par minutes il suffit de diviser 90/15 = 6.)

4. Utilisez (Ctrl + D) pour répéter l’opération de rotation jusqu’à obtenir un cercle de rectangles.

5. Sélectionnez le rectangle que vous aviez créé à l’étape 2 et avec l’outil sélection (V) et agrandissez-le vers le bas en déplaçant l’accroche du milieu tout en maintenant la touche (Maj).

6. Copiez le rectangle agrandi en bas en maintenant la touche (Maj + Alt) et en le déplaçant vers le bas. Sélectionnez les deux rectangles et à l’aide l’outil rotation (Clic droit > Transformation > Rotation) copiez-les à un angle de 90°.

7. Sélectionnez à nouveau le rectangle du haut, copiez-le avec (Ctrl + C) et collez-le sur place avec (Ctrl + F). Agrandissez la taille de la copie comme dans l’étape 5. Copiez-le en bas avec (Maj + Alt) comme fait précédemment.

8. Attribuez aux deux nouveaux rectangle une rotation de 30° (Clic droit > Transformation > Rotation) et validez avec ok. Puis une autre rotation de 30° et cette fois validez avec copier. Vous obtiendrez ceci :

9. Sélectionnez les 4 rectangles, allez dans (Clic droit > Transformation > Reflexion) et mettez les paramètres comme sur l’image ci-contre : (Astuce : Validez avec Copier.)

10. A l’aide de l’outil plume (P) créez la forme de votre aiguille et mettez lui un cercle comme base. Créez un segment (\) qui coupe en deux votre aiguille. En ayant la flèche et le segment sélectionnés allez dans la fenêtre Pathfinder (Maj + F9) et cliquez sur diviser pour obtenir deux formes distinctes pouvant chacune obtenir une couleur. (Astuce : Replacez votre aiguille créée au centre de votre cercle en utilisant les aides (Ctrl + U).

11. Copiez votre aiguille et à l’aide de l’outil transformation (E) agrandissez-la.

12. Créez la trotteuse avec un petit rectangle (M) et utilisez la méthode du segment (/) et du Pathfinder (Maj + F9) de l’étape 10. Changez les couleurs et placez la trotteuse sur votre montre.

13. Ajoutez les écritures avec l’outil texte (T). (Astuce : Aidez-vous des aides de création (Ctrl + U) pour obtenir des angles droits.)

14. Sélectionnez vos trois aiguilles avec le centre, groupez-les, copiez-les et déplacez le groupe obliquement. Affectez au groupe un flou gaussien de 3Px (Effet > Flou > Flou Gaussien).

Ce didacticiel à été créé avec Adobe Illustrator CS1 donc il peut être réalisé avec l’importe quelle version d’Illustrator.

Autres Didacticiels :

"Didacticiel sur l'outil rotation dans Adobe Illustrator" réalisé par Tommy Toussaint 

Tous droits réservés vectoriser.com 2006/2011