Vous n'êtes pas connecté - 0 membre connecté
Tutoriaux
Illustrator
Dégradé coule...
Dégradé couleur -> transparent
Auteur : PiKa
Posté le 27 01 2008 à 00h37
Vu 43144 fois
Effet de refl...
Effet de reflet transparent
Auteur : Gratfouille
Posté le 01 01 2007 à 16h02
Vu 62761 fois
Création De p...
Création De perso "réaliste"
Auteur : Geoffroy
Posté le 27 12 2006 à 03h55
Vu 29855 fois
Création d'un...
Création d'une forme artistique dans Illustrator
Auteur : Fonzie
Posté le 22 07 2006 à 20h00
Vu 40762 fois
Détail du tutorial
Illustrator > Effet de reflet transparent
Difficulté : moyen
Tutorial en 8 étapes
Posté le 01 01 2007 à 16h02

Ce petit tutorial a pour but de créer un petit effet de reflet dans Illustrator CS2.
Les outils utilisés seront principalement les dégradés, les alignements d'objets, le Pathfinder et le masque d'opacité qui est la clef de notre exercice.

Le début de l'exercice consiste à expliquer la création de la forme que j'ai souhaité faire refleter, il va de soit que le masque d'opacité que nous verrons en fin de tutorial fonctionne pour tout autre objet.
Gratfouille - Membre
Création de l'objet
1 – Création de notre objet
Dans cet exercice j'ai décidé d'écrire un texte, mais on pourrait bien évidemment créer un logo ou tout autre forme...

2 – Transformation texte/objet
On vectorise notre texte, ce qui est indispensable pour la suite, car sur un texte non vectorisé nous ne pouvons pas appliquer de dégradé.
Raccourci « Véctoriser » : Ctrl + maj+O

3 – Décoration de l'objet
On applique le dégradé de sont choix avec la palette dégradé. On peut évidement faire tout ce que l'on veut...
Raccourci « Palette dégradé » : Maj+F9
Dégradé
4 – On dissocie nos lettres
Dans le cas d'une police que l'on vient de vectoriser, on dissocie les lettres. Si l'on a créé plusieurs objets que l'on fera refléter globalement, ils devront restés dissociés.
On sélectionne tout le texte, puis on dissocie.
Raccourci « Tout sélctionner » : Ctrl A
Raccourci « Dissocier » : Ctrl + maj + G

5 – Sélection totale
On sélectionne toutes nos lettres (ou objets) afin de leur appliquer le Pathfinder.

6 – Pathfinder « Ajout de forme »
Une fois nos lettres (ou objets) sélectionnées, on utilise la première fonction de la « Palette Pathfinder », puis on active le bouton décomposer qui se trouve à droite de la palette.
On voit tout de suite que le dégradé qui était appliqué sur les lettres individuellement vient de se répartir sur l'ensemble de notre texte véctorisé.
Raccourci « Palette Pathfinder » : Ctrl + maj + F9
La lueur blanche
7 – Création de la lueur blanche
On sélectionne l'outil élipse de la palette principale d'outils, puis on étant une forme à sa convenance. Cette forme sera fonction de l'effet que l'on souhaite au final. On applique à cette élipse une transparence de 30% depuis la « Palette transparence ».
Raccourci « Palette transparence » : Maj + F10

8 – Création de la zone de lueur
On duplique notre texte. Cette copie peut pour le moment rester en dessous notre texte de travail. Pour cette duplication, vous pouvez utiliser le traditionnel copier/coller, mais pour cet exercie nous utiliserons simultanément l'outil de sélection et la touche Alt.

L'opération suivante consiste à ne garder que la partie qui représente la lueur sur le texte. Sélectionnez notre texte d'origine ainsi que l'élipse, puis appliquer le troisième outils sur de la « Palette Pathfinder », « Intersection de formes ». Vous obtiendrez alors une forme ne représentant (dans notre exercice) que le haut de notre texte. Attention, cette zone est blanche, non sélectionnée elle n'est pas visible.
Le reflet
9 – Placement de la lueur
Nous allons maintenant replacer la lueur que nous venons de créer sur la copie de notre texte. Pour cela, utilisez les outils de la « Palette alignements ». Dans cet exercice, on utilse l'alignement droite et haut. Cela peut changer en fonction des objets que vous avez à aligner.
Raccourci « Palette alignement » : Maj F7

Toujours dans un souci d'exercice, nous allons aligner nos deux objet de manière à ce que ce soit la copie de texte qui se cale sous la lueur et non l'inverse.
Pour cela, sélectionnez les deux objet, puis effectuer un autre « Clic » desélection sur la lueur blanche, elle deviendra alors objet de référence. Appliquer ensuite les outils d'alignements. Prenez soin également de la lueur en premier plan.
Raccourci « Premier plan » : Ctrl + maj + )

10 – Création du reflet
Nous allons créer une copie de notre nouvel objet de la même manière que l'étape 8, puis lui affecter un miroir.
Miroir : Objet/transformation/Miroir/Horizontal (Sélectionez « aperçu » pour être sur de la manipulation)

Faites maintenant une copie du miroir sur lequel nous allons appliquer un « Ajout de forme » comme l'étape 6. N'oubliez pas de « décomposer »
Masque d'opacité
11 – Application d'une dégradé noir/blanc
De la même manière que dans l'étape 3 nous allons appliquer un dégradé à notre dernier objet créé, mais cette fois c'est un dégradé noir/blanc que nous appliquons.

12 – Alignement d'objets
Nous alignons ensuite notre objet miroir et notre objet auquel nous avons appliqué le dégradé noir/blanc. Ce dernier dois être en premier plan. Pour l'alignement faites en sorte de déplacer l'objet noir/blanc, cela vous permettra d'appliquer la méthode citée dans l'étape 9.

13 – Masque d'opacité
Appliquons maintenant notre masque d'opacité. Pour cela sélectionnez nos deux objets puis dans sur la « Palette transparence » actionnez la petite flèche en haut a droite, ce qui nous amène au menu et enfin sélectionnez « Créer un masque d'opacité ».
Nous obtenons ainsi un dégradé blanc vers le bleu (couleur de fond de notre objet de base).
Réglage du reflet
14 – Réglage du masque d'opacité
Le réglage du reflet se fait à partir de la « Palette dégradé de couleurs ». Vous jouez sur le dégradé pour étendre plus ou moins la zone visible du reflet.

Attention, pour pouvoir avoir accès au réglage du pasque d'opacité, il faut s'assurer que sur la « Palette transparence » la petite vignette de droite soit active (voir étape 15).
Positionnement
15 – Arrêt de la modification du masque d'opacité
A la fin de votre réglage, retournez sur la « Palette Transparence » et sélectionner la petite vignette de gauche. A partir de ce moment vous pourrez déplace votre reflet pour le positionner sous l'objet principal.
Résultat
16 – Résultat final
voilà le résultat, on peut bien entendu arranger par la suite notre création de différentes manières.

Commentaires
Ca c'est super car ça apprend à mieux connaitre Illustrator, merci ! (pour moi qui ne suis pas une habitué bien sur lol)
Commentaire Posté le 03 01 2007 à 08h21
kat13 - Membre - www
Ouf kat13, je suis soulagé... j'étais content de moi pour mon premier tuto mais j'ai bien peur qu'il ne serve à personne... :p
Merci d'avoir pris le temps de le lire :-)
Commentaire Posté le 04 01 2007 à 18h03
Gratfouille - Membre
voilà un tuto bien intéréssant. mais en l'effectuant, il me semble que dans certaine étapes il manque des tits trucs. par ex à l'étape 13 je n'obtiens pas la même chose.
Commentaire Posté le 15 09 2009 à 14h53
sonwukong - Membre - www
Bonjour, Jolie tuto
quelle police utilise tu ?
Commentaire Posté le 29 09 2009 à 20h03
djpaulo - Membre
Partenaires

Catégories
After Effects
1 Tutorial
Flash
2 Tutoriaux
Lightwave
1 Tutorial
Divers
1 Tutorial
Photoshop
15 Tutoriaux
Illustrator
4 Tutoriaux
Indesign
2 Tutoriaux
PHP
3 Tutoriaux
Blender
1 Tutorial
Mentions légales   -   Crédits   -   Nous contacter   -   © Benzor 2006