Créez une signature élégante écrite avec un soupçon de fumée

Dans ce tutoriel, vous allez apprendre à créer un titre écrit qui semble être écrit en fumée avec l'utilisation de Trapcode Particular. L'effet final peut être utilisé à diverses fins, notamment pour créer une signature personnelle tout à fait unique pour votre travail..


REMARQUE: Cet effet a été inspiré par le plasticien de renom Pierre Michel. L'effet original peut être vu à la fin de cette vidéo. Il faut également prendre en compte le fait que je ne dis pas que j'ai créé cet effet ni que c’EST le moyen exact d’obtenir l’effet que Pierre utilise. C’est tout simplement ce que j’ai trouvé assez semblable.

Étape 1

Ouvrez votre programme de dessin de votre choix et créez un espace de travail de 800x450 (16: 9). Je vais utiliser Adobe Photoshop.

Étape 2

Avant d'écrire votre signature sur l'ordinateur, entraînez-vous à l'écrire sur un morceau de papier. Cela vous aidera à décomposer ce qui devrait aller dans chaque couche. Je veux dire par là: chaque fois que vous retirez votre crayon du papier, il devrait y avoir un nouveau calque. Faire ceci facilitera l'animation des étapes de trait.

Avec mon nom, je fais le 'A' avec un coup, le tiret à travers le A avec le deuxième coup, et 'ndrew' avec le troisième. J'ai utilisé différentes couleurs pour chaque calque pour vous aider à comprendre ce que je veux dire, mais ne donnez pas à chaque calque une couleur différente. Faites-les tous les mêmes. Je vais utiliser du rouge.

Notez que plus la taille du pinceau est fine, meilleur sera l'effet. Comme vous pouvez le voir sur l'image ci-dessous, la taille de mon pinceau était un peu épaisse.

Étape 3

Ctrl (ou commande) + cliquez sur chaque couche pour tout sélectionner et copier le contenu.

Étape 4

Créez un nouveau fichier (qui devrait par défaut correspondre à la taille exacte du calque sélectionné si vous l'avez copié) et collez-le. Enregistrer ceci sous .png et nommez-le comme il est. Pour celui-ci (ci-dessous), je l'enregistre sous "A". Pour les deux suivants, je les enregistrerais sous «tiret» et «ndrew».

Étape 5

Ouvrez After Effects et créez une nouvelle composition avec les paramètres suivants: 800x450, 29,97 ips et une durée de cinq (5) secondes..

Étape 6

Importer chacun des fichiers ('A', 'tiret' et 'ndrew') dans le nouveau projet.

Étape 7

Créez un nouveau solide noir, nommez-le 'arrière-plan' et verrouillez le calque.

Étape 8

Faites glisser chacun des fichiers image dans la composition et réduisez-les un peu afin qu'ils ne soient pas trop gras et n'occupent pas trop l'écran. Comme vous pouvez le constater, j'ai légèrement réduit le mien afin que les lignes soient plus fines, ce qui rendra l'effet de fumée plus convaincant..

Étape 9

Masquer chaque calque sauf le calque 'A.' Cela vous permettra d'être plus concentré lors de l'étape suivante..

Étape 10

Sélectionnez le calque 'A' et cliquez sur l'outil Plume. Avec l'outil crayon sélectionné, suivez le chemin que vous avez suivi pour écrire votre nom au-dessus du calque, comme si vous étiez en train de dessiner dessus. Dans l'image ci-dessous, j'ai placé des chiffres à côté de chaque «point» majeur de ma signature, vous donnant une idée du chemin suivi. Sauf si votre nom commence par un A et est écrit exactement de la même façon que j'écris le mien, vous devrez le faire en conséquence.

Étape 11

Avec le calque toujours sélectionné, allez dans Effet> Générer> Stroke. Cela créera une fine ligne blanche sur votre lettre.

Étape 12

Une fois le trait créé, augmentez le paramètre "Taille du pinceau" (sous les paramètres d'effet) jusqu'à ce que le trait s'insère parfaitement sur votre lettre. Si la largeur du trait est correcte, mais que certains des pointes du stylo ne sont pas bien positionnés, vous pouvez ajouter des sommets au masque et les manipuler pour obtenir un rendu parfait..

Étape 13

Sous les paramètres de trait, sélectionnez la liste déroulante en regard de Style de peinture, puis sélectionnez "Révéler l'image originale".

Étape 14

Avancez dans la composition deux (2) images, cliquez sur le chronomètre en regard de Terminer sous les paramètres de trait et réglez le% sur 0..

Étape 15

Avancez jusqu'à l'image quinze (15) et définissez le% de fin à 100. Cela fera apparaître l'effet de trait révélera la lettre A au cours de 13 images..

Étape 16

Dupliquez le calque A, sélectionnez-le, appuyez sur Entrée (ou sur Retour), renommez-le "A (Nouveau)" et placez-le sous le calque d'origine. Ceci appliquera le même trait que la couche A.

Étape 17:

Avec le calque 'A (Nouveau)' sélectionné (le calque inférieur de la lettre), allez à Effet> Flou & Netteté> Flou rapide..

Étape 18:

Définissez le paramètre Flou sous l’effet Flou rapide sur 10,0..

Étape 19:

Sélectionnez le calque 'A' et appuyez sur la touche T de votre clavier pour afficher l'opacité. Définissez ce paramètre à 60%.

Étape 20

Suivez à nouveau les étapes 9 à 19 pour chacune des autres sections de lettres (ou tirets) et définissez les images clés (qui révèlent les lettres en question) comme suit: La première lettre - et les tirets suivants - sont les plus rapides, tout le reste. des lettres qui sont connectées vont plus lentement. Vous pouvez voir les distances entre chaque image clé que j'ai définie ci-dessous et vous en servir comme guide. En fonction de la longueur de votre nom et de votre ensemble de lettres, vos paramètres seront probablement différents. Vos images clés seront en fait des diamants, mais j'ai minimisé les calques pour économiser de l'espace..

Étape 21

Maintenant sur les bonnes choses. Aller au calque> Nouveau> Lumière…

Étape 22

Définissez le nom de la lumière sur 'Emitter' (sans guillemets). C'est ainsi que Particulier reconnaîtra la lumière et l'utilisera comme trajectoire. Définissez également le type de lumière sur Point. Quand la petite boîte d'avertissement vient parler de calques 3D, cliquez sur 'OK'.

Étape 23

Allez à Calque> Nouveau> Solide… et donnez le nom 'Particules'.

Étape 24

Sélectionnez le calque Particles et allez à Effect> Trapcode> Particulier..

Étape 25

Sur la première image (00000) de la composition, sous les paramètres d'émetteur de Particuliers, définissez Particles / s sur 0 et définissez le type d'émetteur sur Light. Ceci suivra par défaut le premier Light intitulé Emitter.

Étape 26

Sélectionnez la couche d'émetteur. Accédez à l'image 00002 et appuyez sur P sur votre clavier pour afficher les paramètres de Position. Appuyez sur le chronomètre à côté de Position et déplacez l'émetteur à l'endroit où votre première lettre va commencer. Vous n'avez pas besoin d'utiliser la flèche verte en Y ou la flèche rouge en X pour le déplacer, faites-le simplement glisser par cette petite chose d'aspect beige.

Étape 27

Avancez dans le temps jusqu'à l'endroit où chaque point majeur (voir l'étape 10 si vous ne savez pas de quoi je parle) est créé et déplacez l'émetteur en conséquence. Lorsque vous faites cela, ce ne sera pas parfait lors du premier balayage, mais vous pouvez faire glisser et manipuler les points une fois que vous les avez créés. Vous pouvez également tordre les petites choses de sorte que les virages ressemblent réellement à la lettre..

Comme vous pouvez le voir dans le mien, je n'ai pas fait 6 points comme je l'ai dit auparavant car cette partie ne doit pas nécessairement être parfaite. Je ne vous conseille pas vraiment de le rendre parfait non plus, car cela pourrait le faire paraître mécanique - le contraire de ce que nous voulons réellement.

Remarque: L'image ci-dessous contient les images clés au mauvais endroit. Ne suivez donc pas l'image à la lettre. Je tape ceci maintenant car le tutoriel est terminé parce que je viens de le réaliser après l'avoir relu. J'ai saisi mon erreur lors de la modification et je l'ai modifiée comme vous le verrez à l'étape 28; référez-vous donc aux images clés de l'étape 28..

Étape 28

Répétez l'étape 27 pour le reste des lettres de votre nom, en fonction de la vitesse à laquelle elles sont révélées. N'oubliez pas que cela ne doit pas nécessairement être parfait. Comme vous pouvez le voir avec le mien, dans la section 'ndrew', le chemin de l'émetteur est fondamentalement une ligne droite, sauf aux points où une lettre en relief apparaît (d et w). C’est la seule fois où vous voulez suivre le chemin exactement au lieu de vous contenter de faire des lignes droites. Vous devriez aussi faire cela dans l'autre sens si vous avez une lettre en votre nom qui tombe, comme un j ou un y.

Étape 29

Maintenant pour les particules. Passez au cadre 00002 et sélectionnez la couche Particles. Définissez les particules / s sur 2000, les valeurs de vitesse et de vitesse aléatoires [%] sur 0,0, la vitesse de déplacement de [%] sur 9,0 et les tailles d'émetteur X, Y et Z sur 0. Vous devez créer une petite boule blanche. . Si vous parcourez la chronologie, vous aurez un aperçu de ce que nous essayons d'accomplir..

Étape 30

Sélectionnez le calque Particles et allez à Effect> Correction des couleurs> Teinte / Saturation.

Faites défiler en avant quelques images dans la timeline afin qu’une lettre soit disponible pour vous permettre de colorer vos particules. Cochez la case Coloriser sous Teinte / Saturation. Faites glisser Colorize Lightness jusqu'à environ -50 et Colorize Saturation jusqu'à 100. Si vous vous déplacez autour du paramètre + 0.0 ° en regard de Colorize Hue, la couleur réelle sera modifiée. Pour la couleur que j'ai utilisée, j'ai un peu bricolé avec les réglages jusqu'à ce que je sois arrivé à un point où je pense que ça a l'air bien. Si vous utilisez la même couleur que moi, utilisez mes paramètres comme guide.

Étape 31

Voici où cette technique devient un peu délicate. Je dis cela uniquement parce qu'il y a tellement de variables qui pourraient rendre la vôtre différente de la mienne. Ces variables incluent la taille exacte de vos lettres et la durée exacte entre les images clés. Essayez donc de vous en tenir au didacticiel et d'utiliser mes paramètres comme guide..

Dans le calque Particules, dans les paramètres particuliers, sous la section Particle, définissez les paramètres suivants: Life [sec]: 1.2, Life Random [%]: 85, Size: 2.0, Opacity: 12, Opacity Random [%]: 75.

Encore une fois, gardez à l'esprit que ces paramètres peuvent ne pas fonctionner parfaitement pour votre signature unique, mais cela devrait vous amener à un point où un petit ajustement supplémentaire peut vous permettre de faire les choses qui vous conviennent. La clé pour voir si vous aimez les paramètres est simplement de continuer à parcourir la chronologie pour la prévisualiser. Si les particules sont trop grasses ou durent trop longtemps, essayez de jouer avec quelques-uns des paramètres que nous venons de modifier..

Étape 32

Cette étape vous sera probablement du moins utile pour déterminer exactement quels nombres utiliser, mais elle vous aidera à isoler les variables que vous devriez expérimenter. Selon la composition de votre signature, différents réglages vous conviendront. Par conséquent, vous devrez faire des essais..

Sous Paramètres particuliers de la couche Particules, sous la section Air, j'ai utilisé les paramètres suivants: Résistance à l'air: 47.5, Vent X: 168 (vous souhaitez que le vent souffle les particules à droite de l'écran), Vent Y: - 147 (vous voulez que les particules soient soufflées vers le haut).

Dans la section Champ de turbulence, j’utilisais les paramètres suivants: Affect Position: 610, Time Before Affect [sec]: 0.6, Scale: 15.1. Cela affectera le nombre de torsions et de virages de vos particules. Vous ne voulez pas trop et vous ne voulez pas trop peu.

Complexité: 3 (Ce champ a presque le même effet que le champ Scale, mais il affecte le nombre de torsions et de retournements que les particules effectuent après qu’elles se sont tordues et se sont détournées de Scale - déroutant, je sais!), Octave Multiplier: 0.5 , Octave Scale: 1.5, Evolution Speed: 16.0 (Cela envoie vraiment les particules partout et les fait se déplacer très rapidement si vous le définissez trop haut. Nous voulons que cet effet soit lent et régulier.), Et Move With Wind [ %]: 77 (Vous voulez que cela soit par ici, parce que vous voulez bien sûr que les particules flottent vers le haut et à droite, la direction dans laquelle le texte est écrit)

Étape 33

Maintenant, nous sommes hors de territoire fou. A partir de maintenant, cela devient assez simple (vu qu'il n'y a plus que trois marches - ouf!!). Une fois que vous vous êtes assuré que vos particules flottent de manière à ressembler à la vidéo de prévisualisation et / ou que vous avez l’air sympa, sélectionnez votre calque Particles et, sous Paramètres particuliers, accédez à la section Émetteur. Appuyez sur U sur votre clavier pour afficher les images clés créées sous le calque Particles..

Étape 34

Pour chaque fois que votre stylo imaginaire arrête d’écrire ou «se décolle du papier» (par exemple, c’est juste après que l’arc de la ligne A est créé et avant le tiret), passez d’une image clé à l’avant si vous soulevez du papier à 00005 images, passez à 00004 images) et cliquez sur Créer une image clé. Encore une fois, ce bouton est le petit diamant à gauche sous la couche de particules dans la même rangée que le chronomètre pour Particles / s.

Sur le cadre suivant, le cadre où le stylo réellement soulève le papier, réglez les particules / s sur 0. Cela évite que les particules n'émettent toujours pendant que rien n'est en cours d'écriture.

Étape 35

Il est maintenant temps de faire l’opposé de l’étape 35, c’est-à-dire qu’une image avant le stylo est à nouveau appuyée, créez une image clé, avancez d’une image et réglez le nombre de particules par seconde jusqu’à 2000, suivi de l’étape 35 à chaque fois. stylo touche et laisse le papier.

Étape 36

Vous avez pratiquement terminé si les paramètres que vous avez définis à l'intérieur de Particulier sont exactement ceux que vous souhaitiez. Les images pour chaque étape ne sont pas réellement à la perfection représente ce que chaque image est dans la vidéo de prévisualisation parce que je suis en fait retourné et bidouillé avec quelques-uns des paramètres par la suite. Les réglages que je vous ai donnés à ces étapes étaient des moyennes qui semblaient bien paraître toutes les fois où j'ai essayé l'effet, ce qui devrait signifier qu'elles vous seront utiles lorsque vous utiliserez cet effet avec votre propre signature..

Téléchargez le fichier de projet After Effects pour ce didacticiel.