Overblog
Suivre ce blog Administration + Créer mon blog
21 juin 2011 2 21 /06 /juin /2011 17:12

 

 

Ce didacticiel montrera une façon de procéder pour obtenir un effet d’incrustation d’une forme. Cet effet est facilement réalisable avec Photoshop sur du texte mais Illustrator permet de créer une typographie du texte stylé tout en gardant le texte éditable. Nous utiliserons les panneaux aspect et styles graphiques qui permettront d’appliquer rapidement l’effet créé à un texte éditable et à des objets vectoriels.

 Final autre couleur

 

 

1. Ouvrez Adobe Illustrator et créez un rectangle (M) avec une couleur claire qui vous servira de fond.
(Astuce : Vous pouvez créer l’effet sur fond blanc aussi.)  

 01 Rectangle 

 

2. Écrivez le texte (T) que vous voulez incruster et supprimez le fond et le contour.

 02 Texte sans contour, rien

3. Dans la fenêtre Aspect, ajouté un nouveau fond et assignez-lui une teinte plus foncée que votre fond. 

03 Nouveau R01

4. Tout en ayant votre fond sélectionné dans la fenêtre Aspect, allez dans (Effet > Esthétiques > Lueur interne). Mettez les paramètres comme sur l’image ci-contre. La teinte doit être de la même couleur que le fond.
(Astuce : Ces paramètres seront toujours éditables dans la fenêtre Aspect donc essayez ceux qui vous plaîsent.)

04 Inner Glow

5. Sélectionnez le texte et ajoutez un autre fond depuis la fenêtre Aspect comme vous avez fait précédemment. Le nouvel effet apparaîtra en haut dans la liste donc il ne prendra pas en compte les effets mis avant. Glissez et déposez le nouveau fond en dessous de l’autre.
-Changez sa couleur en la rendant plus foncée que celle du texte original. Allez dans (Effet > Déformation & Transformation > Transformation) et déplacez votre texte verticalement avec une valeur positive.
(Astuce : Le déplacement est plus ou moins important en fonction de la grosseur de votre texte.)

 05 et 06 Effet Transform

 

Vectoriser com(2)

6. Créez un nouveau fond et mettez-le en blanc. Placez-le en dessous des autres. Allez dans (Effet > Déformation & Transformation > Transformation) et déplacez votre texte verticalement avec une valeur négative.

07 Blanc

7. Après avoir créé votre incrustation avec Illustrator en utilisant cette méthode, votre texte est toujours éditable.
(Astuce : Pour rendre cette technique plus utile nous allons créer un Style Graphique.

Sélectionnez votre texte et appuyez sur nouveau style graphique dans la fenêtre Style. Maintenant il est possible d’attribuer cet effet à d’autres textes et aussi à d’autres tracés vectoriels. Il suffit de cliquer sur sa forme et de sélectionner la vignette du style graphique qui vient d’être créé.)

 
08 New Graphic

 

 

 

Autres Didacticiels :

Logo Vectorisé Web 2.0 2 Logo Vectorisé Web 2.0 1 Vectorisation Image Illustrator souris Fin Vectoriser image vectoriel bouton Illustrator Vectoriser logo Vectorisation Illustrator  


      "Didacticiel sur l'incrustation de texte et de formes avec Adobe Illustrator"
réalisé par Tommy Toussaint
 

                                              Tous droits réservés vectoriser.com 2006/2011

Partager cet article
Repost0
17 juin 2011 5 17 /06 /juin /2011 14:50

 

Le Web 2.0 est un terme utilisé pour désigner la réelle évolution vers la simplicité et l'interactivité d’Internet. Le Web 2.0 peut être résumé par l’ensemble des techniques (design dynamique, interfaces enrichies…) et de la communication (partage et diffusion d’information…). Dans l’ensemble des techniques du Web 2.0, il y a l’interface graphique qui utilise de nombreux effets d’ombres, de lumières, de reflets et de jeux de couleurs pour donner une identité graphique à un projet, à une marque ou à une entreprise. C'est la raison pour laquelle nous vous présenterons dans ce tutoriel l'amélioration d'une simple icône en ajoutant des effets pour lui donner un style Web 2.0.

  Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator-copie-14

-Tout d'abord nous nous occuperons de la partie grise qui se trouve sur le bord de l'icône. En commençant par lui appliquer un effet métallisé et un effet de reflet pour lui donner un coup d'éclat.

 

1. Tracez un cercle pour détourer l'icône. Appliquez-lui un Dégradé de couleurs de type "Linéaire" avec 2 nuancées de gris #BFBFBF en bas et #404040 en haut.

 

2. Dupliquez ce cercle et placez-le pour que le centre soit sur le bord comme illustré.  Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator-CS4-CS5 
3. Sélectionnez les 2 cercles et utilisez l'Outil Pathfinder "Division" pour séparer les formes en 3. Effacez la partie du bas.

 

4. Tracez un nouveau cercle qui servira de contour pour le cercle bleu, il sera du même dégradé que les cercles précédents.

 

 5. Dupliquez le nouveau cercle et changez sa couleur par un niveau de gris de 10%. Placez-le pour que le centre soit sur le bord comme illustré.
  Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator-copie-1
 6. Sélectionnez les 2 cercles et utilisez l'Outil Pathfinder "Division" pour séparer les formes en 3. Effacez la partie du bas.

- Voici le rendu pour l'instant:


Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator-copie-2

9-vectoriser- Maintenant nous allons reproduire les mêmes effets sur la partie intérieure de l'icône pour produire un reflet de saphir.

 

7. Détourez le cercle bleu avec l'Outil Ellipse (L). Appliquez-lui un Dégradé de couleurs de type "Linéaire" avec 2 nuancées de bleu #29529C en haut et #009EE0 en bas. Rajoutez un contour bleu #29529C d'épaisseur de 7pt. Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator-copie-3

 

8. Détourez à nouveau l'icône entière avec l'Outil Ellipse (L) et attribuez-lui les mêmes caractéristiques de couleurs à l'aide de l'Outil Pipette (I). Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator

9. Placez le nouveau cercle pour que le centre soit sur le bord de l'icône comme illustré. Sélectionnez les 2 cercles bleus et utilisez l'Outil Pathfinder "Division" pour séparer les formes en 3. Effacez la partie du bas.

 

Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator-copie-5

 

10. Ajoutez une ellipse blanche de forme ovale dans la partie supérieure bleue de l'icône. Dupliquez-la par dessus et attribuez-lui un Dégradé de couleurs noir et blanc de type "Linéaire". Sélectionnez les 2 ellipses et créez un masque d'opacité. Baissez l'opacité à 75%.

 

11. Vectorisez le "2" à l'aide de l'Outil Plume (P) ou utilisez l'Outil Texte (T) avec comme police "Arial Bold". Dupliquez celui-ci par dessus et appliquez la couleur blanche pour le "2" du dessus et bleu #29529C pour celui du dessous. Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator-copie-6

12. Sélectionnez le "2" en arrière-plan et décalez-le dans le menu "Objet >Transformation > Déplacement" (Maj+Ctrl+M) de -7px à l'horizontale et de -7px à la verticale.

 

13. Ciblez le bord gris de l'icône. Appliquez-lui l'effet 3D dans le menu "Effet > 3D > Extrusion et biseautage" avec les options suivantes.


Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator-copie-7

 

Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator-copie-8

14. Ciblez les autres parties de l'icône. Appliquez-leur l'effet de rotation 3D dans le menu "Effet > 3D > Rotation" avec les options suivantes.Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator-copie-9

 

Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator-copie-10

(Après cette étape, certains sous-calques peuvent être décalés à cause de l'Option de rotation 3D.)

 

- Et pour finir, appliquer une ombre portée permet de rajouter un relief de plus à l'icône et de le faire ressortir du fond. 

 

15. Tracez une forme ovale de couleur noire avec l'Outil Ellipse (L) sous l'icône. Appliquez-lui un effet de Flou gaussien de rayon 25px et baissez son opacité à 10%.

Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator-copie-13.jpg


(Astuce: Vous pouvez ensuite changer la couleur de l'icône avec le réglage de "Teinte/Saturation" en l'important sous Photoshop )


Vectorisation-icone-Web-2-0-sous-Adobe-Illustrator-copie-12

 

 

Vectoriser_com-2-.jpg

 

Autres tutoriels:

Logo Vectorisé Web 2.0 1
vectoriser image vectoriel montre Illustrator 
 Logo Vectorisé Web 2.0 2  Logo Vectorisé Web 2.0 3

 

 

 

"Amélioration d'une icône en style WEB 2.0 sous ILLUSTRATOR" rédigé par Nicolas Leonard

Tous droits réservés vectoriser.com 2006/2011

Partager cet article
Repost0
15 juin 2011 3 15 /06 /juin /2011 16:28

 

Plusieurs types d'ombres existent. Les ombres sont des éléments graphiques souvent réalisées sous Photoshop mais elles peuvent être également exploitées sous Illustrator. Les ombres portées donnent du relief à l'objet en le détachent du fond. Dans ce tutoriel, nous nous intéresserons aux différents types d'ombre que vous pourrez réaliser sur Adobe Illustrator.   

 

Ombre portée simple:


Ajouter-une-ombre-sous-Adobe-Illustrator-CS3-CS4-CS5 

1. Créez un nouveau calque sous l'objet et nommez-le "Ombre".

 

2. Détourez l'objet avec l'Outil Plume (P) en fond noir dans le nouveau calque.

 

Ajouter-une-ombre-sous-Adobe-Illustrator-CS3-CS4-CS5 13. Sélectionnez le calque "Ombre" et décalez-le dans le menu "Objet > Transformation > Déplacement" (Maj+Ctrl+M) de 10px à l'horizontale et à la verticale.


4. Ajoutez un effet de Flou gaussien de 15px dans le menu "Effet > Atténuation > Flou gaussien".

 

5. Baissez l'opacité du calque "Ombre" à 50%.

  9-vectoriser

 

Ombre portée sur le sol:


Ajouter-une-ombre-sous-Adobe-Illustrator-CS3-CS4-CS5 2


1. Créez un nouveau calque sous l'objet et nommez-le "Ombre".


2. Détourez l'objet avec l'Outil Plume (P) en fond noir dans le nouveau calque.

 

3. Sélectionnez le calque "Ombre" et réduisez-le dans le menu "Objet > Transformation > Mise à l'échelle" (Maj+Ctrl+M) de 75% à la verticale.

 

4. Utilisez l'Outil Déformation. Placez le point de pivot à la base de l'objet et tirez au sommet pour étendre ce qui formera l'ombre.


Ajouter-une-ombre-sous-Adobe-Illustrator-CS3-CS4-CS5 3


5. Ajoutez un effet de Flou gaussien de 25px dans le menu "Effet > Atténuation > Flou gaussien".

 

6. Baissez l'opacité du calque "Ombre" à 25%.

 6-vectoriser

 

Ombre portée contre un mur: 


Ajouter-une-ombre-sous-Adobe-Illustrator-CS3-CS4-CS5 4

 

1. Créez un nouveau calque sous l'objet et nommez-le "Ombre".

 

2. Détourez l'objet avec l'Outil Plume (P) en fond noir dans le nouveau calque.

 

3. Sélectionnez le calque "Ombre" et déplacez-le contre le mur à ras du sol.

 

4. Tracez à l'Outil Plume (P) la traînée d'ombre qui se situera entre l'objet et la projection d'ombre sur le mur.


Ajouter-une-ombre-sous-Adobe-Illustrator-CS3-CS4-CS5 5


Ajouter-une-ombre-sous-Adobe-Illustrator-CS3-CS4-CS5 65. Ciblez le calque "Ombre" et fusionnez les parties d'ombre en utilisant l'Outil Pathfinder "Ajout de la forme".

 

6. Ajoutez un effet de Flou gaussien de 15px dans le menu "Effet > Atténuation > Flou gaussien".

 

7. Baissez l'opacité du calque "Ombre" à 25%.

 

Pour plus d'infos, visitez Vectoriser com


"Ajouter une OMBRE sous ILLUSTRATOR" rédigé par Nicolas Léonard

Tous droits réservés vectoriser.com 2006/2011

Partager cet article
Repost0
14 juin 2011 2 14 /06 /juin /2011 09:56

 

Dans ce tutoriel, nous verrons l'application d'un reflet sur un objet 3D en prenant comme exemple un parallélépipède rectangle posé de ¾. La construction de ce reflet se montre relativement complexe. L'effet du reflet nécessite de détourer chaque face du parallélépipède rectangle pour plus de cohérence. Par conséquent, le rendu final sera vraiment plus esthétique.Ajouter-un-Reflet-sous-Adobe-Illustrator-CS3-CS4-CS5

 

1. Sélectionnez le parallélépipède rectangle. Dupliquez-le dans un nouveau calque.

 

2. Utilisez l'Outil Miroir (O) pour effectuer un flip vertical sur le parallélépipède rectangle dupliqué.


Ajouter-un-Reflet-sous-Adobe-Illustrator-CS3-CS4-CS5 1


3. Redimensionnez le parallélépipède rectangle dans le menu "Objet > Transformation > Mise en échelle" et modifiez la hauteur à 75%. Ajouter-un-Reflet-sous-Adobe-Illustrator-CS3-CS4-CS5 2 

 

4. Détourez chaque face du parallélépipède rectangle dupliqué qui doit être au contact avec le calque d'origine.


5. Re-dupliquez le parallélépipède rectangle pour qui soit au même nombre que les tracés de détourage.


Ajouter-un-Reflet-sous-Adobe-Illustrator-CS3-CS4-CS5 3

  

6. Appliquez un masque d'écrêtage pour chaque face que vous avez détouré.


Ajouter-un-Reflet-sous-Adobe-Illustrator-CS3-CS4-CS5 4

  

7. Utilisez l'Outil Déformation pour ajuster les faces.

 

 Ajouter-un-Reflet-sous-Adobe-Illustrator-CS3-CS4-CS5 5

  Ajouter-un-Reflet-sous-Adobe-Illustrator-CS3-CS4-CS5 6

 

8. Ajoutez sur la forme dupliquée, un rectangle avec Dégradé de couleurs noir et blanc de type "Linéaire" pour créer un masque d'opacité.

  Ajouter-un-Reflet-sous-Adobe-Illustrator-CS3-CS4-CS5 7

9-vectoriser

 

- Pour affiner la réalisation de l'effet du reflet, l'ajout d'un sol serait efficace. Le rendu final rendra plus réaliste et mettra en avant vos créations et vos montages photos.

 

9. Créez un nouveau calque entre la forme et son reflet. Tracez un cercle avec un Dégradé de couleurs noir et blanc de type "Radial".

 

- Ce cercle va nous servir de support pour cela il devra être assez grand et le Dégradé de couleurs sera de centre noir et d'extérieur blanc.


Ajouter-un-Reflet-sous-Adobe-Illustrator-CS3-CS4-CS5 8

 

10. Réduisez la hauteur du cercle pour que le rayon soit au même niveau que le parallélépipède rectangle. Baissez l'opacité à 25%.


Ajouter-un-Reflet-sous-Adobe-Illustrator-CS3-CS4-CS5 9


  

"Ajouter un REFLET sous ILLUSTRATOR" rédigé par Nicolas Léonard

Tous droits réservés vectoriser.com 2006/2011

Partager cet article
Repost0
8 juin 2011 3 08 /06 /juin /2011 09:04

 

Voici un petit tutoriel sur la réalisation d'un effet METAL sous ILLUSTRATOR avec 2 méthodes différentes. La première méthode est d'utiliser l'Outil Dégradé de couleurs, cette méthode est simple et rapide. Et pour la deuxième méthode, l'utilisation de l'Outil Filet sera nécessaire. Cette méthode est simple aussi mais le rendu final est plus net.

 

 

Effet METAL avec l'Outil Dégradé de couleurs:

 

1. Tracez un rectangle de couleur noire en utilisant l'outil sélectionné. Effet-Metal-sous-Adobe-Illustrator-CS3-CS4-CS5 1-6

  

 

 

2. Sélectionnez le rectangle précédemment créé, allez dans l'onglet "Dégradé" et choisissez le type "Linéaire".

Effet-Neon-sous-Adobe-Illustrator-CS3-CS4-CS5 2

- Maintenant il ne vous reste plus qu'à régler les niveaux de gris.

 

3. Ajoutez 3 curseurs en cliquant sous la barre de dégradé. Placez-les comme ci-dessous en entrant leur "emplacement".


Effet-Neon-sous-Adobe-Illustrator-CS3-CS4-CS5 3


 

 

4. Double-cliquez sur les curseurs pour modifier la couleur afin d'arriver à l'effet métallisé. Réglez les niveaux de gris comme indiqué.

Effet-Neon-sous-Adobe-Illustrator-CS3-CS4-CS5 4 

5. Rendu Final:Effet-Neon-sous-Adobe-Illustrator-CS3-CS4-CS5 5 

9-vectoriser

 

Effet METAL avec l'Outil Filet:

 

1. Tracez un rectangle de couleur noire en utilisant l'outil sélectionné. Effet-Metal-sous-Adobe-Illustrator-CS3-CS4-CS5 1-6

 

2. Placez 3 points de Filets (U) afin que le filet couvre bien la surface du rectangle.

Effet-Neon-sous-Adobe-Illustrator-CS3-CS4-CS5 7

3. Sélectionnez avec la flèche blanche (A) chaque colonne du filet pour modifier la couleur. Choisissez les niveaux de gris comme pour le dégradé précédemment.Effet-Neon-sous-Adobe-Illustrator-CS3-CS4-CS5 8


 

"Effet METAL sous ILLUSTRATOR" rédigé par Nicolas Léonard

Tous droits réservés vectoriser.com 2006/2011

Partager cet article
Repost0
6 juin 2011 1 06 /06 /juin /2011 10:03

 

Aujourd’hui, nous verrons les différentes modes de l’Outil Texte. Il existe 6 manières différents d’utiliser le texte dans Adobe Illustrator, nous vous expliquerons leurs différentes utilités.

Outil-Texte-sous-Adobe-Illustrator-CS3-CS4-CS5

 

Outil Texte:

 

Permets de créer un texte sur le document ou dans une zone de saisie. Il suffit de maintenir le bouton gauche de la souris et de sélectionner l'endroit où l'on veut saisir son texte.


Outil-Texte-sous-Adobe-Illustrator-CS3-CS4-CS5 1 

Outil Texte captif:

 

Permets de créer un texte qui a comme zone de saisie une forme donnée. Il suffit de tracer une forme comme exemple ici l'Outil Ellipse (L). Prenez l'Outil Texte captif puis cliquez sur le bord de la forme ainsi vous pouvez saisir votre texte.


Outil-Texte-sous-Adobe-Illustrator-CS3-CS4-CS5 2

Outil Texte curviligne:

 

Permets de créer un texte qui suit les contours et les lignes. Il suffit de tracer votre forme ou votre trait et cliquez là où vous voulez commencer votre texte.


Outil-Texte-sous-Adobe-Illustrator-CS3-CS4-CS5 3


Outil Texte vertical:

 

Même principe que l'Outil Texte à la différence que le texte est cette fois-ci écrit à la verticale.


Outil-Texte-sous-Adobe-Illustrator-CS3-CS4-CS5 4


Outil Texte captif vertical:

 

Même principe que l'Outil Texte captif à la différence que le texte est cette fois-ci écrit à la verticale.


Outil-Texte-sous-Adobe-Illustrator-CS3-CS4-CS5 5

Outil Texte curviligne vertical:

 

Même principe que l'Outil Texte curviligne à la différence que le texte est cette fois-ci écrit à la verticale.


Outil-Texte-sous-Adobe-Illustrator-CS3-CS4-CS5 6


 

"Outil TEXTE sous ILLUSTRATOR" rédigé par Nicolas Léonard

Tous droits réservés vectoriser.com 2006/2011

Partager cet article
Repost0
3 juin 2011 5 03 /06 /juin /2011 10:24

 

L'effet néon sous Illustrator est simple et permet de rajouter un petite touche lumineuse à vos créations. Cet effet est surtout utilisé sur des contours ou des traits, ce qui donne un effet enseigne de magasin. En vue d'une impression, la vectorisation peut s'avérer très utile. Une image vectorisée permet l'impression dans tous les formats sans aucune limite de taille et sans dégrader la qualité de l'image. Les impressions doivent se faire impérativement en mode colorimétrique CMJN (CMYK) afin d'éviter les déviations de couleur.


Effet-Neon-sous-Adobe-Illustrator-CS3-CS4-CS5 1

1. Commencez par ouvrir Illustrator et créez un document de 1280x720 pixels. Tracez un fond noir avec l'Outil Rectangle (M). Double-cliquez sur le claque et renommez-le "Fond". Verrouillez le calque "Fond" et créez un nouveau calque que vous renommerez "Texte_Néon".

 

2. Écrivez grâce à l'Outil Texte (T), nous prendrons ici comme exemple "VECTORISER.COM" puis appliquez-lui la couleur #29ABE2 en contour. Prenez "Myriad Pro" de taille 150pt pour les caractères.

 

Effet-Neon-sous-Adobe-Illustrator-CS3-CS4-CS5 2 3. Sélectionnez le texte et vectorisez-le (Maj+Ctrl+O) dans le menu "Texte". Copiez-le (Ctrl+F) deux fois et renommez-les ainsi comme indiquer sur le côté.

 

- Maintenant nous appliquerons un effet sur chaque sous-calques pour qui puisse donner l'impression d'un effet néon.

 

4. Sélectionnez le sous-calque "Néon_3" et ajoutez-lui un flou gaussien de 10px dans le menu "Effet > Atténuation". Répétez cette action sur les deux autres sous-calques avec 5px pour le "Néon_2" et 2px pour le "Néon_1".

 

10-vectoriser

 

5. Changez la couleur du contour du sous-calque "Néon_1" par du blanc.

 

6. Ajoutez à ce même sous-calque une lueur externe dans le menu "Effet > Spécial" avec les configurations suivantes.

 

 


 

Effet-Neon-sous-Adobe-Illustrator-CS3-CS4-CS5 3

 

 

 

"Effet NEON sous ILLUSTRATOR" rédigé par Nicolas LEONARD

Tous droits réservés vectoriser.com 2006/2011

Partager cet article
Repost0
1 juin 2011 3 01 /06 /juin /2011 15:08

 

Dans Adobe Illustrator, le Pathfinder est un outil très utile. Il vous permet de réaliser différents tracés (découpage, collage, division...) avec une sélection de deux formes. Dans ce petit tutoriel, nous vous expliquerons les différents modes applicables à l'outil Pathfinder au travers d'exemple de sélection.

 Outil-Pathfinder-sous-Adobe-Illustrator-CS3-CS4-CS5 

1. Ouvrez Illustrator et tracez 2 formes avec l’Outil Rectangle (M) et Ellipse (L). Afin que les formes se croisent comme montrer ci-dessous.


Tutoriel-Outil-Pathfinder-sous-Adobe-Illustrator 

2. Sélectionnez-les puis faites apparaître le panneau Pathfinder (Maj+Ctrl+F9) qui se trouve dans le menu « Fenêtre ».

 

3. Choisissez l'un des modes du Pathfinder que vous souhaitez voir être appliqués.

 

Ajout de la forme:  Outil-Pathfinder-sous-Adobe-Illustrator-CS3-CS4-CS5 1

Réunis les 2 formes pour n'en former plus qu’une. Ces attributs de couleurs et de contours reprennent celui de la forme qui était au premier plan.

Soustraction de la forme:Outil-Pathfinder-sous-Adobe-Illustrator-CS3-CS4-CS5 2

Ne conserve que la forme en arrière-plan et masque les parties recouvertes par celle du premier plan.

Intersection des formes:Outil-Pathfinder-sous-Adobe-Illustrator-CS3-CS4-CS5 3

 

Ne conserve que la zone d'intersection entre les deux formes.

Exclusion des intersections:Outil-Pathfinder-sous-Adobe-Illustrator-CS3-CS4-CS5 4

Ne conserve pas la zone d'intersection entre les deux formes.

Division:Outil-Pathfinder-sous-Adobe-Illustrator-CS3-CS4-CS5 5 

Sépare les formes par rapport à leurs intersections.

Pochoir:Outil-Pathfinder-sous-Adobe-Illustrator-CS3-CS4-CS5 6


Supprime les parties recouvertes et tous les contours. 

Fusion:Outil-Pathfinder-sous-Adobe-Illustrator-CS3-CS4-CS5 7

Supprime les parties recouvertes, tous les contours et réunis les formes superposées de mêmes couleurs.

Découpe:Outil-Pathfinder-sous-Adobe-Illustrator-CS3-CS4-CS5 8

Sépare les formes et supprime toutes les parties en dehors des limites de la forme du premier plan. Supprime également les contours.

Contour:Outil-Pathfinder-sous-Adobe-Illustrator-CS3-CS4-CS5 9

Sépare les formes et ne conserve que les contours

Soustraction (avant - arrière):Outil-Pathfinder-sous-Adobe-Illustrator-CS3-CS4-CS5 10

Ne conserve que la forme au premier plan et masque les parties au contact avec l'arrière-plan.

 

 

 

"PATHFINDER sous Illustrator" rédigé par Nicolas Leonard

Tous droits réservés vectoriser.com 2006/2011

Partager cet article
Repost0
31 mai 2011 2 31 /05 /mai /2011 14:12

Dans ce tutoriel, vous découvrirez comment créer un effet Aqua sous Illustrator.


 

Tutoriel Aqua3 03-Illustrator

 

 

 

1. Pour réaliser un effet Aqua, ouvrez Illustrator et créez un document web de 640x480 pixels. Vérifiez dans les options avancées le mode de couleur (RVB). Nous choisissons ici un mode RVB car l’effet Aqua est destiné à être affiché sur écran.



2. Créez un cercle avec l'outil Ellipse. Double-cliquez sur le calque pour afficher les options et renommez le calque "Fond". Sélectionnez le cercle puis, dans les options de couleur, supprimez son tracé. Double-cliquez sur la couleur du cercle et entrez la couleur #1D63BF.

2-vectoriser

 


3. Dupliquez le calque  « Fond » puis nommez la copie  « Lumière Tamisée ».  Appliquez lui un dégradé radial partant d’un gris 50% à un noir riche. Pour obtenir un noir riche, cliquez sur les options de couleur (cercle rouge) et appliquez le mode RVB. Dans les options de dégradé, sélectionnez l’icône "losange" et appliquez un ratio de 80% dans les options de transparence. Sélectionnez le calque et mettez-le en lumière tamisée.

 


4. Ensuite, sur un nouveau calque, créez une forme elliptique identique à l'illustration ci-dessous . Appelez ce nouveau calque "Reflet".  Appliquez lui un dégradé linéaire du blanc au noir riche, puis dans les options de dégradé, mettez un angle de -90°. Ensuite, dans la fenêtre de transparence, réglez l’opacité du calque à 85% et changez l’option de transparence en mode superposition.

 


 

Tutoriel Aqua3 11-Illustrator

 

 

 

5. Copiez le calque "Reflet" (Ctrl+C). Dupliquez ensuite le calque "Fond". Renommez le « lumière intérieure » et placez le sous le calque "Reflet". Appliquez lui la couleur #29D7FF et ajoutez un masque d’opacité dans les options de transparence. Sélectionnez ce masque et collez la sélection précédemment copier (Ctrl+F).



 

Tutoriel Aqua3 15-Illustrator 6. Descendez le tracé en bas comme ci-contre, puis dans les options de dégradé, changez son angle à 90°. 
 Tutoriel Aqua3 18-Illustrator  7. Pour terminer, cliquez sur le bouton effet > atténuation > flou gaussien, puis entrez 64 pixels. Vous obtenez le résultat ci-contre.

 




Vectorisation d’un effet Aqua sous Illustrator par vectoriser.com - Tous droits réservés - Ref 00801

Partager cet article
Repost0

Texte Libre

Vectorisation, Illustrator, bitmap, illustration, dessin, plan, logo, dégradés, aqua, 2D, tutoriel, vectoriser, effets, 

CS1, CS2, CS3, CS4, CS5.

 

Pour vos colorisations sous Photoshop
petit-spacer
coloriser-com

petit-spacer

Pour vos détourages sous Photoshop

petit-spacer

détourage-photo-photoshop


Pour la vectorisation de logos.

Recherche

Autres tutoriels de vectorisation

vectoriser image vectoriel montre IllustratorVectoriser Degrade Illustrator Vectoriser degrade contour IllustratorIllustrator 3D Vectoriel OpacitéLogo Vectorisé Web 2.0 1Logo Vectorisé Web 2.0Logo Vectorisé Web 2.0 3Logo Vectorisé Web 2.0 2Logo Vectorisé Web 2.0 4