Faire un avatar avec Photoshop CS6

Spreadrr

WEB DESIGNER
Premium
Inscription
12 Juin 2014
Messages
870
Réactions
408
Points
2 890
banniere-article.png

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

1.png

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:

2.png

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:

3.png

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:

4.png

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:

Mon-avatar-RealityGaming.png

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.
 
Dernière édition:

Whyouuu

Ancien staff
Inscription
27 Septembre 2012
Messages
16 783
Réactions
7 251
Points
24 155
Le hasard m'a choisi ? D:
Pourquoi ça marche jamais pour les concours ? :d:

Je suis maudit :d:



Beau tutoriel. ;) Très complet ! :)
 

Spreadrr

WEB DESIGNER
Premium
Inscription
12 Juin 2014
Messages
870
Réactions
408
Points
2 890
Dernière édition par un modérateur:

Jesto10

Membre
Inscription
8 Avril 2014
Messages
397
Réactions
88
Points
446
Jolie tutoriel je l'ai suivi et ajouté ma touche perso ! :)
 

Fichiers joints

  • Avatar Manu RealityGaming.png
    Avatar Manu RealityGaming.png
    33.8 KB · Affichages: 211

Flocks

Graphiste amateur
Premium
Inscription
11 Avril 2015
Messages
79
Réactions
32
Points
173
Tutoriel très bien rédigé, de plus très utile pour les jeunes débutants en graphismes.
Merci du partage.
 
Haut