YOUPASS - convertir le crédit téléphonique en monnaie ! : Partenaire RealityGaming.fr

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

Mehdi Z

Alias B13zer/Graphiste
Premium
Inscrit
20 Février 2013
Messages
1 987
J'aime
785
Points
5 281
Reply from Mehdi Z Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design ! #1
(TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design ! Tutoriels et guides  Tutoriels et guides

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 :

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

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) :

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

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 :

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

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 :

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

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é :

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

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

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

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 :

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

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

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

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

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

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 :

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

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 :

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

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

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

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 :

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

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 :

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

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é !

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

TADAAAAA !
Voici le résultat :

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

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:


 
Inscrit
15 Octobre 2016
Messages
834
J'aime
454
Points
1 166
Reply from Nöwel' Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design ! #2
Voir la pièce jointe 103976

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 :

Voir la pièce jointe 103980

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) :

Voir la pièce jointe 103981 Voir la pièce jointe 103982 Voir la pièce jointe 103983

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 :

Voir la pièce jointe 103984

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 :

Voir la pièce jointe 103985

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é :

Voir la pièce jointe 103986

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

Voir la pièce jointe 103987

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 :

Voir la pièce jointe 103988

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

Voir la pièce jointe 103989

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

Voir la pièce jointe 103991

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 :

Voir la pièce jointe 103992

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 :

Voir la pièce jointe 103993

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

Voir la pièce jointe 103994 Voir la pièce jointe 103995

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 :

Voir la pièce jointe 103996

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 :

Voir la pièce jointe 103997

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é !

Voir la pièce jointe 103998

TADAAAAA !
Voici le résultat :

Voir la pièce jointe 103999

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
Premium
Inscrit
20 Février 2013
Messages
1 987
J'aime
785
Points
5 281
Reply from 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 ;)
 

Novah 鬼塚

Graphiste
Ancien staff
Inscrit
22 Juin 2012
Messages
1 660
J'aime
1 188
Points
5 313
Reply from 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 :)
 
Inscrit
12 Octobre 2012
Messages
366
J'aime
80
Points
3 781
Reply from 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
Premium
Inscrit
20 Février 2013
Messages
1 987
J'aime
785
Points
5 281
Reply from 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
 

Rska

Membre Premium
Premium
Inscrit
30 Mai 2015
Messages
934
J'aime
298
Points
3 603
Reply from Rska 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.
 
Inscrit
12 Octobre 2012
Messages
366
J'aime
80
Points
3 781
Reply from 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
Premium
Inscrit
20 Février 2013
Messages
1 987
J'aime
785
Points
5 281
Reply from 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
Premium
Inscrit
20 Février 2013
Messages
1 987
J'aime
785
Points
5 281
Reply from Mehdi Z Forums généraux Infographie 🎨 Tutoriels et guides : (TUTOS GFX) #1 - Créez vos miniatures YouTube avec un beau design ! #17

Insomniaque97

Donateur
Premium
Inscrit
21 Juillet 2015
Messages
1 090
J'aime
504
Points
3 775
Reply from 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

Donateur
Premium
Inscrit
21 Juillet 2015
Messages
1 090
J'aime
504
Points
3 775
Reply from 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