Animation Light Over Effect Photoshop CS2

• Mai 18, 2024

Il y a quelques jours, un de mes lecteurs m'a envoyé l'URL d'une animation spéciale qu'il a vue sur un site Web. Il voulait créer une animation similaire à celle-ci dans Photoshop CS2. J'ai donc décidé d'en faire le sujet du tutoriel de cette semaine. Merci, Bill, pour l'inspiration. L'animation que Bill aimait était ce qu'il appelait un effet "light over" et c'est un bon nom pour cela. Vous commencez avec une image contenant du texte et créez l'illusion que la lumière passe sur le texte un peu comme un projecteur passe sur le ciel.

Pour l'exemple, j'ai commencé avec le texte de mon logo Wizzy The Web Wizard^TM. Ensuite, j'ai utilisé les palettes Calques et animations de Photoshop pour créer une animation Tween. Avant de commencer, vous souhaiterez peut-être lire certains de mes précédents didacticiels sur la création de texte déformé, à l'aide de la palette Animation et de la fonction Enregistrer pour le Web de Photoshop. Ensuite, la seule chose dont vous avez besoin avant de commencer est une image contenant du texte auquel vous souhaitez appliquer l'effet de lumière sur.

Étape 1. Ouvrez l'image. Ouvrez votre image texte dans Photoshop. Dans l'exemple, vous pouvez voir que j'ai déjà appliqué l'effet de texte déformé à mon image. Le texte doit se trouver sur son propre calque dans la palette Calques et il doit également y avoir un calque d'arrière-plan sous le calque de texte. Vous pouvez utiliser les couleurs d'arrière-plan et de texte de votre choix.


Étape 2. Ajoutez un nouveau calque. Nous allons maintenant ajouter un nouveau calque dans la palette Calques et sur ce calque, nous allons dessiner la forme colorée qui se déplacera à travers le texte dans l'animation. Dans la barre de menus, cliquez sur Calque> Nouveau> Calque et nommez ce nouveau calque AniShape (AniStar dans l'exemple) pour indiquer que c'est le calque qui contiendra la forme animée.


Icône d'outil de forme personnalisée
Étape 3. Dessinez la forme. Cette forme que vous dessinerez sera la "source lumineuse" qui passe sur le texte. J'ai utilisé une forme d'étoile pour continuer le thème de mon logo mais vous pouvez utiliser n'importe quelle forme que vous aimez. Cliquez sur l'icône Outil de forme personnalisée dans la boîte à outils et choisissez une forme dans la liste déroulante de la barre des options.


Ensuite, cliquez sur la zone de couleur de premier plan et choisissez une couleur pour la forme dans la boîte de dialogue Sélecteur de couleurs. Maintenant, cliquez et faites glisser pour dessiner votre forme à l'extrême gauche de la ligne de texte. Il s'agit de l'emplacement de départ de la source lumineuse.

Suivant →

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.

Instructions Vidéo: fire animation in photoshop cs2| Fire Effect photoshop |Crete Fire in photoshop cs2 (Mai 2024).