Tutoriel PS en ligne : affiche de star façon Douyin

Environ 15 min de lecture

Accueil/ Tutoriels PS/ Tutoriel PS en ligne : affiche de star façon Douyin

L'ossature d'une affiche de star façon Douyin, c'est du décalage et des couleurs qui se heurtent. Créez un nouveau plan de travail, dupliquez le calque et séparez-le en couches, écartez le rouge, le vert et le bleu pour l'effet glitch, puis ajoutez couleur et lignes d'accent avant de poser la typographie. La même recette fonctionne en format portrait ou paysage dans Online PS.

1️⃣ Préparation

  1. Ouvrez l'éditeur Online PS et cliquez sur Fichier → Nouveau en haut à gauche (ou appuyez sur Ctrl+Alt+N).
    Réglez le plan de travail sur 210 mm × 297 mm (A4), résolution 72 ppp, mode colorimétrique RVB, contenu de l'arrière-plan Blanc, puis cliquez sur Créer.
  2. Importez la photo de la star que vous voulez mettre en avant (par exemple Jay Chou) via Fichier → Ouvrir, ou faites-la glisser directement dans Photoshop.
  3. Revenez sur le nouveau plan de travail A4, utilisez Fichier → Placer comme objet incorporé… (ou Ctrl+Maj+P) et choisissez la photo que vous venez d'ouvrir.
    Appliquez la règle des tiers (laissez environ 1/6 du cadre en marge à gauche, à droite, en haut et en bas pour donner plus de tension à la composition), validez, et l'image devient un calque — renommez ce calque Jay Chou.

2️⃣ Création et duplication des calques

  1. Sélectionnez le calque Jay Chou et appuyez trois fois sur Ctrl+J pour obtenir trois calques identiques. Renommez-les dans l'ordre R, G et B (vous pouvez supprimer ou masquer l'original).
  2. Chacun des calques R, G et B reçoit ses propres réglages de mélange de couches à l'étape suivante, ce qui prépare le décalage des couches de couleur.

3️⃣ Mélange de couches (décalage RVB)

C'est l'étape clé derrière ce look de « franges de couleur glitch » que l'on voit dans tant de vidéos courtes Douyin.

  1. Sélectionnez le calque R → clic droit → Options de fusion… → ouvrez Fusion avancée à gauche de la boîte de dialogue → dans la ligne Couches, cochez R (ne gardez que la couche rouge).
  2. De la même façon, ne gardez que la couche G sur le calque G et que la couche B sur le calque B.
  3. Déplacez le calque R de 7 px vers la gauche et le calque G de 7 px vers la droite (laissez B en place), avec V (outil Déplacement) et les flèches, ou simplement en le faisant glisser.
    L'image présente maintenant un léger décalage de couleur, comme l'aperçu d'un signal de télévision perturbé.
Astuce : pour une sensation de « panne de signal » plus forte, poussez le décalage à 10–15 px, ou décalez aussi le calque B à gauche et à droite (disons ±2 px) — assurez-vous simplement que la couleur d'ensemble ne finisse pas délavée.

4️⃣ Déplacements — cassures et courts-circuits

  1. Dans le panneau Calques, sélectionnez les calques R, G et B et appuyez sur Ctrl+Maj+Alt+E (Fusionner les visibles sur un nouveau calque) pour obtenir un calque fusionné ; nommez-le Displace.
  2. Le calque Displace sélectionné, utilisez le Rectangle de sélection (M) pour tracer plusieurs sélections au hasard sur l'image (tailles variées, répartition lâche).
    Quand c'est fait, passez à l'outil Déplacement (V) et faites glisser chaque sélection de quelques pixels à gauche ou à droite pour créer cet aspect brisé et court-circuité.
  3. Facultatif : appliquez des filtres comme Filtre → Distorsion → Onde ou Filtre → Pixellisation → Mosaïque au calque Displace (ou à une partie de celui-ci) pour une texture glitch supplémentaire.
    Commencez par une Onde douce (amplitude autour de 5–10), puis passez à la Mosaïque avec une taille de cellule de 3–5, et affinez à l'œil sur l'ensemble de l'image.
  4. Quand tous les déplacements sont faits, désélectionnez (Ctrl+D) et vérifiez le résultat global. Si les fragments sont trop denses et encombrent l'image, supprimez-en quelques-uns à la Gomme ou avec un Masque.
Équilibrer la densité : commencez par de grands déplacements (5–6 rectangles d'environ 150 px de côté) pour installer la silhouette générale, puis glissez de petits (20–30 px) entre eux — l'image gagne à la fois en impact et en profondeur.

5️⃣ Couleur et accents

  1. Créez un nouveau calque vide au-dessus du calque Displace avec Maj+Ctrl+N → validez.
    Appuyez sur Ctrl+Suppr (ou réglez la couleur de premier plan sur #f018cd dans le panneau Couleur et remplissez) pour remplir le calque de cette couleur.
    Passez le mode de fusion du calque en Superposition et son opacité à 85 % pour laver toute l'image d'un magenta doux, ce qui donne plus d'atmosphère au glitch.
  2. Créez un autre calque vide avec Maj+Ctrl+N → choisissez Motif comme contenu de remplissage, cliquez sur Motif personnalisé et prenez Lignes horizontales (ou un motif de lignes téléchargé ; le « Grille » par défaut fera l'affaire si vous n'avez rien d'autre).
    Passez le mode de fusion de ce calque en Densité linéaire - et son opacité à 8 % pour ajouter une fine texture de lignes, comme les lignes de balayage d'un vieux téléviseur.
Palettes alternatives :
  • Pour un rendu plus froid, passez la couleur de premier plan sur #0ddff5 (bleu pâle) et continuez en Superposition.
  • Pour un rendu plus chaud, utilisez #ff9326 (orange) de la même manière.

6️⃣ Typographie

Le texte est l'âme d'une affiche. L'exemple ci-dessous utilise « Jay Chou » et « Nocturne » — remplacez-les par le nom d'artiste ou le titre de votre choix.

  1. Créez un calque de texte (T) et saisissez Jay Chou. Une sans serif classique fait l'affaire (Source Han Sans, ou la « PingFang SC Medium » prisée sur Douyin) ; taille autour de 96 pt (à adapter à votre plan de travail), couleur blanc pur #ffffff ou un #ffde00 légèrement lumineux, aligné au centre.
    Utilisez Calque → Style de calque → Lueur externe avec la couleur #ff018c (rose) et une taille d'environ 30 px pour donner de la profondeur.
  2. Créez un autre calque de texte et saisissez RED SUN (ou le titre chinois « Nocturne »), taille autour de 48 pt, dans le même blanc ou un #ffd700 métallique (or), et inclinez-le le long du tracé de texte (Édition → Transformation → Perspective) pour le rendre plus dynamique.
  3. Pour ajouter de la profondeur, tracez deux fines lignes derrière le texte (Forme → Ligne) en #f018cd (comme le calque en Superposition ci-dessus), mode de fusion Superposition, opacité abaissée à environ 30 %, placées librement comme des lignes de balayage décoratives.
  4. Ajustez la mise en page générale : gardez le portrait de la star (le calque principal) derrière le calque de texte sans qu'il soit masqué par lui, et placez le texte dans les zones vides ou ajoutez une ombre discrète pour la lisibilité.
Astuces de mise en page :
  • Utilisez les outils d'alignement (Fenêtre → Alignement) pour centrer le texte horizontalement ou verticalement en un clic.
  • Pour un effet de texte entrelacé avec l'image, passez le mode de fusion du calque de texte en Écran, ou descendez le calque de texte sous le calque Displace pour un « texte glitch » semi-transparent.

7️⃣ Export

  1. Une fois les positions, les couleurs et le texte validés, enregistrez d'abord un PSD pour pouvoir retoucher plus tard (Ctrl+Maj+S → choisissez PSD).
  2. Exportez un fichier pour les plateformes sociales :
    Fichier → Exporter sous → PNG (ou JPEG), en gardant la taille à 210 mm × 297 mm (72 ppp) et une qualité de 90 %+ (JPEG).
    Si vous publiez sur Douyin (vertical), convertissez l'affiche en plan de travail portrait 1080 × 1920 px avec Image → Taille de l'image, ou saisissez les dimensions à la main dans Fichier → Exporter sous → PNG.
  3. Terminé ! Importez l'image finale directement sur Douyin, Weibo ou toute autre plateforme, ajoutez de la musique, et vous avez une affiche de star à fort impact 🎉

Références

  • Online PS
  • Documentation officielle Adobe
  • Sites de tutoriels PS