Design Vectoriel Et Texte PDF

23/10/2019 Design vectoriel et Texte
Design vectoriel et Texte
Site: Université Virtuelle du Sénégal

Cours: Animation graphique pour le Web
Livre: Design vectoriel et Texte
Imprimé par: Mouhamed MANGANE
Date: mercredi 23 octobre 2019, 00:44
https://12f3pq2fv6r0.uvs.sn/mod/book/tool/print/index.php?id=314 1/45
Table des matières

1. Introduction
2. Comprendre le concept de contour et de remplissage
3. Les modes de Dessins Animate
4. Démarrage
5. Créer des formes
6. Faire des selections
7. Modifications des formes
8. Remplissage en dégradés et en BITMAP
9. Utilisation de l’outil de transformation de dégradé
10. Les courbes à largeur variable
11. Les nuanciers
12. L'outils plume
13. La transparence
14. L'outil Pinceau
15. Le texte
16. Alignement et distribution des objets
17. Conversion et exportation
1. Introduction
Le projet de ce chapitre est une illustration statique simple pour une bannière publicitaire. Cette illustration concerne Mug’s Coffee, un café fictif faisant la
promotion de son magasin et de son café. Vous apprendrez à dessiner des formes simples, les modifier et les associer pour créer des éléments visuels plus
complexes.
2. Comprendre le concept de contour et de remplissage

Chaque graphique dans Animate commence par une forme. Une forme est composée de deux composants: le remplissage, ou l’intérieur de la forme, et le
contour, ou les bords de la forme. Le remplissage et le contour fonctionnent indépendamment l’un de l’autre, vous pouvez donc modifier ou supprimer
l’un sans l’autre. Par exemple, vous pouvez créer un rectangle avec un remplissage bleu et un contour rouge, puis modifier ultérieurement le remplissage
en violet et supprimer entièrement le trait rouge. Vous vous retrouverez avec un rectangle violet sans contour. Vous pouvez également déplacer le
remplissage ou le contour de manière indépendante. Par conséquent, si vous souhaitez déplacer la forme entière, veillez à sélectionner à la fois son
remplissage et son contour.
3. Les modes de Dessins Animate

Animate fournit trois modes de dessin qui déterminent la manière dont les objets interagissent sur la scène et comment vous pouvez les modifier. Par
défaut, Animate utilise le Mode de fusion d’objet, mais vous pouvez activer le Mode de dessin d’objet ou utiliser l’outil Rectangle primitif ou Ovale
primitif pour utiliser le mode de dessin primitif.
Le mode fusion de dessin

Dans ce mode, Animate fusionne des formes dessinées, telles que des rectangles et des ovales, là où elles se chevauchent, de sorte que plusieurs formes
apparaissent comme une seule et même forme. Si vous déplacez ou supprimez une forme qui a été fusionnée avec une autre, la partie superposée est
définitivement supprimée.
Mode de dessin d’objet Dans ce mode, Animate ne fusionne pas les objets dessinés. Ils restent distincts et séparés même lorsqu’ils se chevauchent. Pour
activer le mode de dessin d’objet, sélectionnez l’outil de dessin que vous souhaitez utiliser, puis cliquez sur le bouton Dessin d’objet au bas du panneau
Outils. Pour convertir un objet en formes (mode Fusion de dessin), sélectionnezle, puis choisissez Modification> Séparer (Ctrl + B / Commande + B).
Pour convertir une forme en objet (mode Dessin d’objet), sélectionnez-la,
4. Démarrage
1. Dans Animate, choisissez Fichier> Nouveau. Dans la boîte de dialogue Nouveau document, choisissez HTML5 Canvas.
2. Dans la partie droite de la boîte de dialogue, définissez la taille de la scène. 700 pixels par 200 pixels et créez une couleur marron clair sur la scène en
cliquant sur l’icône située en regard de Couleur de fond, puis sur la nuance de couleur #CC9966. Cliquez sur OK.
5. Créer des formes

Animate comprend plusieurs outils de dessin fonctionnant dans différents modes de dessin. La plupart de vos créations commenceront par des formes
simples telles que des rectangles et des ovales. Il est donc important que vous soyez à l’aise pour les dessiner, modifier leur apparence et appliquer des
motifs et des remplissages. Vous allez commencer par dessiner la tasse à café. Utilisation de l’outil Rectangle La tasse à café est essentiellement un
cylindre, qui est un rectangle avec un ovale en haut et un ovale en bas. Vous commencerez par dessiner le corps rectangulaire. Il est utile de décomposer
des objets compliqués en leurs composants pour faciliter leur dessin.
6. Faire des selections

Pour modifier un objet, vous devez d’abord pouvoir en sélectionner différentes parties. Dans Animate, vous pouvez effectuer des sélections à l’aide de
l’outil Sélection, Sous-sélection ou Lasso. Généralement, vous utilisez l’outil Sélection pour sélectionner un objet entier ou une section d’un objet. L’outil
Sous-sélection vous permet de sélectionner un point ou une ligne spécifique dans un objet. Avec l’outil Lasso, vous pouvez effectuer une sélection de
forme libre.
Sélection des contours et des remplissages

Vous allez maintenant faire en sorte que le rectangle et les ovales ressemblent davantage à une tasse à café. Vous utiliserez l’outil de sélection pour
supprimer les contours et les remplissages indésirables. 1. Dans le panneau Outils, sélectionnez l’outil Sélection. 2. Cliquez sur le remplissage au-dessus
de l’ovale supérieur pour le sélectionner.
7. Modiﬁcations des formes

Lorsque vous dessinez dans Animate, vous commencez souvent par les outils Rectangle et Ovale. Mais pour créer des graphiques plus complexes, vous
utiliserez d’autres outils pour modifier ces formes de base. L’outil Transformation Libre, les commandes Copier et Coller et l’outil Sélection peuvent aider
à transformer le cylindre ordinaire en une tasse à café.
L’outil de Transformation Libre

Avec l’outil Transformation Libre, vous pouvez modifier l’échelle, la rotation ou l’inclinaison d’un objet, ou le déformer en faisant glisser des points de
contrôle autour d’un cadre de sélection.
Changer les contours et les remplissages
8. Remplissage en dégradés et en BITMAP

Le Remplissage est l’intérieur de l’objet dessiné. Actuellement, vous avez sélectionné une couleur de remplissage brun uni, mais vous pouvez également
utiliser un dégradé ou une image bitmap (telle qu’un fichier JPEG) comme remplissage, ou vous pouvez décider que l’objet ne comporte aucun
remplissage. Dans un dégradé, une couleur se transforme progressivement en une autre. Animate peut créer des dégradés linéaires, qui changent de
couleur horizontalement, verticalement ou en diagonale, ou des dégradés radiaux, qui changent de couleur en partant du centre. Pour ce chapitre, vous
utiliserez un remplissage en dégradé linéaire pour ajouter une tridimensionnalité à la tasse à café. Pour donner l’apparence d’un calque supérieure de
crème moussante, vous allez importer une image bitmap à utiliser comme remplissage. Vous pouvez utiliser le panneau Couleur pour importer un fichier
bitmap.
Création de transitions de dégradés

Vous utiliserez le panneau Couleur pour définir les couleurs à utiliser dans votre dégradé. Par défaut, un dégradé linéaire passe d’une couleur à une autre,
mais vous pouvez utiliser jusqu’à 15 transitions de couleur dans un dégradé dans Animate. Un curseur détermine où chaque couleur est définie et des
changements de couleur lisses se produisent entre chacun des curseurs. Ajoutez des curseurs de couleur sous L’annotateur de dégradé dans le panneau
Couleur pour ajouter plus de couleurs et, par conséquent, plus de dégradés. Vous allez créer un dégradé qui passe du beige au blanc au beige foncé à la
surface de la tasse à café pour lui donner un aspect arrondi.
9. Utilisation de l’outil de transformation de dégradé
10. Les courbes à largeur variable
11. Les nuanciers
12. L'outils plume
13. La transparence
14. L'outil Pinceau
15. Le texte
16. Alignement et distribution des objets
17. Conversion et exportation

Design Vectoriel Et Texte PDF

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Design Vectoriel Et Texte PDF

Transféré par

Droits d'auteur :

Formats disponibles

23/10/2019 Design vectoriel et Texte

Design vectoriel et Texte

Site: Université Virtuelle du Sénégal

Table des matières

2. Comprendre le concept de contour et de remplissage

3. Les modes de Dessins Animate

5. Créer des formes

6. Faire des selections

7. Modifications des formes

8. Remplissage en dégradés et en BITMAP

9. Utilisation de l’outil de transformation de dégradé

10. Les courbes à largeur variable

11. Les nuanciers

12. L'outils plume

14. L'outil Pinceau

16. Alignement et distribution des objets

17. Conversion et exportation

2. Comprendre le concept de contour et de remplissage

3. Les modes de Dessins Animate

Le mode fusion de dessin

5. Créer des formes

6. Faire des selections

Sélection des contours et des remplissages

7. Modiﬁcations des formes

L’outil de Transformation Libre

Changer les contours et les remplissages

8. Remplissage en dégradés et en BITMAP

Création de transitions de dégradés

9. Utilisation de l’outil de transformation de dégradé

10. Les courbes à largeur variable

11. Les nuanciers

12. L'outils plume

14. L'outil Pinceau

16. Alignement et distribution des objets

17. Conversion et exportation

Vous aimerez peut-être aussi