Faire un avatar avec Photoshop CS6

Valent1

Membre
Inscription
3 Septembre 2013
Messages
1 356
Réactions
696
Points
4 455

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".


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:


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:


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:


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:


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

Voir la pièce jointe 40053

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

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".


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:


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:


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:


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:


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

Voir la pièce jointe 40053
Bonne réalisation.Merci !:)
 
Haut