Photoshop (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !

Mehdi Z

Alias B13zer/Graphiste
Contributeur
Inscription
20 Février 2013
Messages
2 036
Réactions
804
Points
8 591
    Réponse de Mehdi Z Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #1
You must be registered for see images attach


Hello mes bros, c'est Mehdi Z, comment allez-vous ?

Aujourd'hui, j'ai le plaisir de démarrer des tutoriels GFX afin d'aider les graphistes débutants à se perfectionner, ou tout simplement vous permettre de créer vos propres images si vous êtes dans le besoin !

L'Episode 1 va porter sur la création d'une miniature YouTube, plutôt design, que je conseille surtout pour les personnes détenant des chaines YouTube de tutoriels principalement :D

Les screens sont en miniature, donc cliquez dessus pour avoir accès à l'image en taille maximale :p


Que le tuto commence !

———————————————————————————————————————————
Tout d'abord, créer un nouveau projet Photoshop en faisant les mêmes que sur le screen :

You must be registered for see images attach


Une fois cela fait, déverrouillez le calque de l'arrière plan, en cliquant sur le cadenas.
Puis bouton droit, option fusion, et cocher "couleur en dégradé", "ombre interne" et "ombre portée" et modifiez les réglages pour avoir les mêmes que les miens ! (vous pouvez éventuellement les modifier et changer la couleur comme bon vous semble :D) :

You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach


Ok, nous avons notre fond, il faudrait peut être ajouter un peu de vivacité à cette image toute palle, vous ne croyez pas ?

Outil forme, sélectionnez l'outil rectangle et dessinez un rectangle en blanc comme ceci :

You must be registered for see images attach


Dupliquez le rectangle en sélectionnant le calque du rectangle et en appuyant sur CTRL J (Windows) ou CMD J (Mac) et déplacez le en le mettant à l'opposé du premier :

You must be registered for see images attach


Nous allons découper ces rectangles pour obtenir des rectangles sympathiques pour placer votre logo par exemple ou même du texte !
Pour cela, sélectionnez l'outil "Lasso polygonal", et essayez de reproduire mon tracé :

You must be registered for see images attach


Convertissez vos deux rectangles en objets dynamiques et pixellisez les deux calques.
Puis appuyez sur supprimer ! :

You must be registered for see images attach


Faites de mêmes pour l'autre rectangle, mais cette fois ci, le triangle sera à l'opposé du premier (pas en bas à gauche mais en haut à droite)...
Une manière d'aller plus vite, prenez la sélection du premier rectangle, faites clique droit dessus, transformer la sélection, puis faites, "Edition", "Transformation", "Rotation 180°", puis déplacer la sélection afin d'obtenir ceci :

You must be registered for see images attach


Puis supprimer, afin d'avoir vos deux triangles identiques :D
(N'oubliez pas de sélectionner le calque correspondant au deuxième rectangle !) :

You must be registered for see images attach


Dans vos deux rectangles, faites "Options de fusions", sélectionnez "Contour" et mettez ces options ! :

You must be registered for see images attach


La différence ne se voit pas trop, mais ça apporte une petite touche à vos triangles :D !
Mettez ce que vous voulez dans vos triangles, je vais ajouter mon logo et le logo de Photoshop pour ma part :

You must be registered for see images attach


Nous allons maintenant ajouter le texte !
Optez pour une police d'écriture simple pour cette miniature...pour ma part, j'ai sélectionné Code Bold et tapez votre texte !
Vous pouvez éventuellement ajouter un texte plus petit en dessous du plus grand (j'ai utilisé Code Light pour le second texte) , je vous conseille de les écrire en blanc comme ceci :

You must be registered for see images attach


Ajoutons quelques effets sur le grand texte !
"Options fusion", "Contour", et "Ombre interne" et suivez les réglages suivants :

You must be registered for see images attach
You must be registered for see images attach


On va ajouter un rectangle très très très fin !
Outil rectangle, et tracer un rectangle tellement fin, qu'il ne se voit limite pas, et faites en sorte qu'il soit de couleur blanche :p :

You must be registered for see images attach


Convertissez votre rectangle en objet dynamique et pixellisez le !
Ensuite, allez dans "Filtres", "Atténuation", "Flou Gaussien" et faites les mêmes réglages que moi :

You must be registered for see images attach


Puis, pour finir, allez dans "Filtres", "Galeries de flou", et "Flou de tracé", et suivez les mêmes réglages que moi (désolé, c'est en anglais), ça va donner un effet très classe à votre tracé !

You must be registered for see images attach


TADAAAAA !
Voici le résultat :

You must be registered for see images attach


C'est mon premier tutoriel, j'en ferai sans doute d'autres si j'ai le temps :D

Profitez bien de vos belles miniatures YouTube les bros ! :ok:
Peeeeace ! :neo:


 

Nöwel'

Banni
Inscription
15 Octobre 2016
Messages
829
Réactions
453
Points
1 166
    Réponse de Nöwel' Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #2
You must be registered for see images attach


Hello mes bros, c'est Mehdi Z, comment allez-vous ?

Aujourd'hui, j'ai le plaisir de démarrer des tutoriels GFX afin d'aider les graphistes débutants à se perfectionner, ou tout simplement vous permettre de créer vos propres images si vous êtes dans le besoin !

L'Episode 1 va porter sur la création d'une miniature YouTube, plutôt design, que je conseille surtout pour les personnes détenant des chaines YouTube de tutoriels principalement :D

Les screens sont en miniature, donc cliquez dessus pour avoir accès à l'image en taille maximale :p


Que le tuto commence !

———————————————————————————————————————————
Tout d'abord, créer un nouveau projet Photoshop en faisant les mêmes que sur le screen :

You must be registered for see images attach


Une fois cela fait, déverrouillez le calque de l'arrière plan, en cliquant sur le cadenas.
Puis bouton droit, option fusion, et cocher "couleur en dégradé", "ombre interne" et "ombre portée" et modifiez les réglages pour avoir les mêmes que les miens ! (vous pouvez éventuellement les modifier et changer la couleur comme bon vous semble :D) :

You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach


Ok, nous avons notre fond, il faudrait peut être ajouter un peu de vivacité à cette image toute palle, vous ne croyez pas ?

Outil forme, sélectionnez l'outil rectangle et dessinez un rectangle en blanc comme ceci :

You must be registered for see images attach


Dupliquez le rectangle en sélectionnant le calque du rectangle et en appuyant sur CTRL J (Windows) ou CMD J (Mac) et déplacez le en le mettant à l'opposé du premier :

You must be registered for see images attach


Nous allons découper ces rectangles pour obtenir des rectangles sympathiques pour placer votre logo par exemple ou même du texte !
Pour cela, sélectionnez l'outil "Lasso polygonal", et essayez de reproduire mon tracé :

You must be registered for see images attach


Convertissez vos deux rectangles en objets dynamiques et pixellisez les deux calques.
Puis appuyez sur supprimer ! :

You must be registered for see images attach


Faites de mêmes pour l'autre rectangle, mais cette fois ci, le triangle sera à l'opposé du premier (pas en bas à gauche mais en haut à droite)...
Une manière d'aller plus vite, prenez la sélection du premier rectangle, faites clique droit dessus, transformer la sélection, puis faites, "Edition", "Transformation", "Rotation 180°", puis déplacer la sélection afin d'obtenir ceci :

You must be registered for see images attach


Puis supprimer, afin d'avoir vos deux triangles identiques :D
(N'oubliez pas de sélectionner le calque correspondant au deuxième rectangle !) :

You must be registered for see images attach


Dans vos deux rectangles, faites "Options de fusions", sélectionnez "Contour" et mettez ces options ! :

You must be registered for see images attach


La différence ne se voit pas trop, mais ça apporte une petite touche à vos triangles :D !
Mettez ce que vous voulez dans vos triangles, je vais ajouter mon logo et le logo de Photoshop pour ma part :

You must be registered for see images attach


Nous allons maintenant ajouter le texte !
Optez pour une police d'écriture simple pour cette miniature...pour ma part, j'ai sélectionné Code Bold et tapez votre texte !
Vous pouvez éventuellement ajouter un texte plus petit en dessous du plus grand (j'ai utilisé Code Light pour le second texte) , je vous conseille de les écrire en blanc comme ceci :

You must be registered for see images attach


Ajoutons quelques effets sur le grand texte !
"Options fusion", "Contour", et "Ombre interne" et suivez les réglages suivants :

You must be registered for see images attach
You must be registered for see images attach


On va ajouter un rectangle très très très fin !
Outil rectangle, et tracer un rectangle tellement fin, qu'il ne se voit limite pas, et faites en sorte qu'il soit de couleur blanche :p :

You must be registered for see images attach


Convertissez votre rectangle en objet dynamique et pixellisez le !
Ensuite, allez dans "Filtres", "Atténuation", "Flou Gaussien" et faites les mêmes réglages que moi :

You must be registered for see images attach


Puis, pour finir, allez dans "Filtres", "Galeries de flou", et "Flou de tracé", et suivez les mêmes réglages que moi (désolé, c'est en anglais), ça va donner un effet très classe à votre tracé !

You must be registered for see images attach


TADAAAAA !
Voici le résultat :

You must be registered for see images attach


C'est mon premier tutoriel, j'en ferai sans doute d'autres si j'ai le temps :D

Profitez bien de vos belles miniatures YouTube les bros ! :ok:
Peeeeace ! :neo:


Salut Mehdi Z,

Merci à toi pour le tutoriel, cela peut servir pour toute les personnes qui commence sur YouTube. :rolleyes:
 

Mehdi Z

Alias B13zer/Graphiste
Contributeur
Inscription
20 Février 2013
Messages
2 036
Réactions
804
Points
8 591
    Réponse de Mehdi Z Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #3
Salut Mehdi Z,

Merci à toi pour le tutoriel, cela peut servir pour toute les personnes qui commence sur YouTube. :rolleyes:
Avec plaisir mon bro :D
Ca peut aussi aider les plus avancés qui savent pas manier Photoshop ;)
 

Nöwel'

Banni
Inscription
15 Octobre 2016
Messages
829
Réactions
453
Points
1 166
    Réponse de Nöwel' Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #4

Mehdi Z

Alias B13zer/Graphiste
Contributeur
Inscription
20 Février 2013
Messages
2 036
Réactions
804
Points
8 591
    Réponse de Mehdi Z Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #5

Novah 鬼塚

Graphiste
Ancien staff RG
Inscription
22 Juin 2012
Messages
1 658
Réactions
1 187
Points
11 633
    Réponse de Novah 鬼塚 Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #6
Très bon tuto :)
 

LeSudiste

Membre
Inscription
12 Octobre 2012
Messages
365
Réactions
80
Points
3 781
    Réponse de LeSudiste Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #8
Tutoriel bien complet. Cela va en était plus d'un. Je suis Youtubeur mais pour moi ça me paraît complexe.
 

Mehdi Z

Alias B13zer/Graphiste
Contributeur
Inscription
20 Février 2013
Messages
2 036
Réactions
804
Points
8 591
    Réponse de Mehdi Z Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #9
Tutoriel bien complet. Cela va en était plus d'un. Je suis Youtubeur mais pour moi ça me paraît complexe.
Non c'est vraiment simple ^^
Répète souvent le tutoriel et ca va rentrer tout seul, crois moi :D
Mais merci beaucoup mon bro <3
 

JVLIVS

Contributeur
Inscription
30 Mai 2015
Messages
925
Réactions
302
Points
4 913
    Réponse de JVLIVS Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #10
J'apprécie ton tuto.
 

Mehdi Z

Alias B13zer/Graphiste
Contributeur
Inscription
20 Février 2013
Messages
2 036
Réactions
804
Points
8 591
    Réponse de Mehdi Z Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #11

LeSudiste

Membre
Inscription
12 Octobre 2012
Messages
365
Réactions
80
Points
3 781
    Réponse de LeSudiste Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #12
Non c'est vraiment simple ^^
Répète souvent le tutoriel et ca va rentrer tout seul, crois moi :D
Mais merci beaucoup mon bro <3
Derien c'est normal, quand un travail est bien fait il faut le dire. On le dit jamais assez trop
Oui j'aimerai bien réussir ton tuto afin de professionnaliser ma chaine Youtube
 

Mehdi Z

Alias B13zer/Graphiste
Contributeur
Inscription
20 Février 2013
Messages
2 036
Réactions
804
Points
8 591
    Réponse de Mehdi Z Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #13
Derien c'est normal, quand un travail est bien fait il faut le dire. On le dit jamais assez trop
Oui j'aimerai bien réussir ton tuto afin de professionnaliser ma chaine Youtube
Il est pas dur tu verras mon bro <3
 

Mehdi Z

Alias B13zer/Graphiste
Contributeur
Inscription
20 Février 2013
Messages
2 036
Réactions
804
Points
8 591
    Réponse de Mehdi Z Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #15

LeSudiste

Membre
Inscription
12 Octobre 2012
Messages
365
Réactions
80
Points
3 781
    Réponse de LeSudiste Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #16

Mehdi Z

Alias B13zer/Graphiste
Contributeur
Inscription
20 Février 2013
Messages
2 036
Réactions
804
Points
8 591
    Réponse de Mehdi Z Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #17

Insomniaque97

Contributeur
Inscription
21 Juillet 2015
Messages
1 088
Réactions
502
Points
5 085
    Réponse de Insomniaque97 Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #18
Sympa ce tutoriel !
 

Insomniaque97

Contributeur
Inscription
21 Juillet 2015
Messages
1 088
Réactions
502
Points
5 085
    Réponse de Insomniaque97 Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design !
  • #20
Avec plaisir poto !
 

Haut Bas