Faire un avatar avec Photoshop CS6

Spreadrr

WEB DESIGNER
Premium
Inscription
12 Juin 2014
Messages
870
Réactions
408
Points
2 890
RGCoins
0
You must be registered for see images attach

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

BezooArts

GFX - WEB - LOBBY
VIP
Inscription
13 Janvier 2013
Messages
10 595
Réactions
4 851
Points
11 471
RGCoins
0
CC :trollface:
Beau TUTO en tous cas t'as du mettre beaucoup de temps ^^
 

Whyouuu

Ancien staff
Inscription
27 Septembre 2012
Messages
16 783
Réactions
7 251
Points
24 155
RGCoins
0
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
RGCoins
0
CC :trollface:
Beau TUTO en tous cas t'as du mettre beaucoup de temps ^^
Le temps n'est pas important, la qualité m'importe plus!
Merci :love:

Le hasard m'a choisi ? D:
Pourquoi ça marche jamais pour les concours ? :d:

Je suis maudit :d:



Beau tutoriel. ;) Très complet ! :)
La hasard fait bien les choses :)
 
Dernière édition par un modérateur:

Sni'

Ancien Staff
Ancien staff
Inscription
16 Juin 2012
Messages
6 552
Réactions
6 609
Points
27 570
RGCoins
0
Bon tuto, c'est simple mais très pro ;)
 

Jesto10

Membre
Inscription
8 Avril 2014
Messages
397
Réactions
88
Points
446
RGCoins
0
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: 214

Flocks

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