Animation 3D Motion - Les graphiques

• Mai 12, 2024

L'animation en 3D peut être source de confusion, mais Apple Motion dispose de commandes faciles à utiliser qui vous aident à créer une animation de qualité professionnelle. Dans les prochains tutoriels, nous allons construire une introduction simple avec un message pour la saison des fêtes.

Cette motion^R projet a un peu de tout pour la saison. L'image d'arrière-plan Bokeh est une composition de plusieurs photographies libres de droits. Le texte animé est créé dans Photoshop^R et animé en mouvement. Les lumières animées sont ajoutées à l'aide de l'outil Forme de Motion et de certains comportements.

À l'exception de l'animation des lumières, tous les autres éléments de conception peuvent être créés dans un graphique Photoshop en couches qui peut ensuite être facilement importé dans Motion, en conservant la hiérarchie des calques.

L'animation

L'animation commencera avec le texte des fêtes sortant de la neige, laissant l'indentation dans la neige. Le texte continuera de monter jusqu'à ce qu'il soit vertical, puis continuera de reculer jusqu'à ce qu'il touche presque la neige derrière lui. Enfin, il remontera jusqu'à ce qu'il soit vertical puis s'arrêtera. La partie délicate de l'animation sera de synchroniser le mouvement du texte avec le mouvement des lettres ombrées. Comme le mouvement de la lettre doit se refléter dans l'ombre. Un autre défi consistera à créer quelques cercles colorés, assortis à la couleur de la lumière Bokeh en dessous, et à animer les cercles de manière réaliste. La dernière partie de l'intro sera le nom de la société apparaissant à côté de la cloche verte.

Les éléments graphiques

Ce type de texte animé peut être créé avec plusieurs options dans Motion. Vous pouvez utiliser l'outil Texte pour créer le texte dans Motion ou importer des graphiques de texte. Étant donné que les lettres du message de vacances de ce projet contiennent des feuilles persistantes et des baies et que ces éléments doivent se déplacer avec le texte, il était plus facile de créer dans Photoshop et d'importer les graphiques dans Motion. Cependant, si votre projet peut être créé avec l'outil Motion Text et que vous souhaitez relever un défi, une autre option serait d'utiliser l'outil Text pour créer le texte et le suivi pour synchroniser le texte avec le graphique du brin de baies.

L'image de fond a été réalisée à partir de deux photographies. Le type Bokeh s'allume avec la couche de neige et la cloche verte. Parce que l'animation se passe au-dessus de la neige, «l'horizon» de la neige avec le Bokeh était important lors du choix de l'image. La cloche verte a été isolée de sa photographie d'origine et le bord inférieur a été effacé avec un outil de gomme à bord doux, donnant l'illusion que la cloche se couche dans la neige.

Il y a quatre couches de texte: les lettres rouges, les lettres d'ombre derrière le texte et les lettres d'indentation 3D dans la neige composent le message des vacances. Le quatrième calque contient à la fois le nom de l'entreprise et l'ombre du texte. Le style de calque de texte a une superposition de couleur rouge et une ombre intérieure ajoute un léger effet 3D au texte. Le graphique d'ombre a été créé à partir d'une copie de la couche de texte du message, qui a été changée en couleur noire, tramée puis un filtre de flou gaussien avec un rayon de 2,5 pixels a été appliqué. L'opacité du calque a été réduite à 32%. Enfin, l'indentation de neige du texte a été créée avec une combinaison de biseau et de relief, de trait, d'ombre intérieure et de superposition de couleurs.

Une fois ces quatre calques de texte créés, il était temps de les placer au-dessus du calque d'arrière-plan. Le message a été placé en premier et le texte d'ombre a été placé sur un calque en dessous et le texte en retrait sur un calque au-dessus, avec seulement les bords inférieurs du y touchant. L'outil Perspective (Edition - Transformer - Perspective) a été utilisé pour aplatir le texte d'ombre et d'indentation, donnant l'illusion qu'ils sont posés sur la neige.

Exemple de didacticiel:


Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.
Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie et Mac sont des marques d'Apple Inc., déposées aux États-Unis et dans d'autres pays. CoffeBreakBlog est une publication indépendante et n'a pas été autorisée, sponsorisée ou autrement approuvée par Apple Inc. Captures d'écran utilisées avec permission.

Instructions Vidéo: Qu'est-ce que le Mastère Motion Graphics Design ? - ESMA (Mai 2024).