Mots d'art & Scénarios
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Mots d'art & Scénarios

Poésie, littérature, pensées,
scripts d'art,
oeuvres de Ginette Villeneuve
 
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
Le deal à ne pas rater :
Cdiscount : -30€ dès 300€ d’achat sur une sélection Apple
Voir le deal
anipassion.com

 

 Cours Flash 5 par Pierre Lalande (10 à 18)

Aller en bas 
AuteurMessage
Gi
Rang: Administrateur



Nombre de messages : 14616
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

Cours Flash 5 par Pierre Lalande (10 à 18) Empty
MessageSujet: Cours Flash 5 par Pierre Lalande (10 à 18)   Cours Flash 5 par Pierre Lalande (10 à 18) EmptyDim 10 Juil - 1:27

Outil rectangle


Ce cours est réalisé par Pierre Lalande - FAC-multimedia
www.fac-multimedia.fr


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1011ya

L'outil rectangle permet de faire des rectangles et des carrés pleins ou vides, avec des angles droits ou arrondis.


Choix des couleurs

Il est préférable de choisir les couleurs des contours et de l'intérieur avant de tracer le rectangle.

Elles peuvent toutefois êtres modifiées par la suite.

Pour le choix des couleurs avant ou après le traçage du rectangle ou du carré, la procédure à suivre est exactement la même que pour le choix des couleurs des ovales et des cercles. Référez-vous donc au topo correspondant.


Rectangle ou carré ?

Si vous souhaitez faire un rectangle, cliquez simplement au niveau d'un des angles du futur rectangle, conservez le bouton de la souris appuyé et glissez. Lorsque vous êtes à l"emplacement souhaité pour l'angle opposé, relâchez.

Si vous souhaitez faire un carré, faites de même en conservant la touche [Maj] du clavier appuyée pendant que vous déplacez la souris.


Arrondir les angles

Dans Flash, comme dans la vie, on souhaite parfois arrondir les angles.

Mais c'est souvent plus facile dans Flash ... ;-)

Il suffit de cliquer sur le bouton :


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1022wa

La fenêtre suivante apparaît :

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1035iy

Indiquez le rayon que vous souhaitez, validez et tracez votre rectangle ou votre carré.

Précision : ceci doit impérativement être fait avant de tracer le rectangle.

Voilà ... c'est tout pour l'outil rectangle ... facile, n'est-ce pas ...


Dernière édition par Gi le Lun 29 Juin - 10:13, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur



Nombre de messages : 14616
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

Cours Flash 5 par Pierre Lalande (10 à 18) Empty
MessageSujet: Re: Cours Flash 5 par Pierre Lalande (10 à 18)   Cours Flash 5 par Pierre Lalande (10 à 18) EmptyMar 19 Juil - 22:23

Outil crayon

Ce cours est réalisé par Pierre Lalande - FAC-multimedia
www.fac-multimedia.fr


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1114qf

L'outil crayon permet de tracer des traits plus ou moins fins et de différents types..


Choix du type de trait

Comme nous l'avons vu dans le topo sur l'outil ligne, le choix du type de trait s'effectue à l'aide du panneau trait :


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1127or

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1133qv

Je vous invite à vous y reporter pour revoir les différentes possibilités.


Options de traçage

Lorsque vous dessinez avec l'outil crayon, une option "Mode de crayon" existe et vous offre trois possibilités.



Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1148ch

La première va redresser automatiquement votre dessin. Pour en voir l'illustration , essayer de dessiner à la main un rectangle ... vous verrez.

La seconde va le lisser automatiquement, c'est à dire arrondir les angles. Faites une succession de courbes avec et regardez.

La troisième, encre, va respecter votre tracé
.


Dernière édition par Gi le Lun 29 Juin - 10:19, édité 2 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur



Nombre de messages : 14616
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

Cours Flash 5 par Pierre Lalande (10 à 18) Empty
MessageSujet: Re: Cours Flash 5 par Pierre Lalande (10 à 18)   Cours Flash 5 par Pierre Lalande (10 à 18) EmptyMar 19 Juil - 22:37

Outil pinceau

Ce cours est réalisé par Pierre Lalande - FAC-multimedia
www.fac-multimedia.fr


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1311go

L'outil pinceau permet de peindre à l'intérieur, à l'extérieur sur ou sous un objet. Il dispose de nombreuses options mais est en fait assez simple d'emploi. Pour une plus grande compréhension, je ne traite pas, volontairement, ces options dans l'ordre.

Choix de la taille et du type de pinceau

La taille du pinceau est choisie avec la liste du haut ; le forme du pinceau est choisie avec la liste du bas.

taille du pinceau
(liste du haut)



Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1329jr

forme du pinceau
(liste du bas)


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1335mj

Sensibilité à la pression

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1347cn

Si vous disposez d'une tablette graphique avec stylet sensible à la pression (ceux qui en ont une comprendront), vous pouvez activer ou désactiver la sensibilité en enfonçant ou non le bouton.

Choix du mode de pinceau

Il existe cinq modes de pinceaux.

Pour choisir celui que vous désirez, cliquez sur le bouton ci-dessous et choisissez le mode désiré :


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1358oy

Pour bien vous faire comprendre les différences entre ces cinq modes, je vais partir d'un même objet, un cercle jaune avec une bordure noire, et vous montrer en peignant en rouge le résultat obtenu à chaque fois.

image de départ :


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1365bb

"peint normalement" :

le trait recouvre aussi bien le fond que le contour du cercle


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1376fc

"remplissage" :

le trait recouvre les intérieurs des formes et les parties blanches, mais ne couvre pas les traits et les contours


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1389st

"peint derrière" :

le trait se positionne derrière l'objet et son contour


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1395tf

"peint la sélection" :

si l'on sélectionne une partie de l'objet uniquement de telle façon qu'il soit sélectionné, seule la partie qui était sélectionnée est peinte, même si on "badigeonne" ailleurs


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash13101uq
Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash13118sq

"peint à l'intérieur" :

ici, une petite subtilité à se mettre en tête dès maintenant : "intérieur" doit être plutôt compris comme "limité par la bordure". Je m'explique :

si vous badigeonnez copieusement le cercle ainsi ...


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash13124ta

... en commençant à peindre de l'intérieur de l'objet, vous obtenez ce résultat :

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash13136jm

... alors que si vous badigeonnez de la même manière en cliquant au départ à l'extérieur de l'objet, le résultat est :

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash13147sx

Mais de la même manière que nous avons peint avec une couleur unie, nous pourrions peindre avec une texture issue d'une image bmp par exemple.

La manipulation est simple :

pour commencer, importez dans une zone vide de l'espace de travail une image et séparez-là (si vous ne vous souvenez plus comment faire, reportez-vous au topo sur l'objet Lasso)

dans l'exemple que je vais vous montrer, j'utiliserai cette image bmp importée :


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash13157hn

pour peindre cet objet :

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash13168ii


Like a Star @ heaven puis utilisez l'outil pipette pour "aspirer cette texture".

Like a Star @ heaven reprenez l'outil pinceau (il a en effet été dé-sélectionné lors de l'utilisation de la pipette)

Like a Star @ heaven peignez, comme nous l'avons fait tout à l'heure (ne vous étonnez pas ... pendant que vous peignez, ce n'est pas la texture qui apparaît mais la dernière couleur unie que vous aviez utilisée - donc pour moi le rouge ) :


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash13174ic

selon le mode de pinceau que vous aviez choisi, vous obtiendrez le résultat correspondant ; deux exemples ci-dessous avec les modes "peint derrière" et "peint à l'intérieur" :

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash13189fj
Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash13197ht

Voilà qui ouvre de nouveaux horizons ...
Un détail : quand vous avez fini, vous pouvez retirer l'image qui contenait la texture de l'espace de travail.


Verrouillage du remplissage


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash13208ei

Cette option permet de verrouiller le remplissage pour éviter de fausse manoeuvres et en cas de remplissage avec des dégradés, mais ça ... nous le verrons dans un autre topo car ce bouton est présent avec les mêmes fonctionnalités ailleurs, et que, pour être très honnête, je ne le trouve pas passionnant.


Entraînez-vous à dessiner, peindre, ... vous pouvez vraiment faire des choses sympa maintenant (encore sans animation, je sais, mais nous allons bientôt y venir ... patience ... elles seront d'autant plus faciles et belles que vous aurez appris les outils avant).


Dernière édition par Gi le Lun 29 Juin - 10:44, édité 4 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur



Nombre de messages : 14616
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

Cours Flash 5 par Pierre Lalande (10 à 18) Empty
MessageSujet: Re: Cours Flash 5 par Pierre Lalande (10 à 18)   Cours Flash 5 par Pierre Lalande (10 à 18) EmptyMar 19 Juil - 22:39

Outil encrier

Ce cours est réalisé par Pierre Lalande - FAC-multimedia
www.fac-multimedia.fr


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1319jd(pas d'option pour cet outil)

L'outil encrier permet de modifier la couleur, l'épaisseur ou le type (continu, discontinu, ...) des traits et des contours d'objets.
Il s'utilise conjointement avec le panneau Trait accessible par le menu
Fenêtre / Panneaux / Trait .

Utilisation

Pour utiliser l'outil encrier :

Like a Star @ heaven sélectionnez l'outil dans la barre d'outils,


Like a Star @ heaven définissez à l'aide du panneau Trait l'aspect que vous souhaitez donner au trait ou au contour que vous comptez modifier.


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1325ek-1

(pour retrouver les différentes options du panneau Trait, référez-vous si besoin au topo sur les lignes)


Like a Star @ heaven cliquez sur le trait ou sur l'objet dont vous souhaitez modifier le contour ... c'est fait !
Vous l'avez compris ... vous serez vite familiarisés avec l'outil encrier ...


Dernière édition par Gi le Lun 29 Juin - 11:46, édité 4 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur



Nombre de messages : 14616
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

Cours Flash 5 par Pierre Lalande (10 à 18) Empty
MessageSujet: Re: Cours Flash 5 par Pierre Lalande (10 à 18)   Cours Flash 5 par Pierre Lalande (10 à 18) EmptyMar 19 Juil - 22:40

Outil pot de peinture

Ce cours est réalisé par Pierre Lalande - FAC-multimedia
www.fac-multimedia.fr


Cours Flash 5 par Pierre Lalande (10 à 18) Outil-pot-peinture(pas d'option pour cet outil)

L'outil pipette permet de récupérer une couleur ou une texture pour la réutiliser avec un autre objet.

Selon que la pipette est positionnée au dessus d'un trait (ligne, tour d'un rectangle, ...) ou d'une surface (intérieur d'un rectangle, image, ...), l'aspect de la pipette change pour indiquer ce qui va être "prélevé".

L'outil pipette permet non seulement de prélever des couleurs unies, mais également des dégradés et des textures, à condition que les images servant pour ces dernières aient été séparées avant
(menu Modification / Séparer).



Utilisation

Il suffit de sélectionner la pipette et de cliquer sur ce que l'on souhaite prélever.

Attention : l'outil pipette est un outil non verrouillé, c'est-à-dire qu'une fois que l'on a cliqué dans la zone de travail, l'outil se dé-sélectionne.
En cas de "loupé" de prélèvement, il faut donc re-sélectionner l'outil pipette avant de s'en servir à nouveau.

La pipette est tout particulièrement utile lors du maniement des outils Pinceau, Encrier et Pot de peinture.

Son utilisation en pratique sera détaillée dans le topo de l'outil Pinceau.


Dernière édition par Gi le Dim 30 Aoû - 22:48, édité 2 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur



Nombre de messages : 14616
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

Cours Flash 5 par Pierre Lalande (10 à 18) Empty
MessageSujet: Re: Cours Flash 5 par Pierre Lalande (10 à 18)   Cours Flash 5 par Pierre Lalande (10 à 18) EmptyMar 19 Juil - 22:41

Outil pipette

Ce cours est réalisé par Pierre Lalande - FAC-multimedia
www.fac-multimedia.fr


Cours Flash 5 par Pierre Lalande (10 à 18) Th_topoflash1416pg

L'outil pot de peinture (appelé également remplissage) permet de remplir des objets avec des couleurs unies, dégradées ou des trames bitmap.

Il possède 3 options sur lesquelles je reviendrai à la fin de ce topo.

Mais c'est surtout le panneau Remplir, accessible par Fenêtre / Panneaux / Remplir , qui lui donne sa puissance ! C'est lui que nous allons donc étudier dans un premier temps.

Je baserai la plupart des mes exemples ci-dessous d'un point de départ : un rectangle jaune aux contours noirs.


Cours Flash 5 par Pierre Lalande (10 à 18) Th_topoflash1423nm

Découverte du panneau Remplir

A l'affichage, après avoir créé un rectangle jaune à contours noir, le panneau Remplir se présente habituellement ainsi :


Cours Flash 5 par Pierre Lalande (10 à 18) Th_topoflash1431ol

Il possède en fait 5 options, visibles en cliquant sur la petite flèche vers le bas :

Cours Flash 5 par Pierre Lalande (10 à 18) Th_topoflash1440ju

Option Aucun (panneau Remplir)

Cette option n'est en fait pas utilisable sur des objets déjà créés. Elle peut par contre être choisie avant de créer un objet avec les outils Plume, Ovale et Rectangle.

Elle présente donc peu d'intérêt puisqu'il est alors possible, nous l'avons vu dans les topos précédents, de choisir directement "sans remplissage" à partir de la barre de couleurs en cliquant sur la diagonale rouge :


Cours Flash 5 par Pierre Lalande (10 à 18) Th_topoflash1454wr

Je ne passerai donc pas plus de temps sur cette option.


Option Uni (panneau Remplir)

Pour remplir un objet avec une couleur unie, sélectionnez Uni dans le menu déroulant puis choisissez la couleur en cliquant sur le carré de droite.

Le maniement de cette option est très simple et ne nécessite pas plus de commentaire.



Option Dégradé linéaire (panneau Remplir)

Avant toute chose : souvenez-vous que vous devez avoir sélectionné l'objet Pot de peinture avant les manipulations ci-dessous !!

Cette option vous permet de remplir un objet avec un dégradé.

Lorsque vous sélectionnez cette option, la boite ci-dessous apparaît (selon ce que vous aviez fait avant, les couleurs peuvent être différentes) ; cliquez sur le petit carré de gauche ...


Cours Flash 5 par Pierre Lalande (10 à 18) Th_topoflash1465ke

... puis choisissez à droite la couleur de départ du dégradé :
Cours Flash 5 par Pierre Lalande (10 à 18) Th_topoflash1472lh

Cliquez maintenant sur le petit carré de droite et faites de même :

Cours Flash 5 par Pierre Lalande (10 à 18) Th_topoflash1487ta Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1499fe

Votre dégradé est défini. Il vous suffit d'aller cliquer dans votre objet pour appliquer le remplissage :

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14101nc

Imaginons maintenant que vous souhaitiez que ce dégradé soit plus riche en rouge qu'en bleu.

Il vous suffit de faire glisser dans le panneau Remplir le petit carré rouge :


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14110lz

pour obtenir

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14120rv

Imaginons cette fois que vous souhaitiez avoir un dégradé de rouge vers le bleu passant par le jaune.

Il vous suffit d'aller cliquer dans une zone vide sous l'échelle de définition des dégradés pour faire apparaître une nouvelle couleur imposée ... que vous choisissez alors comme pour les autres :


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14131iu
Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1414a2on
Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14154sr

et d'appliquer ceci sur votre objet :

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14143fz


Vous pouvez ajouter autant d'étapes de dégradés que vous le souhaitez ...

Si jamais vous avez ajouté une couleur en trop, cliquez sur le petit carré concerné et sortez-le du panneau Remplir ... il est alors supprimé.

Notez également qu'en bas à droite du panneau se trouve l'icône d'une disquette.
Elle permet de sauvegarder un dégradé que vous avez créé pour l'utiliser plus tard ailleurs dans votre animation. Ne cliquez dessus qu'une fois (je le précise car comme rien ne se passe dans cette fenêtre, on a tendance à essayer plusieurs fois !!).
Vous pourrez ensuite récupérer ce dégradé soit dans la zone choix de couleur de la barre d'outils couleurs, soit par le panneau Nuancier (mais je ne le traiterai pas maintenant).

Option Dégradé radial (panneau Remplir)

Cette option s'utilise et se paramètre de la même façon que le dégradé linéaire.


Cours Flash 5 par Pierre Lalande (10 à 18) Op-panneau-radial1



Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14163tx
(cliquez au centre de l'objet)

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14174kb
(cliquez en haut à gauche de l'objet)

Cours Flash 5 par Pierre Lalande (10 à 18) Rectangle-degrade-radial-haut-droit
(cliquez en haut à droite de l'objet)

Faites des essais ... ce sera plus parlant que les discours que je pourrais faire ici !!



Option Bitmap (panneau Remplir)

[color-steelblue]Si aucune image bitmap n'a été importée dans votre animation, vous n'obtenez que ceci :
[/color]

Cours Flash 5 par Pierre Lalande (10 à 18) Op-panneau-bitmap1

Il faut donc avoir déjà importé une image bitmap (bmp, jpg, gif, ...) et l'avoir (comme nous l'avons vu plusieurs fois) séparée.

Dans ce cas, vous obtenez le choix des bitmaps utilisables pour le remplissage et l'outil s'utilise très simplement :


Cours Flash 5 par Pierre Lalande (10 à 18) Op-panneau-bitmap2

Cours Flash 5 par Pierre Lalande (10 à 18) Rectangle-bitmap

Revenons aux options de l'outil Pot de peinture

Les options proposées sont au nombre de trois : taille de l'espace, verrouiller le remplissage, transformer le remplissage.

Le maniement de la seconde option
Cours Flash 5 par Pierre Lalande (10 à 18) Op-verrouiller-remplissage
, verrouiller le remplissage, est assez complexe tant que toutes les fonctions de remplissage n'ont pas été parfaitement intégrées. Je vous propose donc de le mettre de coté et de ne pas l'aborder aujourd'hui.

Taille de l'espace

En cliquant sur le bouton "Taille de l'espace", vous pouvez définir la taille tolérée des "trous" sans que le remplissage ne s'étende.


Cours Flash 5 par Pierre Lalande (10 à 18) Op-taille-espace

Ceci ne fonctionne que dans le cas de plusieurs objets superposés ; imaginons par exemple que vous dessiniez une veste avec des boutons, des poches, des revers non fermés ... c'est cette option qui vous permettra de définir les modalités de remplissage.


Transformez le remplissage

Cours Flash 5 par Pierre Lalande (10 à 18) Op-transformer-remplissage

Cette option est tout simplement fabuleuse lorsqu'elle est utilisée avec les dégradés ou les bitmaps du panneau Remplir.

Pour vous la présenter, je vais reprendre le remplissage que j'avais effectué avec un dégradé rouge-jaune-bleu :


Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1426a1pr

Si vous sélectionnez l'option Transformer le remplissage et que vous cliquez sur l'objet, vous voyez apparaître différents repaires :

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14257xu

En cliquant sur le rond du milieu et en déplaçant votre souris ...

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14266xz

... vous décalez latéralement le dégradé :

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14270jk

En cliquant sur le carré de droite et en déplaçant votre souris ...

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash1430a5rf

... vous élargissez ou réduisez l'ampleur du dégradé :

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14297uu

En cliquant sur le rond extérieur et en déplaçant votre souris ...

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14304ql

... vous changez l'orientation du dégradé linéaire :

Cours Flash 5 par Pierre Lalande (10 à 18) Topoflash14317ow

La même chose fonctionne avec un dégradé radial ou avec un bitmap ...

A vous de jouer maintenant ... entraînez-vous à remplir les objets et posez des questions en cas de difficulté ...


Dernière édition par Gi le Lun 31 Aoû - 0:00, édité 7 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur



Nombre de messages : 14616
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

Cours Flash 5 par Pierre Lalande (10 à 18) Empty
MessageSujet: Re: Cours Flash 5 par Pierre Lalande (10 à 18)   Cours Flash 5 par Pierre Lalande (10 à 18) EmptyMar 19 Juil - 22:57

Des trucs en plus par Serge Moreau



1. Le Dessin
Comment effacer facilement des éléments d'un dessin
Le plus rapide et le plus facile est de maintenir la touche "effacer" (Del.) enfoncée et de cliquer sur les éléments que l'on désire supprimer.

Comment dessiner un dégradé vert transparent
1°) Ouvrir le Menu Fenêtre/Panneaux/Remplir.
2°) Dans la liste choisir 'Dégradé linéaire' (ou autre!).
3°) Cliquez sur le petit carré représentant l'une des deux couleurs.
4°) Ouvrir le Menu Fenêtre/Panneaux/Mixeur et modifier la couche Alpha pour lui donner 0% (ou autre).

La couleur choisie passera à l'apha (transparence) choisie !

NB: pour un dégradé d'une seule couleur (vert transparent)
>> Choisir 2 fois la même couleur dans Fenêtre/Panneaux/Remplir 'Dégradé linéaire'


Comment sélectionner la totalité d'un contour
Pour les contours relativement simples, il suffit de double-cliquer dessus. Pour les contours plus tortueux, cette méthode ne sélectionnera que les segments adjacents à celui cliqué, il faut alors cliquer sur tous les segments désirés en maintenant la touche shift enfoncée.

Comment ajouter un contour à un remplissage.
Si vous avez une surface de remplissage à laquelle vous voulez ajouter un contour (notamment un rendu de texte), il suffit de sélectionner l'outil encrier et de cliquer sur la surface de remplissage SANS que celle-ci soit sélectionnée.

Petite précision pour le textes :
Il faut que ceux-ci soient "Séparés" (CTRL+B)

Comment appliquer un dégradé sur une ligne
Plusieurs solutions sont possibles :

1. Faites une ligne assez épaisse, convertissez-la en remplissage : Modification >> Forme >> Convertir les lignes en remplissage . Ensuite appliquez votre dégradé normalement.

2. Tracez votre trait avec l'outil pinceau et ensuite appliquez le dégradé.

3. Dessinez un rectangle avec le dégradé que vous souhaitez et ensuite réduisez ce même rectangle en une ligne.


Quelle différence y-a-t-il entre l'outil pinceau et l'outil crayon
Le Crayon :
L'outil crayon permet de dessiner à main levée en maintenant le bouton de gauche de la souris enfoncé.

Ces options :
- Encre : Dessin à main levée "normal".
- Lisser : Dessin à main levée avec rectification des courbes.
- Redresser : Dessin a main levée avec redressement des lignes.
On peut choisir la couleur du trait, son épaisseur et son type (Continue, pointillé etc ... )

Le pinceau :

L'outil pinceau permet lui aussi le dessin à main levée mais avec differents styles (rond, carré, obclique, etc...) et grosseurs de pinceaux ainsi que différentes options pour peindre .
- Sur un objet.
- Derrière un objet.
- Sur une sélection.
Etc ...
Nous pouvons changer ca couleur mais aussi choisir l'option DÉGRADÉ !

Comment obtenir un flou sous Flash
Le dessin vectoriel ne permet habituellement pas d'obtenir des effets de flou réussis. Flash est un exception. Il possède un outil capable d'appliquer un flou progressif à n'importe quelle forme à partir du moment où celle-ci est un remplisage ... Voici comment,
Suivez les étapes suivantes :

Choisissez Modifier > Courbes > Adoucir les bords.

Une boîte de dialogue s'ouvre alors vous demandant différents réglages.

Sélectionnez une distance en pixels qui correspond à la taille du flou autour de l'image.

Un nombre d'étapes. Ce nombre d'étapes correspond à la finesse du flou. Plus ce nombre est élevé plus le flou sera beau, mais également plus lourd donc long à charger.

Sélectionnez Intérieur ou Extérieur suivant que vous souhaitez voir votre flou s'étendre autour de la forme, ou se rétrécir à l'intérieur du flou.
Validez l'ensemble de ces choix.
----

Voilà, votre flou est fini. Il se compose en fait d'autant d'objets que d'étapes choisies. Si vous retravaillez votre dessin, assurez-vous de bien sélectionner l'ensemble de votre flou.

NB :
Pour appliquer cet effet à un texte Choisissez Modifier > Séparez (ctrl+b) pour transformer votre texte en objet vectoriel classique et assurez-vous de bien garder cet objet sélectionné.


A quoi sert "Verouiller un remplissage"
Le verrouillage d'une image en dégradé ou bitmap crée l'effet de redimensionnement du dégradé ou du bitmap comme s'il remplissait toute la scène et que les formes qu'il remplit sont des masques révélant le dégradé ou le remplissage sous-jacent.

>> Peindre avec un remplissage verrouillé a pour effet de découvrir le remplissage.

Comment définir une transparence
Pour définir une couleur transparente, on jouera sur la Couche ALPHA de la couleur.

En cliquant sur le Menu Fenêtre/Panneau/Mixeur, on affiche les valeurs RGB de la couleur ainsi que le pourcentage Alpha.
100% correspond à une couleur opaque, 0% à une couleur transparente.


Comment modifier les dégradés ronds proposés par flash
Vous pouvez modifier les couleurs et les nuances de votre dégradé dans la fenetre remplir (c'est dans la même fenêtre que info, transformer, trait, remplir ).



Dernière édition par le Mar 19 Juil - 23:43, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur



Nombre de messages : 14616
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

Cours Flash 5 par Pierre Lalande (10 à 18) Empty
MessageSujet: Re: Cours Flash 5 par Pierre Lalande (10 à 18)   Cours Flash 5 par Pierre Lalande (10 à 18) EmptyMar 19 Juil - 23:10

Une recupération de plus par Serge Moreau


2. Le Texte

2.1 Peut-on mettre plusieurs couleurs dans une seule zone de texte ?
C'est possible, en effet. Pour cela, selectionnez simplement des caractères et choisissez la couleur que vous souhaitez leur appliquer dans la palette [caractères].

2.2 Comment exporter une police spécifique dans une animation ?
Faire un nouveau un symbol. Cliquez sur les options de votre librairie -> nouvelle fonte...
Affectez un nom, choisissez celle que vous voulez et faite ok. Un symbol de font apparait dans votre librairie. CE SYMBOL N'EST PAS A DRAGGER SUR LA SCENE. Faites clique droit sur celui-ci dans votre librairie et mettez lui un lien, sélectionnez "exporter ce symbol" et mettez lui un identifiant...
Puis, sélectionnez tous les champs texte dynamique, décochez ABSOLUMENT la ou les case d'intégration ([...], ab, etc..) et dans votre liste de font, vous devrez voir apparaitre le nom de la font que vous avez donné à la précédente création, elle devrait également comporter une petite étoile à droite...votre poids ne devrait maintenant pas augmenter à chaque fois que vous faites un nouveau champ texte dynamique.

Attention les fontes importées ne sont pas fiables à 100%, il réside encore un peu de "magie informatique" quant à ce procédé...

Un dernier détail : si le poids de votre swf augmente au fil des ajouts de champs c'est que vous utilisez plusieurs fontes différentes ! forcément ça pèse à force...


2.3 Pourquoi le "é" dans les actionscript ne marche pas des fois sous mac et comment les corriger ?
Apple et ses problèmes d'accent, no comment ! Lorsque vous déplacez un fichier .fla d'un pc à un Mac, le caractère "é" dans une action sous flash avec un mac est changé par des "È" et si vous le rechangez correctement votre action peut faire un bug.

La solution : ne pas remplacer les "é" par les "È". Attention car le "È" est en majuscule avec un accent grave.

2.4 Pourquoi le texte disparaît lorsque j'applique une rotation sur un texte dynamique ?
Lorsque vous avez un Clip contenant un texte dynamique et que vous lui appliquez une rotation , vous pourrez constater dans certains cas que le texte disparaît. Pour évitez cela il suffit de s'assurer que la police utilisée est exportée ( Dans les propriétés du champ de texte ).

2.5 Est-il possible de créer un bouton "parcourir" comme dans un formulaire HTML ?
Il n'est pas possible de créer directement un bouton "parcourir" comme dans un formulaire HTML, cependant il existe des moyens, en passant par des fonctions javascript ou des scripts serveurs, de les simuler.

2.6 Comment donner un effet 3d à des lettres ?
Si vous voulez donner un bel effet 3d à un texte il sufit de faire un world art sous world, de le selectioner, de le copier (ctrl+c) et vous allez sous flash et là vous faites édition, collage spécial. Vous le sélectionez dans la liste et voilà... certes c'est un peu lourd mais ça peut dépanner.

2.7 Un modeste effet de texte
Vous entrez votre texte, vous le coloriez de la couleur que vous voulez (évitez noir pour l'exemple car nous allons faire les bords en noir). Sélectionez votre texte et faites un break apart (ctrl+b). Sélectionez vos lettres une a une et mettez les dans la position souhaitée (collez les une aux autres par exemple). Une fois votre petit arrangement fini cliquez sur l'outil encrier à coté de l'outil de remplisage, sélectionez le noir comme couleur pour les lignes et faites tous les bords en noir. A cette étape créez un nouveaux calque qui va se placer en dessous du premier, retournez à votre premier calque et copiez (ctrl+c) le contenu. Allez dans le deuxième calque et faites un collage en place (ctrl+shift+v en même temps) la deuxieme image est complètement cachée par la première alors appuiez une dizaine de fois sur la touche haut et changez la couleur de la deuxieme image en blanc par exemple. Voila, j'espère que vous apprécierez ce modeste effet de texte.

2.8 Comment Flash gère-t-il les sauts de ligne dans une zone de texte multiligne
Il est possible que vous ayez des problèmes lors du transfert du contenu d'une zone de texte multiligne Flash vers votre script PHP : souvent, les sauts de ligne ne sont pas pris en compte. En fait, Flash utilise des \r pour les retours de ligne. il faut les changer en \n via PHP : $message = ereg_replace("\r", "\n", $message).


Dernière édition par le Mar 19 Juil - 23:43, édité 1 fois
Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur



Nombre de messages : 14616
Localisation : Lévis secteur Charny, Québec, Canada
Date d'inscription : 18/12/2004

Cours Flash 5 par Pierre Lalande (10 à 18) Empty
MessageSujet: Re: Cours Flash 5 par Pierre Lalande (10 à 18)   Cours Flash 5 par Pierre Lalande (10 à 18) EmptyMar 19 Juil - 23:27

3. Les Images par Serge Moreau


3.1 Comment avoir des images moins lourdes dans une animation ?

Tout d'abord il est important d'essayer de faire un maximum de chose en VECTORIEL ! Smile

Mais , ce n'est pas toujours faisable donc... pour les images bitmaps dans Flash :

- Les éditer sous son logiciel de dessin favori (PhotoShop/firework/paint shop pro ..etc...)
- Découpez vos images le plus près possible (Crop)
- Prévoir de faire les images en fonction de leur taille maximale finale désirée dans l'animation flash.
- Si vous utilisez des images monochromes, importez les images dans Flash en Noir et Blanc et mettez un filtre de couleur sous Flash !
- Utliser copier/coller pour importer une image est souvent la meilleure solution !



3.2 quelle doit être la résolution d'une image en "dpi" ?
La définition en "dpi" pour une image quelle quelle soit sur Flash ou un site "classic" doit être de 72 dpi car c'est la résolution écran !

Si vous numérisez avec une résolution plus grande que 72, votre fichier sera plus lourd mais la qualité écran ne sera pas meilleure et si vous numérisez avec une résolution plus petite que 72, la qualité sera moins bonne mais le poids de l'image sera plus léger.

3.3 Quels sont les formats d'images importables dans flash ?

Les formats d'images importables dans Flash sont les suivants (valables pour Windows et Mac) :
- *.eps : Adobe Illustrator
- *.bmp : Bitmap (uniquement pour Windows)
- *.dxf : Autocad
- *.emf : Metafichier étendu
- *.gif : GIF statique ou animé
- *.jpg : JPEG
- *.spl : FutureSplash Player
- *.png : PNG
- *.swf : Shockwave Flash
- *.wmf : MetaFile Windows (uniquement pour Windows)


3.4 Comment éviter qu'une image bitmap bouge légèrement pendant une animation ?
Flash contient deux bogues qui font bouger légèrement une image bitmap pendant une animation. Lorsqu'une image bitmap contenu dans un movieclip passe de transparent à opaque, il bouge légèrement à la fin de cette animation. Pour contourner cela, il suffit d'arrêter l'animation à une opacité (_alpha) de 99%. Lorsqu'un élément vectoriel est animé au dessus d'une image bitmap, cela peut faire bouger l'image bitmap. On peut contourner ce problème en insérant l'image bitmap dans un movieclip, réglée sur une opacité de 99%.

Revenir en haut Aller en bas
http://www.liensutiles.org/gvilleneuve.htm
Contenu sponsorisé





Cours Flash 5 par Pierre Lalande (10 à 18) Empty
MessageSujet: Re: Cours Flash 5 par Pierre Lalande (10 à 18)   Cours Flash 5 par Pierre Lalande (10 à 18) Empty

Revenir en haut Aller en bas
 
Cours Flash 5 par Pierre Lalande (10 à 18)
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Cours Flash 5 par Pierre Lalande (1 à 9)
» Cours de Pierre Lalande
» Bla bla c'est ici...
» Cours Flash MX (6 leçons) par Denis Fortier
» Pierre Dac a dit..

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Mots d'art & Scénarios :: Scripts & Flash d'art :: Animations et de tout pour Flash-
Sauter vers: