Faire un avatar avec Photoshop CS6

Valent1

Membre
Inscription
3 Septembre 2013
Messages
1 356
Réactions
696
Points
4 455
RGCoins
0
You must be registered for see images attach

Bonjour à tous, je suis SE7EN, GFX de la team GDN mais j'ai décidé de me reconvertir en rédacteur et ainsi obtenir le grade violet tant convoité. Quand je me fixe un objectif, j'ai pour but de l'atteindre et c'est grâce à vous que je peux y arriver. Vos commentaires sont utiles, me font avancer ainsi que vos critiques qui sont toujours agréables à lire car cela montre à quel nous sommes en constante amélioration. Mes tutoriels ont our habitude d'être simple mais complet. A vous de juger!

Aujourd'hui nous allons donc voir comme créer un avatar sur Photoshop (CS6 dans mon exemple mais une version antérieure est acceptée) avec quelques conseils qui vont s'avérer utiles. Vous allez donc commencer par créer un nouveau "projet" que nous allons appeler "Mon avatar RealityGaming".

You must be registered for see images attach

Dans cette fenêtre qui vient de s'ouvrir nous avons plusieurs options, celles qui nous intéressent sont Largeur, Hauteur, Contenu de l'arrière plan. Personnellement ce sont les seules que j'utilises mais vous en avez d'autres donc vous êtes libre de laisser parler votre créativité. Les dimensions habituelles pour un avatar sont 500x500 mais depuis peu je me suis aperçu qu'en 640x640 c'était la version HD sur la plupart des sites (facebook surtout). Donc vous allez choisir vos dimensions (un carré obligatoirement) et vous allez choisir "Pixels" si c'est sur autre chose. Dans le contenu je vous conseille de choisir "Transparent".


Nous avons donc maintenant notre projet et nous allons donc faire le fond qui est l'élément principal. Quand je veux créer mon avatar je l'imagine dans ma tête et je cherche quelles sont les couleurs les plus importantes. Quand vous vous habillez vous n'allez pas mettre des carreaux avec des rayures. Ben là c'est pareil. Donc dans cet exemple du gris foncé nous suffira. Pour cela on prend l'outil pipette et après on sélectionne l'outil pot de peinture.

Une fois qu'on à notre fond vient le texte, nous n'allons pas ajouter d'éléments dans ce tutoriel, simplement du texte avec un effet 3D basique. Donc pour cela vous devez préalablement choisir votre police d'écriture, ne JAMAIS utiliser une police basique comme: arial. Toujours dans cet exemple, la police Bebas Neue sera parfaite. Nous allons donc ajouter notre texte puis le positionner comme on veut, voici ce que ça donne:

You must be registered for see images attach

Mon texte se trouve en haut mais vous allez voir pourquoi juste après.Nous allons donc ajouter l'effet 3D basique (sans prise de tête cc @BEZOO3 GTP ). Pour cela vous faites clic droit sur votre texte puis "Options de fusion" dans le menu gris. Vous allez cocher "Ombre interne" puis suivre tous les paramètres à la lettre sur le screen que voici:

You must be registered for see images attach

La couleur de l'ombre interne doit être changée. Une fois terminé vous obtenez un résultat très satisfaisant. A noter que vous pouvez jouer avec la distance pour augmenter ou diminuer la 3D qui est en réalité un effet d'optique.

Nous pourrions avoir terminé le tutoriel mais la partie que je vais aborder ci-dessous sera plus brève et est facultative car c'est "pauvre" d'avoir juste un texte. Nous allons donc ajouter une section supplémentaire puis un paragraphe. Vous allez donc créer un rectangle et choisir une couleur "flat". Après customisation et ajout du rectangle en bas d'avatar ça nous donne ça:

You must be registered for see images attach

On rajoute enfin notre texte pour conclure et rendre à notre avatar un design "clean" :neo:. Une fois terminé on va l'enregistrer au format PNG ou JPEG puis après on l'affiche comme moi ici:

You must be registered for see images attach

Sympa non? Je penses que certains voudront éventuellement le fichier (.PSD) donc je vous propose de m'envoyer un message privé puis je vous l'envoie. Sur ce j'espère que mon tutoriel vous a plu, je compte continuer et n'hésitez pas à me dire ce qui ne va pas. Merci aussi à @Snizah GDN de m'avoir donné des conseils qui ne m'ont pas été utiles dans la rédaction de mon topic.

Comme à mon habitude je vais aussi taguer un membre au hasard: @Whyouuu

You must be registered for see images attach

Bon tuto, simple mais clean sa fais tjrs la différence GG :D
 

Lio.nn

Premium
Inscription
2 Mai 2014
Messages
4 506
Réactions
1 684
Points
13 985
RGCoins
0
Assez simple, tu aurais pu expliquer comment mettre un fond et le personnaliser
 

Emeric'

Membre depuis Juin 2013
Premium
Inscription
23 Juin 2013
Messages
3 611
Réactions
1 004
Points
11 021
RGCoins
0
Merci du tutoriel ! :)
 

Emeric'

Membre depuis Juin 2013
Premium
Inscription
23 Juin 2013
Messages
3 611
Réactions
1 004
Points
11 021
RGCoins
0
J'ai eu un bug de connexion donc mon message s'est mis en plusieurs fois désolé !
 

Emeric'

Membre depuis Juin 2013
Premium
Inscription
23 Juin 2013
Messages
3 611
Réactions
1 004
Points
11 021
RGCoins
0
Raison de l'erreur de mon message, juste au dessus !
 

Profanation

Vendeur Realitygaming de Crédit FUT 18 sur Play 4
Premium
Inscription
4 Janvier 2014
Messages
1 230
Réactions
237
Points
4 186
RGCoins
0
You must be registered for see images attach

Bonjour à tous, je suis SE7EN, GFX de la team GDN mais j'ai décidé de me reconvertir en rédacteur et ainsi obtenir le grade violet tant convoité. Quand je me fixe un objectif, j'ai pour but de l'atteindre et c'est grâce à vous que je peux y arriver. Vos commentaires sont utiles, me font avancer ainsi que vos critiques qui sont toujours agréables à lire car cela montre à quel nous sommes en constante amélioration. Mes tutoriels ont our habitude d'être simple mais complet. A vous de juger!

Aujourd'hui nous allons donc voir comme créer un avatar sur Photoshop (CS6 dans mon exemple mais une version antérieure est acceptée) avec quelques conseils qui vont s'avérer utiles. Vous allez donc commencer par créer un nouveau "projet" que nous allons appeler "Mon avatar RealityGaming".

You must be registered for see images attach

Dans cette fenêtre qui vient de s'ouvrir nous avons plusieurs options, celles qui nous intéressent sont Largeur, Hauteur, Contenu de l'arrière plan. Personnellement ce sont les seules que j'utilises mais vous en avez d'autres donc vous êtes libre de laisser parler votre créativité. Les dimensions habituelles pour un avatar sont 500x500 mais depuis peu je me suis aperçu qu'en 640x640 c'était la version HD sur la plupart des sites (facebook surtout). Donc vous allez choisir vos dimensions (un carré obligatoirement) et vous allez choisir "Pixels" si c'est sur autre chose. Dans le contenu je vous conseille de choisir "Transparent".


Nous avons donc maintenant notre projet et nous allons donc faire le fond qui est l'élément principal. Quand je veux créer mon avatar je l'imagine dans ma tête et je cherche quelles sont les couleurs les plus importantes. Quand vous vous habillez vous n'allez pas mettre des carreaux avec des rayures. Ben là c'est pareil. Donc dans cet exemple du gris foncé nous suffira. Pour cela on prend l'outil pipette et après on sélectionne l'outil pot de peinture.

Une fois qu'on à notre fond vient le texte, nous n'allons pas ajouter d'éléments dans ce tutoriel, simplement du texte avec un effet 3D basique. Donc pour cela vous devez préalablement choisir votre police d'écriture, ne JAMAIS utiliser une police basique comme: arial. Toujours dans cet exemple, la police Bebas Neue sera parfaite. Nous allons donc ajouter notre texte puis le positionner comme on veut, voici ce que ça donne:

You must be registered for see images attach

Mon texte se trouve en haut mais vous allez voir pourquoi juste après.Nous allons donc ajouter l'effet 3D basique (sans prise de tête cc @BEZOO3 GTP ). Pour cela vous faites clic droit sur votre texte puis "Options de fusion" dans le menu gris. Vous allez cocher "Ombre interne" puis suivre tous les paramètres à la lettre sur le screen que voici:

You must be registered for see images attach

La couleur de l'ombre interne doit être changée. Une fois terminé vous obtenez un résultat très satisfaisant. A noter que vous pouvez jouer avec la distance pour augmenter ou diminuer la 3D qui est en réalité un effet d'optique.

Nous pourrions avoir terminé le tutoriel mais la partie que je vais aborder ci-dessous sera plus brève et est facultative car c'est "pauvre" d'avoir juste un texte. Nous allons donc ajouter une section supplémentaire puis un paragraphe. Vous allez donc créer un rectangle et choisir une couleur "flat". Après customisation et ajout du rectangle en bas d'avatar ça nous donne ça:

You must be registered for see images attach

On rajoute enfin notre texte pour conclure et rendre à notre avatar un design "clean" :neo:. Une fois terminé on va l'enregistrer au format PNG ou JPEG puis après on l'affiche comme moi ici:

You must be registered for see images attach

Sympa non? Je penses que certains voudront éventuellement le fichier (.PSD) donc je vous propose de m'envoyer un message privé puis je vous l'envoie. Sur ce j'espère que mon tutoriel vous a plu, je compte continuer et n'hésitez pas à me dire ce qui ne va pas. Merci aussi à @Snizah GDN de m'avoir donné des conseils qui ne m'ont pas été utiles dans la rédaction de mon topic.

Comme à mon habitude je vais aussi taguer un membre au hasard: @Whyouuu

You must be registered for see images attach
Bonne réalisation.Merci !:)
 

PK A

Joueur PS4
Premium
Inscription
3 Janvier 2015
Messages
313
Réactions
57
Points
826
RGCoins
0
C'est SWAG :ok:
 

Leeclya

女神ポテト
Premium
Inscription
10 Mai 2015
Messages
22
Réactions
50
Points
3 711
RGCoins
0
Merci pour le tuto ! :p
 

Lagger

Responsable des lags
Premium
Inscription
28 Novembre 2011
Messages
1 903
Réactions
581
Points
12 558
RGCoins
0
Merci beaucoup ! :love:
 

Zmatou

Membre
Inscription
22 Août 2015
Messages
8
Réactions
0
Points
24
RGCoins
0
CC :trollface:
Beau TUTO en tous cas t'as du mettre beaucoup de temps ^^
 
Haut