Salut à tous

Dans ce tutorial, qui n'en est pas vraiment un, nous allons découvrir l'interface d'Illustrator, qui a de quelques points communs avec celle de Photoshop, mais surtout de nombreuses différences


I - La palette des outils



Pour afficher les dérivés des outils, cliquez sur une icône dotée d'une flêche, et restez appuyé jusqu'à ce que le mini-panneau s'affiche, comme sous Photoshop (par contre, au grand damn de dlb, le clique droit ne marche pas).
Pour changer la couleur du fond ou du contour, double-cliquez sur leur zone, une fenêtre (similaire à celle de photoshop) apparaîtra.


II - La palette des calques



Comme vous pouvez le voir, il y a en gros trois types d'objets : les calques, les tracés, et les groupes de tracés.
Pour travailler sur un objet, il faut cliquer sur le rond qui est à la droite du nom dudit objet.
Pour dupliquer un objet, cliquez sur son nom, puis faites le glisser sur le bouton "Nouveau calque".


III - La palette des dégradés



Dans Illustrator, il n'y a que deux types de dégradés : les dégradés linéaires et radiaux.
Pour changer la position d'un curseur, vous pouvez le faire glisser sur la miniature linéaire ou changer la valeur Position.
Pour ajouter un nouveau curseur, cliquez juste sur une zone libre de la miniature linéaire.


IV - La palette de transparence



Avec cette palette vous pouvez changer l'apparence du ou des objets sur lequel ou lesquels vous travaillez.
Pour créer un masque d'opacité, double-cliquez sur la zone (normalement vide) reservée à la miniature du masque.
Pour avoir accès aux tracés du masque, cliquez sur sa miniature, inversement, pour revenir aux tracés de votre document, cliquez sur la miniature de l'objet.


V - La palette de navigation



Il n'y a pas grand chose à dire sur cette palette, puisque tout ou presque est expliqué sur l'image.
Ah, si, pour changer la zone affichée, cliquez sur la miniature à l'endroit voulu.


Voilà, ce tuto est terminé. Si vous avez des questions sur d'autres palettes, je me ferai une joie d'utiliser la fonction éditer afin d'y répondre


EDIT: ah et j'oubliais, le 1er qui me dit que les images sont trop grandes (à part guit, didas et dlb bien sûr ) se fait warner (ceux d'après aussi d'ailleurs )

I - La palette des outils

1 - Pour commencer il faut créer un nouveau document, c’est plus pratique pour s’entrainer (Fichier >> Nouveau). Pour les paramètres on va dire 512x512px en mode RVB, mais si vous voulez du 256x256 rien ne vous en empêche.

2 - On va créer une étoile, pour cela effectuez un long clic gauche sur l’icône « outils formes » afin de sélectionner la forme « étoile » ! Maintenant dessinez l’étoile dans votre document.

3 - Normalement si vous faites comme moi, elle n’est jamais placé au bon endroit. Alors on va la déplacer au centre du document grâce à « l’outil sélection ».

4 – Si l’étoile est trop grande (CMB) ou trop petite (CTB) vous pouvez grâce à ce même outil la transformer. Pour l’agrandir ou la réduire sans déformation, laisser la touche MAJ enfoncée (DTC).
 étoile_redim.gif ( 1.91K ) Number of downloads: 109


5 - A cette étape de l’entrainement on a déjà bien bosser. On peut donc faire une petite pause, boire un café ou aller au toilette.

6 - On va retirer la bordure noire qui gâche cette sublime étoile. Pour cela cliquez sur « contour » afin de le faire passer au premier plan
 couleur_contour.gif ( 660bytes ) Number of downloads: 98

puis cliquez sur « Aucun »  rien.gif ( 70bytes ) Number of downloads: 80


7 - Maintenant on va remplir l’étoile en rose ! Pourquoi du rose ? Parce que j’aime bien, ça fait hippie. Pour cela double cliquez sur « Fond » et mettez comme couleur #F96EB8.
 couleur_rose.gif ( 667bytes ) Number of downloads: 94


8 - Voilà cette partie d’entrainement de base est finit mais vous pouvez continuer à martyriser votre étoile hippie grâce à d’autres outils.





II - La palette des calques

1 – Reprenons notre étoile hippie. Dans la palette des calques vous pouvez voir 1 calque. Si vous cliquez sur la petite flèche à côté, vous pouvez voir que ce calque contient 1 tracé.
C’est bien, mais on peut faire mieux ! On va commencer par renommer notre calque en « Entrainement Etoile » et le tracé en « Fond étoile ». Pour les gens qui n’ont jamais utilisés Photoshop je donne un indice qui vous aidera à trouver la méthode qui permet de renommer : « double clic gauche »... alors ? vous y arrivez ? Oui ! Bon on passe à la suite...

2 – Prenez l’outil elliptique, nous allons effectuer un second tracé dans ce même calque. Tracez donc un cercle parfait autour de l’étoile. Les gens qui ont bien suivies ce tuto comprendront que pour faire un cercle parfaitement rond il suffit de garder la touche « MAJ » enfoncée lorsqu’on effectue son tracé.

3 - Mettez comme couleur de contour #FFA300 et comme couleur de fond #6F8CF7 ! Renommez ce tracé « Fond cercle » et déplacez-le derrière le tracé « Fond étoile » grâce à un glissé-déposé.

4 – Faites en sorte que le contour fasse 5 pt d’épaisseur ! Quoi ? Cela n’a pas été expliqué dans le cours ? Un peu d’imprévu ne fait pas de mal et ce n’est pas très compliqué : affichez la palette « Contour » et sélectionnez comme Epaisseur « 5 pt ». Vous devriez avoir à cette étape un truc du genre :
 tuto_calque_II.gif ( 3.07K ) Number of downloads: 92
 tuto_etoile_hippie.gif ( 2.46K ) Number of downloads: 81


5 - Extasiez-vous devant votre génie créatif ! Elle est quand même belle cette étoile non ?

6 – Créez un nouveau calque en cliquant sur  calque.gif ( 198bytes ) Number of downloads: 95
! Arf, vous avez créez ce nouveau calque à l’intérieur du calque « Entrainement étoile » ! Et bien ce n’est pas ce que je voulais, alors supprimez ce calque en cliquant sur  corbeille.gif ( 221bytes ) Number of downloads: 46
. Cliquez sur « Entrainement étoile » afin qu’il soit surligné et enfin cliquez sur  calque.gif ( 198bytes ) Number of downloads: 95
! Voilà c'est bon maintenant (CM... non j'arrête)

7 – Renommez ce nouveau calque en « Entrainement cercle » et déplacé le tracé « Fond cercle » dans ce calque. Vous devriez avoir ceci :
 tuto_calque_IIa.gif ( 2.83K ) Number of downloads: 88


8 – Amusez-vous à déplacer les différents tracés dans votre espace de travail. Vous comprendrez ainsi que lorsqu’un tracé est actif un petit carré de couleur (rouge, bleu...) apparait à côté de son nom.

9 – Contrairement aux apparence, ce que vous avez fait ne sert pas à rien ! Certes le résultat est moche mais vous commencez à bien maitriser l’énorme bête qu’est Illustrator !
Les habitués de Photoshop comprennent maintenant que les calques ne sont pas utilisés de la même façon sous Illustrator. Les calques sont en quelques sortent des « containers » de 'tracés', de 'groupes de tracés' ou même de 'sous calques'





III - La palette des dégradés

1 – Allez, on va faire un jolie dégradé dans notre cercle. Sélectionnez le tracé « Fond cercle » et vérifiez qu’il est bien actif. Cliquez alors sur (dans la palette des outils), normalement la palette des dégradés s’affiche en avant plan.

2 – Changer le type de dégradé en Radial.

3 – Sélectionnez le curseur blanc puis double-cliquez sur « fond » (qui je vous le rappelle est en bas de la palette des outils vu dans la première partie) pour mettre la couleur #043A5B. Changez l’emplacement de ce curseur à 35%

4 – Sélectionnez le curseur noir (celui qui est à droite normalement) puis double-cliquez sur « fond » pour mettre la couleur #0696F9

5 – Faites de même sur le tracé « Fond étoile » avec les couleurs #D60B84 et #FC95D1 sauf si vous n’aimez pas le rose.

6 – N’essayez pas de faire un dégrader de couleur sur le contour d’un tracé. Ceci n’est pas possible (je précise histoire que vous ne passiez pas 3 heures à chercher pour rien )

7 – Voilà à quoi peut ressembler notre sublime étoile !
 tuto_etoile_hippie2.gif ( 12.99K ) Number of downloads: 105


8 - Pour continuer votre entrainement sur les dégradés vous pouvez faire le Tuto Edition Spécial dégradé de k-millio en totale Exclu uniquement unique pour CrystalXP





IV - La palette de transparence

1 – Je vous invite à faire le Tuto de k-millio « Faire une boule aqua »! Vous pouvez toujours ajouter une étoile rose au centre de la boule si ça vous chante !





V - La palette de navigation

1 – Et voilà, on arrive au terme de ces exercices d’entrainements. Malheureusement la fin n’est pas de tout repos puisqu’on arrive à la partie la plus difficile . Si la palette de navigation n’est pas affichée, cliquez sur « Fenêtre » dans le menu d’Illustrator puis cliquez sur « Navigation » !

2 – Faites un zoom sur votre étoile et déplacez la « zone de vignette » à l’aide de votre curseur ! Oui je sais c’est un exercice extrêmement difficile qui demande une grande concentration, mais je sais que vous pouvez le faire ! Courage !

3 – Après tant d’effort, il faut se détendre... tous les moyens sont bon ! Si vous avez une copine ou une femme, je ne vous fait pas de dessin ... pour les autres, je ne vous fais pas de dessin non plus !







J’espère que vous vous êtes bien amusé et que vous avez appris des tonnes de choses sur Illustrator !

Un tuto à deux, c'est rare

Merci à vous deux je me fait sa demain

Elle est très belle ton étoile dlb !!
Non franchement je sens que je vais me relancer à Illustrator grâce à vous 2 !!

L'etoile elle ressemble a rien .............

allez je refile sous photosh.....heu non illustrator

merci pour ce debut d'initiation

Merci beaucoup, d'ailleurs pour les outils, je les faisait dérouler en maintenant alt+clic sur l'outil et ils défilent un à un, c'est long mais c'est ce que j'utilisais. Voila c'était pour signaler l'alternative ...

Commet fait-on pour centrer l'étoile avec le cercle ?

Cet à dire ? plus d'informations s'il te plait

En fait sur Photoshop déjà, j'aime bien centrer mes éléments au centre du document. Pour cela j'utilise donc les guides avec le magnétisme.

Or dans Illustrator, on peut placer des guides, mais on ne peux pas leurs faire "coller" un objet.

Donc ce que j'aimerai faire premierement c'est placer des guides pour être au centre du document (sans avoir à calculer, faire comme dans Photoshop quoi).

Deuxiement faire que le milieu d'un objet se "colle" à l'intersection des deux guides pour qque l'objet en question soit centré.

Excuse moi si je reponds a cotes^^
Mais si tu veux centrer une image au milieu d'un document, suffit que tout ton document tienne dans ton ecran (que ca dépasse pas quoi) et apres tu copie/colle ton image et elle se retrouve au milieu du document, ( si tu as un espace selectioner l'image ira au milieu de cet espace)

Ok, mais en fait c'est pas tout à fait ça mais merci quand même.

En fait j'étais parti sur le tuto de dlb. Donc je fais mon étoile, mais le truc c'est que je veux la centrer exactement dans le document. Donc ça c'est le premier point.

Ensuite il faut faire un cercle autour de cette étoile. Mais comment faire pour que l'étoile soit parfaitement au centre du cercle ? (2e point )

T'essaye de juger un peu près, sinon il aurait d'écris dans son tuto je pense

Essaye " Objet >> Zone de recadrage >> Créer "

Bonjour,

Il y a deux choses :

Centrer l'étoile par rapport au cercle :

Tu vas dans le menu "fenêtre" et tu coches "alignement". Tu sélectionnes les objets à aligner, et aprés tu joues avec les options de la fenêtre "alignement"

Centrer par rapport à la feuille :

Tu fais menu>affichage>afficher les règles, tu sélectionnes tes objets et tu les positionnes en repérant la position du réticule sur les règles...

Voilà, j'espère avoir été clair...

@+

Ok merci je vais essayer ça alors

A oui tiens je n'avais pas pensé à préciser ça dans le tuto...
La solution de Remkio a l'air toute bonne (et au passage bienvenue Remkio )

Bonjour dlb et merci pour le message de bienvenue.

En fait cela fait déjà un bout de temps que je fréquente ce site en tant qu'invité car je pratique plus le vectoriel avec Corel Draw et Illustrator, que photoshop. Donc je n'avais pas grand chose à apporter .

Mais avec l'orientation vectorielle encouragée sur le site , je serai davantage en mesure de partager, d'où mon inscription...

@+

C'est faisable également sous illustrator. Quand tu as créé tes repères, il suffit de cocher affichage>magnétisme du point, et normalement ça se colle tout pareil que dans photoshop...tu approches ton objet de l'intersection des repères et l'attraction se fera sur le point nodal le plus proche ( le centre d'un cercle par exemple...)

merci je debute dans illustrator tres utile

salut a tous!
je débute dans Illustrator(ainsi que tous les logiciel mentionnes sur le site )
j'ai suivi le tutoriel mais je bloque quand on me dit de cliker sur la flèche a droite dans la palette calque car je n'ai pas de flèche. donc je ne sais pas comment faire apparaitre les différents traces qu'il y a sur un calque.

Merci.

Voilà pour mon premier essai sur Illustrator...
Tuto bien expliqué, la preuve