Index du Forum Rechercher Liste des Membres FAQ Profil Se connecter pour vérifier ses messages privés Connexion S'enregistrer
JN Forum


Forum GRATUIT et SANS PUB de tutoriaux, didactitiels et aides pour la création numérique.
 Créer la base d'1 avatar coupé en triangles aux extrémités Voir le sujet suivant
Voir le sujet précédent
Poster un nouveau sujet Répondre au sujet
Auteur Message
JackNUMBER
Administrateur


Inscrit le: 25 Juin 2005
Messages: 700
Localisation: Paris

MessagePosté le: 01 Jan 2006 15:48:13 Répondre en citantRevenir en haut

Photoshop (expliqué pour la version 7)
Télécharger l'exemple: base_avatar.psd

Image

Bonjour, dans ce tutorial, je vais vous apprendre à créer une base d'avatar comme ci-dessus.

- Créer un nouveau document (Ctrl+N) d'un taille de 100x105 pixels avec un fond Transparent
Image

- Prenez l'outil Dégradé (G ou Maj+G sa dépend si vous avez le Pot de peinture activé)
Image

- Prenez 2 gris comme couleur de 1er et d'arrière plan (ici: #CDCDCD et #969696)
Image

- Faites dégradé de l'angle SUPÉRIEUR DROIT à l'angle INFÉRIEUR GAUCHE (si le magnétisme (Affichage/Magnétisme ou Ctrl+Wink est activé, ce sera plus facile)
Image

- Ajouter un calque (Ctrl+Maj+N) nommez-le Coin
- Affichez la Palette des calques (si ce n'est pas déjà fait) avec Fenêtre/Calques
- Faites glisser le calque Coin en dessous du calque Calque 1 (où il y a notre dégradé)
- Prenez le Pot de peinture (Maj+G puisque l'outil Dégradé est activé)
Image

- Prenez un gris #555555 comme couleur de 1er plan (celle du haut)
- Cliquez sur l'image (on ne voit rien !)
Question Si vous regardez la Palette des calques, on voit que le calque Coin est entièrement remplit du gris #555555.
Image
Exclamation Avant de cliquer, vérifiez que vous êtes sur le calque Coin (comme sur l'image ci-dessus) !!

- Prenez le Lasso polygonal (L ou Maj+L)
Image

- Affichez la barre d'Options (si ce n'est pas déjà fait) avec Fenêtre/Options
- Dans cette barre, cochez Lissé et mettez la valeur de Contour progressif à 0
Image

Question Lissé est une option comme l'anti-alias (alias:Image, anti-alias:Image. C'est pour "adoucir")

- Placez-vous sur le Calque 1 (celui du dégradé)
- Sélectionnez le coin INFÉRIEUR GAUCHE (en maintenant la touche Maj pour avoir une sélection à 45°)
Image

- Appuyez sur la touche Suppr
Si vous étiez bien sur le Calque 1 (celui du dessus, le dégradé) on obtient ça:
Image

Exclamation Ne désélectionnez pas !!

- Cliquez sur Sélection/Transformer la sélection
Un carde apparaît autour de la sélection et la barre d'Options change.
- Dans cette barre, mettez 180° pour la rotation:
Image
- Et validez avec Image

La sélection est maintenant retournée.

- Mettez-la dans l'angle SUPÉRIEUR DROIT (une fois encore si le magnétisme (Affichage/Magnétisme ou Ctrl+Wink est activé, ce sera plus facile)
Image

Exclamation Pour pouvoir déplacer seulement la sélection, il faut que vous ayez un outil de sélection:
Image
Un de ces outils.

- Une fois votre sélection dans le coin supérieur droit, appuyez sur la touche Suppr pour supprimer ce qu'elle contient
- Faites Ctrl+D pour tout désélectionner
Image

- Placez-vous sur le calque Coin (dans la Palette des calques)
Image

- Faites Ctrl+T et dans la barre d'Options, mettez 97% pour H et L Image
- Puis validez avec Image
Image

Idea Placez vous sur le calque Calque 1 (dégradé).
- Cliquez sur Calque/Styles de calque/Contour...
Une fenêtre s'ouvre.
- Paramétrez comme ceci:
¤ Taille: 1px
¤ Position: Centre
¤ Couleur: noir (#000000)
Image

- Cliquez sur OK
Image
Et voilà !!

Idea Conseil: Exportez cet avatar en GIF (Fichier/Enregistrer pour le web... et vous choisissez GIF) pour garder la transparence et une meilleur compatibilité. Sinon en PNG (cochez Transparence).

Voici un exemple: (c'est pas super, désolé... Sad )
Image

Télécharger l'exemple: base_avatar.psd

- Tutorial réalisé par Jack NUMBER -

_________________
jacknumber.fr
Voir le profil de l'utilisateurEnvoyer un message privéVisiter le site web du posteur
bEsh@pdu91



Inscrit le: 11 Sep 2005
Messages: 1

MessagePosté le: 16 Avr 2006 22:48:17 Répondre en citantRevenir en haut

comment tu fait le fond rouge?comment sa s'apelle ???
tu peut me dire c'est quoi des brushes et aussi lol comment t'a fait l'effet sur le texte qui resort et avec le refllet de la lumière ?
Voir le profil de l'utilisateurEnvoyer un message privé
JackNUMBER
Administrateur


Inscrit le: 25 Juin 2005
Messages: 700
Localisation: Paris

MessagePosté le: 17 Avr 2006 23:31:15 Répondre en citantRevenir en haut

salu !
les traces du fond ont été faites avec les brosses Traces de sang [ICI]
et l'effet sur le texte est disponible ICI (pour l'avatar, j'ai adouci l'effet avec le paramètre Flou) .

voilààà !! Smile

_________________
jacknumber.fr
Voir le profil de l'utilisateurEnvoyer un message privéVisiter le site web du posteur
Montrer les messages depuis:      
Poster un nouveau sujet Répondre au sujet


 Sauter vers:   



Voir le sujet suivant
Voir le sujet précédent
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum




Partenaires:
Licence Creative Commons
Forum réalisé par Jack NUMBER
Structure: phpBB