« Flash CS4 - Texte » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
mAucun résumé des modifications
Ligne 15 : Ligne 15 :
; Matériaux
; Matériaux
: Aucun, jouer simplement avec vos propres objets:)
: Aucun, jouer simplement avec vos propres objets:)
; Voir aussi
* [[Flash CS5 - Text Layout Framework]]
* [[Flash AS3 - TextField]]
</div>
</div>


Il existe trois types de texte:
Il existe trois types de texte dans Flash CS3/CS4
* blocs de texte contenant du texte statique ('''Static text''' fields). Ce texte ne pourra pas changer lors de l'exécution du programme.
* blocs de texte contenant du texte statique ('''Static text''' fields). Ce texte ne pourra pas changer lors de l'exécution du programme.
* champs de texte dynamique qui affichent du texte pouvant être mis à jour par le programme ('''Dynamic text''' fields)
* champs de texte dynamique qui affichent du texte pouvant être mis à jour par le programme ('''Dynamic text''' fields)
* champs de texte de saisie ('''Input text''' fields)
* champs de texte de saisie ('''Input text''' fields)
Flash CS5 ajoute un nouveau outil:
* [[Flash CS5 - Text Layout Framework|Le Text Layout Framework (TLF) ]] et qui permet le développement d'applications riches en texte (par exemple des éditeurs).


Orientation et remplissage:
Orientation et remplissage:
Ligne 82 : Ligne 89 :
* Choisir l'outil ''selection'' (pas text!) et tirer un des coins
* Choisir l'outil ''selection'' (pas text!) et tirer un des coins
* Pour les textes dynamiques, il y a déjà 8 contrôles dans l'outil texte (utiliser au lieu de tirer le contrôle principal, puis déplacer)
* Pour les textes dynamiques, il y a déjà 8 contrôles dans l'outil texte (utiliser au lieu de tirer le contrôle principal, puis déplacer)
== Exportation des fontes ==
Dans CS5 il faut systématiquement exporter les fontes.
A répéter pour chaque fonte utilisée ....
* Cliquer dans le champs avec le texte (pour se faciliter la vie)
* Dans la panneau "Properties" cliquer sur '''Embed...''
* Ensuite cliquer sur le + du panneau pop-up qui va s'ouvrir
* Sélectionner le nombre de caractères (on suggère ''Basic Latin'')
Sinon, vous pouvez aussi passer par
* Menu: '''Text->Font Embedding ....''
[[image:flash-cs5-font-embed.png|frame|none|Flash CS5 Font embed]]


== L'objet texte ==
== L'objet texte ==

Version du 14 décembre 2010 à 15:00

<pageby nominor="false" comments="false"/>

Introduction

Objectifs d'apprentissage
Apprendre à utiliser du texte en Flash CS4 (ou CS3)
Prérequis
Matériaux
Aucun, jouer simplement avec vos propres objets:)
Voir aussi

Il existe trois types de texte dans Flash CS3/CS4

  • blocs de texte contenant du texte statique (Static text fields). Ce texte ne pourra pas changer lors de l'exécution du programme.
  • champs de texte dynamique qui affichent du texte pouvant être mis à jour par le programme (Dynamic text fields)
  • champs de texte de saisie (Input text fields)

Flash CS5 ajoute un nouveau outil:

Orientation et remplissage:

  • L'orientation du texte peut être horizontale ou verticale.
  • On peut fixer la largeur pour un texte horizontal statique (ou hauteur pour un text vertical) ou laisser le texte "grandir" lorsqu'on tape.
  • On créer un bloc de largeur et de hauteur fixes pour les textes dynamiques

Attributs de texte:

  • police, taille, style, couleur et interligne

Types de champs de texte

Flash utilise les poignées suivantes pour signaler un type de texte:

Texte horizontal statique extensible
Tx text static extend.png
Texte horizontal statique à taille fixe
Tx text static defined.png
Texte vertical statique extensible avec flux droite-gauche (right-left)
Tx text static extend vert rl.png
Texte vertical statique avec flux gauche-droite à hauteur fixe
Tx text static fixed vert rl.png
Texte vertical statique avec flux gauche-droite à hauteur fixe et extensible
Tx text static extend vert lr.png
Texte vertical statique avec flux gauche-droite à hauteur fixe
Tx text static fixed vert lr.png
Texte dynamique ou champs input extensible
Tx text dynamic extend.png
Texte dynamique ou champs à hauteur et largeur fixe
Tx text dynamic fixed.png
Texte dynamique "scrollable"
Tx text dynamic scrollable.png

Ajouter du texte sur la scène (stage)

Voici les étapes:

Etape 1 - l'outil
Sélectionner l'outil texte Text typing.png
Etape 2 - type de texte
Dans le property inspector (ouvrir si nécessaire avec menu Window->Properties) il faut sélectionner le type de texte: dynamic text, input text ou static text.
Ensuite plus bas dans la section paragraph: Choisir line, multi-line ou multi-line no wrap.
Etape 3 - régler l'orientation
Dans le property inspector, sélectionnez l'orientation si nécessaire. Text direction btn.png
Etape 4 - entrer le texte
Sur la scène, cliquez et taper pour un texte d'une seule ligne
Sinon, pour créer un champs à hauteur et largeur fixe, il faut tirer la souris pour définit le rectangle
Etape 5- modification des propriétés
Utilisez le properties panel
Flash CS4 - Text tool and text properties

Pour changer le type de texte:

  • double clic sur un contrôle

Pour agrandir un champs:

  • Tirer le contrôle
  • Choisir l'outil selection (pas text!) et tirer un des coins
  • Pour les textes dynamiques, il y a déjà 8 contrôles dans l'outil texte (utiliser au lieu de tirer le contrôle principal, puis déplacer)

Exportation des fontes

Dans CS5 il faut systématiquement exporter les fontes.

A répéter pour chaque fonte utilisée ....

  • Cliquer dans le champs avec le texte (pour se faciliter la vie)
  • Dans la panneau "Properties" cliquer sur 'Embed...
  • Ensuite cliquer sur le + du panneau pop-up qui va s'ouvrir
  • Sélectionner le nombre de caractères (on suggère Basic Latin)

Sinon, vous pouvez aussi passer par

  • Menu: 'Text->Font Embedding ....
Flash CS5 Font embed

L'objet texte

  • L'outil text produit un objet composite qui est animable
Casser
  • Vous pouvez "break apart" un texte. D'abord il va se décomposer en caractères de type texte statique
  • Un caractère break apart devient une forme (shape).

Remerciement et modification du copyright