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"
![]() ![]() |
Dec 6 2006, 03:38:39 PM
Post
#1
|
|
![]() Pingouin au H5N1 Group: Team CrystalXP Posts: 2,521 Joined: 16-February 05 From: Nevers, France Member No.: 1,033 |
Faire un TinyTux avec Illustrator
Voici le plus tutoriel le plus avancé dans cette série de tutos pour Illustrator : le TinyTux. C'était déjà assez long sous Photoshop, et sous Illustrator ... vous verrez, ça sera à vous de juger Donc commencez par télécharger le patron correspondant à votre version (j'allais pas vous demander de refaire les formes non plus Vous pouvez voir que ce patron contient plusieurs groupes de tracés. Ceci nous permettra de pouvoir facilement jongler entre les différentes parties du tux sans trop nous emmêler les pinceaux, et surtout, de pouvoir utiliser les masques d'écrêtage, qui fonctionnent différemment de ceux de Photoshop. Ce tuto est composé de 5 grandes parties dont voici la liste : I - Le corps et la tache blanche II - Le bec fermé III - Les pieds du tux debout IV - Le bec ouvert V - Les pieds du tux assis Je vous souhaite à tous une bonne et longue lecture Patrons : Version CS2 (le tuto a été testé et approuvé avec cette version) Version CS (le tuto a été testé et approuvé avec cette vesrion) Version 10 (le tuto n'a pas été testé avec cette version, me contacter si vous le faites) Version 9 (le tuto n'a pas été testé avec cette version, me contacter si vous le faites) Version 8 (le tuto n'a pas été testé avec cette version, me contacter si vous le faites) PS: au terme de ce tuto, vous allez sûrement vous dire "Ouais euh ! Y'a de l'aliasing partout ! C'est totalement innadmissbleuh !". S'il y a un peu d'alising, ce n'est pas parce que je voulais vous apprendre à faire de l'aliasing sous illustrator, mais tout simplement parce que c'est possible d'exporter votre document dans la résolution que vous voulez, puis, il est possible de redimmenssionner afin d'obtenir le meilleur rendu possible C'est chouette Illustrator, non ? Pour les possesseurs de PC pas très puissants, je vous conseille de pas avoir les yeux plus gros que le ventre et de pas tenter une résolution qui entasse les DPI par centaines (ou plutôt par miliers) |
|
|
|
Dec 6 2006, 03:39:30 PM
Post
#2
|
|
![]() Pingouin au H5N1 Group: Team CrystalXP Posts: 2,521 Joined: 16-February 05 From: Nevers, France Member No.: 1,033 |
I - Le corps et la tache blanche
Alors tout d'abord, ouvrez le patron, et admirez les magnifiques formes du TinyTux. ![]() Dépliez le calque puis le groupe "Corps" (appuyez sur la petite flêche à côté de la miniature de l'objet). Maintenant, c'est parti ! 1. Dupliquez le tracé "Corps" en le faissant glisser sur l'icône Nouveau calque ( ). Faites glisser le nouveau tracé juste en dessous du groupe "Yeux". Puis appliquez-lui un contour interne ( ) de 1,5pt de n'importe quelle couleur (si vous n'utilisez pas la version CS2, appliquez un contour normal 2 fois plus épais).2. Allez ensuite dans "Objet > Décomposer apparence". Assurez-vous que vous travaillez sur tout le groupe qui vient d'apparaître, et faites Ctrl+Shift+G (cela aura pour effet d'enlever les tracés contenus dans le groupe dudit groupe). Assurez-vous ensuite que le tracé du contour soit au dessus de l'autre, puis, dans le Pathfinder, appuyez sur soustraire ( ), puis, si vous voulez, sur le bouton Décomposer (ça chargera moins l'arborescence des tracés (vous pourrez d'ailleurs utiliser cette fonction tout au long de ce tuto, même si je ne le précise pas)). Cette manipulation aure pour effet de reproduire la fonction "Contracter la sélection" de Photoshop. Nommez le nouveau tracé "Reflet bas".3. Appliquez un dégardé au nouveau tracé. Si ça n'est pas le cas, mettez le en mode Radial et changez ses couleurs en blanc (départ) vers noir (arrivée), assurez-vous d'être en mode RVB, ou sinon le noir ne sera pas riche, et l'effet de crystalisation sera faussé, ceci sera valable tout au long de ce tuto, je ne le préciserai plus. Changez ensuite le mode de fusion du tracé en Superposition et réglez l'opacité sur 35%. A l'aide l'outil dégradé ( ), tracez un dégradé comme montré sur l'image :![]() 4. Dans CS2 : Faites une copie du tracé "Reflet bas" que vous placerez au dessus de ce dernier, puis appliquez-lui une couleur de fond à la place du dégardé et une bordure interne de 6 pixels. Allez ensuite dans "Objet > décomposer apparence", puis, sortez le tracé de la bordure du nouveau groupe, groupe que vous pouvez supprimer en le faisant glisser sur l'icône supprimer de la palette des calques ( ).Pas dans CS2 : Faites une copie du tracé "Reflet bas" que vous placerez au dessus de ce dernier puis appliquez-lui un contour de 12 pixels. Allez ensuite dans "Objet > Décomposer aspet", puis faites Ctrl+Shift+G sur le nouveau groupe, et après vous être assuré que le tracé du contour soit bien au dessus de l'autre tracé, appuyez sur le bouton Intersection ( ).Renommez-ensuite le tracé en "Reflet haut 1", changez son mode de fusion en Superposition et réglez son opacité sur 60%. Appliquez-lui enfin un dégradé Linéaire Blanc vers Noir allant de A à B : ![]() A ce stade, vous devriez en être là : ![]() 5. Dupliquez enuite le tracé "Corps", passez-le au dessus du tracé "Reflet haut 1" et renommez-le en "Reflet haut 2". A l'aide de l'outil transformation manuelle, redimensionnez et placez-le comme montré plus bas. Appliquez-lui ensuite un dégradé Linéaire Blanc vers Noir. Enfin, changez son mode de fusion en Superpostion et réglez l'opacité sur 60%. Vous devriez obtenir ceci : ![]() 6. Dupliquez ensuite le tracé "Reflet haut 2", et redimensionnez la copie comme ceci : ![]() Re-dupliquez le tracé "Reflet haut 2" (l'original) et assurez-vous que le nouveau tracé soit juste en dessous de celui que nous venons de redimenssionner. Sélectionnez ensuite les deux tracés créés à cette étape, et appuyez sur l'icône soustraire ( ) du Pathfinder (n'oubliez pas de décomper si vous le souhaitez). Renommez le nouveau tracé en "Reflet haut 3", passez-le en dessous du groupe "Yeux" s'il ne l'est pas, et réglez son opacité sur 30%. Vous devriez obtenir ceci :![]() 7. Dépliez maintenant le groupe "Ailes" et dupliquez le tracé "Aile Gauche". Appliquez au nouveau tracé une bordure interne d'un pixel puis (ou de deux, si vous n'utilisez pas la version CS2), décomposez son aspect et dégroupez les tracés nouvellement créés. Assurez-vous que le tracé de la bordure soit au dessus de l'autre et soustrayez ( ). Vous obtiendrez un tracé qui aura une bordure interne indépendante de l'aspect.8. Dupliquez le tracé créé à l'étape précédente et, après avoir séléction l'outil rotation( ), cliquez sur le point d'ancrage à la pointe de l'aile de manière à faire apparaître une petite croix dessus (ou juste à côté). Toujours avec l'outil rotation, faites tourner le tracé d'environ 8° vers le bas (pour cela, cliquez et déplacez le curseur en laissant appyué). S'il le faut, déplacez le nouveau tracé pour obtenir quelque chose dans ce genre :![]() 9. Dupliquez le tracé "Corps" et placez-le au dessus des deux autres tracés que nous avons créés aux étapes 7 et 8. Déplacez le d'environ 18 pixels vers l'intérieur du corps (en appyuant 18 fois la flêche directionnelle droite par exemple (on sait jamais ). Renommez le nouveau tracé en "Reflet aile gauche".10. Dans la palette de dégradé, réglez comme ceci : ![]() Ensuite, tracez un dégradé comme montré ci-dessous dans le tracé du reflet. Changez ensuite le mode de fusion en Superposition et règlez l'opacité sur 40%. ![]() 11. Dupliquez le tracé et renommez-le "Reflet aile droite", et passez-le juste au dessus du tracé "Aile droite". Puis, allez dans la palette de transformation et appuyez sur la flêche de menu puis sur Retournement horizontal. Ensuite, je vous laisse calculer les coordonnées à rentrer pour que le tracé soit placé correctement sur l'aile droite. Vous devriez en être là : ![]() Vous pouvez maintenant replier le groupe "Ailes". 12. Allez maintenant dans le groupe "Yeux". Dupliquez le tracé "Oeil gauche" et renommez-le "Reflet oeil gauche". Appliquez-lui un dégradé Blanc vers Noir avec un angle de -90° et changez le mode de fusion en Superposition mettez l'opacité à 50%, puis redimenssionnez le tracé comme ceci : ![]() 13. Dupliquez le tracé "Reflet oeil gauche", passez la copie au dessus du tracé "Oeil droit" et renommez-la en "Reflet oeil droit". Faites-lui un retournement horizontal et déplacez-la sur l'oeil droit. Vous devriez obtenir quelque chose qui ressemble à ça : ![]() Vous pouvez replier le groupe "Yeux". 14. Allez maintenant dans le groupe "Tache blanche" et dupliquez le tracé éponyme. Renommez le nouveau tracé en "Noir". Appliquez lui ensuite ce dégradé : ![]() Tracez ensuite un dégradé comme montré ci-dessous et changez le mode de fusion en Produit et réglez l'opacité sur 50%. ![]() 15. Dupliquez le tracé "Noir" et renommez-le en "Blanc". Changez ensuite le dégradé en un simple dégradé Radial Blanc vers Noir, le mode de fusion en Superposition et réglez l'opacité à son maximum, c'est à dire à 100%. Vous devriez obtenir ceci : ![]() 16. Tracez un cercle comme montré ci-dessous et appliquez-lui un dégradé Linéaire Blanc vers Transparent. Renommez le tracé "Reflet" et changez son mode de fusion en Superposition puis réglez son opacité sur 30%. A l'aide de l'outil dégradé, tracez un dégradé (si si, je vous jure ![]() A ce stade, vous allez me dire "Mais, ça débordeuh !", et comme vous avez bien suivi les conseils que je vous ai prodigués dans mes autres tutos, vous allez me parler des Masques de transparence. Eh bien non, nous allons nous servir des Masques d'écrêtage, comprables aux masques vectoriels de Photoshop. 17. Faites une copie du tracé "Tache blanche" que vous nommerez "Masque" et que vous passerez au dessus du tracé "Reflet". Cliquez ensuite sur le nom du groupe "Tache blanche" puis sur l'icône Créer/Supprimer un masque d'écrêtage tout en bas de la palette des calques ( ). Hop, notre masque d'écrêtage est créé.Vous devriez maintenant en être là (et las si vous êtes facilement décourageable ![]() C'est fini pour cette première partie, vous pouvez maintenant replier tous les groupes utilisés |
|
|
|
Dec 6 2006, 03:40:56 PM
Post
#3
|
|
![]() Pingouin au H5N1 Group: Team CrystalXP Posts: 2,521 Joined: 16-February 05 From: Nevers, France Member No.: 1,033 |
II - Le bec fermé
Comme vous pouvez l'imaginer, nous allons travailler dans le groupe qui se nomme "Bec fermé", donc dépliez-le. 1. Commencez par dupliquer le tracé "Bec", puis tracez un rectangle, placé sur le côté gauche du bec, dont le côté droit s'arrête au milieu du bec soit à 256px, comme montré plus bas. Pour cela, dans la palette de transformation, changez le point de référence ( ) pour un point situé à la droite du carré, ceci fera que les transformations ne se feront plus à partir du centre du tracé mais depuis le point que vous aurez choisi, puis rentrez 256 dans le champs X.![]() 2. Sélectionnez ensuite le tracé du rectangle et la copie du tracé "Bec", puis appuyez sur la touche Intersection du Pathfinder ( ). Nommez-ce nouveau tracé "Couleur gauche". A l'aide de l'outil dégradé, tracez un dégradé Blanc vers Gris 50% (#808080) sur le tracé nouvellement créé, de A vers B comme montré ci-dessous.![]() Changez maintenant le mode de fusion du tracé en Incrustation et réglez l'opacité sur 80%. 3. Dupliquez le tracé "Couleur gauche" et renommez-le en "Couleur droite". Dans la palette de transformation, changez le point de référence pour que ce dernier soit à droite (si ça n'est plus le cas), puis faites un retournement horizontal. Vous pouvez voir que le tracé est parfaitement positionné par rapport au bec, et que le dégradé s'est aussi retourné. Réglez maintenant l'opacité du tracé à 40%. Vous devriez obtenir ceci : ![]() 4. Dupliquez le tracé "Bec" et renommez-le "Reflet 1", et passez-le juste au dessus des autres tracés du groupe. Appliquez-lui un dégradé Radial Blanc vers Noir du haut du bec vers le bas de celui-ci. Mettez ensuite le tracé en mode Superposition et réglez son opacité sur 50%. Voici le résultat que vous devriez obtenir : ![]() 5. Dupliquez encore une fois le tracé "Bec", puis après avoir mis la copie au dessus des autres tracés, appuyez sur Alt puis sur la touche directionnelle Bas. Ceci dupliquera le tracé tout en le déplaçant d'un pixel vers le bas. Relâchez Alt puis descendez encore le tracé de 5px. Assurez-vous que le tracé qui a été déplacé soit bien au dessus de celui créé précédemment, puis sélectionnez-les et dans le Pathfinder, appuyez sur Soustraire ( ). Renommez le nouveau tracé "Reflet 2", puis appliquez-lui un dégradé Linéaire Blanc vers Noir du haut du bec vers le bas de ce dernier. Changez ensuite son mode de fusion en Superposition et réglez l'opacité sur 50%. Voici le résultat de cette étape :![]() 6. Nous allons maintenant flouter l'ombre en utilisant un flou gaussien, et comme ce n'est pas un effet vectoriel, il est rendu avec une certaine résolution (si votre ordianteur laggue déjà, cette étape n'est pas vraiment nécessaire). Donc tout d'abord, nous allons changer cette dernière en allant dans "Effets > Paramètres des effets". Réglez ensuite la résolution sur 300 dpi par exemple (comme montré sur l'image). Ceci permettra de ne pas avoir d'effets de pixellisation en "carrelage" lors de l'exportation en une résolution supérieure à 72 dpi. ![]() 7. A présent, sélectionnez le tracé "Ombre", puis allez dans "Effets > Atténuation > Flou gaussien" et rentrez 24 dans le champs prévu à cet effet (ou 6, si vous n'avez pas suivi l'étape 7). Cette partie est maintenant terminée. Vous devriez maintenant avoir quelquechose de similaire à cela :
|
|
|
|
Dec 6 2006, 03:42:02 PM
Post
#4
|
|
![]() Pingouin au H5N1 Group: Team CrystalXP Posts: 2,521 Joined: 16-February 05 From: Nevers, France Member No.: 1,033 |
III - Les pieds du TinyTux debout
Pour ne pas rendre cette partie trop rébarbative, je détaillerai la construction du pied gauche, puis nous placerons le droit par symétrie. 1. Commencez par aller dans le groupe "Pieds (debout)", et passez-le au dessus des groupes du bec et du corps. Voilà le magnifique résultat de cette étape : ![]() Ne vous en faites pas, nous allons donner l'illusion que les pieds se trouvent derrière le tux. Mais vous devez vous demander pourquoi ne pas avoir laissé le pied derrière. Tout simplement parce que je suis un peu flemmard et que comme ça, il n'y aura qu'un seul groupe de tracés à afficher/masquer pour changer la position des pieds et non deux avec le groupe des lueurs. C'est vrai que ça crée plus d'aliasing mais ça se gomme en utilisant une résolution assez élevée 2. Dans le sous-groupe "Pied gauche", dupliquez le tracé "Pied", puis allez chercher le tracé "Corps" dans le groupe éponyme et placez-en une copie au dessus de celle du tracé "Pied". Sélectionnez les deux tracés et dans le Pathfinder, appuyez sur Soustraire ( ). Renommez le nouveau tracé en "Masque". puis dupliquez-le. Sélectionnez le tracé "Pied" et l'un des deux "Masque" et appuyez sur Ctrl+G, cela créera un nouveau groupe les contenant. Renommez-le "Pied", cliquez sur son nom puis sur l'icône de création de Masque d'écrêtage ( ). Enfin créez un nouveau groupe que vous nommerez "Lueurs" ne contenant que le deuxième tracé "Masque". Renommez ledit tracé en "Lueur 1" puis rendez ce groupe invisible.3. Retournez dans le groupe "Pied" puis dupliquez le tracé du même nom deux fois. Déplacez un des deux nouveaux tracés de deux pixels vers le haut puis sélectionnez les deux tracés, et enfin, dans le Pathfinder, cliquez sur l'icône Intersection ( ). Renommez le nouveau tracé en "Couleur 1", et changez son mode de fusion en Incrustation et mettez son opacité sur 80%. Maintenant, appliquez-lui un dégradé Linéaire Blanc vers Gris 50% avec un angle de 0°. Voici ce à quoi votre pied devrait ressembler à cette étape :![]() 4. Dupliquez le tracé créé à l'étape précédente et renommez la copie en "Couleur 2". Changez son mode de fusion en Lumière tamisée et réglez l'opacité sur 100%. Enfin, changez le dégradé en Gris 50% vers Noir. Vous devriez obtenir cela : ![]() 5. Dupliquez le tracé "Pied" deux fois et déplacez la copie se trouvant au dessus de l'autre de 2 pixels vers le haut. Enuiste, soustrayez l'un à l'autre grace à l'icône Soustraire du Pathfinder ( ). Renommez le nouveau tracé en "Couleur tour", puis, en maintenant la touche Alt enfoncée, faites un glisser-déposer du rond se trouvant à côté du nom du tracé "Couleur 2" sur celui de "Couleur tour". Ceci va en fait dupliquer l'aspect (couleur/dégradé, contour, effets etc ...) du premier tracé sur le second. Changer maintenant le mode de fusion de "Couleur tour" en Incrustation. Vous devriez obtenir ça :![]() 6. Cette étape va être très originale puisqu'il faut dupliquer le tracé "Pied" trois fois. Une fois que c'est fait, déplacez la seconde copie de deux pixels vers le haut et la troisième de 4 pixels, toujours vers le haut. Sélectionnez ces deux tracés et soustrayez l'un à l'autre. Ensuite, sélectionnez la dernière copie et le tracé précédemment créé, et dans le Pathfinder cliquez sur Intersection ( ). Renommez ensuite le nouveau tracé en "Reflet tour" et passez-le juste en dessous du masque pour qu'il n'interfère pas avec les effets de couleur. Remplissez-le ensuite de blanc et mettez son opacité sur 50%. Voici ce que vous devriez obtenir si vous avez bien suivi cette étape :![]() 7. A l'aide de l'outil ellipse, tracez deux cercles comme ceux montrés ci-dessous. Soustrayez ensuite le grand cerlce au petit (en le mettant au dessus dans l'arborescence) et renommez le nouveau tracé en "Reflet orteil milieu". Remplissez-le de blanc et réglez son opacité sur 75%. ![]() 8. Dupliquez le tracé "Reflet orteil milieu" et renommez la copie en "Reflet orteil avant". Déplacez ce nouveau tracé de manière à obtenir ça : ![]() 9. Dans la version CS2 : Dupliquez le tracé "Pied" et appliquez-lui une bordure interne de 6 pixels. Allez dans Objet > Décomposer l'aspect, et dans le nouveau groupe, sélectionnez le tracé représentant la bordure et supprimez l'autre. Dans les versions inférieures : Faites un copie du tracé "Pied" et appliquez-lui une bordure de 12 pixels. Allez dans Objet > Décomposer l'aspect, et faites Ctrl+Shift+G sur le nouveau groupe. Appuyez ensuite sur le bouton Intersection ( ) du Pathfinder.Maintenant, sélectionnez tous les points en rouge sur l'image à l'aide de l'outil sélection point par point et appyuez sur Suppr ( ![]() 10. Sélectionnez les points verts entourés deux par deux et faites Ctrl+J (joindre). Ceci reliera les points d'ancrage sélectionnés des tracés dans un seul tracé. Il est possible que ça ne marche pas sur deux points (ça m'est arrivé, et je ne sais pas trop pourquoi d'ailleurs ![]() 11. Faites deux nouvelles copies du tracé "Pied" que vous nommerez "Couleur orteil avant" et "Couleur orteil milieu". Passez leurs modes de fusion à Superposition et réglez leurs opacités sur 25%. Appliquez-leur ensuite un dégradé Radial blanc vers transparent puis à l'aide de l'outil dégradés, tracez un dégradé allant de A vers B sur le premier tracé et de C vers D sur le second. ![]() 12. A l'aide de l'outil ellipse, tracez un cercle que vous remplirez de noir comme montré sur l'image. Placez-le tracé juste en dessous du masque et renommez-le "Ombre". ![]() Appliquez ensuite un flou gaussien d'un rayon de 32 pixels (à 300dpi) à ce tracé et réduissez son opacité à 25%. Vous devriez obtenir ça : ![]() 13. Dans le groupe "Lueurs" créé précédemment (il faut évidemment le rendre visible), dupliquez le tracé "Lueur 1" et renommez-le en "Lueur 2". Remplissez le premier tracé de #FFFF00 et réduisez son opacité à 50% et remplissez le second de #FFBC00 en abaissant son opacité à 25%. Appliquez ensuite un Flou gaussien de 32 pixels au tracé "Lueur 1" et un de 16 pixels à "Lueur 2". Vous devriez obtenir quelque chose dans ce genre : ![]() 14. Allez ensuite chercher le tracé "Corps" dans le groupe du même nom. Copiez-le puis faites Ctrl+F (coller en avant plan) en ayant pris soin de sélectionner le tracé "Lueur 2" (une autre manière de dupliquer). Renommez ensuite la copie en "Masque" et cliquez sur l'icône de Masque d'écrêtage ( ).15. Dupliquez le groupe "Pied gauche" et renommez la copie en "Pied droit". Allez ensuite dans la palette de transformation, puis faites subir au groupe un retournement horizontal puis changez la valeur dans le champs X afin qu'il soit superposé au groupe "Pied droit" original. Supprimez enfin le groupe "Pied droit" original en question en le faisant glisser sur l'icône supprimer de la palette des calques ( ).Vous obtenez donc à la fin de cette étape un TinyTux totalement crystalisé comme celui-ci :
|
|
|
|
Dec 6 2006, 03:43:22 PM
Post
#5
|
|
![]() Pingouin au H5N1 Group: Team CrystalXP Posts: 2,521 Joined: 16-February 05 From: Nevers, France Member No.: 1,033 |
IV - Le bec fermé
Dans cette partie, nous allons travailler dans le groupe ... "Bec fermé" (vous vous en doutiez pas je suis sûr 1. Commencez par dupliquer le tracé "Bec" puis tracez un rectangle dont le côté droit s'arrête à 256 pixels (utilisez le point de référence du tracé, comme montré dans la partie du bec fermé). ![]() 2. Sélectionnez ensuite les deux tracés créés à l'étape précédente et, dans le Pathfinder, cliquez sur Intersection ( ). Renommez ensuite le nouveau tracé en "Couleur gauche" et changez son mode de fusion en Incrustation puis réglez son opacité sur 80%. Tracez ensuite un dégradé Radial Blanc vers Gris 50% de A vers B comme montré ci dessous.![]() 3. Dupliquez le tracé "Couleur gauche" et renommez sa copie en "Couleur droite". Retournez-le ensuite horizontalement après avoir changé son point de référence pour un point situé à droite. Réduisez ensuite l'opacité de ce nouveau tracé à 40%. ![]() 4. Dupliquez le tracé "Bec" et placez-le juste en dessous du groupe "Intérieur". Renommez-le en "Reflet 1" puis après avoir changé son mode de fusion en Superposition et avoir reglé son opacité sur 50%, appliquez-lui un dégradé Radial Blanc vers Noir allant du haut du bec vers le bas de celui-ci. Vous devriez obtenir quelque chose dans ce genre : ![]() 5. Dupliquez le tracé "Bec" une nouvelle fois et placez la copie entre le tracé "Reflet 1" et le groupe "Intérieur". Faites une copie de la copie et descendez cette dernière de 6 pixels. Sélectionnez les deux copies créées à cette étape et, dans le Pathfinder, appuyez sur le bouton Soustraire ( ). Changez ensuite son mode de fusion en Superposition et réduisez son opacité à 50%. Appliquez-lui ensuite un dégradé Radial Blanc vers Noir allant du haut du bec vers le bas de celui-ci, comme à l'étape précédente. Voici le résultat de cette étape :![]() 6. Allez maintenant dans le groupe "Intérieur" et dupliquez le tracé éponyme. Appliquez une bordure normale de 3 pixels (valable pour toutes les versions) puis allez dans Objet > Décomposer apparence. Faites Ctrl+Shift+G pour supprimer le groupe qui nous empêcherait d'utiliser le Pathfinder, puis, avec les deux tracés (bordure et intérieur) sélectionnés, allez dans ce dernier pour cliquer sur l'icône Ajout ( ). Maintenant, renommez le nouveau tracé en "Reflet", passez-le en dessous du tracé "Intérieur" puis changez son mode de fusion en Superposition et règlez son opacité sur 60%. Ensuite appliquez-lui un dégradé Linéaire Blanc vers Noir d'angle 90°. Vous devriez obtenir quelque chose dans ce genre :![]() 7. Dupliquez le tracé "Intérieur" et renommez sa copie en "Couleur 1". Appliquez-lui un dégradé Radial Blanc vers Noir du bas de la bouche vers le haut de celle-ci. Changez ensuite son mode de fusion en Incrustation et laissez l'opacité tel quel. Vous devriez obtenir un résultat similaire à celui-ci : ![]() 8. Dupliquez une dernière fois le tracé "Intérieur" et passez-le au dessus des autres tracés du groupe. Tracez ensuite un cerlce, en utilisant l'outil ellipse, comme celui qui est montré plus bas. Sélectionnez ensuite ces deux tracés et, dans le Pathfinder, cliquez sur l'icône Intersection ( ). Renommez ensuite le nouveau tracé en "Reflet 2" et remplissez-le de blanc. Passez ensuite son mode de fusion à Lumière tamisée et son opacité à 50%. Votre résultat devrait être proche de celui-ci :![]() 9. Nous allons maintenant flouter l'ombre, sélectionnez donc le tracé "Ombre" et appliquez-lui un Flou gaussien de 24 pixels de rayon. Cette partie est terminée, vous devriez obtenir un résultat comme celui-ci :
|
|
|
|
Dec 6 2006, 03:44:11 PM
Post
#6
|
|
![]() Pingouin au H5N1 Group: Team CrystalXP Posts: 2,521 Joined: 16-February 05 From: Nevers, France Member No.: 1,033 |
V - Les pieds du TinyTux assis
Ceci est la dernière partie de ce long tutoriel. Comme pour les pieds du TinyTux debout nous allons faire le pied gauche, puis placer le droit par symétrie. 1. Pour commencer, allez dans le groupe "Pieds (assis)", puis dans "Pied gauche". Faites une copie du tracé "Pied" puis faites Ctrl+G sur chacun des tracés. Renommez le groupe qui est au dessus de l'autre en "Pied", puis changez le nom du tracé du dessous en "Lueurs". Rendez ce dernier goupe invisible. 2. Dans le groupe "Pied", dupliquez trois fois le tracé eponyme. Renommez ensuite les trois copies en "Couleur 1", "Couleur 2" et "Couleur 3", passez leurs modes de fusion à Incrustation, et appliquez leur un dégardé Blanc vers Gris 50% (il faut que le dégradé soit Linéaire sur les deux premiers tracés et Radial sur le dernier). Faites ensuite en sorte, à l'aide de l'outil dégradé, que les dégradés aillent de A à B pour le premier tracé, de C à D pour le deuxième et de E à F pour le dernier, comme montré sur cette image : ![]() Vous devriez obtenir ceci : ![]() 3. Dupliquez ensuite le tracé "Pied" deux fois et passez ses copies au dessus des autres tracés du groupe. Déplacez la seconde copie de deux pixels vers le haut et appyuez sur le bouton Soustraire ( ) du Pathfinder. Renommez le nouveau tracé en "Tour 1" puis appliquez-lui ce dégradé :![]() Après avoir changé le mode de fusion du tracé en Incrustation, vous derviez obtenir ça : ![]() 4. Dupliquez le tracé "Pied" trois fois et passez les trois duplicatas tout au dessus du groupe. Déplacez le tracé le plus au dessus de 4 pixels vers le haut et de deux pixels seulement pour celui du milieu. Sélectionnez-les tous les deux et, dans le Pathfinder, soustrayez ( ). Sélectionnez ensuite le nouveau tracé et la copie à laquelle nous n'avons pas encore touché, et dans le Pathfinder, appyuez sur le bouton Intersection ( ).5. Renommez ce nouveau tracé en "Tour 2" puis passez son mode de fusion à Incrustation. Appliquez-lui ensuite ce dégradé : ![]() Dupliquez ensuite ce tracé et renommez-le en "Tour 3" et appliquez-lui l'aspect de "Tour 1" (glisser-déposer de son cerlce en laissant appuyer Alt). Vous devriez obtenir ceci : ![]() 6. Dupliquez le tracé "Pied" deux fois et passez les copies au dessus des autres tracés du groupe. Déplacez le tracé qui est au dessus de l'autre de 6 pixels vers le bas, puis, après avoir sélectionné les deux copies créées à cette étape, soutrayez dans le Pathfinder ( ). Renommez le nouveau tracé en "Reflet 1" puis changez son mode de fusion en Superposition et réglez son opacité sur 75%. Pour finir, appliquez-lui un dégradé Radial Blanc vers Noir, et tracez-le comme ceci :![]() 7. A l'aide de l'outil Ellipse, tracez un cercle comme montré ci dessous, puis renommez le nouveau tracé en "Reflet 2". Passez le ensuite en mode Superposition et réglez son opacité sur 50%. Appliquez-lui enfin un dégradé Linéaire Blanc vers Noir d'angle 0°. ![]() Mais zuteuh ! Le reflet dépasse ! 8. Pour remédier à ce problème, dupliquez le tracé "Pied" et passez la copie tout au dessus du groupe après l'avoir renommée en "Masque". Cliquez ensuite sur le nom du groupe puis sur l'icône de Masque d'écrêtage ( ). Et là, ô miracle, ça ne déborde plus :![]() Nous en avons maintenant fini avec le pied en lui-même mais quid des lueurs ? Nous allons nous en occuper tout de suite, et après, ce sera la fin de ce tutorial. 9. Rendez le groupe "Lueurs" (créé au début de cette partie) visible et dedans, renommez l'unique tracé en "Lueur 1" puis faites en une copie que vous nommerez "Lueur 2". Changez la couleur de remplissage du premier tracé en #FFFF00 puis assurez-vous que celle du second soit bien #FFBC00. Appliquez un flou gaussien de 32 pixels à "Lueur 1" après avoir baissé son opacité à 50%, puis appliquez-en un de 16 pixels à "Lueur 2" puis réglez son opacité sur 25%. Vous devriez obtenir quelque chose dans ce genre : ![]() 10. Maintenant, allez chercher une copie du tracé "Corps" puis placez-la au dessus des tracés de lueur utilisés précédemment, enfin, renommez-la en "Masque". Comme vous pouvez vous en douter, il faut créer un masque d'écrêtage avec ce tracé. Donc, cliquez sur le nom du groupe puis sur l'icône de Masque d'écrêtage ( ). Voilà notre magnifique pied avec sa lueur qui ne déborde pas :![]() 11. Faites une copie du groupe "Pied gauche que vous nommerez "Pied droit". Faites ensuite un retournement horizontal de ce groupe puis placez le pied, en modifiant la valeur dans le champs X, pour qu'il se superpose au pied droit non-crystalisé fourni dans le patron, supprimez ensuite ce dernier. Voilà le résultat final (que vous devriez donc obtenir si vous avez bien suivi mon tuto, et surtout, si mon tuto était assez clair) : ![]() Voilà, ce tuto est fini, "Déjà ?!" dirons certains, "Enfin ..." diront d'autres et "..." diront les moins bavards. J'éspère que faire ce TinyTux ne vous aura pas, au final, parru si difficile que ça et que vous aurez apprécié la lecture de ce tutoriel. Merci d'avoir tout lu |
|
|
|
Jan 1 2007, 02:08:17 AM
Post
#7
|
|
![]() Why don't you play the game ? ![]() ![]() ![]() ![]() ![]() ![]() Group: Members Posts: 2,496 Joined: 14-August 06 From: Funky Town Paris Member No.: 57,829 |
100 % Vecto, 100 % Plaisir
Bravo pour cet incroyable tuto k_millio, je me fait la boule aqua et je me lance dans le Tiny-Tux PS : C'est moi le preum's a posté des commentaires dans la new section Ok, ok |
|
|
|
Jan 1 2007, 02:13:42 AM
Post
#8
|
|
![]() Top Penguin ![]() ![]() ![]() ![]() Group: Members Posts: 993 Joined: 3-December 05 Member No.: 5,461 |
Merci pour ce tuto K_millio, je pense qu'il va en aider plus d'un à commencé à réelement crée grâce à Illustrator.
|
|
|
|
Jan 1 2007, 02:13:45 AM
Post
#9
|
|
|
Big Penguin ![]() ![]() ![]() Group: Members Posts: 287 Joined: 17-April 06 Member No.: 29,544 |
Félicitation, c'est très bien expliquer, j'essayerai dès que j'orais Illustrator
|
|
|
|
Jan 1 2007, 02:31:44 AM
Post
#10
|
|
![]() Petit Gourou :P ![]() ![]() ![]() ![]() ![]() Group: Members Posts: 1,057 Joined: 14-May 06 From: Citoyen du monde Member No.: 35,344 |
super tuto, mais (désolé, je joue les rabajoie), il est pas plus pixelisé que sous toshop ???
|
|
|
|
Jan 1 2007, 02:59:39 AM
Post
#11
|
|
![]() Top Penguin ![]() ![]() ![]() ![]() Group: Members Posts: 822 Joined: 15-January 06 From: Au fond d'un placard a Clermont Member No.: 10,894 |
Merci beaucou p on aprend vraiment plein de chose sur illustrator qui est un logiciel pas du tout simple a decouvrir tout seul
Et pour mon voisin du dessus qui ne semble pas avoir lu le tuto (meme le premier post) QUOTE PS: au terme de ce tuto, vous allez sûrement vous dire "Ouais euh ! Y'a de l'aliasing partout ! C'est totalement innadmissbleuh !". S'il y a un peu d'alising, ce n'est pas parce que je voulais vous apprendre à faire de l'aliasing sous illustrator, mais tout simplement parce que c'est possible d'exporter votre document dans la résolution que vous voulez, puis, il est possible de redimmenssionner afin d'obtenir le meilleur rendu possibl
|
|
|
|
Jan 1 2007, 11:33:45 AM
Post
#12
|
|
![]() Tire pas la chasse! ![]() ![]() ![]() ![]() ![]() ![]() Group: Members Posts: 2,567 Joined: 24-September 05 From: Dans la cuvette... Member No.: 3,951 |
C'est très complet et super bien expliqué, en effet l'on apprend plein de chose d'Illustrator !!!
Un grand merci à k_millio !! |
|
|
|
Jan 1 2007, 11:55:20 AM
Post
#13
|
|
![]() Amir2006 ![]() ![]() ![]() ![]() Group: Members Posts: 638 Joined: 22-May 06 From: Val d'oise - France Member No.: 37,430 |
Coool il es gratuit Illustrator ?
sinon 7eme a poster ^^ |
|
|
|
Jan 1 2007, 12:16:13 PM
Post
#14
|
|
![]() Fremen ![]() ![]() ![]() ![]() ![]() ![]() Group: Members Posts: 2,065 Joined: 14-August 05 From: Castor Kingdom Member No.: 3,060 |
|
|
|
|
Jan 1 2007, 01:04:30 PM
Post
#15
|
|
![]() Gribouilleur ![]() ![]() ![]() ![]() ![]() ![]() Group: Members Posts: 2,922 Joined: 11-December 04 From: France - Nancy Member No.: 647 |
Superbe tuto , bravo a toi K_millio
|
|
|
|