DreamLive : www.dreamlive.frPAO Dessin vectoriel - Illustrator CS

Création de dégradés de formes

Page 1Ces documents DreamLive sont libres de droits et ouverts à tous alors, profitez, partagez et appréciez ! Pour nous retrouver sur le Web : http://www.dreamlive.fr.

ILLUSTRATOR - LES DÉGRADÉS DE FORMES

PRINCIPEDe manière générale, le dégradé de forme consiste à démarrer d‛une forme initiale pour terminer par une forme finale différente en passant par X étapes. A l‛aide de ces deux éléments Illustrator construit un dégradé de couleurs se rapprochant au fil des étapes de la couleur de fin. Il crée aussi un dégradé de forme, soit une déformation progressive de l‛objet jusqu‛à obtenir la forme finale.

DEGRADE PAR L‛OUTIL

Il est possible d‛effectuer un dégradé de formes en deux clics de souris:

● Tracer une étoile,● Lui affecter une couleur de remplissage,● Tracer sur la même ligne un rectangle arrondi,● Lui affecter une autre couleur.

L‛étoile représente la forme de départ et le rectangle arrondi, la forme à atteindre:

● Activer l’outil Dégradé de formes depuis la barre d’outils,● Cliquer sur l’étoile, le curseur est accompagné d’une croix,● Cliquer ensuite sur le rectangle, le curseur est accompagné d’un +,

Nota: Par l‛outil Dégradé de formes, on considère que le paramé-trage est déjà fait. Le nombre d‛étapes pour la transformation doit être défini préalablement.

DEGRADE DE PLUSIEURS FORMES

Il est possible d‛effectuer un dégradé de plus de deux formes. Le dégradé s‛effectue toujours entre deux objets: de celui qui est à l‛arrière plan vers celui qui est situé immédiatement au dessus:

● Tracer une ellipse,● Lui affecter une couleur de remplissage, ● Activer l’outil Sélection directe (Flèche blanche),● Glisser son point supérieur pour étirer l’ellipse,● Tracer sur sa base un cercle,● Lui affecter une autre couleur,● Tracer plus loin une étoile,● Lui affecter une couleur différente.

DreamLive : www.dreamlive.frPAO Dessin vectoriel - Illustrator CS

Création de dégradés de formes

Page 2Ces documents DreamLive sont libres de droits et ouverts à tous alors, profitez, partagez et appréciez ! Pour nous retrouver sur le Web : http://www.dreamlive.fr.

Dans cette illustration, l‛objet à l‛arrière plan est l‛ellipse tandis que la forme intermédiaire est le cercle.

● Activer l’outil Dégradé de formes,● Cliquer d’abord sur l’ellipse déformée,● Cliquer ensuite sur le cercle,● Cliquer enfin sur l’étoile.

Le résultat est présenté sur la figure ci-contre.

PARAMETRER UN DEGRADE

En passant par le menu Objet / Dégradé de formes, il est possible de paramétrer le dégradé de formes par les Options de dégradés.

● Tracer deux cercles de couleurs différentes et sans contour,● Faire deux copies de ce groupe de cercles,● Objet / Dégradé de formes / Options de dégradés,● Choisir Couleur lissée dans la boîte de dialogue et valider,● Sélectionner les deux cercles (Ctrl + Shift + Clic),● Appliquer le dégradé de formes par Objet / Dégradé de formes /

Créer ou par Ctrl + Alt + B,

Comme vous l‛avez compris, l‛option Couleur lissée met l‛accent sur le dégradé de couleur qu‛Illustrator optimise en fonction de la distance qui sépare les deux objets.

● Objet / Dégradé de formes / Options de dégradés,● Choisir étapes dans la liste déroulante,● Régler le nombre d’étapes sur 20 par exemple et valider,● Sélectionner l’une des copies des deux cercles,● Lancer le dégradé de formes par le menu ou Ctrl + Alt + B,

Le résultat du dégradé par étapes est présenté ci-dessous. Le dégradé par étapes permet de définir dans les options le nombre d‛étapes inter-médiaires à réaliser pour rejoindre les deux formes aux extrémités. Vous l‛avez compris, plus le nombre d‛étapes est élevé, plus les formes intermé-diaires sont nombreuses et plus le dégradé se rapproche de celui obtenu par couleurs lissées.

Paramétrons maintenant le dernier type de dégradé:

● Choisir Distance dans la liste déroulante des options de dégradé,

● Régler la distance sur 10 pt par exemple,● Sélectionner la dernière copie des deux cercles,

DreamLive : www.dreamlive.frPAO Dessin vectoriel - Illustrator CS

Création de dégradés de formes

Page 3Ces documents DreamLive sont libres de droits et ouverts à tous alors, profitez, partagez et appréciez ! Pour nous retrouver sur le Web : http://www.dreamlive.fr.

Ces documents DreamLive sont libres de droits et ouverts à tous alors, profitez, partagez et appréciez ! Pour nous retrouver sur le Web : http://www.dreamlive.fr.

● Exécuter le dégradé de formes.

Dans ce type de dégradé de forme, la valeur du paramètre Distance corres-pond à la distance séparant chacune des formes composant les étapes intermédiaires. Bien sûr, plus la distance est faible, plus les formes sont proches et plus le résultat se rapproche de celui obtenu par Couleurs lissées.

CONSTRUCTION D‛UNE ANIMATION

● Activer l’outil Texte,● Ecrire un F en police Arial et taille 60,● Valider,● Activer de nouveau l’outil Texte,● Ecrire un F dans une police très différente taille 60,● Sélectionner les deux textes et les vectoriser (Ctrl + Shift + O),● Effectuer un dégradé de formes par distance par exemple,● Sélectionner le calque résultant,● Effectuer une décomposition en calques à l’aide du menu local de la palette,● L’exporter au format PSD avec conservation des calques,● Transférer le fichier sur Image Ready et construire l’animation.