IPB

Welcome Guest ( Log In | Register )

> Tutoriaux Adobe Illustrator - Règles du forum

Apprendre : Vous trouverez dans cette section tous les tutoriels rédigés par nos membres pour le logiciel Adobe Illustrator.

Partager : Vous souhaitez partager vos connaissances et soumettre un Tutorial ? Consultez notre guide "Soumettre un tutorial"

Besoin d'aide pour utiliser Adobe Illustrator : Rendez vous dans la section "Soyez sympas je débute en graphisme"

2 Pages V   1 2 >  
Reply to this topicStart new topic
> [Tuto Illustrator] Sphère Crystal
Grabennouitch
post Nov 19 2006, 08:17:13 PM
Post #1


Big Penguin
***

Group: Members
Posts: 313
Joined: 6-November 06
From: Bretagne
Member No.: 78,828



Salut, un petit tuto pour faire une sphère crystal.
Le but du jeu c'est de faire çà avec Illustrator 10 ou + :



--------------------------------------
Dans un premier temps créer un nouveau document RVB (Ctrl+N) :



Sélectionner l’outil Elipse et tout en maintenant la touche « alt - gauche» cliquer une foie au centre de votre document. Indiquer une valeur de 400 px dans la boite de dialogue :



Vous obtenez un cercle blanc avec un contour noir comme ci-dessus. Renommé ce tracé « spere »

--------------------------------------

Cliquez sur votre cercle puis attribuez-lui une couleur de contour comme ceci :
R=34 V=16 B=210



--------------------------------------

Cliquez sur le fond, puis dans le nuancier sur le dégradé radial :



Vous devriez avoir ceci :



--------------------------------------

Cliquez sur l’outil dégradé puis tracez de haut en bas comme ci-dessous :



Vous devriez obtenir ceci :



--------------------------------------

Occupons-nous de ce dégradé, cliquez sur l’onglet «dégradé de couleurs » et composez votre dégradé comme ceci :


1 – Blanc Pur – emplacement 0%
2 – R=20 V=212 B=252 – emplacement environ 40 %
3 – R=0 V=0 B=255 – emplacement 100%

--------------------------------------

Ajoutez une lueur interne comme ceci :
Effet ar.gif spécial ar.gif lueur interne




Cà donne :



--------------------------------------

Les reflets ! ben oui allons-y…
Dupliquez votre tracé « sphere » nommé le « reflet haut » et placez-le au dessus de la sphère.
Supprimez son contour et appliquez-lui un dégradé linéaire angle -90 ° comme ceci :



Dans l’onglet « transparence » réglez sur superposition et 50% d’opacité :



Avec les poignées de transformation, déformez votre tracé pour qu’il ressemble à ceci :



--------------------------------------

Dupliquez votre tracé « reflet haut » nommez-le « reflet bas »
Modifier le l’angle du dégradé à 90°, réglez l’opacité à 30% et placez-le comme ceci :



--------------------------------------

Presque fini, reste l’ombre.
Créez un nouveau calque et placez-le en dessous.
Dessinez une ellipse avec un fond noir et sans contour avec une opacité de 50 % comme ceci :



Puis faite : effet ar.gif spécial ar.gif contour progressif de 12 px :



Et voila !

Go to the top of the page
 
+Quote Post
bLinkx
post Nov 19 2006, 08:20:09 PM
Post #2


Big Penguin
***

Group: Members
Posts: 290
Joined: 18-March 06
From: A Marly-Gomont
Member No.: 23,102



Merci beaucoup pour ce tuto, enfin un tuto pour illustrator
Go to the top of the page
 
+Quote Post
MasterCloud
post Nov 19 2006, 08:21:54 PM
Post #3


B-Rabbit
******

Group: Members
Posts: 4,702
Joined: 19-July 05
From: Niflheim
Member No.: 2,721



QUOTE(Blinkx_182 @ Nov 19 2006, 08:21:09 PM) *
Merci beaucoup pour ce tuto, enfin un tuto pour illustrator


Yen a plusieurs sur CrXP .. (enfin j'crois mdr.gif )

Sinon, c'est pas la méthode que j'utilisais he.gif Mais c'est pas mal ! Great.gif
Go to the top of the page
 
+Quote Post
Grabennouitch
post Nov 19 2006, 08:22:36 PM
Post #4


Big Penguin
***

Group: Members
Posts: 313
Joined: 6-November 06
From: Bretagne
Member No.: 78,828



Merci smile.gif
j'en prépare d'autres, adaptation sur illustrator de TuxG2 et de Champi Mario !

Go to the top of the page
 
+Quote Post
benjigarner
post Nov 19 2006, 08:36:57 PM
Post #5


Tire pas la chasse!
******

Group: Members
Posts: 2,535
Joined: 24-September 05
From: Dans la cuvette...
Member No.: 3,951



Très bonne initiative, demande d'abbord aux créateurs du tuto de départ wink.gif
Go to the top of the page
 
+Quote Post
om 13
post Nov 19 2006, 08:37:19 PM
Post #6


Graphiste Occasionnel.
******

Group: Members
Posts: 2,214
Joined: 27-February 06
From: Grenoble, France
Member No.: 19,546



Great.gif Sa va faire des Heureux !
Go to the top of the page
 
+Quote Post
Zero-mega
post Nov 19 2006, 09:38:19 PM
Post #7


Left in Hell...
******

Group: Members
Posts: 2,068
Joined: 5-September 06
From: France, Marseille, 13015
Member No.: 63,681



Salut Moi j'ai un petit probleme quand il faut mettre le dégradé en bleu je peut pas je n'ai pas la posibilité des choisir de couleurs frown.gif (noir,blanc)
Go to the top of the page
 
+Quote Post
Grabennouitch
post Nov 20 2006, 05:34:17 PM
Post #8


Big Penguin
***

Group: Members
Posts: 313
Joined: 6-November 06
From: Bretagne
Member No.: 78,828



En effet, cela peut-être déroutant au début.. Pour modifier un dégradé dans Illustrator (Toutes versions) procéder comme suit :


Faite un Glisser déposer de la pallette "nuancier" vers le dégardé. Sélectionné une couleur dans le dégradé et modifier ces valeurs rvb dans la palette "couleur"
Go to the top of the page
 
+Quote Post
MasterCloud
post Nov 20 2006, 05:51:10 PM
Post #9


B-Rabbit
******

Group: Members
Posts: 4,702
Joined: 19-July 05
From: Niflheim
Member No.: 2,721



QUOTE(Grabennouitch @ Nov 20 2006, 05:35:17 PM) *
En effet, cela peut-être déroutant au début.. Pour modifier un dégradé dans Illustrator (Toutes versions) procéder comme suit :


Faite un Glisser déposer de la pallette "nuancier" vers le dégardé. Sélectionné une couleur dans le dégradé et modifier ces valeurs rvb dans la palette "couleur"


OU Double clique sur la fleche, ensuite tu choisit la couleur mdr.gif
Go to the top of the page
 
+Quote Post
Didas
post Nov 20 2006, 05:53:41 PM
Post #10


le plus rouge des boulays!
Group Icon

Group: Admin
Posts: 8,956
Joined: 23-June 04
From: Rouen
Member No.: 68



QUOTE(Grabennouitch @ Nov 19 2006, 08:23:36 PM) *
Merci smile.gif
j'en prépare d'autres, adaptation sur illustrator de TuxG2 et de Champi Mario !


alors ça, ce serait vraiment vraiment vraiment excellent loveit.gif
Go to the top of the page
 
+Quote Post
Zero-mega
post Nov 20 2006, 05:57:04 PM
Post #11


Left in Hell...
******

Group: Members
Posts: 2,068
Joined: 5-September 06
From: France, Marseille, 13015
Member No.: 63,681



Merci et je voulait demander aussi comment on baisse l'opacité d'un calque ?
Go to the top of the page
 
+Quote Post
La Fée
post Nov 20 2006, 06:10:39 PM
Post #12


Les rêves sont faits pour être réalisés...
******

Group: Members
Posts: 2,053
Joined: 4-September 06
From: Paris, au centre de la France :p
Member No.: 63,248



dans ta palette de base, tu as au dessus de ta fenêtre de calque un endroit qui te permet de choisir la couleur de trait et de remplissage. En dessous de ce choix, tu as " transparence par défaut " clique dessus, une fenêtre s'affiche et là tu peux choisir l'opacité de ton calque ^^

Sinon, je voulais savoir comment on migre un tracé de illustrator vers photoshop (et réciproquement) ?
Chaleureusement,
Plume.
Go to the top of the page
 
+Quote Post
Zero-mega
post Nov 20 2006, 06:12:19 PM
Post #13


Left in Hell...
******

Group: Members
Posts: 2,068
Joined: 5-September 06
From: France, Marseille, 13015
Member No.: 63,681



Merci !
Go to the top of the page
 
+Quote Post
Grabennouitch
post Nov 20 2006, 06:42:12 PM
Post #14


Big Penguin
***

Group: Members
Posts: 313
Joined: 6-November 06
From: Bretagne
Member No.: 78,828



QUOTE
Sinon, je voulais savoir comment on migre un tracé de illustrator vers photoshop (et réciproquement) ?
Chaleureusement,
Plume.

De Illustreator vers photoshop :

Méthode super rapide :

Ouvrez Illustrator et photoshop
Dans illustrator Fait un Edition copier (Ctrl+C) de votre tracé
Dans Photoshop avec un document ouvert faite un edition coller (CTRL+V) et hop !!! smile.gif
Le must c'est que photoshop vous propose soit de pixeliser le trace soit de l'incorpoé comme tracé vectoriel ou masque de forme !! lol.gif
La boite de dialogue de Photoshop après le CTRL+V :



De Photoshop vers illustrator :

Selectionner votre tracé, puis faite Fichier exporter tracé vers Illustrator*

* Une fois dans illustrator le tracé est sans contour ni fond, alors pour le trouver faite CTRL+A mdr.gif


a+
Go to the top of the page
 
+Quote Post
La Fée
post Nov 20 2006, 07:02:13 PM
Post #15


Les rêves sont faits pour être réalisés...
******

Group: Members
Posts: 2,053
Joined: 4-September 06
From: Paris, au centre de la France :p
Member No.: 63,248



QUOTE(MasterCloud @ Nov 20 2006, 05:52:10 PM) *
OU Double clique sur la fleche, ensuite tu choisit la couleur mdr.gif


Chez moi ça ne marche pas (et pourtant j'ai CS2...)

-----------------

Je débute sous illustrator, alors j'ai des questions... du style :

- Sommes nous vraiment obligés de locker chaque calque pour éviter que tous changements soient accordés à TOUS les calques ?
- Pour enregistrer en *.png faut-il vraiment passer par " exporter vers le web " ? Parce que sinon pour les choix plus normaux (du style Save, Save As, Save As Copy) j'ai le choix entre *.ai, *.pdf, *.eps, *.ait, *.svg, *.svgz et rien d'autre ouch.gif

Chaleureusement,
Plume. (euh c'est mon premier tutoriel sous Illustrator...sur lequel je débute complètement, je suis la goutte d'eau qui vient de tomber du ciel sur Illustrator à l'instant lol)
Edit : euh voici mon résultat... désolée pour le format ^^ (ça a été épique lol)
Go to the top of the page
 
+Quote Post
Zero-mega
post Nov 20 2006, 07:03:51 PM
Post #16


Left in Hell...
******

Group: Members
Posts: 2,068
Joined: 5-September 06
From: France, Marseille, 13015
Member No.: 63,681



et comment faire pour supprimer une selection parce que j'ai trouver l'outil gomme mais je n'arrive pas a supprimer une forme avec ....?
Go to the top of the page
 
+Quote Post
MasterCloud
post Nov 20 2006, 07:04:02 PM
Post #17


B-Rabbit
******

Group: Members
Posts: 4,702
Joined: 19-July 05
From: Niflheim
Member No.: 2,721



QUOTE(La Fée @ Nov 20 2006, 07:03:13 PM) *
Chez moi ça ne marche pas (et pourtant j'ai CS2...)

-----------------

Je débute sous illustrator, alors j'ai des questions... du style :

- Sommes nous vraiment obligés de locker chaque calque pour éviter que tous changements soient accordés à TOUS les calques ?
- Pour enregistrer en *.png faut-il vraiment passer par " exporter vers le web " ? Parce que sinon pour les choix plus normaux (du style Save, Save As, Save As Copy) j'ai le choix entre *.ai, *.pdf, *.eps, *.ait, *.svg, *.svgz et rien d'autre ouch.gif

Chaleureusement,
Plume. (euh c'est mon premier tutoriel sous Illustrator...sur lequel je débute complètement, je suis la goutte d'eau qui vient de tomber du ciel sur Illustrator à l'instant lol)

-Nan he.gif
-Oui ou sinon Exporter oui.gif
Go to the top of the page
 
+Quote Post
Grabennouitch
post Nov 20 2006, 07:08:26 PM
Post #18


Big Penguin
***

Group: Members
Posts: 313
Joined: 6-November 06
From: Bretagne
Member No.: 78,828



QUOTE
- Sommes nous vraiment obligés de locker chaque calque pour éviter que tous changements soient accordés à TOUS les calques ?


Non, en fait il ne faut pas confondre les calque de Illustrator avec ceux de photoshop.
Le calque Illustrator correspond en fait au groupe de calque de Photoshop
Et les tracés Illustrator correspondent aux calquex de photoshop
Donc quand tu veux modifier un tracé dans Illustrator déplie ton calque et selectionne ton tracé avant de faire des manip etc...

QUOTE
Pour enregistrer en *.png faut-il vraiment passer par " exporter vers le web " ? Parce que sinon pour les choix plus normaux (du style Save, Save As, Save As Copy) j'ai le choix entre *.ai, *.pdf, *.eps, *.ait, *.svg, *.svgz et rien d'autre


Mieux : tu ouvres ton fichier *.ai avec photoshop et hop !!!
Go to the top of the page
 
+Quote Post
La Fée
post Nov 20 2006, 07:09:08 PM
Post #19


Les rêves sont faits pour être réalisés...
******

Group: Members
Posts: 2,053
Joined: 4-September 06
From: Paris, au centre de la France :p
Member No.: 63,248



MC : c'est super constructif comme réponse... ouch.gif

Grabennouitch : ahhh merci je comprends mieux ^^ (mais intéressant, cette astuce photoshop ^^)
Bon en relisant pas tant que ça, car mes calques ne sont pas liés (il n'y a pas de sous-calques) alors pourquoi j'ai été obligée de locker ?
Chaleureusement,
Plume.
Go to the top of the page
 
+Quote Post
Grabennouitch
post Nov 20 2006, 07:24:49 PM
Post #20


Big Penguin
***

Group: Members
Posts: 313
Joined: 6-November 06
From: Bretagne
Member No.: 78,828



QUOTE
Bon en relisant pas tant que ça, car mes calques ne sont pas liés (il n'y a pas de sous-calques) alors pourquoi j'ai été obligée de locker ?
Chaleureusement,
Plume.


je piga pas trop ton problème, regarde le fichier shpere_crystal.ai et si tu piges pas comment pourquoi, essaie de faire un screen-shoot de tes calques ou poste ton fichier, je regarderais ton problème. lol.gif

Voici ma configuration des mes calques/tracés pour la Sphere crystal :
Go to the top of the page
 
+Quote Post

2 Pages V   1 2 >
Reply to this topicStart new topic

 

RSS Lo-Fi Version Time is now: 22nd August 2008 - 05:59 AM