Joker RMK
Premium
- Inscription
- 5 Avril 2016
- Messages
- 229
- Réactions
- 179
- Points
- 11 816
Hola hola!
Today, petit tutoriel sur Photoshop pour créer une bannière 2D simple & clean .
Bref, parfait pour les débutants !
Matos :
- Une typographie simple et clean (Arial, Agency FB, Bebas,..)
- Une template bannière YouTube ou anything else
- Un background (Celui que j'utilise durant le Tutoriel :
Commençons par le commencement :
Après avoir choisi la résolution adéquate à votre bannière, Débloquer le calque 1 et laissez-le.
Puis, copier l'image et coller là sur votre .PSD (CTRL + V) puis dimensionnez-le à votre guise :
Ensuite, allez sur : [Image -> Mode -> Niveaux de Gris -> (Si on vous demande de fusionner les calques, mettez "Non") -> "Supprimer"]
Pas besoin de photo car étape relativement simple.
Maintenant, nous voulons éclaircir le fond, il y a des milliers de façon de le faire mais comme nous avons laissé le fond blanc de base il nous suffit simplement de baisser l'Opacité de l'image qu'on a importé jusque ce que le résultat vous plaises (Personnellement j'ai choisi 12%)
Il ne vous restes plus que modifier le calque 1 ( WHITE) à votre guise :
Là, écrivez le texte de votre choix avec la police et la couleur de votre choix (j'utilise Segoe WP Black)
Placez-le un peu vers le haut
Plus que 2 étapes avant la fin,
faites la même étape au dessus, créer un autre texte, dans celui-ci écrivez ce que vous voulez que se soit votre nom de team or anything else. Par contre, placez-le en dessous du Texte n°1
Comme je suis gentil, je vais vous faire un autre style de texte, donc dans l'exemple j'ai mis un cadre avec un texte, là je vais faire une autre chose, pour ce faire vous allez d'abord cliquer droit sur le calque du Texte 1 puis mettre (pixeliser le texte) ensuite appuyez sur CTRL + sélectionné le Texte 2, Cliquez bien sur le T comme ça sa sélectionne le texte, ce que vous allez faire après c'est : (Sélection -> Modifier -> Dilater... -> 9px puis ok) Vous verrez que la sélection à grandi, c'est le but. Maintenant cliquer sur le calque du texte 1 et cliquez sur la Touche : "Backspace" du clavier. Le résultat n'est pas superbe pour moi car ma police est trop simple, je conseille de mettre le Texte 2 avec une police stylé. PS : CTRL + D pour désélectionner
Enfin,
Cliquez sur CTRL + calque Texte 1 et en après CTRL + Shift sur le Texte 2 sa vous les sélectionneras tous les deux, Même chose dilater mais cette fois-ci de 10-15 px, une fois cela fait créer un calque puis cliquer ALT + DELETE pour le remplir et mettez son fond à 0% (en dessous de opacité)
(Sur le GIF j'ai baissé l'opacité à 0 mais c'est le fond qui doit être à 0 je me suis fail x))
Manque plus qu'à aller dans les options de fusions -> Ombre de portée et mettre ça :
Finish! Manque plus qu'à save et le tour et joué
Résultat final :
Temps de rédaction : 94 minutes
Désolé pour les fautes d'orthographes,..
Today, petit tutoriel sur Photoshop pour créer une bannière 2D simple & clean .
Bref, parfait pour les débutants !
https://reality-gaming.fr/proxy.php?image=http%3A%2F%2Fimg11.hostingpics.net%2Fpics%2F638186USERNAMETEMPLATEBANNER.png&hash=e728b2d03d4dd740cc84e8d29f9b12e4
Quelques conseils avant de débuter :
- Choisissez une combinaison de couleurs simples qui ne font pas trop mal aux yeux.
- Utilisez un fond pas trop trash, ayez tendance à utilisez des choses belles telles que : Voitures, Villes,..
- Si vous voulez rajoutez des choses (Twitter, Facebook,..) faites le bien, ne bâclé pas le travail, placez-les de sortes à ce qu'ils cohabitent en harmonie avec la bannière (ça se dit ?)
- Créer des dossiers pour vous organisez, cela vous permettra de ne pas vous perdre lors des étapes.
C'est tout :à
So let's begin the Tutoriel
- Choisissez une combinaison de couleurs simples qui ne font pas trop mal aux yeux.
- Utilisez un fond pas trop trash, ayez tendance à utilisez des choses belles telles que : Voitures, Villes,..
- Si vous voulez rajoutez des choses (Twitter, Facebook,..) faites le bien, ne bâclé pas le travail, placez-les de sortes à ce qu'ils cohabitent en harmonie avec la bannière (ça se dit ?)
- Créer des dossiers pour vous organisez, cela vous permettra de ne pas vous perdre lors des étapes.
C'est tout :à
So let's begin the Tutoriel
Matos :
- Une typographie simple et clean (Arial, Agency FB, Bebas,..)
- Une template bannière YouTube ou anything else
- Un background (Celui que j'utilise durant le Tutoriel :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
)Commençons par le commencement :
Après avoir choisi la résolution adéquate à votre bannière, Débloquer le calque 1 et laissez-le.
Puis, copier l'image et coller là sur votre .PSD (CTRL + V) puis dimensionnez-le à votre guise :
Ensuite, allez sur : [Image -> Mode -> Niveaux de Gris -> (Si on vous demande de fusionner les calques, mettez "Non") -> "Supprimer"]
Pas besoin de photo car étape relativement simple.
Maintenant, nous voulons éclaircir le fond, il y a des milliers de façon de le faire mais comme nous avons laissé le fond blanc de base il nous suffit simplement de baisser l'Opacité de l'image qu'on a importé jusque ce que le résultat vous plaises (Personnellement j'ai choisi 12%)
Il ne vous restes plus que modifier le calque 1 ( WHITE) à votre guise :
Là, écrivez le texte de votre choix avec la police et la couleur de votre choix (j'utilise Segoe WP Black)
Placez-le un peu vers le haut
Plus que 2 étapes avant la fin,
faites la même étape au dessus, créer un autre texte, dans celui-ci écrivez ce que vous voulez que se soit votre nom de team or anything else. Par contre, placez-le en dessous du Texte n°1
Comme je suis gentil, je vais vous faire un autre style de texte, donc dans l'exemple j'ai mis un cadre avec un texte, là je vais faire une autre chose, pour ce faire vous allez d'abord cliquer droit sur le calque du Texte 1 puis mettre (pixeliser le texte) ensuite appuyez sur CTRL + sélectionné le Texte 2, Cliquez bien sur le T comme ça sa sélectionne le texte, ce que vous allez faire après c'est : (Sélection -> Modifier -> Dilater... -> 9px puis ok) Vous verrez que la sélection à grandi, c'est le but. Maintenant cliquer sur le calque du texte 1 et cliquez sur la Touche : "Backspace" du clavier. Le résultat n'est pas superbe pour moi car ma police est trop simple, je conseille de mettre le Texte 2 avec une police stylé. PS : CTRL + D pour désélectionner
Enfin,
Cliquez sur CTRL + calque Texte 1 et en après CTRL + Shift sur le Texte 2 sa vous les sélectionneras tous les deux, Même chose dilater mais cette fois-ci de 10-15 px, une fois cela fait créer un calque puis cliquer ALT + DELETE pour le remplir et mettez son fond à 0% (en dessous de opacité)
(Sur le GIF j'ai baissé l'opacité à 0 mais c'est le fond qui doit être à 0 je me suis fail x))
Manque plus qu'à aller dans les options de fusions -> Ombre de portée et mettre ça :
Finish! Manque plus qu'à save et le tour et joué
Résultat final :
Temps de rédaction : 94 minutes
Désolé pour les fautes d'orthographes,..
C'est tout pour ce tuto !
Sayounara!
Joker.
Sayounara!
Joker.
Dernière édition: