Cours d'animation Flash pour débutants. Apprentissage de Macromedia Flash. Comment créer une animation de bougie

Depuis plus de sept ans, je travaille à distance avec des clients étrangers des États-Unis, du Canada, d'Australie, d'Allemagne et d'autres pays. Je dessine des ressources graphiques et des animations pour les jeux Adobe Animer CC. Auparavant, l'éditeur s'appelait Adobe Flash Professionnel CC.

Sur l'ancien blog, j'ai commencé une série de leçons similaires, mais au lieu de continuer là-bas, j'ai décidé de tout réécrire afin de partager une nouvelle expérience.

Pourquoi avons-nous besoin d’une autre série de leçons sur le dessin dans Adobe Flash ? Je fais cela depuis de nombreuses années et je pense que mon expérience peut être utile aux débutants. Surtout pour ceux qui n’ont jamais dessiné avec une tablette graphique auparavant. Si vous êtes doué pour dessiner sur papier, mais que vous n'avez jamais dessiné sur un ordinateur, alors j'ai certainement quelque chose à vous dire.

Et pour ceux qui ne savent pas dessiner sur papier, je vais essayer d'expliquer comment développer cette compétence en général, sans être lié à un éditeur graphique : construction de la perspective et de la composition, choix des couleurs, ombrages et autres sujets.

Choisir une tablette graphique

Peu importe si vous savez dessiner, vous aurez besoin d'outils : des appareils et des programmes. Commençons par le matériel. Vous possédez déjà un ordinateur, mais vous devez quand même y connecter une tablette graphique, ce qui nous donnera la possibilité de dessiner sur une toile virtuelle qui existe dans mémoire vive. En d’autres termes, il s’agit d’un autre périphérique de saisie d’informations, comme une souris ou une boule de commande. Mais la tablette présente des avantages qui permettent de dessiner comme sur du papier. Il s'agit de la sensibilité à la pression et de la forme d'un stylo du dispositif de pointage.

Il existe de nombreux fabricants de tablettes graphiques : Wacom, Genius, Huion. Je n'ai rencontré que les deux premiers. Au total, j'ai déjà essayé quatre tablettes Wacom et une Genius à mes débuts. Je recommande fortement Wacom - c'est haute qualité pour un prix raisonnable.

Si vous n'avez pas d'argent, n'achetez pas le Genius, procurez-vous le petit stylo Wacom Bamboo Pen d'occasion le plus abordable. J'ai utilisé presque le même, le Wacom Bamboo Pen&Touch S CTH-460. Il n'y a eu aucun problème critique en sept ans d'utilisation, un bon appareil pour commencer. Si vous pouvez économiser plus d’argent, optez pour le modèle plus grand. J'utilise Wacom Bamboo Fun Pen&Touch M CTH-670.

Que signifient les chiffres et les lettres dans les noms des modèles Wacom ?

Je vais vous expliquer la signification de certains chiffres et lettres du nom pour vous permettre de naviguer plus facilement dans le parc de modèles réduits de l'entreprise.

Wacom Bamboo Fun Pen&Touch M CTH -6 70

• M.— la taille de la zone de travail. Il y a S – Small (petit), M – Medium (moyen), L – Large (grand) ;
• CP- moyens la programmation. Il existe des modèles CTL et CTH - amateurs niveau d'entrée avec boutons et pavé tactile en option, PTH - modèles professionnels, DTH et DTK - modèles professionnels avec écran intégré ;
• 6 — taille de la zone de travail en pouces. Il y en a 4 - Small (petit), 6 - Medium (moyen), 8 - Large (grand), ainsi que 13 et plus, mais cela ne s'applique qu'aux tablettes avec écran intégré. Parfois, les magasins en ligne et les publicités n'indiquent pas l'index des lettres, vous pouvez alors utiliser celui numérique pour comprendre les dimensions de l'appareil ;
• 70 - génération et modèle. Il est important de comprendre que plus ce nombre est élevé, plus appareil plus récent. A titre de comparaison, le mien vieille tablette a l'indice CTH-460, l'analogue moderne est CTH-490. Les générations diffèrent par 10 : 460, 470 et ainsi de suite.

Taille de la tablette graphique

Lorsque vous dessinez, la zone active de l'espace de travail est très petite. En d’autres termes, le stylet glisse constamment dans le rayon d’un petit cercle. Ce cercle peut bouger un peu. Au fil du temps, une tache se forme, visible comme une accumulation dense de micro-rayures. Cela montre que vous n'utilisez pratiquement pas la périphérie de l'appareil, tout se passe au centre.

On pourrait supposer qu'une grande tablette graphique n'est pas nécessaire puisque vous n'utiliserez jamais toute sa zone de travail et que la zone d'activité sera de la même taille que sur un modèle plus petit. Mais ce n'est pas vrai.

Lorsque vous travaillez sur une tablette, sa zone de travail est projetée sur toute la largeur du moniteur. Par conséquent, plus la tablette est grande, plus vous pouvez appliquer des traits avec précision. Et vice versa que plus grand moniteur et plus la tablette est petite, plus il vous sera difficile et inconfortable de dessiner. Par expérience, je peux dire qu'après être passé de la taille S à la taille M en travaillant sur un moniteur ultra-large de 29 pouces, mon travail est devenu 25 à 30 % plus confortable. Je trouve qu'il faut moins d'efforts pour dessiner un contour complexe et que l'expérience globale est plus fluide et plus agréable.

Les tablettes graphiques plus grandes devraient offrir un environnement de travail encore plus confortable, mais je n'ai pas travaillé sur les modèles L, je ne peux donc que supposer.

Différences entre les tablettes Wacom amateurs et professionnelles

En achetant un modèle pro, vous obtenez appareil sans fil, fabriqué en plastique de meilleure qualité avec 2048 niveaux de sensibilité à la pression contre 1024 pour les modèles moins chers, un beau design, des commandes supplémentaires sous forme de boutons et une bague tactile. Je suis entièrement satisfait des modèles plus jeunes et obsolètes de la série Bamboo, qui ont été abandonnés. La différence de coût entre les versions amateur et professionnelle sera plus de deux fois supérieure. Le tableau mettra tout en ordre :

Configuration du Wacom Bamboo Pen & Touch M CTH-670

Avant de connecter l'appareil, téléchargez les pilotes sur le site officiel de Wacom.

Liste des modèles	Lien du pilote
Intuos CTL-4100/6100/4100WL/6100WL Intuos Pro PTH-451/651/660/851/860 Un CTL-471/671/472/672 Intuos CTL-480/490/680/690 Intuos CTH-480/490/680/690 Intuos 5PTK-450/650 PTH-450/650/850 Intuos 4PTK-440/640/840/1240/540WL	les fenêtres macOS
Stylo et contact en bambou CTH-460/470/471/660/661/670 Stylo en bambou CTL-460/471	les fenêtres macOS

Après avoir connecté la tablette et installé les pilotes, lancez l'application Préférences Wacom, que l'on peut trouver via Recherche Windows(Win + S) ou dans le Panneau de configuration.

Les paramètres de base des tablettes de l'entreprise ne diffèrent pas : les modèles amateurs et professionnels sont configurés de la même manière.

Sur l'onglet Tablette Vous pouvez configurer la tablette pour les mains droite et gauche, ainsi qu'attribuer des actions aux touches. Tout d'abord, installez-les dans Désactivé, au fil du temps, il sera possible d'attribuer des raccourcis clavier.

Sur l'onglet suivant Stylo on retrouve des paramètres importants :

• Toucher la pointe- sensibilité à la pression. Laissez-le au centre. Au cours du processus, vous comprendrez quel type de dureté vous aimez et l'ajusterez à votre goût ;
• Suivi— mode de suivi de la position du stylet. Installer Mode stylo— la zone de travail de la tablette s'étend pour remplir tout l'écran. Mode Souris utilisé en remplacement d'une souris;
• Les paramètres restants ne sont pas si importants. Boutons du stylo permet d'attribuer une action aux boutons du stylet. Sensation de gomme- sensibilité de l'élastique avec verso style. Je n’utilise pas cette fonctionnalité car il est plus rapide pour moi de basculer à l’aide de raccourcis clavier.

Dans le même onglet de la section Suivi appuie sur le bouton Cartographie... pour configurer la projection de la zone de travail de la tablette sur l'écran du moniteur. Une fenêtre s'ouvrira Détails du mode stylet.

Au chapitre Zone d'écran choisir Moniteur, si vous disposez de plusieurs moniteurs et indiquez le principal. S'il n'y a qu'un seul moniteur, laissez-le Tous les écrans

.

Au chapitre Mise à l'échelle assurez-vous de cocher la case à côté Proportions des forces afin que la zone de travail ne s'étire pas lors de la projection sur l'écran. Dans ce cas, une partie de la zone de travail de la tablette ne sera pas utilisée, mais nous aurons des proportions normales de 1 pour 1. Et si vous dessinez un cercle, il apparaîtra à l'écran comme un cercle et non comme une ellipse allongée.

Assurez-vous de cocher la case à côté Utiliser Windows Ink pour que la sensibilité à la pression fonctionne.

Sur l'onglet suivant Options tactiles décochez la case ci-contre Activer la saisie tactile pour passer la tablette en mode normal.

Sur les onglets restants, j'ai tout désactivé, car je n'utilise pas les gestes du mode tactile ni le menu déroulant propriétaire. Ceci termine la configuration de la tablette graphique.

Animate CC ou Flash Professional CC ?

Adobe Animate CC est une nouvelle image d'Adobe Flash Professional CC ; plusieurs innovations ont été ajoutées au programme. Même sous son ancien nom, il a acquis une énorme popularité auprès des artistes, des animateurs et des développeurs de jeux indépendants. Les principes de conception vectorielle vous permettent de créer des sprites pour n'importe quelle résolution. N'importe quelle version que vous pouvez obtenir fonctionnera pour le dessin. Les outils de dessin sont restés les mêmes pendant de nombreuses années, avec seulement des améliorations mineures. J'utiliserai Adobe Animate CC, mais tout ce qui est écrit sera applicable aux anciens Versions Adobe Professionnel Flash. À propos, Adobe a récemment opté pour un modèle d'abonnement mensuel pour accéder à ses produits au lieu d'une licence unique coûteuse. Maintenant, le prix est pour en utilisant Adobe Animate CC coûte 20 $ par mois.

Premier lancement d'Adobe Animate CC

Après le téléchargement, créez un nouveau fichier et sélectionnez le type ActionScript 3.0. Dans la même fenêtre, vous pouvez spécifier les paramètres de la scène :

• Largeur Et Hauteur— largeur et hauteur de la scène en pixels. Régleons-le sur 1920 x 1024, comme la résolution d'un moniteur ou d'un smartphone moderne ;
• Unités de règle— unités de mesure, pixels définis ;
• Fréquence d'images— nombre d'images par seconde, laisser 24 ;
• Couleur de l'arrière plan— couleur d'arrière-plan, définie sur gris.

Ces paramètres peuvent être modifiés après la création du document. Pour ce faire, vous devez sélectionner un outil Outil de sélection (raccourci clavier V), ouvrez la fenêtre Propriétés et développez la section Propriétés. Si vous ne trouvez pas cette fenêtre, utilisez le menu Fenêtre → Propriétés ou le raccourci clavier Ctrl + F3.

Configuration des touches de raccourci

Pour augmenter l'efficacité de votre travail, vous devez utiliser au maximum les raccourcis clavier. Au début, cela nécessite de s'habituer et de mémoriser de nouvelles combinaisons de touches, mais à l'avenir, cela permettra d'améliorer considérablement votre efficacité. J'ai redéfini la plupart des raccourcis clavier pour qu'ils se trouvent sur le côté droit du clavier. Pourquoi à droite ? Le fait est que je suis gaucher et, par conséquent, c'est plus pratique pour moi. Si vous êtes droitier, vous devrez alors élaborer votre propre schéma. De plus, j'utilise Rapoo E9050 et le clavier sans fil Apple, qui sont fabriqués sous la forme de claviers d'ordinateurs portables, donc si vous en utilisez un de taille normale, alors, encore une fois, travaillez dur et proposez votre propre schéma - cela sera payant en beaucoup de temps gagné - et considérons mon projet, à titre d'exemple.

Obtenez l'idée : regroupez les commandes de base sur le côté pratique de votre clavier pour fournir accès rapide sans changer constamment la position de la main. La plupart du temps, il doit se trouver au même endroit, seuls vos doigts « marchent » dans un petit rayon en appuyant sur les boutons. Bien sûr, il y aura toujours des équipes qui exigeront un changement de position, mais elles constituent une écrasante minorité. Voici mon schéma :

Équipe	Description	Ancienne combinaison	Nouvelle combinaison
Tout sélectionner	Choisir tous	Ctrl+A	Ctrl + A, O
Tout déselectionner	Supprimer la sélection	Ctrl + Maj + A	Ctrl + Maj + A, P
annuler	Annuler l'action	Ctrl+Z	Ctrl + Z, [, Z
Refaire	Répéter l'action	Ctrl+Y	Ctrl + Y, ]
Zoom	Mise à l'échelle	Maj + Z, Z	Maj + Z, \
Agrandir	Agrandir l'image	Ctrl + =, Ctrl + Numéro =	Ctrl + =, Ctrl + Numéro =, =
Dézoomer	Dézoomer	Ctrl + =, Ctrl + Numéro =	Ctrl + -, Ctrl + Numéro -, -
Redresser	Redresser les courbes sélectionnées		9
Lisse	Lisser les courbes sélectionnées		0
Retourner horizontalement	Retourner horizontalement		F
Retourner verticalement	Retourner verticalement		Maj + F
Couper	Couper dans le presse-papiers	Ctrl+X	Ctrl + X, X
Symbole en double...	Symbole de clone		Ctrl+D
Échanger le symbole...	Changer le symbole		Ctrl+]

Dans la plupart des cas, les nouvelles combinaisons ne remplacent pas les anciennes, mais les complètent ; plusieurs nouvelles commandes sont introduites. Vous devez le configurer via le menu Modifier → Raccourcis clavier.... Dans le champ de recherche, saisissez le nom de l'équipe, dans la colonne Raccourci Cliquez sur l'espace vide en face de la commande souhaitée et appuyez sur la nouvelle combinaison de touches.

N'essayez pas de comprendre les commandes données dans le tableau, elles seront toutes expliquées dans les leçons suivantes. À l'avenir, lorsque vous commencerez à les utiliser activement, vous les redéfinirez probablement plusieurs fois jusqu'à ce que vous trouviez l'option la plus pratique.

Paramètres du pinceau

Outil Pinceau(raccourci clavier B) - l'outil pinceau le plus utilisé lors du dessin. Les paramètres sont concentrés dans deux fenêtres :

Les réglages du pinceau sont terminés, peignons quelque chose.

Dessiner avec un pinceau

Sélectionnez une couleur appropriée à l'aide de la fenêtre Couleur (Ctrl + Maj + F9), sélectionnez l'outil Pinceau (B) et commencez par un long trait avec un peu de force pour tracer la future forme. Tracez ensuite le contour obtenu pour lisser toutes les irrégularités - le pinceau est prêt.

Veuillez noter que dans l'exemple ci-dessus, seuls trois traits ont été utilisés. Vous devez viser à effectuer des mouvements de longueur moyenne afin que votre main ne quitte pas la tablette. Essayer de faire beaucoup de petits traits est une erreur, car le contour résultant sera irrégulier et comportera un grand nombre de points supplémentaires.

Adobe Animate CC fonctionne sur les principes vectoriels. Tous les objets sont décrits mathématiquement et peuvent être mis à l'échelle sans perte de qualité, contrairement à l'approche raster. Cela nous permet de manipuler des objets vectoriels d'une manière que nous ne pourrions jamais faire aussi facilement dans un éditeur raster. Nous pouvons lisser et simplifier les contours, redresser les lignes courbes, modifier les proportions et déformer les objets graphiques sans perte de qualité. Chaque trait est automatiquement converti en courbes mathématiques que nous pouvons affiner et modifier.

Pour vérifier tout ce qui précède, activez l'outil Outil de sous-sélection(raccourci clavier A) et sélectionnez le pinceau que vous venez de dessiner. Vous pouvez désormais voir les points du chemin vectoriel et même les modifier.

Conclusion

Aujourd'hui, nous avons configuré Adobe Animate CC et sommes prêts à commencer à dessiner. Entraînez-vous un peu avant de continuer. Apprenez à dessiner des formes géométriques simples sans distorsion, essayez différentes couleurs et réglages de pinceau (expérimentez avec le paramètre Lissage).

Matériaux similaires

Créer une animation– un processus intéressant et passionnant, surtout si vous avez des idées claires et efficaces cours. La liste des instructions d'aujourd'hui est exactement cela.

En appliquant les connaissances acquises dans la pratique, en suivant étape par étape les conseils de l'auteur, vous apprendrez facilement à créer des objets de complexité variable dans Adobe After Effects. Les leçons sont davantage destinées aux utilisateurs avancés qui possèdent déjà certaines compétences en création d'animation et sont familiers avec Fonctionnalité et les outils du programme. Bien entendu, les débutants trouveront également beaucoup de choses utiles et insolites pour eux-mêmes et pourront en apprendre encore plus sur l'incroyable potentiel d'Adobe After Effects !

Si vous recherchez des leçons simples et directes, cette version est faite pour vous. Il comprend 33 leçons, chacune impliquant la création d'animations de complexité et de type variables. Vous créerez des personnages célèbres, divers objets, en utilisant les fonctionnalités du programme et diverses orientations de conception. Après avoir terminé le cours, vous aurez une grande variété de travaux à ajouter à votre portfolio, ce qui est particulièrement important si vous souhaitez poursuivre votre carrière dans l'animation commerciale.

De plus, sur la base des connaissances acquises, vous pourrez développer davantage vos compétences, car les cours nécessitent une familiarisation avec les bases Outils Adobe After Effects, ainsi que la consolidation des compétences acquises. D'accord, c'est une excellente « base » pour découvrir vos talents et poursuivre votre développement personnel.

Presque chaque leçon commence par une description de l'espace de travail du programme, ainsi que par la manière de créer correctement nouveau projet et configurez-le. L'auteur parle en détail des nuances de configuration, des outils, des astuces - les informations seront appréciées aussi bien par les débutants que par les utilisateurs plus expérimentés.

Voir également:

• Comment créer une animation de chevalier ?
• Comment créer une animation d'un chien ?
• Trions les devoirs.
• Comment créer une animation de poisson ?
• Comment créer une animation de bougies ?
• Comment animer un avion ?
• Comment animer une voiture ?
• Comment créer une animation avec un OVNI ?

Comment créer une animation Rick et Morty ?

Adobe After Effects est un excellent outil pour ceux qui s'intéressent au mouvement et à l'animation. Ses possibilités sont infinies et vous aident à créer de nombreux GIF créatifs de toute complexité. En rejoignant le cours, vous apprendrez à utiliser Adobe After Effects CC 2017 dès la toute première leçon.

Dans la première leçon, l'auteur vous montrera et vous expliquera comment créer des personnages animés Rick et Morty, à partir d'une simple illustration trouvée sur Internet. Vous pouvez trouver le même ou dessiner le vôtre. Dès la première leçon, vous apprendrez également comment personnaliser vous-même l'espace de travail, de quels outils vous aurez besoin au début, comment créer un nouveau projet, ouvrir des fichiers, les importer depuis Photoshop et bien plus encore.

Comment créer une animation avec rotation pseudo-3D ?

La leçon accorde une grande attention à la phase préparatoire. L'auteur a créé sa propre animation avec un pseudo-effet basé sur la référence, qu'il décompose ensuite étape par étape dans la leçon. Vous comprendrez pourquoi l'étape préparatoire est importante et comment elle se déroule, comment transformer un croquis en un objet à part entière et bien plus encore.

De plus, vous utiliserez de nouveaux outils - règles, grille proportionnelle et loupe. Avec leur aide, vous apprendrez à déterminer le centre de la feuille. L'auteur expliquera également ce qu'est une étape d'animation, comment calculer le nombre d'images par seconde et comment afficher les paramètres d'un autre fichier dans le programme.

Grâce à la leçon, vous découvrirez une nouvelle approche de l'animation et pourrez créer des gifs originaux, y compris pour des projets commerciaux.

Création d'une animation d'un robot en vol stationnaire.

Un excellent tutoriel pour les débutants qui sera également utile aux utilisateurs expérimentés. La particularité des instructions est de créer une animation entièrement à partir de zéro, ce qui est particulièrement important pour les personnes qui voient le programme Adobe After Effects pour la première fois, mais souhaitent apprendre l'animation. Comme dans les leçons précédentes, nous travaillons dans Adobe After Effects CC 2017, en analysant l'illustration en calques, que nous animerons ensuite.

À partir de la leçon, vous apprendrez également ce que sont les masques, les contours, comment connecter des objets, ce qu'est l'accrochage, une ligne temporelle, comment agrandir une composition. Parallèlement, l'auteur partage diverses astuces destinées aux professionnels, explique les avantages des raccourcis clavier et développe sa propre expérience pour optimiser le processus de création d'animation.

Comment créer une animation d'un sachet de thé ?

Une animation intéressante qui peut être utilisée dans des projets commerciaux, par exemple pour une vidéo pour un salon de thé ou un café. L'auteur détaillera les zones de travail, vous indiquera où et quels outils se trouvent, à quoi ressemble l'écran de travail et comment le personnaliser vous-même.

Il s'attardera en détail sur la fenêtre « Projet », comment la configurer, ce que signifie chaque élément. Vous apprendrez à créer un nouveau projet à partir de zéro et à le configurer. Quels points doivent être abordés, quels paramètres sont importants.

Qu’est-ce qu’un « Preset » et lequel dois-je choisir ? Nous examinons également les paramètres de durée et comment les calculer. Qu'est-ce que 25 images par seconde ? Pourquoi est-ce important et quel est le secret d’une animation fluide. Nous prenons comme base des dessins sur Internet.

Comment créer une animation de chevalier ?

La particularité de la leçon est de créer une animation entièrement à partir de zéro. Nous consolidons les compétences et les connaissances acquises lors des cours précédents, et les améliorons également. Les instructions sont parfaites pour les utilisateurs avancés du programme, mais intéresseront également les débutants qui souhaitent mettre l'accent sur quelque chose pour eux-mêmes, élargir la base théorique et ouvrir davantage de possibilités du programme.

L'auteur révèle les fonctionnalités du programme, aide à optimiser le processus à l'aide de raccourcis clavier et explique également en détail pourquoi vous devez utiliser uniquement la version anglaise du programme et quelle est sa différence avec celle traduite en russe. Après la leçon, vous aurez une animation d'un chevalier avec des flèches, que vous pourrez ajouter à votre portfolio.

Comment créer une animation d'un ordinateur portable qui décolle ?

Cette fois, nous créons une animation insolite dans un style original. En tant que source, vous pouvez utiliser des œuvres du Web ou créer vos propres croquis et les dessiner dans Illustrator. Importez le fichier illustrateur dans le programme pour un travail ultérieur. En utilisant le fichier source comme exemple, l'auteur montrera comment importer correctement des fichiers dans le programme et quelle option choisir - métrage ou composition.

Vous apprendrez la différence entre les deux et pourquoi vous devriez choisir l'option Composition (les calques doivent être séparés pour faciliter l'édition). L'auteur dévoilera également d'autres astuces et montrera comment créer une animation d'objets « volants ». Idéal pour un projet commercial ou comme projet de portefeuille .

Comment créer une animation avec un lapin sur un nuage ?

Dessinons une jolie animation - un lapin sur un nuage. En plus du complet instructions étape par étape Avec une analyse des paramètres, des nuances et des fonctionnalités du programme, vous apprendrez également pourquoi il est préférable d'utiliser la version anglaise du programme. De plus, l'orateur vous expliquera quelles sont les différences entre les versions anglaise et russe et pourquoi les professionnels installent la première option.

Vous apprendrez également à quelles fenêtres prêter attention en premier, ce qu'est le projet et à quoi il sert. L'auteur vous montrera et vous expliquera ce qu'est un sous-menu et ce qu'il comprend. Parlons en détail de la composition, de la création d'un nouveau projet, de l'importation de fichiers et des fonctionnalités du processus. Vous apprendrez également où rechercher les fichiers récemment ouverts. La leçon vous apprendra comment gagner du temps en travaillant, optimiser le processus et d'autres astuces de la vie. L'auteur parlera également de possibilités cachées programmes.

Autres sujets : l'importance des connaissances de base, les raccourcis clavier, le codage, les groupes d'outils de navigation, de déplacement, de création d'objets ou de textes, de retouche. Nous créons activement divers objets géométriques, et consolidons également les compétences dans les outils de navigation (loupe, main, etc.)

Comment créer une animation de pingouin ?

Nous accordons une attention particulière au travail préparatoire, nous familiarisons avec la barre d'outils encore plus en détail (en continuation/ajout de la leçon précédente). Nous dessinons un croquis dans le programme pour une animation future. Dans le processus d'apprentissage, nous utilisons des outils simples et plus complexes.

Nous consolidons nos compétences et construisons une animation de base à l'aide de formes géométriques simples. Vous apprendrez également à dessiner, ajouter des détails et créer des éléments animés à l'aide de la chronologie. Examinons de plus près la chronologie - de quoi s'agit-il, comment l'agrandir, la configurer, etc. Nous discutons des calques, de leurs propriétés (vous pouvez masquer, quitter, bloquer), renommer un calque.

Vous apprendrez également comment bloquer des objets, quelle est leur forme et comment changer les couleurs.

Comment créer une animation de changement de météo ?

L'objectif principal de la leçon est sur les capacités des raccourcis clavier. Nous dessinons des formes et des éléments plus complexes – polygonaux – dans le programme. Faisons connaissance avec les techniques associées, utilisons l'outil "Grille" et familiarisons-nous avec ses fonctions. L'auteur vous montrera où chercher cet outil, comment il fonctionne avec le remplissage et créera des éléments supplémentaires que nous utiliserons dans l'animation.

Nous travaillons avec le fond et les effets. En conséquence, vous obtiendrez une animation assez simple mais efficace, construite sur la base du mouvement de nombreux éléments identiques qui doivent apparaître dans le cadre de manière fluide et simultanée.

Sur la base des compétences acquises, vous pourrez créer des animations encore plus complexes basées sur des techniques similaires, ce qui élargira considérablement vos capacités.

Comment créer une animation avec les personnages de Gravity Falls ?

Très cool leçon, dédié aux personnages très populaires du dessin animé Gravity Falls - Mabel et Dipper Pines. La particularité de la leçon est que nous devons animer uniquement de petits éléments individuels du dessin. Vous pouvez utiliser votre propre image comme base ou sélectionner une source sur Internet.

Créons une pré-composition. Nous utilisons des points et les ajustons pour fixer certains éléments de l'image et ainsi rendre une partie de l'image immobile. Ajout d'une animation à la timeline. Modifiez les paramètres pour obtenir l'effet d'animation souhaité.

Nous prenons en compte des concepts tels que l'énergie et la fluidité du mouvement, et définissons la fréquence d'images correcte pour rendre l'image fluide. L'auteur vous expliquera pourquoi c'est important, ainsi que la fréquence d'images utilisée. jeux modernes, animation et film classiques de Disney.

Comment créer une animation spatiale dans Adobe After Effects ?

Le niveau du cours est un peu plus complexe par rapport aux autres, et non moins intéressant ! Cette fois, vous ne devez pas seulement travailler avec l'animation, mais apprendre à animer l'inscription. Dans ce didacticiel, vous allez créer un effet animé en tant qu'élément de lettrage basé sur un arrière-plan provenant du Web.

Vous pouvez choisir n'importe quel fond « cosmique » avec des étoiles, puis créer une inscription dessus, que nous animons, et il n'est pas nécessaire de mettre en mouvement le mot entier, mais seulement quelques lettres. En conséquence, vous obtiendrez un travail inhabituel et très créatif qui pourra être ajouté à votre portfolio.

Comment créer une animation d'un chien ?

Nous transformons une image vectorielle d'un chien, préalablement trouvée sur Internet, en animation. Pour mettre en œuvre la leçon, vous pouvez utiliser vos propres dessins. L'auteur décrit en détail les principaux outils et domaines de travail du programme, en s'attardant sur chaque point. Grâce à cela, vous découvrirez les fonctionnalités de la boîte à outils.

De plus, à partir de la leçon, vous apprendrez ce qu'est un point d'ancrage ou un point d'ancrage (un point de cadre sélectionné), à quoi il sert et comment il fonctionne. Nous utiliserons le stylo comme outil principal tout au long de la leçon pour acquérir et consolider une nouvelle compétence importante.

Trions les devoirs.

La leçon sera utile pour ceux qui souhaitent évaluer les devoirs des autres participants au cours, apprendre quelque chose de nouveau et apprendre des erreurs et des exemples de travail. L'auteur du cours analyse le travail des sections du cours, en soulignant les inexactitudes, les lacunes et les erreurs.

En regardant la vidéo, vous entendrez beaucoup de choses conseils utiles, des fonctionnalités de conception, de styles, et apprenez également à évaluer votre propre travail en fonction de la qualité d'exécution, de la créativité et d'un point de vue technique. Une excellente compétence pour un développement ultérieur, qui vous sera certainement utile à l'avenir - sur la voie de l'amélioration de vos compétences et de l'acquisition de nouvelles connaissances.

Comment créer une animation d'un pot de fleur pour enfant ?

Animons une illustration mignonne et assez simple. Vous pouvez pré-dessiner le design dans Abode Illustrator ou créer un croquis dans la fenêtre Adobe After Effects. Nous prenons comme base n'importe quel dessin - le nôtre ou celui d'Internet, en sélectionnant une ou plusieurs sources.

Grâce à la leçon, nous apprendrons à animer non seulement des détails individuels du dessin, mais également des éléments supplémentaires, par exemple des rafales de vent, qui ajouteront de l'insolite et de la « fraîcheur » à l'animation. À l’avenir, une telle fonctionnalité pourra être utilisée dans une grande variété de projets.

Comment créer une animation avec morphing ?

Le but de la leçon est de présenter aux étudiants un effet tel que le morphing, de montrer des exemples et également d'apprendre à mettre en œuvre un effet similaire dans le travail. En bref, le morphing est une technologie d'animation ou l'effet visuel consistant à transformer un objet en un autre.

Il est nécessaire que l'objet se transforme en douceur, ne « nuise » pas à l'œil et soit élégant et intéressant. Une fonctionnalité similaire peut ensuite être utilisée dans des téléfilms ou des longs métrages, ainsi que dans des publicités télévisées. Le morphing est souvent utilisé dans les films de super-héros ou les films de science-fiction. L'auteur montrera comment créer une telle visualisation basée sur des objets simples.

Comment créer une animation avec un phare ?

Nous travaillons avec un dessin créé dans Adobe After Effects. Nous prenons comme base nos propres idées ou références. Vous pouvez également dessiner une image dans Illustrator puis l'importer dans notre programme. Nous créons un projet avec plusieurs éléments d'animation.

L'élément principal est un phare qui éclaire le rivage avec une lampe qui se déplace en cercle. Le deuxième élément de l’animation sont les étoiles scintillantes. L'auteur vous expliquera également ce que sont les clés et comment les utiliser lors de la création d'une animation pour obtenir exactement l'effet dont vous avez besoin. En parallèle, il donne divers conseils, parle de pratique et partage des astuces.

Comment créer une animation de poisson ?

La leçon est consacrée à deux sujets importants : utiliser le stylo et animer un objet comme un poisson. L'objet n'a pas été choisi en vain : les poissons se déplacent en douceur, bougeant soigneusement leur corps et leurs nageoires. C'est ce qui doit être transmis dans la leçon. La leçon nous permettra également d'améliorer et de consolider la maîtrise du stylo en dessinant un objet directement dans la fenêtre Adobe After Effects.

Comment créer une animation sur le thème du rugby ?

Une animation originale avec une perspective unique sur un thème sportif est une excellente option pour ceux qui envisagent de concevoir des jeux ou de créer des graphiques à usage commercial, spécialisés dans les événements sportifs. La leçon sera appréciée aussi bien par les utilisateurs débutants que confirmés qui souhaitent ajouter de la « fraîcheur » à leur travail ou trouver une nouvelle approche.

L'auteur montre comment créer une animation à partir de zéro et parle également des bases : les outils. Pour l'animation, nous utilisons une illustration toute faite ; vous pouvez la créer de toutes pièces ou trouver des références sur Internet et la dessiner dans Illustrator. Il est également nécessaire de diviser l'illustration en calques afin de pouvoir travailler avec chacun d'eux séparément.

Comment créer une animation d'un chat chef ?

Animation mignonne basée sur un dessin. Vous pouvez utiliser votre propre illustration ou des références provenant d’Internet. Vous pouvez également créer la base dans ou After Effects. La leçon est consacrée à la création étape par étape d'une animation d'un chat chef. L'auteur analyse également la chronologie en détail, expliquant chaque fonction et caractéristique. Par exemple, vous apprendrez comment modifier la taille des lignes, ce qu'est la transparence des calques et d'autres astuces.

L'auteur se concentrera également sur les bases, et donc l'auditeur aura la possibilité de rafraîchir ses connaissances et de les compléter. En plus de la théorie, nous consolidons toutes les compétences acquises dans la pratique. Après le cours, vous aurez dans votre portfolio un chat animé, qui sera un personnage idéal pour un projet commercial (conception d'un site internet de restaurant ou d'une publicité de café).

Comment créer une animation à partir du dessin animé « L'autre côté de la haie » ?

Cette fois, la base de notre animation sera les personnages de la célèbre série animée "De l'autre côté de la barrière". Nous utilisons comme base un GIF provenant d'Internet. Le cours vise à consolider les compétences acquises lors des cours précédents, ainsi qu'à acquérir de nouvelles connaissances théoriques. Une attention particulière est portée à la chronologie et à l'utilisation des clés. De plus, nous utilisons activement le concept de vitesse de déplacement, l'ajustons et le modifions si nécessaire.

Nous travaillerons sur l'animation d'arrière-plan et les paramètres de position. L'auteur vous expliquera également en quoi un maître expérimenté diffère d'un débutant, et analysera en détail l'animation prise comme base. Vous apprendrez également comment compléter les éléments d'un gif, comment le convertir en formes et contours, ce qu'est un masque, comment le dessiner et pourquoi il est nécessaire. Comment corriger les erreurs et les lacunes.

Comment créer une animation avec un burger et des baguettes japonaises ?

Nous diversifions notre portefeuille avec des œuvres originales. Cette fois-ci, nous avons mis le burger et les baguettes japonaises en mouvement. Nous créons le dessin immédiatement dans la fenêtre du programme. C'est assez simple et donc la préparation ne prendra pas beaucoup de temps. Après cela, nous procédons à l'animation. Nous créons un nouveau projet et le configurons en tenant compte des caractéristiques des options. Modifiez l'arrière-plan comme vous le souhaitez.

Nous utilisons activement les raccourcis clavier, ajustons la position et pouvons modifier la fréquence d'images. L'auteur parle plus en détail d'un concept tel que les formes. Que sont-ils, comment les créer et les utiliser. Révision des outils de sélection, des clés, étude minutieuse du mouvement des objets. De plus, vous apprendrez pourquoi il est préférable d’utiliser un programme en anglais.

Comment créer une animation de roulis effrayé ?

Aujourd'hui, nous créons une animation amusante avec un rouleau effrayé. Un travail insolite avec un effet wow qui séduira aussi bien les professionnels que les débutants, surtout si vous travaillez sur un portfolio et que vous souhaitez ajouter quelque chose de très original. L'animation est basée sur le mouvement cyclique, c'est-à-dire la répétition d'une série de combinaisons de mouvements. Nous travaillons avec des dessins préparés dans Abode Illustrator.

Vous pouvez également dessiner des personnages directement dans After Effects. Nous importons le fichier, faisons attention aux paramètres. Nous créons également nouveau document en tenant compte des paramètres. Nous utilisons activement la chronologie et travaillons également avec des calques, en étudiant les sous-menus et les options de calque. Vous apprendrez ce que sont les chemins, les sommets, comment travailler avec les remplissages et bien plus encore.

Comment créer une animation de bougies ?

Animation dynamique et amusante de deux bougies dont l'une brûle et l'autre l'éteint. La particularité ne réside pas seulement dans la dynamique, mais aussi dans le changement d'arrière-plan au cours du mouvement. L'auteur commence par les paramètres de base et la fenêtre de travail du programme, puis passe à la création d'une animation.

Il parle de préréglages, de composition et d'autres paramètres de base. De cette leçon, vous découvrirez de nombreux conseils pratiques et des astuces de vie, et créez également un GIF magnifique et lumineux pour votre portfolio.

Comment créer une animation de clavier midi pseudo-3D dans After Effects ?

Le sujet de la leçon était une technologie informatique intéressante appelée pseudo-tridimensionnalité. La pseudo 3D est un graphisme qui tente d'imiter un espace de jeu en trois dimensions, mais ce n'en est pas un. Un effet similaire est souvent utilisé dans les jeux informatiques. Un exemple de cette approche est le célèbre jeu Doom.

C’est exactement ce que nous allons étudier ! L'auteur expliquera et montrera comment créer une animation de clavier en pseudo-3D. La leçon sera particulièrement intéressante pour ceux qui envisagent de connecter leur futur travail aux technologies de jeu ou aux jeux informatiques. À l'avenir, vous pourrez créer des animations plus complexes à l'aide de cette fonctionnalité.

Comment créer une animation d'astronaute ?

Nous créons un GIF avec un astronaute en combinaison spatiale se déplaçant dans l'espace sur fond de planète. Nous travaillons avec l'arrière-plan et les petits détails, créant une image fluide avec plusieurs éléments en mouvement. Nous continuons à travailler avec le calendrier, en consolidant nos compétences.

Nous commençons également à examiner de plus près les calques et les paramètres. L'auteur montre et explique en détail comment travailler avec le programme, ce qu'il faut faire pour obtenir tel ou tel effet. Il répond également simultanément aux questions des participants au webinaire.

Comment créer une animation d'un saxophoniste ?

Le sujet de la leçon est la création d'une animation de style collage avec du son. Tout d’abord, nous devons préparer le matériel à partir duquel nous allons créer un collage. Vous devez également choisir une photo comme base pour l'illustration. Il faut aussi trouver une vidéo des saxophonistes en train de jouer afin de répéter leurs mouvements et rendre l'animation plus naturelle.

Nous dessinons dans Abode After Effects, créant de nombreux calques. Cela nous permettra d’animer plus facilement le collage. Vous pouvez également utiliser des fichiers Photoshop. Tout cela et bien plus encore est clairement démontré par l'auteur du cours. Il répond également aux questions des participants au cours.

Comment créer une animation avec une souris et un réfrigérateur ?

« Comment la souris s'est pendue dans le réfrigérateur » – nous créons une animation complexe avec une souris pendante caractéristique et un réfrigérateur pop-up basé sur des graphiques vectoriels. Nous travaillons avec l'espace, dessinons des éléments supplémentaires (réfrigérateur, sol, murs). Vous pouvez ajouter plus de détails ou laisser les choses comme dans l'exemple.

Ensuite, nous entrons dans les détails, tout en nous souvenant des touches de raccourci et des outils de base. Vous apprendrez également à créer des compositions, à les personnaliser, à travailler avec le calque et ses paramètres. En termes de complexité, la leçon est plus adaptée aux utilisateurs avancés ou à ceux qui suivent ce cours dès la première leçon.

Comment créer une animation avec des méduses ?

Comme idée de cours, nous utilisons un gif - une image fixe d'un film, que nous transformons en graphiques vectoriels. L'élément le plus difficile est la méduse ; nous travaillons également sur d'autres éléments : une partie de la pièce et des personnages. Les principales fonctions, caractéristiques et outils du programme sont brièvement abordés, comme dans les leçons précédentes. La particularité de la leçon est de montrer le mouvement des méduses le long d'une certaine trajectoire.

L'auteur vous montrera et vous expliquera comment mettre en œuvre cette idée pour que les mouvements soient aussi naturels et fluides que possible. Vous verrez également exactement quelles touches l'auteur du webinaire utilise, renforçant ainsi vos compétences en matière de raccourcis clavier.

Comment animer un avion ?

Nous commençons par un aperçu des éléments de base - nous travaillons sur les outils de base, créant un nouveau projet (nouveau document), des fenêtres de travail. Nous dessinons la base à partir de zéro dans le programme. Vous pouvez également utiliser Illustrator, puis l'importer dans After Effects. Nous créons un nouveau document et commençons à dessiner pour pouvoir animer l'image.

Nous accordons une attention particulière au mouvement fluide du gif, en ajustant les paramètres de taux pour obtenir l'effet souhaité. Aujourd’hui, nous travaillons à 14 images par seconde, comme dans les films. Nous examinons le résultat, corrigeons les défauts et apportons des ajustements au projet. Nous travaillons également la trajectoire de vol, avec des objets qui dépassent la feuille. Nous utilisons un stylo et d'autres outils.

Comment animer une voiture ?

Comme base de l'animation, nous choisissons un élément complexe - une voiture. Nous utilisons une image tridimensionnelle avec des tons et des demi-teintes, que nous mettrons ensuite en mouvement. Le dessin peut être créé dans Illustrator ou directement dans la fenêtre After Effects. Nous prenons comme base n'importe quel croquis ou photographie provenant d'Internet. Nous aurons également besoin de plusieurs textures au cours du processus, comme le verre et le motif.

Faisons un tableau général. Pendant que nous travaillons, nous « lions » les éléments les uns aux autres, et travaillons également avec des points d'ancrage, en les configurant et en les vérifiant, en ajustant le nombre d'images par seconde. Nous exécutons presque toutes les commandes à l'aide de touches de raccourci pour les mémoriser et accélérer le processus de travail.

Comment créer une animation avec des isométriques ?

L'isométrie est une technique originale sur la base de laquelle vous pouvez créer non seulement des illustrations, mais aussi des animations. C'est ce dernier que vous ferez, en apprenant à créer des éléments du secteur bancaire (carte plastique et pièces) grâce à cette technique.

Une telle animation peut être utilisée dans des projets commerciaux, par exemple pour concevoir le site Web d'une banque ou de tout organisme financier. Alors pourquoi ne pas diversifier votre portefeuille avec cet exemple ! L'image en projection isométrique est une excellente option pour montrer vos compétences et travailler sur vos compétences.

Comment créer une animation d'un chat sans vergogne ?

Dans le même temps, l'auteur répond aux questions des auditeurs du webinaire, par exemple sur les raisons pour lesquelles la version anglaise du programme est nécessaire au travail, ainsi que sur la pertinence de l'animation elle-même, y compris en tant qu'emploi professionnel.

Comment créer une animation avec un OVNI ?

La dernière leçon du cours, dans laquelle vous créerez une soucoupe volante avec une poutre. Nous commençons par un aperçu de l'écran de travail et des principales fonctions du programme, puis nous passons à la création d'un GIF. Nous consolidons toutes les compétences et connaissances acquises dans les leçons précédentes, à savoir, nous travaillons avec les calques et leurs capacités, éditons l'arrière-plan, configurons l'animation et ajustons la vitesse de déplacement à l'aide de la chronologie.

Nous configurons également la composition, dessinons dans le programme à l'aide d'un stylo et d'autres outils et installons divers effets dans l'animation. Après l'intégralité du cours sur Abode After Effects, votre portfolio contiendra plus de 30 exemples de travaux à part entière, l'animation avec un OVNI en fait partie.

Récemment, de plus en plus de lettres arrivent sur le site avec des questions sur par où commencer à apprendre le flash. Je vais en publier quelques-uns, je pense que cela sera intéressant pour de nombreux débutants. Les réponses sont uniquement ma vision et mon expérience, ce qui ne veut pas du tout dire que si vous procédez différemment, rien ne fonctionnera. Pour les personnes intéressées, lisez ci-dessous (l'orthographe et la grammaire des messages ont été conservées). Et si vous n'êtes pas débutant, vous vous ennuierez certainement et vous serez fastidieux en lisant ceci :)

"salut)) je m'appelle Nico, je viens du Tadjikistan et j'ai une grande envie de devenir animateur flash, mais je ne sais tout simplement pas par où commencer, j'ai trouvé votre site il y a beaucoup de choses utiles, mais pour moi, débutant, ils sont encore difficiles. s'il vous plaît, indiquez-moi par où commencer à apprendre l'animation flash)) Je vous en serai très reconnaissant . et écris comment tu dessines, dois-je acheter un stylo en bambou vakom et apprendre à dessiner dessus »

Niko, tu as l'essentiel : le désir. S'il ne s'évapore pas dans quelques semaines ou mois, le résultat sera le même. Par où commencer – avec le matériel.

1. Achetez/téléchargez un didacticiel Flash sur Internet. Prenez l'une des dernières versions (Flash Cs4-Cs 6), oubliez les manuels sur Macromedia, FlashMX, c'est déjà le siècle dernier au sens littéral du terme. Bien que beaucoup de choses n’aient pas changé en flash depuis lors.

Si vous envisagez d'étudier Script d'action(et pour qu'un flasheur connaisse au moins les bases de as, je pense que c'est tout simplement nécessaire) - arrêtez-vous à c As3. Comme 2 devient lentement une chose du passé, nous resterons dans l’air du temps.

Comme j'ai étudié le flash pendant longtemps, je ne peux recommander aucune publication spécifique car je ne les connais pas.

Vous serez probablement très surpris, mais tous les livres sur l'apprentissage du flash contiennent les mêmes informations :) Cela est particulièrement vrai pour les livres pour débutants.

J'ai beaucoup aimé les livres Comment tricher dans Adobe Flash en anglais de l'animateur flash Chris Georgenes (il écrit des cours sur l'animation flash pour Adobe).

Il s'agit d'une série de livres, ils sont réédités tous les nouvelle version affleurer. Si vous connaissez l'anglais Language est un excellent livre, agréable à regarder avec de superbes graphismes.

Télécharger Comment tricher dans Adobe Flash dans Cs5 avec le disque, vous pouvez.

Mon étude du flash a commencé avec le didacticiel. Ce qui m'a personnellement aidé à apprendre Flash, ce n'est pas le manuel lui-même, mais le cours vidéo fourni avec le manuel. Passons donc au point n°2.

2. Cours vidéo.

Je pense que les cours vidéo sont les plus efficaces, puisque j'ai moi-même étudié Flash à l'aide d'un cours vidéo.

3. Une autre chose à propos de l’apprentissage de l’animation Flash est que vous ne pouvez pas le faire sans un programme comme Swf Decompiller. Il s'agit d'un disjoncteur de fichiers SVF, c'est-à-dire d'animations prêtes à l'emploi. C'est de cela dont nous parlons. Il vous permet de visualiser (et non de voler) le travail des pros et est très utile pour apprendre le flash. Vous prenez un travail terminé et le regardez sur la chronologie pour voir comment il a été réalisé, et essayez de le répéter. L'animation ne s'affiche pas toujours correctement - masques, jumeaux, mais le principe peut être compris et pris en compte.

4. Il est très efficace d’apprendre le Flash à l’aide d’exemples spécifiques. Fixez-vous comme objectif de réaliser une animation selon un scénario imaginaire - par exemple, une animation d'une voiture en mouvement le long d'une certaine trajectoire. Lorsqu’il y a un objectif final, il est plus facile d’enseigner.

5. Si des questions surviennent au cours de l'étude, vous pouvez les laisser ici ou dans la communauté à sujet. Ou sur tout autre forum où vivent des flashers.

Le plus grand forum flash que je connaisse est flasher.ru. Alors, chers débutants, profitez des bienfaits d'Internet et de cette ressource en particulier :)

6. Et encore une chose point important. Pour réaliser une bonne animation, il serait judicieux de se référer aux manuels d'animation classique (surtout si l'on veut apprendre à animer des personnages, et pas seulement des blocs de texte pour bannières).

Après avoir maîtrisé le flash comme outil, vous ne deviendrez pas exactement un animateur, mais plutôt un « déménageur » qui sait déplacer des objets.

Il existe de nombreux livres sur l'animation classique - arrêtez-vous d'abord à "Le timing dans l'animation", tu peux le prendre.

Concernant où obtenir Adobe Flash. Si vous voulez trouver ou prendre quelque chose, alors mieux que google il n'y a rien. Il sait tout :)

Est-il possible d'apprendre à travailler seul avec Flash ? C'est tout à fait possible, presque tous les bons animateurs flash que je connais ont appris le flash eux-mêmes, sans cours ni examens. Patience, travail acharné - et tout est entre vos mains. Je dirai même ceci - je ne connais pas les clignotants qui ont suivi les cours, ils ont tout enseigné tout seuls.

« Merci pour le blog, j'ai trouvé beaucoup de choses utiles pour moi.

Je suis un pur concepteur vectoriel et il ne m'a pas été difficile de dessiner en Flash. Le problème a commencé avec l’animation.

Pourriez-vous faire une leçon pour les noobs les plus stupides et les plus tordus)) Pour que même moi, je comprenne))"

( Tara )

Il y aura un cours d'animation pour les débutants. Je ne peux pas imaginer comment tout intégrer dans une seule leçon, je pense que ce sera une série de leçons. J'étais sûr qu'Internet regorgeait de leçons pour les débutants, mais pour une raison quelconque, elles sont souvent demandées. Alors restez à l'écoute des mises à jour sur le site Web et

Adobe Flash Professional est un programme volumineux et multifonctionnel difficile à apprendre et à utiliser.

Adobe, comme à son habitude, ne se soucie pas beaucoup de simplifier ses programmes. Si d'autres programmeurs, par souci de simplicité, abandonnent toutes les options intermédiaires, alors rien n'est gaspillé dans Adobe. Toutes les options intermédiaires pour travailler sur le programme seront incluses dans la version finale sous la forme d'une sorte de bouton, de panneau ou de ligne dans le menu. En conséquence, le poids des programmes (en Mo) augmente et le programme devient trop compliqué. De plus, de nombreux outils se dupliquent totalement ou partiellement.

Adobe Flash Professional n'a pas fait exception à cette règle. Le programme dispose de trois modes de dessin différents, de trois modes de création d'animation différents et de nombreuses autres fonctionnalités déroutantes qui peuvent effrayer les utilisateurs potentiels du programme.

Remarque : Les auteurs d'Adobe Flash Professional ont quelque peu simplifié les dernières versions du programme - des fonctions telles que créer une animation de mouvement classique , pas de Motion Editor, un seul langage de programmation est utilisé : ActionScript 3.0, etc.

Paramètres du programme

Adobe Flash Professional est configuré par défaut, mais vous pouvez modifier ces paramètres si nécessaire.

Dans le menu Edition, choisissez Préférences (Windows) ou Flash > Préférences (Mac OS).
Parmi les nombreux paramètres, VOUS pouvez désactiver l'écran de bienvenue - Aucun document.
DANS dernières versions programme, vous pouvez sélectionner la couleur de la fenêtre du programme (onglet "Général" - Interface utilisateur - Sombre, Clair).
Vous pouvez modifier le nombre d'annulations d'opérations possibles (« Annuler ») - la valeur par défaut est 100.
Flash prend en charge jusqu'à 9999 annulations, mais vous n'avez pas besoin de sélectionner le maximum car... cela ralentira le programme.

Couleurs de surbrillance - Vous pouvez modifier les couleurs par défaut utilisées pour les cadres de délimitation affichés autour d'un dessin d'objets, de groupes ou de symboles.

Et autre.

Création d'un nouveau document

Vous pouvez créer et ouvrir des documents à l'aide de l'écran de bienvenue ou du menu Fichier.
L'écran "Bienvenue" est une rampe de lancement pour créer et ouvrir des fichiers, comprenant des modèles d'animation Flash standard intégrés, des bannières, des animations pour téléphones portables.

Dans la colonne Créer un nouveau de la fenêtre de bienvenue, sélectionnez ActionScript 3.0.

Ou : Dans le menu Fichier, sélectionnez Nouveau.
La fenêtre Nouveau document s'ouvre.

Dans l'onglet Général, sélectionnez le type de création Fichier Flash(ActionScript 2.0 ou 3.0).
Le langage par défaut est ActionScript 2.0, mais vous pouvez sélectionner ActionScript 3.0. L'utilisation d'ActionScript 3.0 permet d'utiliser toutes les fonctions des dernières versions du programme (CS5 et CS6). Par exemple, si vous souhaitez appliquer une rotation 3D aux objets lors de la création d'une animation, vous devez sélectionner ActionScript 3.0 (ActionScript 2.0 ne prend pas en charge cette fonction).
ActionScript 3.0 exige également que les visiteurs disposent de la dernière version de Flash Player.

Remarques:
Dans les dernières versions du programme
1. ActionScript 2.0 n'est pas pris en charge.
2. Il est possible de créer une animation au format HTML5.

Sur l'onglet Créer à partir d'un modèle Vous pouvez sélectionner un modèle pour l'ouvrir pour le modifier.

Vous pouvez toujours modifier les propriétés de votre projet : dans le menu Modifier, sélectionnez Document ou utilisez le raccourci clavier Ctrl+J (Windows) ou Commande+J (Mac OS).

Dans la section Dimensions, définissez la largeur et la hauteur de votre film en pixels.
Dans la section Unités de la règle, les unités de mesure de la règle sont définies - les centimètres. mm, pixels, etc. En règle générale, l'unité de mesure des règles est le pixel.
Dans la section Couleur d'arrière-plan, sélectionnez la couleur d'arrière-plan de l'animation.
Dans la section Fréquence d'images, la vitesse est définie - images par seconde. Habituellement, la vitesse par défaut est de 24 images par seconde.
Option de sauvegarde automatique - définition de la fréquence de sauvegarde automatique de votre travail.
L'option Imprimante force votre nouveau document à correspondre au format de papier de votre imprimante.

Enregistrer un document

Votre nouveau document doit être enregistré avant de commencer tout travail ou d'ajouter du contenu.

Par défaut, les documents sont enregistrés au format Flash CS6 - .fla
1 Dans le menu Fichier, sélectionnez Enregistrer.
2 Sélectionnez un dossier pour enregistrer le projet. Donnez votre nom au projet.
Incluez toujours l'extension .fla à la fin du nom du projet.

Remarque : Vous pouvez enregistrer le projet au format Flash CS5 (cette fonctionnalité n'est pas disponible dans les dernières versions du programme).
Les documents créés dans Flash CS6 ne s'ouvriront pas dans Flash CS5 ou les versions antérieures.
Les documents créés dans Flash CS5 et versions antérieures s'ouvriront dans Flash CS6.

Ouvrir un document

Sélectionnez le menu Fichier > Ouvrir
Fichier de commande > Ouvrir récent - pour ouvrir les 10 derniers fichiers.
Vous pouvez également utiliser l'écran de bienvenue pour ouvrir des documents.

Une fois installé sur votre ordinateur Adobe Flash Professional sera installé et gestionnaire de fichiers Adobe Bridge, qui peut être utilisé lorsque vous travaillez avec des fichiers.
Dans le menu Fichier, sélectionnez Afficher dans Bridge ou Accédez au programme Bridge (Parcourir dans Bridge).
Sélectionnez le format de fichier .fla dans Adobe Bridge. Lorsque vous double-cliquez sur un fichier, il s'ouvre dans Adobe Flash.

Configuration d'interface
Si nécessaire, configurez l'espace de travail -

Création d'animations

Modèles
Adobe Flash comprend de nombreux modèles standards.
Les modèles sont prédéfinis avec des dimensions et une version ActionScript.
Sélectionnez Fichier > Nouveau et cliquez sur l'onglet Modèles.
Consultez les modèles Flash inclus.

Dessin
Adobe Flash Professional dispose d'un éditeur graphique intégré pour les images vectorielles utilisées pour créer une animation.

Il existe plusieurs modes de dessin dans Adobe Flash, dont le travail a ses propres différences - voir Modes de dessin

Découvrez la gamme d'outils de dessin disponibles dans Adobe Flash - voir Barre d'outils .
Il n'est pas difficile de créer des objets aussi simples qu'un rectangle (carré), une ellipse (cercle) ou une ligne.
Pour créer des objets plus complexes, vous devrez vous familiariser avec toutes les fonctionnalités du programme dans la zone de dessin - voir Dessin.

Pour créer une animation dessinée à la main image par image, vous devrez utiliser une tablette graphique pour dessiner, car... Sans cela, il est extrêmement difficile de créer une animation de haute qualité.
À propos des tablettes graphiques

Créer une animation simple

Il existe deux manières principales de créer une animation dans Adobe Flash : l'animation image par image et l'animation interpolée. À son tour, l'animation préadolescente a plusieurs variétés -.

Quelle que soit la méthode de création d'animation, vous devez étudier le travail
Chronologie (Graphiques temporels). Si vous comprenez le fonctionnement de la Chronologie, considérez que la moitié du travail d'étude du programme est effectué.
Une attention particulière doit être portée à travailler avec des calques et sur travailler avec le personnel .

Après avoir maîtrisé tout ce qui précède, vous serez en mesure de créer des éléments Flash (par exemple des bannières, des slides, etc.) à insérer dans vos pages HTML.

Vous pouvez créer tous les éléments de votre animation dans Adobe Flash Professional. Ou vous pouvez importer des éléments créés dans Adobe Illustrator, Adobe Photoshop, Adobe After Effects, etc. programmes.

L'autre moitié du succès dans la maîtrise d'Adobe Flash Professional réside dans l'apprentissage du langage ActionScript 3.0. Dans ce cas, vous pourrez utiliser toutes les fonctionnalités du programme, y compris la création de sites Flash interactifs.
Une alternative inférieure consiste à utiliser les extraits de code fournis avec le programme (menu Fenêtre - Extraits de code).

Cette présentation ne contient pas de didacticiels ActionScript, mais ces documents sont disponibles en ligne.


Gestion des animations Flash

Si vous souhaitez créer quelque chose de plus complexe que de simples bannières ou diapositives animées, vous aurez besoin de :
UN. Apprenez à créer des boutons
b. Apprenez à utiliser le code ActionScript.

Des boutons (graphiques ou textuels) sont nécessaires pour qu'un visiteur de votre site puisse contrôler l'animation - voir Boutons.

L'animation dans Adobe Flash est créée à l'aide du code ActionScript. Plus premières versions Les programmes utilisaient la version ActionScript 2.0, les dernières versions utilisent ActionScript 3.0. Ces versions présentent de sérieuses différences et sont partiellement compatibles.

Lors de la création d'une animation Flash, vous n'avez pas besoin d'écrire manuellement du code, car... Dans Adobe Flash, la plupart du travail est effectué en mode visuel. Cependant, dans certains cas, vous devrez peut-être insérer du code ActionScript. Vous pouvez utiliser les extraits de code fournis avec le programme ou écrire le code vous-même.

Le code ActionScript est utilisé pour donner aux boutons de navigation les actions correctes : passer à une image d'animation spécifique ou à page spécifique site, pour gérer et synchroniser le son et l'image et bien plus encore.

Pour une introduction rapide à ActionScript, consultez ActionScript.

Création Flash- site web

Aperçu

Vue locale

Vous pouvez rapidement prévisualiser votre animation en déplaçant la tête de lecture rouge d'avant en arrière sur la timeline des images (voir ci-dessous). Chronologie).

Pour voir à quoi ressemblera l'animation en ligne (c'est-à-dire avec toutes les animations imbriquées), choisissez Contrôle > Testez la vidéo(Test de l'animation) > dans Flash Professional (dans Flash Professional).
Dans ce cas, l'animation créée est visualisée dans le Flash Player intégré.

Pour tester Flash pour téléphones mobiles, utilisez le menu Contrôle > Testez la vidéo(Test du film) > dans Device Central.

Publication

Lors de la publication, l'éditeur crée des fichiers HTML, Fichier SWF et d'autres fichiers nécessaires à fonctionnement normalÉclair.
Pour les paramètres de publication, dans le menu Fichier, sélectionnez Options de publication(Paramètres de publication).
Pour publier, sélectionnez Publier dans le menu Fichier.

Voir les détails supplémentaires.

Objectif et structure Programmes Flash

Récemment, Flash est devenu à la mode. Beaucoup de gens pensent que Flash est un nouveau produit, mais ce n'est pas le cas. En 1995, un petit programme appelé Future Splash Animator pour l'animation vectorielle de graphiques Web est apparu, et deux ans plus tard, en 1997, Macromedia l'a acquis et a commencé à développer le produit sous le nouveau nom Flash.

Aujourd'hui, Flash est une application universelle intégrée qui combine un éditeur graphique et sonore, un outil d'animation et permet de créer des produits multimédias interactifs uniques. Grâce à Flash, vous pouvez créer des animations dynamiques et rentables pour le Web, des formulaires interactifs, des jeux, des présentations interactives et bien plus encore. La connaissance de Flash est utile non seulement aux concepteurs Web, mais aussi aux enseignants, aux artistes et à bien d'autres personnes qui souhaitent exprimer leurs idées dans le langage de l'animation. Aujourd’hui, pas besoin d’un studio spécial pour cela, c’est suffisant ordinateur personnel, des programmes Flash et un peu de patience.

Éléments de base de Flash Workbench

Avant de commencer à décrire les outils de dessin, nous devons parler des éléments de l'interface. Réservons que nous ne bombarderons pas le lecteur de toutes les informations sur l'interface d'un coup et ne l'obligerons pas à se souvenir de tous les détails. Nous fournirons juste assez d'informations sur l'interface du programme pour terminer la leçon en cours. Dans chaque leçon, nous examinerons de nouveaux éléments d'interface, expliquant leur objectif à l'aide d'exemples spécifiques.

Lorsque vous lancez le programme pour la première fois, vous verrez quelque chose comme celui montré sur la Fig. 1.

Riz. 1. Éléments de base de l'interface du programme Flash 5.0

Encore à tout le monde fichier ouvert correspond à votre bureau. Sur le bureau se trouve un cadre, ou scène, une zone rectangulaire sur l'écran dans laquelle une animation Flash est jouée.

Des outils de dessin sont fournis pour dessiner sur le bureau (voir la barre d'outils sur la Fig. 1). Ce sont de ceux-là dont nous parlerons en premier.

La création de toute animation commence par le dessin d'images statiques. Le changement rapide d'une image à une autre, créant ainsi une impression de mouvement de l'image, est une animation. Pour contrôler la durée d'affichage des images (contrôle d'animation), utilisez la timeline, ou Timeline.

En figue. 1 présente également des panneaux flottants (panneaux flottants et ancrables) conçus pour configurer l'environnement de travail Flash. Examinons donc les outils de dessin de base dans Flash.

Dessin

Contour, contour, remplissage

Avant de commencer à travailler avec des outils de dessin, vous devez introduire les concepts de contour, de contour et de remplissage. Examinons-les à l'aide d'un exemple simple.

Sélectionnez l'outil d'édition Ovale dans la barre d'outils (Fig. 2) et dessinez un ovale. La forme sera automatiquement remplie de couleur. (Si vous maintenez la touche Maj enfoncée tout en dessinant un ovale, la forme que vous dessinez aura la forme d'un cercle.)

Riz. 2. Le dessin se compose d'un contour, d'un trait et d'un fond.

Le dessin est constitué d'un contour, d'un trait de contour et d'un remplissage (Fig. 2). Pour sélectionner le contour d'une figure, cliquez sur le bouton illustré à la Fig. 3 flèches rouges. En conséquence, la ligne de trait et le remplissage disparaîtront, seul le contour restera (Fig. 4).

Riz. 3. Supprimer le bouton de remplissage et de contour

Riz. 4. En supprimant le fond et le contour, nous obtenons une ligne de contour

ligne de service (non affichée lors de l’impression). En appuyant sur le bouton illustré à la Fig. 3, renvoie les éléments supprimés. Il est facile de modifier la couleur du trait et du remplissage. La couleur de remplissage peut être modifiée à l'aide du bouton Couleur de remplissage (Fig. 5). Après avoir sélectionné une nouvelle couleur dans la palette (Fig. 5), la figure dessinée ne changera pas, mais lors du dessin d'une nouvelle ellipse, le contour sera rempli avec la couleur nouvellement sélectionnée.

Riz. 5. Outils de couleur de remplissage et de contour

Afin de modifier la couleur de remplissage de la forme actuelle, vous devez sélectionner une nouvelle couleur et utiliser l'outil Pot de peinture - il est mis en surbrillance sur la Fig. 6.

Riz. 6. La couleur de remplissage d'une forme dessinée peut être modifiée à l'aide de l'outil Pot de peinture.

La couleur du trait peut également être modifiée. Pour ce faire, sélectionnez l'outil Couleur de trait (Changer la couleur du trait) - sur la Fig. 7 la flèche rouge le montre. Après cela, une palette s'ouvrira dans laquelle vous pourrez sélectionner la couleur souhaitée, puis vous devrez sélectionner l'outil Bouteille d'encre (il est mis en évidence sur la Fig. 7) et cliquer dessus sur la ligne de trait. En conséquence, il sera rempli de la couleur sélectionnée.

Riz. 7. Changez la couleur de la ligne de trait

En figue. 6, l'ovale que nous avons dessiné est représenté à plus grande échelle. Changer l'échelle, d'ailleurs, se règle de la même manière que dans Photoshop, en utilisant la combinaison de touches Ctrl et « + » ou Ctrl et « - ».

L'épaisseur et le style des lignes de trait peuvent également être modifiés. Pour ce faire, vous devez commander Fenêtre > Panneaux > Contour appelez le panneau Stroke. Vous pouvez y personnaliser le style du trait, son épaisseur et sa couleur (Fig. 8).

Riz. 8. Dans le menu du panneau Trait, vous pouvez modifier les paramètres de la ligne de trait.

Si vous sélectionnez le style de ligne Hardline (Fig. 8) et appliquez l'outil Bouteille d'encre, vous obtiendrez une ligne d'un pixel. La ligne Hardline n’a pas d’épaisseur, donc aucune valeur n’apparaît dans la zone d’épaisseur de ligne. L'épaisseur d'autres lignes, comme la ligne pointillée, peut être modifiée (Fig. 9).

Riz. 9. Exemple de modification du type et de l'épaisseur de la ligne de trait

Un réglage plus précis des paramètres de ligne est effectué dans le panneau Style de ligne. Vous pouvez l'appeler en cliquant sur le bouton indiqué par la flèche rouge sur la Fig. 10. Dans le panneau Style de ligne, vous pouvez, par exemple, modifier la longueur du trait et la distance entre les traits de la ligne pointillée. Si sur la Fig. 8, les valeurs par défaut ont été acceptées - 6 points pour le trait et la distance entre les traits, puis en sélectionnant respectivement les valeurs 10 et 12 points et à nouveau en utilisant l'outil Bouteille d'encre, vous pouvez obtenir un trait, comme sur la Fig. . dix.

Riz. dix. Réglage fin paramètres de ligne

Nous avons donc examiné les concepts de base - contour, remplissage et ligne de contour - en utilisant l'exemple du dessin d'un ovale. Parlons maintenant directement des outils de dessin.

Outil Rectangle

L'outil Rectangle est situé à côté de l'outil Ovale (Fig. 11).

En plus du rectangle traditionnel, vous pouvez dessiner des rectangles aux bords arrondis. Pour définir ce mode, sélectionnez l'icône illustrée à la Fig. 11 est indiqué par la flèche rouge. En conséquence, le panneau Paramètres du rectangle apparaîtra, dans lequel vous définirez le rayon du congé, après quoi lors du dessin d'un rectangle, les coins seront arrondis. La modification du remplissage et du contour du contour du rectangle s'effectue de la même manière que dans le cas d'un ovale.

Riz. 11. Travailler avec l'outil Rectangle

Outil Ligne

L'outil Ligne vous permet de tracer des lignes droites (Fig. 12). En maintenant la touche Maj enfoncée, vous pouvez tracer des lignes verticales, horizontales ou à 45°.

Riz. 12. Travailler avec l'outil Ligne

Dans certains cas, si par exemple vous devez dessiner un triangle isocèle, il est utile d’utiliser une grille. Vous pouvez rendre visibles les lignes de quadrillage à l'aide de la commande Affichage > Grille > Afficher la grille(Fig. 13).

Riz. 13. Lorsque vous dessinez des formes géométriques régulières, vous pouvez utiliser une grille

Outil Crayon

Riz. 14. Le résultat du travail avec l'outil Crayon avec différents paramètres (la rangée supérieure de triangles est le mode Redresser, la rangée inférieure est l'encre)

L'outil Crayon est situé sous l'outil Ovale. En figue. La figure 14 montre le résultat du travail avec un crayon avec différentes options de mise en place, dont trois sont proposées au total. Avec le paramètre Redresser, l'outil transforme les lignes tremblantes d'un contour dessiné à la main en lignes droites ; avec le paramètre Lisser, il lisse les lignes et en mode Encre, il ne modifie pratiquement pas le contour d'origine.

Outils d'édition de ligne, flèche et sous-sélection

Pour expliquer le fonctionnement de l'outil Flèche, nous devons examiner de plus près la structure d'une ligne de contour.

Traçons une ligne à l'aide de l'outil Crayon, comme le montre la Fig. 15. Il se compose d'un contour et d'un trait.

Riz. 15. À l'aide de l'outil Sous-sélection, vous pouvez sélectionner des points d'ancrage et des segments de courbe de niveau.

Riz. 16. Exemple de déplacement d'un point d'angle

Riz. 17. Exemple de modification de la courbure d'un contour

Riz. 18. La ligne de trait suit la ligne de contour

Jusqu’à présent, en parlant du circuit, nous n’avons pas évoqué sa structure. Afin d'expliquer la structure de la courbe de niveau, nous utiliserons l'outil Sous-sélection, activé sur la Fig. 15, puis cliquez dessus le long du contour de la ligne. En conséquence, nous verrons que la courbe de niveau est constituée de segments et de points de référence (Fig. 15). Lorsque vous utilisez l'outil Crayon, les segments et les points d'ancrage sont créés automatiquement. Lorsque nous modifions la ligne de contour, la ligne de trait change automatiquement. Montrons comment vous pouvez modifier une ligne de contour à l'aide de l'outil Flèche - elle est mise en évidence sur la Fig. 16.

Les points d'ancrage peuvent être angulaires ou lisses. Lorsque l’on rapproche l’outil Flèche d’une ligne, son apparence change. Lorsqu'il s'approche d'un point de coin, un coin apparaîtra à côté de l'image de la flèche - dans ce mode, vous pouvez déplacer les points de coin (Fig. 16), et à l'approche d'un segment ou d'un point lisse, une image d'arc apparaîtra - dans ce mode, vous pouvez modifier la courbure du contour (Fig. 17 ). Lors du changement de ligne de contour, la ligne de trait suit la ligne de contour (Fig. 18).

Dessinez une ellipse et utilisez l'outil Flèche pour sélectionner son remplissage en un clic (la couleur du remplissage sélectionné sera éclaircie avec des points blancs) et déplacez-la en utilisant le mode glisser-déposer, comme le montre la Fig. 19. Si vous double-cliquez, la ligne de trait adjacente au remplissage sera également sélectionnée. Un double-clic vous permet également de sélectionner des lignes qui se croisent.

Riz. 19. Un exemple de déplacement d'un objet sélectionné avec l'outil Flèche

Riz. 20. Image originale

Considérons d'autres types de modification de l'image sélectionnée. À l'aide de l'outil Crayon, dessinez un certain contour, par exemple une feuille (Fig. 20). Sélectionnez l'outil Flèche et sélectionnez la feuille dessinée dans un cadre rectangulaire. Vous pouvez maintenant traiter l'objet sélectionné avec les modificateurs disponibles.

Dans le panneau Options, sélectionnez le bouton Lisser et cliquez dessus plusieurs fois - le contour de la feuille acquerra un contour plus lisse (Fig. 21a).

Riz. 21. Utilisation des modificateurs du panneau Options : a) Lisser vous permet de lisser les contours de l'image ; b) Redresser permet de redresser les contours de l'image

Les changements de contour après plusieurs clics sur le bouton Redresser sont illustrés à la Fig. 21b.

À l'aide de l'outil Lasso, vous pouvez sélectionner une zone de n'importe quelle forme (Fig. 22).

Riz. 22. Exemple de sélection à l'aide de l'outil Lasso

Outil Pinceau

Riz. 23. Exemple de travail avec l'outil Pinceau

L'outil Pinceau crée un tracé vectoriel et le remplit avec la couleur sélectionnée, mais, contrairement aux outils évoqués précédemment, il ne forme pas de ligne de trait (Fig. 23). Pour comprendre quel type de chemin l'outil Pinceau crée, regardez la Fig. 24, où l'outil Sous-sélection est utilisé.

Riz. 24. Exemple de ligne de contour créée avec l'outil Pinceau

Riz. 25. Options de personnalisation de l'outil Pinceau

Le panneau Options propose trois options pour personnaliser l'outil Pinceau : modes (bouton du haut), tailles de pinceau (bouton du milieu) et forme du pinceau (bouton du bas) (Fig. 25).

Les modes déterminent la nature de l'interaction de la ligne tracée avec l'objet déjà dessiné (Fig. 26). Comme le montre la figure, lorsque l'on dessine le même type de lignes horizontales dans différents modes, la peinture se produit de différentes manières :

Peindre Normalement, l'espace du cadre est peint, la ligne de trait et le remplissage de l'objet étant peints ;

Paint Remplit l'espace du cadre est peint et l'objet à peindre est rempli. La ligne de trait n’est pas repeinte ;

Peinture Derrière, seul l'espace libre du cadre est peint ;

Sélection de peinture : seule la zone sélectionnée est peinte ;

Peindre À l'intérieur, seul le remplissage qui a commencé à peindre est peint.

Riz. 26. Différents modes d'interaction des coups de pinceau avec un objet préalablement dessiné

Il est nécessaire d'expliquer l'effet du paramètre Lock Fill - le bouton correspondant à cette commande avec une icône de verrouillage est montré enfoncé sur la Fig. 27.

Riz. 27. Exemple du paramètre Lock Fill

Lorsque le paramètre Lock Fill est activé (le bouton est enfoncé), le dégradé s'applique à l'ensemble du champ de travail (Fig. 27), et lorsqu'il n'est pas activé, le passage d'une couleur à l'autre s'effectue à partir d'un coup de pinceau. (Fig. 28).

Riz. 28. L’option Verrouiller le remplissage n’est pas activée

Gomme

La gomme vous permet d'effacer des lignes et de remplir et dispose d'un certain nombre de paramètres différents. Dans le panneau Options, vous pouvez configurer la taille et la forme de la gomme, ainsi que sélectionner le mode d'effacement (Fig. 29) :

Effacer Normal efface la ligne de trait et le remplissage de l'objet ;

Effacer Remplit le remplissage de l'objet est effacé (la ligne de trait n'est pas effacée) ;

Effacer les lignes seules les lignes sont effacées ;

Effacer les remplissages sélectionnés Seule la zone sélectionnée est effacée.

Effacer À l'intérieur, seul le remplissage est effacé, et lorsque vous tracez une ligne avec une gomme, l'effacement se fait uniquement à l'intérieur du contour dans lequel la ligne a commencé.

Le modificateur Faucet vous permet de supprimer complètement un remplissage ou une ligne.

Riz. 29. Différents modes de gomme

Outil Plume

Jusqu'à présent, nous avons examiné les outils qui créent automatiquement des contours. L'outil Plume vous permet de travailler directement avec les tracés. Avec lui, vous pouvez créer des segments droits et courbes, ajuster la longueur des lignes droites et l'inclinaison des segments courbes.

Point de référence linéaire

Sélectionnez l'outil Plume, cliquez (vous avez placé le premier point d'ancrage), déplacez le curseur, cliquez (c'est le deuxième point d'ancrage). Le résultat sera une ligne brisée, comme sur la Fig. 30. Les points de référence indiqués sur la Fig. 30 sont dits linéaires, puisque les segments qui y convergent sont linéaires. Un point linéaire n'a pas de guides.

Riz. 30. Un exemple de construction d'une polyligne à l'aide de l'outil Plume

Point d'ancrage lisse

Riz. 31. Un exemple de création d'une courbe lisse à l'aide de l'outil Plume

Pour créer un point d'ancrage lisse, sélectionnez l'outil Plume, cliquez sur bouton gauche souris et, sans la relâcher, déplacez légèrement la souris, un point de référence lisse et une ligne de guidage qui en émerge apparaîtront (Fig. 31). En faisant pivoter et en allongeant la ligne de guidage, vous pouvez modifier la courbure du segment suivant.

Pour créer un contour ouvert, double-cliquez sur le dernier point. Relâchez le bouton de la souris, déplacez le curseur et placez le point d'ancrage suivant ; En répétant cette procédure, vous pouvez obtenir une ligne lisse, comme sur la Fig. 31.

Pour fermer un chemin, rapprochez le curseur du point d’ancrage de départ ou de la ligne du chemin. Une fois que le curseur se transforme en stylo avec un cercle, cliquez sur la souris et le contour se fermera.

Si deux segments indépendants se connectent en un point, il s’agit alors d’un point d’angle. Par exemple, si vous connectez des segments droits et courbes, un point d'angle apparaîtra à leur intersection (Fig. 32).

Riz. 32. À l'intersection de segments droits et courbes, un point d'angle est formé

Les points d'ancrage peuvent être transformés, déplacés et supprimés.

Pour convertir un point d'angle en un point lisse, sélectionnez l'outil Sous-sélection. Cliquez sur le point d'angle et, en maintenant la touche Alt enfoncée, faites glisser le point - il deviendra lisse et une ligne de guidage apparaîtra, vous permettant de modifier la courbure des segments se connectant à ce point lisse (Fig. 33).

Riz. 33. Un exemple de conversion d'un point d'angle en un point lisse

Par défaut, les points de courbe lisse sélectionnés sont affichés sous forme de points creux et les points d'angle sélectionnés sont affichés sous forme de carrés creux.

Utilisation des outils Plume et Sous-sélection pour manipuler les points d'ancrage

De même, vous pouvez créer des points sur des lignes tracées par d'autres outils de dessin Flash : Crayon, Pinceau, Ligne, Ovale, Rectangle, et ajuster ces lignes.

En particulier, sur la Fig. La figure 34 montre un tracé réalisé à l'aide de l'outil Ovale en transformant un point lisse en un point d'angle (à l'aide de l'outil Plume) et en faisant glisser le point d'angle à l'aide de l'outil Sous-sélection.

Riz. 34. Un tracé réalisé avec l'outil Ovale en transformant un point lisse en point d'angle et en le faisant glisser

Outil compte-gouttes

L'outil Pipette est utilisé pour copier la couleur et le style des traits de crayon, le mode pinceau et les remplissages. Lorsque vous déplacez la pipette sur la ligne, le curseur change : une mini icône en forme de crayon apparaît sous la pipette. Lorsque vous cliquez avec la pipette sur une ligne, tous les paramètres de la ligne (couleur, épaisseur, style) sont copiés et la pipette est remplacée par l'outil Bouteille d'encre, qui permet d'appliquer tous ces paramètres à une autre ligne.

De même, lorsque le curseur se trouve sur un remplissage, une image en forme de cuillère apparaît sous la pipette, et lorsque le curseur se trouve sur un coup de pinceau, une image au pinceau apparaît sous la pipette. Ces icônes indiquent les attributs que vous copiez avec l'outil Pipette.

Outil Pot de Peinture

Nous avons déjà mentionné Outil de peinture Seau - il est mis en évidence sur la Fig. 35, examinons maintenant ses capacités plus en détail. Cet outil est utilisé pour remplir des zones fermées (et partiellement fermées) avec des remplissages de couleur, dégradés et raster.

Si vous avez travaillé avec le remplissage d'images raster dans Photoshop, vous connaissez probablement la situation dans laquelle le remplissage "se déverse" sur le bord de contours pas très soigneusement dessinés aux endroits où il y a des "trous". Dans Flash, plusieurs modes de paramétrage de l'outil de remplissage sont possibles, permettant d'éviter le défaut décrit ci-dessus.

Il existe quatre options pour configurer cet outil :

Ne comblez pas les écarts ne comblez pas les écarts ;

Fermer les petits écarts combler les petits écarts ;

Fermer les écarts moyens; combler les écarts moyens ;

Combler les grands écarts combler les grands écarts.

Sélectionnez l'outil Crayon et tracez un chemin ouvert (Fig. 35). Sélectionnez le mode Fermer les grands espaces et remplissez le contour. Comme on peut le voir sur la Fig. 35, le remplissage reste à l'intérieur du contour, même si le contour d'origine était ouvert.

Riz. 35. Exemple de fermeture d'un contour en mode Fermer les grands espaces

Examinons maintenant le remplissage dégradé et les opérations qui l'utilisent. Dans le panneau Remplissage, sélectionnez l'option de remplissage dans l'onglet Remplissage - Dégradé linéaire. Dessinez ensuite un rectangle, remplissez-le d'un remplissage linéaire avec un dégradé linéaire et, à l'intérieur du grand rectangle, dessinez un rectangle plus petit (Fig. 36). Comme vous pouvez le voir sur cette figure, dans un petit rectangle la transition du blanc au bleu se réalise sur un dégradé plus petit. Si vous utilisez la fonction Lock Fill et remplissez les deux rectangles, vous obtiendrez une image comme sur la Fig. 37. Autrement dit, le dégradé dans les rectangles intérieur et extérieur sera le même.

Riz. 36. Mode de remplissage dégradé lorsque le paramètre Lock Fill n'est pas activé

Riz. 37. Remplissage dégradé en mode lorsque le paramètre Lock Fill est activé

Afin de changer la direction du dégradé de remplissage, vous devez cliquer sur le bouton Transformer le remplissage dans le panneau Options (il est cliqué sur la Fig. 38), puis cliquer sur le remplissage, en conséquence des marqueurs apparaîtront (Fig. 38).

Riz. 38. Exemple de modification d'un remplissage dégradé

Le marqueur rond supérieur est utilisé pour faire pivoter le remplissage dégradé, le marqueur rectangulaire est utilisé pour augmenter (diminuer) le dégradé de la transition d'une couleur à l'autre et le marqueur rond central est utilisé pour déplacer le centre du remplissage dégradé.

L'outil Pot de peinture vous permet également de remplir un tracé fermé avec une image raster. Montrons comment cela se fait cette procédure en utilisant un exemple simple. À l'aide de l'outil Rectangle, dessinez une image du moniteur dans l'écran duquel l'image raster sera insérée (Fig. 39).

Riz. 39. Image vectorielle du moniteur dans lequel l'image raster de la photo sera placée

Importez ensuite une image bitmap qui remplira l’écran. Vous pouvez importer un bitmap en exécutant la commande Fichier > Importer et en sélectionnant le fichier requis. Ensuite, accédez au panneau Remplissage et modifiez la méthode de remplissage en raster - Bitmap (Fig. 40).

Riz. 40. Panneau Remplissage, onglet Remplissage

Ainsi, si vous remplissez un contour fermé à l'intérieur du tracé écran, le remplissage raster sera effectué, comme le montre la Fig. 41.

Riz. 41. Exemple de remplissage raster

Pour modifier un remplissage raster, vous devez cliquer sur le bouton Transformer le remplissage dans le panneau Options (il est cliqué sur la Fig. 42), puis cliquer sur le remplissage raster, en conséquence, un cadre avec des marqueurs apparaîtra ( Figure 42).

À l'aide du marqueur central, l'image raster peut être déplacée de manière à ce que la partie souhaitée de la photo soit affichée sur le moniteur dessiné (Fig. 43).

Riz. 42. Cadre de modification du remplissage raster

Riz. 43. En déplaçant le marqueur central, vous pouvez recadrer le bitmap

D'autres marqueurs vous permettent de redimensionner l'image raster, de la faire pivoter et de la déformer (Fig. 44).

Riz. 44. Exemple de déformation de remplissage raster

Après avoir importé plusieurs photos, vous pouvez configurer une palette dans laquelle vous pouvez sélectionner un raster à remplir (Fig. 45), tout comme une palette de couleurs.

Riz. 45. Exemple de palette avec plusieurs bitmaps

Ajouter et soustraire des formes

Lorsque deux formes se chevauchent, Flash les fusionne ou les segmente. Dessinez deux formes de même couleur - un cercle et un rectangle (Fig. 46), sélectionnez le rectangle (en cliquant dessus avec l'outil Flèche), puis superposez le rectangle sur le cercle et supprimez la sélection (en cliquant sur à nouveau avec l'outil Flèche).

Riz. 46. ​​​​​​Chiffres initiaux

En conséquence, les deux personnages fusionneront en un seul. En cliquant sur le contour de la forme résultante avec l'outil Sous-sélection, vous pouvez vous assurer que le contour intérieur a disparu (Fig. 47).

Riz. 47. Un exemple de combinaison de deux formes de même couleur

Faites maintenant la même procédure avec des formes de couleurs différentes. Dans ce cas, la bordure intérieure ne disparaîtra pas (Fig. 48).

Riz. 48. Lors de la superposition de formes de couleurs différentes, le contour intérieur ne disparaît pas

Maintenant, si vous sélectionnez un rectangle et le déplacez à l'aide de l'outil Flèche, une partie sera découpée dans le cercle, comme le montre la Fig. 49.

Riz. 49. Une partie du cercle est découpée en rectangle

Parfois, il est utile de combiner et de soustraire les contours des formes pour obtenir un contour complexe.