Animation de cadre dans Photoshop. Bouton animé dans Photoshop CS6 Créer une animation dans Photoshop CS6

Bonsoir, chers abonnés et simples lecteurs de mon blog ! Êtes-vous prêt à apprendre à donner vie à votre photo ? Et pas avec l'aide de la magie, mais avec l'aide de tout ce qui vient de notre bien-aimé Photoshop ! Depuis combien de temps ai-je reporté cette leçon, sans comprendre pourquoi. Après tout, ce sont les bases de Photoshop ! Mais maintenant, j'ai décidé de m'améliorer.

Et améliorez-vous tellement qu'à la fin de la vidéo, le vôtre recevra également une leçon vidéo sur la façon de faire une animation sous Photoshop.

Je n'ai pas écrit de didacticiels Photoshop depuis longtemps et j'avais des raisons pour cela. Après tout, je terminais mon histoire "". Vous êtes invités à le lire et à exprimer votre opinion directement dans les commentaires !

Passons maintenant à la leçon. Dans la vidéo ci-dessous, je vais vous expliquer comment créer du texte ajouté progressivement, mais dans une leçon de texte, la tâche sera un peu plus compliquée.

Nous avons Cipollino et nous devons lui faire signe de la main.

Étape 1. Vous devez d’abord « activer » l’animation dans Photoshop. Pour cela nous allons "Fenêtre" -> "Animation". C'est peut-être encore écrit "Chronologie".

Étape 2. Pour que la main puisse bouger, nous devons la découper et la placer dans différentes positions. Pour découper une main, j'utilise personnellement "Lasso magnétique". Faites une copie du principal ( Ctrl+J) et travaillez avec une copie. Nous ne touchons pas à l'original.

Sélectionnez soigneusement la main et découpez-la !

Étape 3. Maintenant, nous insérons notre main, aussi terrible que cela puisse paraître, et la plaçons dans différentes positions. La main sera insérée dans de nouvelles couches, c'est même à notre avantage.

Étape 4. Cette étape est facultative, mais il est préférable d'utiliser l'outil Gomme pour corriger légèrement la main, la rendant plus naturelle. Bien sûr, il est difficile d’expliquer cela avec des mots. Si vous comprenez pourquoi nous utilisons la gomme, suivez cette étape ; si vous ne comprenez toujours pas, vous pouvez l’ignorer. Ce n’est pas important, puisque le plus important pour nous est d’apprendre à créer une animation simple !

Étape 5. Maintenant, nous travaillons avec du personnel. Dans chaque image, nous activons uniquement les calques dont nous avons besoin. Par exemple, dans l'image 1, nous avons besoin de notre original, et dans notre cas "Couche 0".

Créons maintenant un nouveau cadre :

Et dans le nouveau cadre, nous activons d'autres calques. Autrement dit, notre « Copie de couche 0 » Et "Couche 1", c'est-à-dire une position différente de la main. J'espère que l'algorithme est clair pour vous, chers lecteurs.

Étape 6. Réglez le délai de trame. C'est-à-dire après quelle période de temps l'image suivante sera affichée.

Étape 7 Sauvons les nôtres. Il y a une raison pour laquelle j'ai inclus cette étape dans mon didacticiel, car l'enregistrement d'un GIF est un peu différent d'une simple image.

Sélectionnez le format (la valeur par défaut est GIF) et enregistrez.

Dans cet article, je parlerai de ce qu'est l'animation dans Photoshop. Nous verrons comment fonctionne l'animation dans Photoshop en utilisant l'exemple de la création d'une bannière du Nouvel An.

Je travaillerai dans Adobe Photoshop CS6. Mon interface est russe, puisque j'écris depuis mon travail.

J'ai la version anglaise à la maison, et je vous conseille d'étudier avec la version anglaise, voici pourquoi :

• Vous pouvez facilement naviguer dans le programme dans n'importe quelle langue (après l'anglais en russe, vous pouvez facilement trouver des outils, car c'est votre langue maternelle, et après le russe, vous pourriez avoir des problèmes d'adaptation).
• La plupart des bonnes leçons sont écrites en anglais.
• Les localisations des programmes diffèrent souvent les unes des autres et la qualité de la traduction de l'interface laisse parfois beaucoup à désirer. Une traduction incorrecte des outils peut dérouter une personne qui commence à apprendre le programme.

Commençons par créer une animation dans Photoshop CS6

Lançons Photoshop.

Créez un nouveau document Fichier -Nouveau (Ctrl+N).

Dans la fenêtre qui s'ouvre, définissez les dimensions de la bannière : 600 x 120, appelons-la « Bannière du Nouvel An » -> « Ok ».

Créer un arrière-plan

Je sélectionne à l'avance les matériaux que j'utiliserai dans mon travail (fonds, polices, etc.).

Ouvrez la texture préparée : Ctrl+O. Vous pouvez télécharger la texture que j'utilise.

Ouvrez la palette des calques « Calques » – F7.

Sélectionnez la fenêtre avec la texture, faites glisser le calque de la palette des calques sur le calque avec la bannière.

Si la texture s'avère trop petite ou très grande par rapport à la bannière, ajustez sa taille à l'aide de la transformation « Ctrl+T ».

De petits marqueurs carrés apparaîtront dans les coins de l’image. Maintenez Shift pour conserver le rapport hauteur/largeur lorsque vous redimensionnez et faites glisser la poignée d'angle en diagonale pour réduire ou augmenter la taille de l'image jusqu'à ce que l'arrière-plan remplisse toute la surface de la bannière.

Après avoir ajusté la texture à la taille de la bannière, on passe à sa correction des couleurs.

Allez dans le menu « Image » - « Ajustements » - « Teinte / Saturation » (Image - Correction - Teinte / Saturation).

J'ai défini les paramètres suivants pour obtenir une couleur vive et saturée :

Nous écrivons le texte

Créez un nouveau calque (Ctrl+Maj+N) ou cliquez sur l'icône du nouveau calque dans la palette des calques.

Sélectionnez l'outil de texte horizontal (T).

Sélectionnez un pinceau avec n'importe quelle étoile, peignez avec de la couleur blanche #ffffff. Pour sélectionner une couleur, cliquez sur le petit carré en bas du panneau de gauche.

Sur un nouveau calque, dessinez des étoiles à des endroits aléatoires. Pour rendre les étoiles plus brillantes, cliquez plusieurs fois au même endroit. Voici ce que j'ai obtenu :

Faites une copie du calque (Ctrl+J). Cliquez sur l'icône en forme d'œil dans la palette des calques pour masquer la visibilité du calque précédent.

Sélectionnez la couche supérieure avec une copie des étoiles. Dans le panneau de gauche, sélectionnez l'outil Lasso (L).

Sélectionnez chaque étoile tour à tour, appuyez sur « V » (outil de déplacement) et déplacez-la vers n'importe quel autre endroit, de cette façon nous aurons des étoiles à différents endroits dans différents cadres, ce qui créera un effet de scintillement.

Après avoir déplacé toutes les étoiles vers un autre endroit, créez une copie du calque sur lequel vous avez travaillé (Ctrl+J), masquez le calque précédent dans la palette des calques en cliquant sur l'œil, puis répétez l'opération de déplacement des étoiles vers le nouveau. endroits, vous pouvez également finir de dessiner plusieurs nouvelles étoiles.

Ainsi, nous aurons 3 couches avec des étoiles, dans chacune desquelles les étoiles seront dans des positions différentes.

Tout est prêt.

Passons à la création d'animation dans Photoshop

Ouvrez la chronologie. Allez dans le menu "Fenêtre" - "Timeline" (Fenêtre - Timeline).

Dans le panneau de chronologie qui apparaît, on retrouve le bouton au milieu « Créer une chronologie vidéo » (Créer une chronologie pour la vidéo).

Après cela, la balance changera d’apparence. Cliquez maintenant sur l'icône à trois carrés dans le coin inférieur gauche de la fenêtre pour créer une animation image par image.

Le panneau d'animation image par image s'est ouvert. Il ne contient désormais qu'un seul cadre dans lequel tous les calques visibles sont affichés (le contenu du cadre sélectionné est affiché dans la fenêtre principale du moniteur).

Accédez à la palette des calques - F7. Nous devons maintenant désactiver les deux couches d'étoiles supérieures (cliquez sur l'œil), pour n'en laisser qu'une seule visible. Ce sera la première image.

Accédez à la palette des calques. Éteignez le premier calque avec des étoiles, activez le second. Ainsi, dans la deuxième image, nous montrerons des étoiles ailleurs.

Cliquez à nouveau sur la nouvelle icône de cadre. Éteignez la deuxième couche avec des étoiles, activez la troisième.

Faites attention au temps sous chaque image, c'est la durée de l'image. 5 secondes, qui sont la valeur par défaut, c'est trop pour nous - l'animation va ralentir, cliquez sur la flèche et réglez la durée de chaque image sur 0,1 seconde.

Pour que les images changent en douceur, nous devons créer des images intermédiaires entre les images clés. Pour cela, étant sur la première image, cliquez sur l'icône avec plusieurs cercles en bas du panneau temporaire.

Dans la fenêtre qui apparaît, indiquez combien de cadres intermédiaires nous souhaitons créer. Je vais le définir sur 2. Pour toutes les images sauf la dernière, définissez-le sur "Image suivante".

Entre la première et la deuxième images clés, vous disposez désormais de 2 images intermédiaires.

Maintenant, nous nous trouvons sur la 2ème image clé (c'est maintenant la 4ème d'affilée), cliquez à nouveau sur l'icône avec des cercles et créons 2 autres images intermédiaires. Il ne nous reste plus qu'à fermer la dernière et la première image pour obtenir une animation fluide.

Sélectionnez la dernière image de la timeline. Cliquez sur les cercles. Dans la fenêtre qui apparaît, dans la ligne « Images intermédiaires », sélectionnez « Première image », ajoutez les 2 mêmes images.

Maintenant, sous les cadres en bas à gauche, nous indiquons le nombre de répétitions de l'animation « Constamment ».

Sélectionnez la première image, appuyez sur le triangle à droite « Play » pour voir ce qui s'est passé.

Sélectionnez le format de fichier pour enregistrer le GIF, cliquez sur « Enregistrer... », sélectionnez le répertoire dans lequel nous allons enregistrer, cliquez à nouveau sur « Enregistrer ».

Ainsi, dans cette leçon, nous avons vu comment créer une animation dans Photoshop CS6.

J'espère que vous avez appris quelque chose de nouveau et d'utile grâce à ce tutoriel.

Pour réaliser une animation, vous n’avez pas besoin d’avoir des connaissances phénoménales, il vous suffit de vous procurer le bon outil et de l’utiliser correctement. Il existe de nombreuses solutions de ce type, mais la plus connue d'entre elles est Adobe Photoshop. Cet article vous montrera comment créer rapidement une animation.

Si Photoshop n'est pas sur votre PC, téléchargez-le à partir du lien ci-dessus, puis installez-le en suivant les instructions de cet article et lancez-le.

Étape 1 : Préparation du canevas et des calques

Vous pouvez maintenant dessiner dessus ce qui sera montré dans l'animation. Dans notre exemple simple, ce sera un carré mobile. Sur chaque calque, il se déplace de quelques pixels vers la droite.

Étape 2 : Travailler avec la chronologie

Tous! L'animation est prête. Vous pouvez visualiser le résultat en cliquant sur le bouton "Démarrer la lecture de l'animation". Et après cela, vous pouvez l'enregistrer au format GIF.

De cette manière simple mais éprouvée, nous avons pu créer une animation GIF dans Photoshop. Bien sûr, cela peut être considérablement amélioré en réduisant le temps d'image, en ajoutant plus d'images et, bien sûr, au lieu de créer un carré noir, en créant quelque chose de plus original et de meilleure qualité. Mais cela dépend de vos préférences, envies et compétences.

Note importante. Si vous devez créer rapidement animations simplesà partir de plusieurs images dans Photoshop, accédez à la leçon - .

Je m'intéresse à l'animation stop-motion depuis assez longtemps, même si j'ai peu étudié la matière. Tous les livres que j'ai commencé à lire étaient assez longs, difficiles et « secs ».

Par conséquent, après avoir commencé à comprendre un peu la technologie de création d'animations, j'ai commencé à chercher des moyens de leur donner vie à l'aide de Photoshop.

De nombreuses personnes m'ont conseillé de passer à d'autres programmes (par exemple, TVP Animation Pro), mais moi, ne voulant pas m'adapter aux nouvelles interfaces d'autres programmes, j'ai décidé de tout faire dans Photoshop.

Et j'ai écrit cette leçon spécifiquement pour ceux qui n'ont pas compris la technologie de création d'animations image par image spécifiquement dans Photoshop. Qui n’a pas voulu creuser un peu et comprendre de quoi il s’agit ?

J'aborderai deux sujets : les animations courtes et les longues. Il ne faut pas faire défiler les types d'animations qui ne vous intéressent pas : il peut y avoir des informations qui vous seront utiles pour les animations du type dont vous avez besoin.

Courtes animations– ce sont des avatars animés, des émoticônes, etc.

Longues animations– ce sont des dessins animés, des vidéos, etc.

Je vais d'abord vous expliquer la théorie, puis nous créerons une animation en pratique.

Ajout important

Beaucoup de gens demandent : « Pourquoi mon animation est-elle si saccadée, pourquoi mon personnage/objet se déplace-t-il rapidement/lentement ? »
La réponse est : votre personnage/objet bouge rapide parce que tu as dessiné peu cadres.

Votre personnage/objet bouge lentement parce que tu as dessiné beaucoup de cadres.

Votre personnage/objet tremble car vous n'avez pas suivi le mouvement précédent et dessiné le suivant, ce qui n'est pas cohérent avec le précédent.

N'oubliez pas : en une seconde 24 cadre!

Alors, lorsque vous vous préparez à créer votre animation, n'oubliez pas : 24 cadre = 1 deuxième, 24 cadre = 1 deuxième. N'oubliez jamais ce détail très important.

Courtes animations

Je pense que vous avez souvent croisé des animations sur des avatars, des émoticônes animées.
Certaines émoticônes sont créées en Éclair, mais je dessine le mien dans Photoshop. Ne pensez pas que des animations aussi courtes soient faciles à réaliser. D'un côté, oui, ils sont de petite taille, mais d'un autre côté, pendant que vous les dessinez 15 -30 images, vous serez occupé (imaginez, si vous voulez créer un clip de trois minutes, vous devrez alors le faire 4320 cadres!).

Que faut-il retenir et savoir ?

Disons que vous vouliez dessiner une fille aux cheveux soufflés par le vent pour votre avatar. Moyens:

Premièrement, les cheveux ne sont pas du carton : sous l’influence d’un vent modéré, ils formeront des vagues transversales.

Voici à peu près comment cela est représenté sur le schéma :

Sous l'influence d'un vent fort, les cheveux seront presque raides, mais votre personnage devra bien fermer les yeux et s'agripper à quelque chose pour éviter d'être emporté, car en réalité peu de gens peuvent résister à un tel vent. bien que ce type d'animation puisse être utilisé lorsque votre personnage fait du vélo, par exemple.

Et enfin, une douce brise soulève et abaisse doucement vos cheveux.

Vent léger :

Vent moyen :

Vent fort:

Il en va de même pour les tissus et les vêtements : ils se comportent à peu près de la même manière que les cheveux.

Et maintenant, par exemple, vous vouliez dessiner une animation avec le mouvement de votre personnage et de votre objet. Moyens:

Deuxièmement, toute action commence quelque part. Avez-vous déjà remarqué que, par exemple, pour vous lever d'une chaise, vous la bougez d'abord un peu et vous vous penchez un peu en avant, puis vous vous levez seulement ? ou que lorsque vous voulez frapper avec la raquette, vous l'éloignez d'abord et faites tourner votre corps avec elle, et ensuite seulement vous frappez ?

Il existe un grand nombre de tels exemples, mais il vaut mieux regarder :

Pour éviter d'avoir des ennuis avec ces mouvements avant les actions(DPD), analyser et observer plus souvent les mouvements des personnes ou des animaux.

Petit ajout

En général, n'oubliez jamais la physique. Le poids des objets, les matériaux qui les composent (élasticité, douceur, dureté, etc.), tout cela est nécessaire.

Sachez que sans cela, votre animation sera morte, terrible et moche !

Mieux vaut y travailler et ne jamais se précipiter.

Longues animations

Oooh, c'est ici que le plaisir commence !

Avez-vous souvent, en regardant des dessins animés ou des anime, admiré l’animation et envié ceux qui savent les réaliser ? Toutes ces scènes merveilleuses, ces mouvements plastiques et bien plus encore. etc.? Honnêtement, je l'admets - oui. Chaque fois que je regarde quelque chose, j’essaie de comprendre comment les animateurs ont travaillé avec ? Comment ont-ils créé tout cela ?

Mais comme je ne sais pas dans quels programmes ils fonctionnent, j'essaie de comprendre l'ensemble du processus en utilisant les mécanismes de Photoshop.

Et vous le savez, je trouve des réponses à toutes mes questions !

Mais prenons tout dans l'ordre.

Le processus de création d’une longue animation

1. Au départ, nous avons besoin d’une IDÉE

Par exemple, vous avez décidé de réaliser une courte vidéo dans laquelle plusieurs filles vont danser.

Si vous êtes un animateur chevronné, vous pouvez « faire danser quelqu’un » dans votre vidéo de 3 et plus de filles.

Mais au début de votre parcours d’animateur, mieux vaut se limiter à un ou deux.

2. Vous devez maintenant créer un storyboard scène par scène (RPS)

De quoi s'agit-il et avec quoi le mange-t-on ?

Imaginez un film. Imaginez maintenant le nombre de vues différentes provenant de différentes caméras. Gros plan, paysage, caméra suivant le personnage...

Ce n'est pas grave quand il n'y en a pas autant. Mais quand on fait un clip entier, il y en a peut-être plus 30 des choses!
C'est pourquoi les animateurs intelligents utilisent une chose si merveilleuse qui ressemble à un livre ligné.

Ils y représentent des scènes.

Seuls certains dessinent une scène dans chaque section du tableau, puis une autre, une troisième, etc., tandis que d'autres dessinent des images dans chaque section du tableau au bout de quelques secondes (je m'excuse si je ne l'ai pas expliqué clairement).

C'est aussi très pratique que vous puissiez le faire du côté de la description, sinon, parfois vous le dessinez, puis au bout d'un moment vous le regardez et ne comprenez pas - qu'est-ce que j'ai représenté ici ?

Nous prenons donc note de ce storyboard pour les scènes et utilisons ces livres.
Vous n’avez même pas besoin de créer un livre, mais créez simplement un gros fichier dans Photoshop et dessinez-y toutes les scènes.

3. Vous devez maintenant proposer un arrière-plan, un concept de personnage et un mouvement.

Nous dessinons les mouvements dans le livre RPS.

Si vous avez plus d'une scène dans une vidéo, vous devrez dessiner plusieurs arrière-plans différents. Dessinez-les dans des fichiers séparés.
Et rappelez-vous une chose : l’arrière-plan n’apparaît pas de nulle part. Donc, si vous souhaitez que la caméra se déplace sur le côté, l'arrière-plan doit également être là. ceux. vous devrez dessiner davantage l'arrière-plan en longueur (ou en largeur, ou peut-être les deux).

Ensuite, vous concevez l'apparence de votre personnage et commencez à créer l'animation.

Passer de la théorie à la pratique

A partir de maintenant, réfléchissons un peu à l'IDEA et, en général, au point "Le processus de création d'animation". De quoi je parle ? De plus, vous aurez désormais besoin d'un cobaye que vous forcerez à bouger. Nous ne ferons pas de vidéo dans laquelle 4320 cadres. La meilleure et la plus simple façon de comprendre est de créer une animation image par image à l'aide de 24 -72 - animation d'image.

Eh bien, commençons !

1. Créons un nouveau document. Pour mon animation j'ai pris une petite taille - 400 X 500 px.

2. Maintenant, si vous n'avez pas de fenêtre en bas à gauche " Animation", recherchez, ouvrez l'onglet " Fenêtre» - « Animation».*

* - Les exemples utilisent la version russifiée Photoshop CS2.

Dans la capture d'écran ci-dessus, nous voyons la fenêtre d'animation dans laquelle se trouve la première image, en dessous se trouve un petit panneau sur lequel se trouvent les boutons :

Toujours/une fois- en sélectionnant « Toujours » vous bouclerez l'animation. Si vous sélectionnez Une fois, l'animation ne sera jouée qu'une seule fois. (Dans ma leçon il y a les deux versions d'animations : en boucle - où le principe du DPD est montré, reproduite une fois - où le changement de scène est montré).

Sélectionnez la première image- nous ramène au tout début.

Sélectionne l'image précédente- N'appelons pas Cap. (=

Lit l'animation/arrête l'animation- Jouer/Arrêter.

Sélectionne les images suivantes- image suivante. Votre casquette !

Images d'animation pour préadolescents- en utilisant ce bouton, nous pouvons ajouter des transitions douces entre deux images en en ajoutant de nouvelles.

Duplique les images sélectionnées- pas tout à fait le nom correct... Il vaudrait mieux dire « Ajout d'un nouveau cadre ».

Supprime les images sélectionnées- panier.

3. Nous pouvons maintenant commencer à dessiner. Pour ce faire, placez l'arrière-plan que vous avez créé précédemment Arrière-plan(Contexte/Contexte).

4. Créez ensuite un nouveau calque (Ctrl+Shift+Alt+N) et dessinez votre personnage dessus.

4. Vient maintenant la partie la plus difficile : nous devons dessiner le même personnage plusieurs fois de suite dans des poses différentes.

Nous créons un nouveau cadre, et... Il y a deux options :

UN) Soit vous recommencez à dessiner votre personnage à chaque fois, soit...

B) Copiez le calque précédent et modifiez-le (vous finissez de dessiner et d'effacer, plutôt que d'utiliser la transformation ! Vous aurez rarement besoin d'un tel outil, j'écrirai plus tard quand).

Une fois que vous aurez suivi une formation en animation, vous pourrez utiliser les deux options sans douleur. (Vous pouvez essayer chacun d'eux dans un document séparé).

Option A :

1. Nous avons dessiné notre premier cadre.

2. Pour voir comment changer le suivant, nous réduisons l'opacité du calque à environ 30% et créons un nouveau calque sur lequel on dessine déjà un lapin pour le deuxième cadre.

3. Nous finissons de dessiner le deuxième cadre et désactivons la visibilité du premier calque précédent.

Option B :

1. Créez un cadre avec le personnage et rendez ce calque invisible.

2. Puis dupliquez-le (Ctrl+J) en faisant glisser le calque sur le bouton « Créer un nouveau calque » à gauche de la corbeille.

3. Maintenant, nous rendons le deuxième calque visible et commençons à le modifier.

Ainsi, en dupliquant le calque précédent, vous créez de nouveaux cadres et les modifiez, et non le même.

5. Nous nous asseyons et dessinons des cadres 10 -15 ...

6. Et voyons ce qui s'est passé.

Il s’est avéré que c’était un lapin qui courait.

De plus, aucune partie n’est copiée : chaque image est dessinée à nouveau.

Voir par vous-même:

Lors de la création d'une animation, n'oubliez pas qu'il est assez difficile de basculer entre des centaines de calques et que vous ne devez donc pas remettre à plus tard la peinture ou la modification de quoi que ce soit. Faites-le tout de suite.

Presque la fin

Ci-dessus j'ai fait une réservation sur l'outil ().
Cela vaut la peine de l'utiliser lorsque, par exemple, vous souhaitez éloigner la caméra, la rapprocher, la faire pivoter, etc. (Si vous avez seulement besoin de déplacer l'arrière-plan, utilisez des éditeurs vidéo, ce sera plus facile pour vous). N'utilisez pas inutilement de distorsion, d'inclinaison ou d'autres outils de transformation.

Et, après avoir sauvegardé notre gif-animation au format de fichier vidéo .avi, par exemple, vous pouvez vous rendre en toute sécurité à Studio de cinéma Windows Live.
À partir de là, faites ce que votre cœur désire avec votre clip.

Vous pourrez ensuite télécharger votre clip sur youtube.com et profiter du travail que vous avez accompli.

MERCI BEAUCOUP pour votre attention, Lero-art était avec vous. Excusez-moi pour le manque de langue, la présentation étrange et d'autres défauts de la leçon, le cas échéant. Tous sont dus au fait que les pensées sont confuses et que les mots ne forment pas de phrases...

Mais j'espère que vous avez appris quelque chose de nouveau et d'intéressant par vous-même !

Vous êtes-vous déjà demandé comment sont créés les GIF animés ? L'auteur de la leçon vous invite à maîtriser quelques secrets d'animation en une nuit à l'aide de cette leçon. Vous apprendrez également à utiliser la chronologie, disponible dans Photoshop CS6. Maintenant, commençons !

Résultat de la leçon.

Étape 1

Créez un nouveau document ( Ctrl+N) avec des dimensions de fichier de 800 x 500 pixels. Remplissez l'arrière-plan avec la couleur de votre choix. Passons maintenant au menu Couches- Stylecouche- Superpositionpente(Calque> Styles de calque> Superposition de dégradé). Appliquez les paramètres suivants : Style Radial(Radial), couleurs du noir (#000000) au bleu (#54799b), qui seront utilisées au centre.

Étape 2

Créez un nouveau calque et nommez-le Couche de bruit. Sélectionnez un outil Remplir(Outil Pot de peinture) et remplissez le calque créé avec une couleur sombre (# 231f20). Laisser le calque actif Couche de bruit et allez dans le menu Filtre - Bruit - Ajouter du bruit(Filtre> Bruit> Ajouter du bruit). Dans la boîte de dialogue des paramètres de filtre, définissez les valeurs suivantes : Effet(Montant) 3%, distribution Uniforme(Uniforme) et cliquez sur OK.

Étape 3

Appuyez sur la combinaison de touches (Ctrl+U) et dans la boîte de dialogue des paramètres de correction qui apparaît, saisissez les valeurs Saturation(Saturation) 100 % : modifiez le mode de fusion de ce calque en Lumière douce(Lumière douce).

Note du traducteur : Afin d'obtenir la même couleur que l'auteur de la capture d'écran, lors du réglage de la teinte/saturation, vous pouvez définir la valeur de teinte sur - 140.

Étape 4

Ajoutez le texte de votre choix. Nous utiliserons ici le texte du logo du site 123RF. Dans les styles de calque, utilisez Accident vasculaire cérébral(Accident vasculaire cérébral). Sélectionnez les valeurs de taille de trait en fonction de vos préférences.

Note du traducteur : Sur la capture d'écran de l'auteur, il y a déjà du texte pixellisé ainsi que le style Stroke. Pour obtenir le même résultat, après avoir appliqué le trait, supprimez le remplissage (Remplir) du calque de texte à 0 %, convertissez ce calque en objet intelligent, puis rastérisez-le.

Étape 5

Dans cette étape, nous allons créer un effet lumineux pour le texte à l'aide de styles de calque. Double-cliquez sur le calque pour afficher la fenêtre Options de style. Pour personnaliser les styles de calque, utilisez les captures d'écran ci-dessous.

Gaufrage(Biseau et gaufrage)

Ombre intérieure(Ombre intérieure)

Lueur intérieure(Lueur intérieure)

Superposition de couleurs(Superposition de couleurs)

Lueur externe(Lueur externe)

Ombre(Ombre portée)

Étape 6

Une fois que vous avez fini de créer des effets d'éclairage à l'aide des styles de calque, accédez à la palette Calques et réduisez la valeur de ce calque. Remplissages(Remplir) de 0 %.

Étape 7

Dupliquez le calque que vous avez créé à l'étape 5 et désactivez tous les styles de calque sur cette copie. Maintenant, définissez les styles comme ceci :

Ombre intérieure(Ombre intérieure)

Lueur intérieure(Lueur intérieure)

Étape 8

Vous trouverez ci-dessous le résultat après avoir appliqué les styles de calque.

Étape 9

Nous allons maintenant créer des points de lumière mobiles. Créez 5 calques au-dessus de ceux existants et renommez-les 1,2,3, R et F. Si vous avez votre propre texte, créez des calques en fonction de vos lettres. Regroupez ces calques dans un dossier et donnez-lui un nom Taches lumineuses et changez le mode de fusion en Éclaircir la base(Couleur Dodge).

Activer l'outil Brosse(Outil Pinceau), sélectionnez une brosse douce, définissez Opacité(Opacité) à 95 % et dessinez des points au-dessus du texte en blanc. Pour chaque lettre, il y a un point lumineux distinct sur son propre calque. Ci-dessous, dans la capture d'écran, vous pouvez voir à quoi ressemblent les calques de l'auteur dans la palette des calques.

Étape 10

Passons maintenant au menu Fenêtre - Chronologie(Fenêtre > Chronologie). Vous remarquerez que vos calques sont déjà construits dans cette palette sur le côté gauche de celle-ci. Sélectionnez chacun des cinq calques de surbrillance du groupe. Taches lumineuses et assurez-vous que l'indicateur de l'heure actuelle (curseur bleu) est à l'image zéro. Maintenant sur chaque calque du groupe, lorsqu'il est actif, cliquez sur l'option Position(Position) pour créer une image clé.

Note du traducteur : Pour activer l'échelle de temps, cliquez sur le bouton Créer une chronologie pour une vidéo(Créer une chronologie vidéo) et toutes vos couches seront chargées dans la chronologie. Le même calque ou groupe sera sélectionné comme dans la palette des calques.

Étape 11

Réglez l’indicateur de l’heure actuelle (curseur bleu) sur 01h00 F et déplacez les calques avec des points lumineux le long de la trajectoire de leur mouvement par rapport au contour de la lettre.

Étape 12

Voici à quoi ressemblera la position initiale du point lumineux sur les lettres. Déplacez l'indicateur de l'heure actuelle le long de l'échelle et déplacez les calques avec des points lumineux, créant ainsi des images clés. Continuez à les déplacer jusqu'à ce que vous ayez fini de déplacer le point sur toute la lettre de chaque calque de texte. Pour obtenir des instructions, consultez quelques captures d’écran ci-dessous.