Dans ce tutoriel, nous apprendrons à faire une boule aqua sous illustrator.

1. Créez un nouveau document de 512x512 pixels en mode de couleur RVB. A l'aide de l'outil de tracé elliptique, tracez un cercle ressemblant à celui montré ci-dessous.

2. Renommez le tracé en "Fond", puis supprimez son contour et changez sa couleur de fond en #1D63BF. A ce stade du tutoriel, vous devriez avoir un résultat similaire à celui -ci :

3. Dupliquez ensuite le tracé et renommez-le en "Lueur interne". Changez son contenu en dégradé radial de couleurs Gris 50% vers Noir riche. Dans la palette des dégradés, cliquez sur le petit curseur entouré en rouge :

Et rentrez 75% dans le champs Emplacement situé juste au dessus (si la palette est dépliée). Maintenant, changez le mode de fusion du calque en Lumière Tamisée.
Vous devriez obtenir ça :

4. Tracez un nouveau cercle comme montré ci dessous, et renommez le nouveau tracé "Reflet".

5. Changez le dégradé en un dégradé Linéaire de couleurs Blanc vers Noir (riche toujours). Réglez l'angle à -90°, puis, réglez la position du centre du dégradé sur 40%, comme montré à l'étape 3. Copiez le tracé (vous verrez pourquoi à l'étape suivante ), puis réglez son opacité sur 80% et changez son mode de fusion en Superposition.
A ce stade du tutorial, vous devrier avoir quelque chose dans ce genre :

6. Dupliquez le tracé "Fond" et placez-le sous le tracé "Reflet". Renommez ensuite le nouveau tracé en "Lueur" et changez sa couleur en #29D7FF.

7. Ajoutez-lui ensuite un masque d'opacité, puis, dans la palette transparence, cliquez sur la miniature du masque d'opacité nouvellemnet créé (pour travailler dedans). Appuyez sur Ctrl+F pour coller le tracé reflet à la même position à laquelle il était, puis déplacez-le manière à ce qu'il soit placé comme sur cette image :

8. Réglez l'angle du dégradé à 90° puis allez dans Effet > Paramètres des effets, et mettez ces réglages :

Cette manipulation a pour but de vous permettre d'exporter l'image finale a une résolution de 300dpi (soit dans ce cas, du 2133x2133 pixels), et ce, sans perte de qualité. Si vous n'aurez pas l'utilité, ou que votre ordinateur a déjà du mal à cette étape  du tutoriel, la manipulation n'est pas obligatoire.

9. Allez ensuite dans Effet > Atténuation > Flou gaussien, et entrez 64 pixels (entres 16 pixels si vous n'avez pas fait l'étape précédente) dans la boîte de dialogue juste apparue. Vous devriz obtenir ça :

10. Dans la palette Transparence, cliquez sur la miniature du tracé "Lueur" (pour retourner travailler dans le document en lui-même), puis tracez un cercle comme montré ci dessous, et changez sa couleur de fond en Noir. Renommez le tracé "Extérieur" et mettez-le en dessous du calque "Fond".

11. Tracez ensuite un nouveau cercle, comme montré plus bas, par dessus le tracé "Extérieur" et changez sa couleur de fond en #003666, enfin, renommez le tracé en "Intérieur".

12. Sélectionnez les tracés "Extérieur" et "Intérieur", ensuite allez dans Objet > Dégradé de forme > Option des dégradés, et assurez vous que l'intervale soit réglé sur Couleur Lissée. Enfin, appuyez sur Ctrl+Alt+B (ou allez dans Objet > Dégradé de formes > Créer). Vous devriez obtenir quelque chose comme ça :

13. Renommez le groupe "Dégradé de formes" nouvellement créé en "Ombre", puis réglez son opacité sur 50%. Enfin, ajoutez-lui un masque d'opacité, et cliquez sur la miniature dudit masque d'opacité pour aller travailler dedans.

14. Dans le masque d'opacité donc, tracez un cercle rempli de noir comme montré ci-dessous, et renommez le tracé en "Extérieur" :

Tracez ensuite un cercle blanc comme sur l'image, puis renommez le tracé en "Intérieur".

15. Maintenant, sélectionnez les tracés "Extérieur" et "Intérieur" et créez un Dégradé de formes. Vous devriez obtenir quelque chose dans ce genre :

Pour exporter votre boule aqua en PNG (ou autre), allez dans Fichier > Exporter

Voilà, ce tutoriel est terminé. J'éspère que vous avez apprécié la lecture ce tutoriel. J'éspère aussi vous avoir appris des choses utiles pour le maniement d'Illustrator

Le tuto est simple et le rendu magnifique, je m'y met demain

Super pour débuter !!

Merci pour les commentaires

Par contre, j'avoue que j'aurais pas fait comme ça si ça n'avait pas été pour le tuto. Certaines manips auraient pu être simplifiées, mais elles n'auraient servi à rien sur le plan de l'apprentissage

Je sens que je vais m'y mettre  
Je poste la boule aqua quand j'ai fini

3 tuto pour la boule aqua

Je pense que les débutants devrait y arriver avec les 3 méthodes

Merci

Lut,

J'avoue avoir eu du mal avec les masques d'opacités (surtout pour le créer), bon j'ai réussi quand même.... Par contre, ça m'énerve, j'ai pas réussi à bien fondre le reflet supérieur.... On voit encore le cercle en bas...

Voila ma boule (version 72px/pouce et pas 300)

Merci pour le tuto en tout cas

Je pense que tu as sauté l'etape 8, où il fait retourner le dégradé
Autrement, ta boule est correcte, pas de problème majeur

Sans vouloir être chieur, avec le flou gaussien, on aurait été plus vite, non ?

Merci du tutorial k_millio

Hello !

Tout d'abord merci pour ce tutorial !  
Je suis tout nouveau dans la communauté et je débute dans le dessin vectoriel alors ne m'en veuillez pas si ma remarque est un peu déplacé...

Il me semble qu'il y a une erreur dans le tutorial car il est dis étape 5 "changez son mode de fusion en Superposition" or il me semble que d'après le screenshot le mode de fusion serait plutôt "Lumière Forte" (j'ai la version anglaise donc pour moi c'est "Hard Light" et non "Overlay"...).

J'espère ne pas dire de bétises...

(PS : Existe-t-il un patch fr ?! ^^)

Oui, mais avec le flou gausien, on en apprendrait pas autant
(Et j'aime pas les effets bitmap, accessoirement :^^: )

Non, ça m'étonnerait que j'aie utilisé le mode Lumière crue (pas forte il me semble) étant donné que je ne l'utilise quasiment jamais. C'est donc bien de l'Incrustation (Overlay)

En plus, je crois que le mode Lumière crue donnerait un dégradé blanc vers transparent vers noir

PS: non, il n'y a pas de patch français

Et bien lorsque je met de l'overlay, je n'obtient vraiment pas le même effet que le tien !
(Et pourtant je met tous les paramètres exactement comme tu les décris dans le topic)

En revanche lorsque j'utilise le mode Hard Light, en bidouillant un peu les paramètres, voilà ce que j'obtient :

Comprend pas !

Bon bah on dit que c'est en forgeant qu'on devient forgeron alors en ce jour de la Saint Valentin j'ai concocté un petit coeur aqua à ma sauce !

Je vous montre ce que ça donne alors faites moi part de vos remarques pour que je puisse progresser !

(Cliquez pour voir l'image en taille réelle)

Bonjour et merci pour ce tuto !

Etant fidèle à photoshop, je recherchais désespérément une technique proche du masque de fusion ! J'étais arrivé à peu près à la même conclusion que ce tutorial, celà dit c'est bien dommage qu'on ne puisse pas utiliser les dégradés vers transparent. Je pense qu'on obtiendra ceci dans une futur version d'illustrator ! Quoiqu'il est probablement difficile pour les programmeur de développer cet outil tout en gardant la vectorisation. Soit! Nous devons ruser mais n'est ce pas là tout l'interêt de l'infographie ?!

http://upload.nox-design.net/upload/117580...m94ZGVzaWdu.png

k_millio, tes tutoriaux ont fait de moi un Illustratorien !

Voila ma création, mes débuts sous Strator :

L'ombre par contre je n'ai rien compris Il faudrait de meilleures explications

Edit Une autre :

Edit 2 Encore !

Salut à tous,

Désolé, mais j'ai le même problème que RooDerS : l'effet obtenu avec le mode OVERLAY n'est pas du tout le même que le tien. J'ai Strator en anglais comme lui... J'en conclus que si ma version se comporte différemment des autres, je ne peux pas obtenir un dégradé vers le transparent par cette méthode !

bon bein c'est la première fois que je met les pattes dans illustrator, c'est dur dur au niveau de l'interface, surtout quand on a des réflexe toshop.

Je suis pas trop loin du résultat même si je trouve que mon reflet supérieur est pas top-top

aqua_ball.png

Hello !

Tout d'abord merci pour ce tutorial !  
Je suis tout nouveau dans la communauté et je débute dans Illustrator,
s'il te plait j'ai besoin d'aide pour l'étape 3: comment changez le mode de fusion du calque en Lumière Tamisée?
et merci

Dans la palette des calques, y'a marqué "Mode :" et juste à côté une liste déroulante.

Merci pour ce tuto k_millio ; )
Simple avec un rendu plutôt sympatique, juste une question toutefois.
Vous utilisez tous le mode RVB ??
J'ai remarqué aussi sur le tuto de Revilo que la colorimétrie du document était en RVB.
Personnellement je travail dans une imprimerie et le RVB on ne connais pas tout simplement parce qu'on ne peux pas imprimer en RVB, c'est pourquoi je travail que en CMJN (quadrichromie), personne ne l'utilise sur le fofo ??

 
Justement, tu as la réponse dans ta question. RVB et CMJN étant deux modes colorimétriques différents, ils ont aussi deux utilisations différentes. Le CMJN est utilisé pour les documents destinés à l'impression, le RVB pour les documents Web. Vu qu'on est sur un forum... c'est le RVB qui domine (c'est logique).

Effectivement tout s'explique ; ).