Débutant Illustrator : outils forme

Un briquet (step by step dans illustrator)

Bien comme ça fait un petit moment que je n’ai pas utilisé illustrator, je vais en profiter pour vous en faire découvir tout les aspects (moi ça me fera la révion des 10 000).

Le tout par des petits tutoriaux très simples.

Disons que nous voulons faire un briquet :-)

Donc on commence par les formes générales :

Si vous faites une erreur, pas de panique….Ctrl + Z

1 – On prend l’outil rectangle et on trace (sans contour)

– On n’oublie pas de déselectionner sa forme avant d’en faire une nouvelle (cliquer sur l’outil flèche, puis sur votre plan de travail, puis reprenez votre outil rectangle).
– Sélectionner une autre couleur
Pour modifier une couleur, double cliquez sur celle-ci, et ajustez.

Ajustez vos formes en utilisant l’outil flèche et en sélectionnant un petit carré de cette forme

– Créer un nouveau calque (pour passer des éléments devant / derrière)

– Pour déplacer un calque, c’est très simple, prenez le et placer le où vous voulez.

2 – Prenez l’outil élipse pour faire la molette.

3- Maintenant que nous avons nos formes générale, nous allons les modifier pour les adapter aux formes exactes voulues.
Au fait, n’oubliez pas d’enregistrer votre document (format Ai)
– Donc il va falloir ajouter des points d’ancrages, transformer des droites en courbes….

– Allons-y : Pour modifier un point d’une forme, utilisez l’outil sélection direct (flèche blanche) et ne sélectioner que le point que vous voulez modifier.

– Pour transformer un angle droit en courbe, utliser l’outil convertion de point directeur.

– Et si vous voulez pas que des formes proches bougent par accident, verouillez les momentanément)

– Pour modifier une courbe, vous pouvez simplement utiliser l’outil sélection direct (flèche blanche) et cliquer sur cette courbe, glissez gauche/droite ou haut/bas et vous verrez votre courbe suivre la flèche.

4 – Pour plus de précision, vous pouvez afficher les régles.

– Et nous allons diviser une forme en deux éléments à l’aide de l’outil ajout de points et ciseau..

Alors ne vous énerver pas si vous n’arrivez pas du premier coup à placer votre point supplémentaire sur la droite, ça prend pas si vous n’êtes pas précisement sur la droite. (grossisez au besoin) et couper (outil ciseaux) et modifier la teinte de gris.

– Si les repères vous gênes maintenant que vous n’en avez plus besoin, dévérouillez les ou supprimez les (menu affichage).

Et pout forcer une forme à rester droite, gardez le doigt appuyé sur la touche majuscule.

5 – Maintenant, nous allons donner du volume par des dégradés de couleur, afficher les options de dégradé.

– Déplacez les teintes, ajoutez en, modifiez les.

– Dernières touches :

Lumière avec des formes blanches (outil plume)

et le logo (récupéré à la logothèque)

6 – Et une p’tite ombre…

7 – Ouf c’est fini ;-)

Aêlore

————————————
Arrondir les angles d’un carré :

Prendre l’outil convertion de point

Cliquer sur ce point et le tirer pour obtenir la courbe que tu veux.

Voilà, c’est plus simple en image :-)

————————————
Le dégradé qui donne le volume :

– Sélectionner la forme à mettre en volume
– Prendre l’outil dégradé de couleur

– dans la fenêtre dégradé :
angle : 90°
Barre de dégadé :
prendre le carré de gauche et le tirer vers le centre (mais pas tout à fait)
cliquer sur l’angle gauche de la barre pour y faire apparaitre un nouveau carré (1 nouveau point pour faire le dégradé)

Maintenant, il faut déterminer les couleurs du dégradé
Sélectionner la carré de gauche (cliquer dessus) et aller sur la fenêtre du haut : couleur
cliquer sur la petite flèche en haut à droite pour passer du mode niveau de gris au mode RVB

Faire de même pour le point de droite de la barre dégradé
Et régler la position du point blanc selon son goût

Le tour est joué, :-)

Cette entrée a été publiée dans Tutoriaux. Vous pouvez la mettre en favoris avec ce permalien.

20 réponses à Débutant Illustrator : outils forme

  1. ikua dit :

    …ah c’est marrant se ptit tutos pour un briquet :lol: …vraiment sympa :paint:

  2. reuh dit :

    quand on est debutant dommage qu’il manque certaines informations

  3. Aëlore dit :

    Qu’est-ce qu’il te manques ? Suffit de demander :wink:

  4. Scorp1o dit :

    Il manque par exemple l’étape où le corps du briquet à pris du volume. Comment il est passé du rectangle a l’ovale en 3D. Et comment tu as fait pour faire le dégradé en couleur. Moi je n’obtient que du noir et blanc. :sad:

  5. Aëlore dit :

    :wink: Tu as raison, c’est un oubli !
    Pour te dépanner je t’indique la marche à suivre :
    C’est un jeu de dégradé :
    – Ouvrir la fenêtre Dégradé
    – Afficher les options
    – CMJN
    – Cliquer sur les petits carrés (tout en bas de la palette) pour changer les couleurs (tout en haut), et déplacer les carrés pour modifier le dégradé (ici un dégradé linéaire).
    – pour donner le même effet que moi, il faut trois points dans le dégradé (lorsque l’on déplace celui de gauche vers le centre, il suffit de cliquer tout à gauche pour faire apparaître un nouveau point.
    Voilà
    J’ajouterais 2/3 vues un peu plus tard.
    D’ailleurs c’est l’occasion pour moi de rouvrir illu

  6. baldric dit :

    Cool le tuto. Mais c’est dommage que tu n’ais pas de tutos pour les vrais débutants comme moi qui ne savent pas tracer une courbe décente avec la plume :sad:

  7. Aëlore dit :

    :lol: Ben faut juste demander.

    Je ferai un tuto pour ça, mais ce que je peux déjà te dire, c’est qu’il faut te baser sur les droites formés par les points d’ancrages. Pour une belle courbe, il faut que ces droites soient de même taille, dans un paralèlisme (ou an-paralèlisme) parfait. Bref je montrerai ça en images. Et puis il est possible de tracer des cercles (outil cercle), de les découper (outil ciseau), les assembler(grouper)….pleins de petits trucs rapides pour se faciliter la vie quoi.

    Ca fait longtemps que je ne suis plus débutante, et puis j’ai appris à m’en servir depuis les 1ères versions donc je ne sais pas trop exactement ce que l’on peut demander en tant que débutant.

  8. larnack dit :

    slt, ton topic et grave interessant si tu part du principe que tu puisse etandre cet pratique pour d’autre objet :paint:
    je suis asser newbi sur illustrator et j’aimerai savoir comment tu fait pour arrondir les bords et donner un effet 3D au briquet.
    merci

  9. Aëlore dit :

    Ok, j’ajouterais quelques lignes à ce tuto pour t’expliquer tout ça.
    mais je peut déjà te donner une ou deux piste :
    pour arrondir un angle, il faut prendre l’outil de convertion de point et pour leffet 3D c’est tout simplement un dégradé de couleur + une ombre.
    Mais ce sera plus simple en images ;-)

  10. manu10 dit :

    :smo: je veux bien que tu essai d’etre plus terre à terre, merci

  11. Niko300 dit :

    C’ets deja le deuxième tuto que j’essaie de faire, etant debutant et c’est le deuxième qui n’indique pas clairement ce qu’on doit faire pour avoir l’outils ellipse, comme je viens de trouver, voici la marche à suivre :
    Il faut laisser cliquer quelques secondes sur l’outils rectangle.

  12. Normalman dit :

    Bonjour, Mon problème sur ce tuto est dans l’utilisation du dégradé…
    Je n’arrive pas a avoir juste du noir et du blanc… mais un dégradé prédéfini de jaune, orange, rouge et violet… je n’arrive pas a changer les couleur du dégradé quoi…

    Merci de m’aider peut-être!

  13. Aëlore dit :

    Bonjour

    Après un petit souci de système je n’ai pas encore réinstallé illustrator mais je vais tout même tenter de t’aider.

    Tout ce passe dans les fenêtres "couleur" et "dégradé de couleur".
    Choisi niveau de gris dans la fenêtre couleur(comme dans l’avant dernière copie d’écran au-dessus)en cliquant la petite flèche bleu en haut à droite.

    Et puis vat dans la fenêtre dégradé (copie juste au-dessus que précédement) et clique sur les petits carrés pour modifier les couleurs.
    Tu peux installer d’autres types de dégradé de couleur par la petite flèche bleu dans cette fenêtre dégradé de couleur. Il existe des sites où tu peux gratuitement en télécharger. Je tacherais d’en parler plus longuement un de ces jours, mais là je déménage ;-)

    Voilà ça devrait le faire.

  14. champinews dit :

    slt cool le tuto mais comment on fait pour l’étape 3 au moment d’afficher les règles, pour faire l’ombre sur la sortie d’air du bricket

  15. Aëlore dit :

    Salut Champinews,

    Il y a 2 petites ombres : une sur l’arrondi et une sur le plat
    -> on fait les formes à la plume (en les fermant bien)et on met un petit dégradé dessus.
    Voir la partie dégradé de couleur, sauf que là, on va du blanc au transparent)

  16. nOshinosaure dit :

    :ping3: Merci beaucoup, je suis graphiste depuis 6 mois dans ma boite, et j’ai toujours tout fait par photoshop, mais l’envie de découvrir illustrator a pris le dessus !
    Mes premiers pas sont désormais réalisés grâce à toi et mon magnifique briquet héhé ^^

    Très bon tuto pour découvrir le logiciel .

  17. Aëlore dit :

    Merci nOshinosaure,

    Disons que j’ai cherché un objet que j’avais sous la main qui regroupait pas mal de fonctions pour aborder illu.

    L’intérêt d’illustrator pour toi c’est principalement le fait que tu puisses agrandir tes illu, logo…sans aucune perte.

    J’ai regroupé aussi d’autres sources de tuto pour illustrator ici : http://www.toshop-tutorial.com/b...
    Et si tu es vraiment mordu, il existe de très bon bouquins pour allez très loin dans l’hyper réalisme avec illustrator.

    Bonne continuation à toi et ta boite

  18. tone dit :

    Merci Aëlore pour ce tuto bien sympa.

  19. Stef dit :

    Bonjour,
    Je voulais déjà vous remercier pour ce tutorial, je débute et grace à vos expliquation j’ai réussi! Je suis très contente. Il me reste néanmoins une question: je n’ai pas réussi à faire une ombre portée du briquet. J’ai sélectionné le briquet, j’ai cliqué sur ombre portée, et l’ombre se place sur un rectangle derrière le briquet, ainsi que sur tout les éléments. Faut-il utiliser un autre calque? J’ai du louper une manip, si vous pouviez m’aider…
    Merci.

  20. Aëlore dit :

    Merci Stef :)

    Il y a 3 façon de faire une ombre protée :
    Soit avec l’outil "effet" et tu joues avec les décalages (+ ou -)
    Soit tu recopies la forme complète et tu lui donnes un effet de transparence (tu joues avec l’opacité de ta forme)
    Soit de façon très simple tu exportes ton fichier vers photoshop (il y a un tuto pour ça ici)et là tu fais ton ombre portée dans le menu filtres > rendu > effet de lumière et tu joues directement avec les points de sources de lumières (beaucoup plus de possibilités ici)

    J’espère t’avoir aidé là aussi

    ^^

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*


*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>