Création ou modification d’un remplissage dégradé

Un dégradé est un remplissage multicolore dans lequel une couleur se transforme progressivement en une autre couleur. Animate CC (anciennement Flash Professional CC) vous permet d’appliquer jusqu’à 15 transitions de couleur à un dégradé. Cette méthode permet de créer une graduation de couleurs régulière sur un ou plusieurs objets sans les modifier. Vous pouvez enregistrer un dégradé en tant que nuance afin de rendre plus facile l’application de ce dégradé à une série d’objets. Il est possible de créer deux types de dégradés dans Animate :

Les dégradés linéaires permettent de modifier la couleur sur un seul axe (horizontal ou vertical).

Les dégradés radiaux permettent de modifier la couleur à partir d’un point focal central pour s’étendre vers l’extérieur. Vous pouvez ajuster la direction d’un dégradé, ses couleurs, l’emplacement du point focal et bon nombre de propriétés du dégradé.

Animate CC offre des fonctionnalités de contrôle supplémentaires sur les dégradés linéaires et radiaux à utiliser avec Flash Player. Ces commandes, appelées modes de débordement, vous permettent de spécifier le mode d’application des couleurs au-delà du dégradé.

  1. Pour appliquer un remplissage dégradé à une illustration existante, sélectionnez un ou plusieurs objets sur la scène.

  2. Si le panneau Couleur n’est pas visible, sélectionnez Fenêtre > Couleur.

  3. Pour sélectionner un mode de couleurs, sélectionnez RVB (paramètre par défaut) ou TSL dans le menu du panneau.

  4. Sélectionnez un type de dégradé dans le menu Type :

    Linéaire

    permet de créer un dégradé qui s’étend du point de départ au point d’arrivée de façon linéaire.

    Radial

    Produit un dégradé dont le changement de couleur s’effectue sur un axe circulaire vers l’extérieur à partir d’un point focal central.

    Remarque : Lorsque vous sélectionnez un dégradé linéaire ou radial, le panneau Couleur inclut également deux autres options si vous procédez à une publication pour Flash Player 8 ou pour une version ultérieure. En premier lieu, le menu Débordement est activé sous le menu Type. Le menu Débordement permet de contrôler les couleurs appliquées au-delà des limites du dégradé. En deuxième lieu, la barre de définition du dégradé apparaît, avec les pointeurs situés sous la barre indiquant les couleurs du dégradé.

  5. (Facultatif) Dans le menu Débordement, choisissez un mode de débordement à appliquer au dégradé : Extension (mode par défaut), Réflexion ou Répétition.

  6. (Facultatif) Cochez la case RVB linéaire pour créer un dégradé linéaire ou radial compatible SVG (Scalable Vector Graphics). Si la taille est modifiée après la première application, le dégradé semblera alors lisse.

  7. Pour modifier la couleur du dégradé, sélectionnez l’un des pointeurs de couleur situés sous la barre de définition du dégradé (le triangle placé au-dessus du pointeur de couleur sélectionné devient noir). Cliquez ensuite sur l’espace chromatique qui apparaît au-dessus de la barre de définition du dégradé. Faites glisser le curseur de la brillance pour régler la brillance de la couleur.

  8. Pour ajouter un pointeur au dégradé, cliquez sur ou sous la barre de définition du dégradé. Sélectionnez la couleur du nouveau pointeur, comme décrit à l’étape précédente.

    Vous pouvez ajouter jusqu’à 15 pointeurs de couleur, ce qui vous permet de créer un dégradé de 15 transitions de couleurs.

  9. Pour repositionner un pointeur sur le dégradé, faites-le glisser le long de la barre de définition du dégradé. Faites glisser un pointeur vers le bas, puis éloignez-le de la barre pour le supprimer.

  10. Pour enregistrer le dégradé, cliquez sur le triangle dans le coin supérieur droit du panneau Couleur, puis sélectionnez Ajouter un échantillon dans le menu.

    Le dégradé est ajouté au panneau Nuanciers pour le document courant.

  11. Pour modifier le dégradé, par exemple pour remplacer un dégradé horizontal par un dégradé vertical, utilisez l’outil Transformation de dégradé. Pour plus d’informations, voir Transformation des remplissages dégradés et de bitmap.

Ajustement du trait et de la couleur de remplissage

Pour spécifier la couleur du trait et du remplissage des objets graphiques et des formes, vous pouvez utiliser les commandes Couleur de trait et Couleur de remplissage du panneau Outils ou de l’inspecteur des propriétés.

La section Couleur de trait et Couleur de remplissage du panneau Outils contient des commandes qui permettent d’activer les puces de Couleur de trait et Couleur de remplissage, qui déterminent à leur tour si les traits ou les remplissages des objets sélectionnés sont affectés par les choix de couleurs. De même, les commandes de la section Couleur permettent de rétablir rapidement les couleurs par défaut, de définir les paramètres de couleurs de trait et de remplissage sur Aucune, et de permuter les couleurs de trait et de remplissage.

De son côté, l’inspecteur des propriétés vous permet non seulement de sélectionner une couleur de trait ou de remplissage pour un objet graphique ou une forme, mais également de définir la largeur et le style du trait.

Vous devez d’abord sélectionner les objets sur la scène pour utiliser ces commandes afin de modifier les attributs de peinture d’objets existants.

Voir aussi : Aperçu en direct des couleurs.

Réglage de la couleur du trait et du remplissage avec le panneau Outils

Les commandes Couleur de trait et Couleur de remplissage du panneau Outils permettent de définir les attributs de peinture des objets que vous créez à l’aide des outils de dessin et de peinture. Vous devez d’abord sélectionner les objets sur la scène pour utiliser ces commandes afin de modifier les attributs de peinture d’objets existants.

  • Cliquez sur la puce de couleur de trait ou de remplissage, puis sélectionnez une nuance.

  • Cliquez sur le bouton du Sélecteur de couleur dans la fenêtre qui apparaît, puis sélectionnez une couleur. Vous pourriez également placer le curseur de la souris sur plusieurs couleurs pour afficher un aperçu de l’effet de la couleur sur la forme.

  • Tapez la valeur hexadécimale d’une couleur dans le champ.

  • Cliquez sur le bouton Noir et blanc du panneau Outils pour revenir aux paramètres de couleur par défaut (remplissage blanc et trait noir).

  • Cliquez sur le bouton Aucune couleur pour supprimer la couleur de trait ou de remplissage.

    Remarque : Le bouton Aucune couleur n’apparaît que lorsque vous créez un nouvel ovale ou un nouveau rectangle. Vous pouvez créer un nouvel objet sans trait ni remplissage, mais ne pouvez pas utiliser le bouton Aucune couleur avec un objet existant. Pour cela, sélectionnez le trait ou le remplissage existant et supprimez-le.

  • Pour passer des couleurs de trait aux couleurs de remplissage et inversement, cliquez sur le bouton de permutation des couleurs dans le panneau Outils.

Animate CC vous permet d’afficher un aperçu en direct des couleurs du trait et du remplissage lorsque vous les modifiez dans le nuancier. Pour plus d’informations, voir Aperçu en direct des couleurs.

Application d’un remplissage de couleur unie dans l’inspecteur des propriétés

  1. Sélectionnez un ou plusieurs objets fermés sur la scène.
  2. Sélectionnez Fenêtre > Propriétés.
  3. Pour sélectionner une couleur, cliquez sur la commande Couleur de remplissage et effectuez l’une des opérations suivantes :

    • Sélectionnez une nuance dans la palette.
    • Tapez la valeur hexadécimale d’une couleur dans le champ.

Sélection d’une couleur, d’un style et d’une épaisseur de trait dans l’inspecteur des propriétés

Vous pouvez changer la couleur, le style et l’épaisseur du trait d’un objet sélectionné en utilisant la commande Couleur de trait de l’inspecteur des propriétés. Vous pouvez choisir parmi des styles de traits préchargés avec Animate ou créer un style personnalisé. Pour sélectionner un remplissage de couleur unie, vous pouvez utiliser la commande Couleur de remplissage de l’inspecteur des propriétés.

  1. Sélectionnez un ou plusieurs objets sur la scène (pour les symboles, vous devez d’abord cliquer deux fois afin de passer en mode d’édition de symbole).
  2. Sélectionnez Fenêtre > Propriétés.
  3. Pour sélectionner un style de trait, cliquez sur le menu Style et sélectionnez une option. Pour créer un style personnalisé, cliquez sur Personnaliser dans l’inspecteur des propriétés, sélectionnez des options dans la boîte de dialogue Style de trait, puis cliquez sur OK.

    Remarque :

    la sélection d’un style de trait autre que Uni peut augmenter la taille du fichier.

  4. Pour sélectionner une épaisseur de trait, faites glisser le curseur de trait ou saisissez une valeur dans le champ de texte.
  5. Pour activer les repères de trait, cochez la case Repère du trait. Cette option ajuste les points d’ancrage des lignes et des courbes sur des pixels entiers, afin d’éviter de produire des lignes verticales ou horizontales floues.
  6. Pour définir le style d’une extrémité de tracé, choisissez une option Cap :

    Aucun

    Laisse l’extrémité du tracé au niveau de celui-ci.

    Arrondi

    Ajoute un embout arrondi qui dépasse l’extrémité du tracé d’une valeur correspondant à la moitié de l’épaisseur du trait.

    Carré

    Ajoute une extrémité carrée qui s’étend au-delà du tracé d’une valeur correspondant à la moitié de l’épaisseur du trait.

  7. (Facultatif) Si vous tracez des traits à l’aide de l’outil Crayon ou Pinceau en mode de dessin Lisse, vous pouvez préciser le degré de lissage des lignes par Animate à l’aide du curseur Lissage.

    Par défaut, la valeur de Lissage est fixée à 50, mais vous pouvez spécifier une valeur comprise entre 0 et 100. Plus la valeur de lissage est élevée, plus le lissage de la ligne obtenue est prononcé.

    Remarque :

    en mode de dessin Redresser ou Encre, le curseur Lissage est désactivé.

  8. Choisissez une option de jointure pour définir l’aspect de la rencontre de deux segments. Pour modifier les angles d’un tracé ouvert ou fermé, choisissez un tracé et une autre option de jointure.
    dr_mtr_rnd_bvl_joins
    Jointures en pointes, arrondis et biseautées.

  9. Pour éviter de biseauter une jointure pointue, indiquez une limite de pointe.

    Les lignes dont la longueur dépasse cette valeur auront une extrémité carrée, et non en pointe. Par exemple, une limite de pointe de 2 pour un trait à 3 points signifie qu’Animate supprime le point limite lorsque la valeur de la longueur du point représente le double de celle de l’épaisseur du trait.

    dr_miter_bevel_joins
    Application d’une limite de pointe.

Réglage des traits de plusieurs lignes ou formes

Pour changer la couleur du trait, l’épaisseur et le style des lignes ou les contours d’une forme, utilisez l’outil Encrier. Vous ne pouvez appliquer que des couleurs unies aux lignes ou aux contours d’une forme et non des dégradés ou des bitmaps.

L’utilisation de l’outil Encrier, plutôt que la sélection de lignes distinctes, permet de modifier les attributs de trait de plusieurs objets à la fois.

  1. Sélectionnez l’outil Encrier dans le panneau Outils.
  2. Sélectionnez une couleur de trait.
  3. Sélectionnez un style et une épaisseur de trait dans l’inspecteur des propriétés.
  4. Cliquez sur un objet sur la scène pour appliquer les modifications du trait.

Copie de traits et de remplissages

Vous pouvez utiliser l’outil Pipette pour copier les attributs de remplissage et de trait d’un objet et les appliquer immédiatement à un autre objet. L’outil Pipette vous permet également de prélever l’image d’un bitmap et de l’utiliser comme remplissage.

  1. Pour utiliser l’outil Pipette afin d’appliquer des attributs de trait ou de remplissage, sélectionnez l’outil Pipette et cliquez sur le trait ou la zone remplie dont vous voulez appliquer les attributs à un autre trait ou zone remplie.

    Lorsque vous cliquez sur un trait, l’outil devient automatiquement l’outil Encrier. Lorsque vous cliquez sur une zone remplie, l’outil devient automatiquement l’outil Pot de peinture et le modificateur Verrouiller le remplissage est activé.

  2. Cliquez sur un autre trait ou sur une autre zone remplie pour appliquer les nouveaux attributs.

Modification de zones déjà peintes à l’aide de l’outil Pot de peinture

L’outil Pot de peinture permet de colorer les zones fermées. Cet outil vous permet d’effectuer les opérations suivantes :

  • Vous pouvez remplir les zones vides et changer la couleur des zones déjà peintes.

  • Vous pouvez peindre à l’aide de couleurs unies, de remplissages dégradés et de bitmap.

  • Vous pouvez utiliser l’outil Pot de peinture pour remplir les zones qui ne sont pas totalement fermées.

  • Vous pouvez configurer Animate de manière à fermer les espaces des contours de la forme lorsque vous utilisez cet outil.

  1. Sélectionnez l’outil Pot de peinture dans le panneau Outils.
  2. Sélectionnez une couleur de remplissage et un style.
  3. Cliquez sur le modificateur Taille de l’espace qui figure en bas du panneau Outils et sélectionnez une des options proposées :
    • Sélectionnez Ne ferme pas les espaces si vous voulez fermer les espaces manuellement avant de remplir la forme. La fermeture manuelle des espaces peut être plus rapide pour les dessins complexes.
    • Sélectionnez une option de fermeture pour qu’Animate remplisse les formes contenant des espaces.

    Remarque :

    si les espaces sont trop grands, vous devrez peut-être les fermer manuellement.

  4. Cliquez sur la forme ou la zone fermée à remplir.

Options de l’outil Pot de peinture

Vous pouvez utiliser l’outil Pot de peinture pour cliquer et faire glisser le curseur sur les contours d’un objet afin de les remplir avec la couleur de votre choix. Cliquez sur l’outil et faites-le glisser dans n’importe quelle direction à travers les contours. L’outil Pot de peinture permet de remplir la couleur à chaque fois que les points sont capturés sur les contours.

Propriétés de l’outil Pot de peinture
Propriétés de l’outil Pot de peinture

Lorsque vous cochez la case Remplir toutes les régions, la couleur est appliquée à toutes les régions sélectionnées lors du déplacement.

Par défaut, l’option Remplir toutes les régions n’est pas sélectionnée. Dans ce mode, l’outil Pot de peinture remplit uniquement la couleur indiquée. 

Lorsque la case Remplir toutes les régions n’est pas cochée (par défaut)

  • Dans ce mode, lorsque vous cliquez à l’aide du pot de peinture, vous pouvez constater le changement de couleur. Dans le cas présent, supposons que le vert soit remplacé par du rouge.
  • Lorsque l’utilisateur effectue le déplacement sur l’illustration, cette option ne remplace que les contours remplis en vert.
  • Si l’utilisateur effectue un déplacement sur un contour fermé vide, la couleur rouge y est appliquée.
  • Si le contour sous-jacent était vide au moment où l’utilisateur a cliqué, cette option le remplit lorsque l’utilisateur fait glisser l’outil Pot de peinture.

Lorsque la case Remplir toutes les régions est cochée

La couleur sélectionnée est appliquée à toutes les régions. Dans le cas de l’illustration ci-dessus, il s’agit de la couleur rouge.

Transformation des remplissages dégradés et de bitmap

Vous pouvez transformer un remplissage dégradé ou bitmap en ajustant sa taille, sa direction ou son centre.

  1. Sélectionnez l’outil Transformer le dégradé  dans le panneau Outils. S’il ne figure pas dans le panneau Outils, cliquez sur l’outil Transformation libre et maintenez le bouton de la souris enfoncé, puis choisissez Transformer le dégradé dans le menu qui s’affiche.
  2. Cliquez sur une zone remplie avec un dégradé ou un bitmap. Un cadre de sélection incluant des poignées de modification s’affiche. Lorsque le pointeur se trouve sur l’une de ces poignées, il change pour indiquer la fonction de la poignée.

    Point central

    L’icône de survol de la poignée du point central est une quadruple flèche.

    Point focal

    La poignée du point focal s’affiche uniquement lorsque vous sélectionnez un dégradé radial. L’icône de survol de la poignée du point focal est un triangle inversé.

    Taille

    L’icône de survol de la poignée de dimensionnement (icône de la poignée du milieu au bord du cadre de sélection) est un cercle intégrant une flèche.

    Rotation

    Ajuste la rotation du dégradé. L’icône de survol de la poignée de rotation (l’icône de la poignée du bas au bord du cadre de sélection) est une quadruple flèche en forme de cercle.

    Épaisseur

    Ajuste la largeur du dégradé. L’icône de survol de la poignée de la largeur (la poignée carrée) est une flèche à deux extrémités.

    Appuyez sur la touche Maj pour contraindre la direction d’un remplissage dégradé linéaire à des multiples de 45°.

    dr_fillTransform
    Contrôles du dégradé radial

    A. Point central B. Épaisseur C. Rotation D. Taille E. Point focal. 
  3. Remodelez le dégradé ou remplissage de l’une des façons suivantes :
    • Pour repositionner le centre du remplissage dégradé ou bitmap, faites glisser le point central.
    dr_04bmp_move
    • Pour changer la largeur du remplissage dégradé ou bitmap, faites glisser la poignée carrée sur le côté du cadre de sélection. Cette option ne redimensionne que le remplissage, mais pas l’objet le contenant.
    dr_04bmp_width
    • Pour changer la hauteur du remplissage dégradé ou bitmap, faites glisser la poignée carrée en bas du cadre de sélection.
    dr_04bmp_height
    • Pour faire pivoter le remplissage dégradé ou bitmap, faites glisser la poignée circulaire de rotation dans le coin. Vous pouvez également faire glisser la poignée inférieure du cercle de délimitation d’un remplissage ou dégradé circulaire.
    dr_04bmp_rotate
    • Pour redimensionner un dégradé linéaire ou un remplissage, faites glisser la poignée carrée au centre du cadre de sélection.
    dr_04scale_linear
    • Pour modifier le point focal d’un dégradé circulaire, faites glisser la poignée circulaire du milieu du cercle de délimitation.
    dr_04scale_radial
    • Pour incliner un remplissage dans une forme, faites glisser l’une des poignées circulaires sur le côté supérieur ou droit du cadre de sélection.
    dr_04bmp_skew
    • Pour placer un bitmap en mosaïque dans une forme, redimensionnez le remplissage.
    dr_04bmp_tile

    Remarque :

    pour afficher toutes les poignées lorsque vous utilisez des remplissages importants ou proches du bord de la scène, sélectionnez Affichage > Zone de travail.

Verrouillage d’un dégradé ou d’un bitmap pour remplir la scène

Vous pouvez verrouiller un remplissage dégradé ou bitmap pour qu’il s’étende sur toute la scène et que les objets peints avec le remplissage deviennent des masques révélant le dégradé ou le bitmap sous-jacent.

Lorsque vous sélectionnez le modificateur Verrouiller le remplissage avec l’outil Pinceau ou Pot de peinture et peignez avec l’outil, le remplissage bitmap ou dégradé s’étend sur les objets que vous peignez sur la scène.

dr_04Lock_Fill_example
Le modificateur Verrouiller le remplissage permet de créer l’apparence d’un seul remplissage dégradé ou bitmap appliqué à des objets distincts sur la scène.

Utilisation d’un remplissage dégradé verrouillé

  1. Sélectionnez l’outil Pinceau ou Pot de peinture et choisissez un dégradé ou un bitmap comme remplissage.
  2. Sélectionnez Linéaire ou Radial dans le menu Type du panneau Couleur.
  3. Cliquez sur le modificateur Verrouiller le remplissage .
  4. Peignez d’abord les zones dans lesquelles vous voulez placer le centre du remplissage, puis passez aux autres zones.

Utilisation d’un remplissage bitmap verrouillé

  1. Sélectionnez le bitmap que vous voulez utiliser.
  2. Sélectionnez Bitmap dans le menu Type du panneau Couleur.
  3. Sélectionnez l’outil Pinceau ou Pot de peinture.
  4. Cliquez sur le modificateur Verrouiller le remplissage .
  5. Peignez d’abord les zones dans lesquelles vous voulez placer le centre du remplissage, puis passez aux autres zones.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne