21 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17
Page Précédente 
Auteur
 Sujet :

[Tuto Photoshop] Créer une signature avec Photoshop

 
n°53
ELIADEN
Profil : Penguin Pro
Avatar
profil
Posté le 28-10-2004 à 09:35:48  
 

BON je commence  :he:

 

tout d'abord voici notre base, le fond (j'expliquerai la facon de le recréer plus tard  :jap: )

 

clic droit enregistrer l'image sous (en png)

 


Ce forum a des regles a respecter

 

Les signatures doivent etre de 250*50 pixels max
j'ai fait ce tuto quand il n'y avait pas de regles sur cela

 

donc voici des fonds de signature en 250*50

 

http://eliaden002.free.fr/crystal/fond(original)mini-Log.png

 

http://eliaden002.free.fr/crystal/mini-bleu-Log.png

 

http://eliaden002.free.fr/crystal/mini-bleu02-Log.png

 

et un avatar
http://eliaden002.free.fr/crystal/avatar(original)-Log.png

 


http://crystalxp.net/Fichiers/Autres/Fond-Signature.png
c'est maintenant l'original provenant de dlb

 

1/ pour redimensionner une image sans la deformer

 

Inserer l'image voulue sur la signature pour la redimensionner, pour cela rien de plus simple  :he: :
appuyez sur CTRL et gardez le clic sur le tux par exemple, et deplacez le dans la signature, toujours en gardant le clic et la touche CTRL, puis relachez le clic puis CTRL...

 

cliquez sur l'outil rectangle (ou ellipse) de selection (raccourci clavier : M)
http://eliaden002.free.fr/crystal/tutorial/selection.png
Selectionnez le calque a redimensionner, puis clic droit sur l'objet en question et selectionnez transformation manuel
http://eliaden002.free.fr/crystal/tutorial/redimention.png

 

restez cliqué sur un des angles et le deplacer de facon a le rétrécir a la taille voulu, cela en appuyant en meme temps sur la touche shift pour conserver les propotions largeur/hauteur.
http://eliaden002.free.fr/crystal/tutorial/redimention3.png
la redimension etant finie, cliquez par exemple sur l'outil rectangle de selection.
Une nouvelle boite de dialogue apparait, cliquez sur Appliquer si vous etes satisfait sinon Annuler, ou Non pour retrouver la taille d'origine.
http://eliaden002.free.fr/crystal/tutorial/redimention2.png

 

Voila, valable pour tout objets, tuxs, icones ...

 

Ca va, jusqu'a present rien de trop compliqué  :he:

 

2/ la fameuse écriture

 

tout d'abord il faut telecharger la police Denmark
a telecharger ICI

 

pour l'installer il faut simplement deplacer le ficher dans le dossier C:\Windows\Fonts\  (aussi accessible par le panneau de config)

 

Donc selectionnez l'outil  texte horizontal (raccourci clavier : T)
http://eliaden002.free.fr/crystal/tutorial/txt.png

 

cliquez sur l'image a l'endroit voulu pour le texte, environ au centre ou celui-ci sera placé (nul besoin de precision pour l'instant) (un nouveau calque texte ce créé)

 

selectionnez la police Denmark

 

la couleur n'est pas importante, car elle va etre remplacé par le style de calque plus tard, mais bon  :he:
Mais si vous voulez a tout prix en mettre deja une:  :he:
R:218 V:216 B:238
ou code #DAD8EE

 


et la taille du texte depend de ce que vous souhaitez
environ 55pt si ce n'est pour mettre que le pseudo en grand au centre (ca depend de la longueur du pseudo aussi  :he: )
sinon du 36-40pt pour le pseudo si vous voulez mettre une ou deux ligne(s) de texte sous le pseudo, donc environ du 16 pour les lignes de dessous

 

Selectionnez Precis comme methode de lissage

 

et centrez le text

 

tout cela est dans la barre de menu

 

http://eliaden002.free.fr/crystal/tutorial/txt2.png

 

Taper votre texte, je veux dire, seulement une ligne si il y en a plusieurs, que le pseudo par exemple  :jap:

 

sur l'onglet calque double cliquez a droite (et a l'exterieur) du texte du calque texte, pour ouvrir le panneau Style de calque

 

http://eliaden002.free.fr/crystal/tutorial/stylecalque.png

 

Voici le panneau Style de calque
http://eliaden002.free.fr/crystal/tutorial/stylecalque1.png

 


Allez Ombre portée (en cliquant sur le mot lui meme)
et placez y les parametres suivant

 

Couleur : #8C8CA8
Opacité : 50%
Angle : 130 degré
Distance : 5
Grossi : 0
Taille : 5

 

Couleur de l'ombre:
R:140 V:140 B:168
#8C8CA8

 

http://eliaden002.free.fr/crystal/tutorial/ombreportee.png

 

ensuite sur Biseautage et estampage
(une image vaux mieux qu'un long discours)

 

la couleur du mode d'ombrage est:
R:220 V:220 B:232
ou
#DCDCE8
Mais n'est pas utile avec la valeur a 0%

 

http://eliaden002.free.fr/crystal/tutorial/biseauestamp.png

 


ensuite sur Contour , juste au dessous de Biseautage et estampage

 

http://eliaden002.free.fr/crystal/tutorial/contour.png

 

Et Maintenant le degrader sur Incrustation en dégradé

 

http://eliaden002.free.fr/crystal/tutorial/degrade.png

 

ensuite cliquez sur la barre de degradé (une fois)

 

vous obtenez l'editeur de degradé:

 

http://eliaden002.free.fr/crystal/tutorial/degrade3.png

 

Cliquer sur l'effet bleu rouge jaune
http://eliaden002.free.fr/crystal/tutorial/degrade2.png

 

double cliquez sur la premiere etape de degradé
(ou cliquez une fois dessus puis une fois sur le carré de couleur au dessous)
pour faire apparaitre le selecteur de couleurs

 

http://eliaden002.free.fr/crystal/tutorial/degrade4.png
changez la couleur en:
R:218 V:217 B:234
#DAD9EA

 

de meme pour la 2eme etape de degradé (normalement placée a 50%)
R:192 V:192 B:219
#C0C0DB

 

et la troisième
R:233 V:233 B:245
#E9E9F5

 

Recliquez sur la 2eme etape de degradé
Vous devriez obtenir ceci

 

http://eliaden002.free.fr/crystal/tutorial/degrade5.png

 

remarquez les deux petits losanges

 

http://eliaden002.free.fr/crystal/tutorial/degrade6.png

 

cliquez sur le premier losange  :caution: le curseur doit etre en forme de fleche et non de main :caution:
si vous recréez une nouvelle etape de degradé par erreur, faite ctrl+z pour annuler la creation de l'etape

 

sur l'option position tapez 80
http://eliaden002.free.fr/crystal/tutorial/degrade7.png

 

ensuite recliquez sur la 2eme etape de degradé pour faire reaparaitre le losange de droite
faite de meme mais pour la position mettez 45

 

fermez l'editeur de degradé: bouton OK

 

Et finalement sur contour (celui du bas)

 

http://eliaden002.free.fr/crystal/tutorial/contour2.png

 

la couleur est :
R:100 V:91 B:182
#645BB6

 

fermez la fenetre de style

 


POUR CENTRER LE TEXTE

 

Placer le a la hauteur voulu puis :

 

Selectionner le calque du fond de signature et lier le calque texte

 

http://eliaden002.free.fr/crystal/tutorial/lies.png

 

puis dans la barre des menus :

 

Menu Calque / Aligner les calques liés / centre horizontaux

 


ET VOILA

 

A vous d'improviser a partir de la

 

Dans les memes conditions que le tutorial

 

http://eliaden002.free.fr/crystal/toto2-Log.jpg

 

voici un exemple improvisation:
j'ai changé les valeurs du biseautage
et la police

 

http://eliaden002.free.fr/crystal/toto-Log.jpg

 


Et quelques exemples de mes creations:

 

http://eliaden002.free.fr/crystal/yoshstyle-Log.jpg

 

http://eliaden002.free.fr/crystal/Cybertux-Log02.jpg

 

http://eliaden002.free.fr/crystal/Dark-Log.jpg

 

http://img76.exs.cx/img76/91/corleone-Log02.jpg

 

http://eliaden002.free.fr/crystal/Linux-Log.jpg

 

http://eliaden002.free.fr/crystal/Jdh-Log.jpg

 

http://eliaden002.free.fr/crystal/EliadeN-Log1.jpg
(je deviens Crystal pinguin exactement maintenant  :mdr: )

 

(enfait je change la valeur de biseautage quasiment tout le temps car l'effet donne differement selon le texte)

 

Si vous avez besoin de plus de precision sur certains points dites le moi
mais je pense avoir été assez clair
mais n'hesitez pas

 

Ca prend du temps a expliquer mais ca ne prend que 5 min par signature :he:

 

Mais je suis toujours la pour vous faire des signatures, si vous le souhaitez  :mdr:

 

PS: desolé pour les accents mais j'ai un clavier americain (QWERTY) je doit a chaque doit faire les codes alt+ nombre  :he:

 


Suite page 2

answer
mood
GoogleAds
profil
Posté le 28-10-2004 à 09:35:48  
 

answer
n°54
dlb
q|p
Profil : Admin
Avatar
profil
Posté le 28-10-2004 à 10:18:48  
 

Super Tuto  :jap:  :great:

 


Juste une petite précision à propos de l'ombre portée.
Moi j'avais choisi cette configuration pour les signatures de la team (certes, la différence est minime)  :wink:

 

http://crystalxp.net/Fichiers/Autres/Tuto-Signature-Ombre.jpg

 

Couleur : #8C8CA8
Opacité : 50%
Angle : 130 degré
Distance : 5
Grossi : 0
Taille : 5

 


Voici aussi le fond orriginal  :smile:

 

http://crystalxp.net/Fichiers/Autres/Fond-Signature.png

  

Une autre précision. Au départ ces signatures avaient étaient créées pour la team. Je n'ai rien contre leurs reproductions, mais essayez de diversifier les images et les écritures afin que l'on puisse encore faire facilement la différence entre un membre, et un modérateur  :wink:

 

Merci  :jap:

answer
n°55
ELIADEN
Profil : Penguin Pro
Avatar
profil
Posté le 28-10-2004 à 11:19:17  
 

dlb a écrit :

Super Tuto  :jap:  :great:

 

Une autre précision. Au départ ces signatures avaient étaient créées pour la team. Je n'ai rien contre leurs reproductions, mais essayez de diversifier les images et les écritures afin que l'on puisse encore faire facilement la différence entre un membre, et un modérateur  :wink:

 

Merci  :jap:

 

Merci dlb

 

et en plus vous avez la vrai ombre d'origine

 

Mais diversifiez
Il a raison maintenant qu'il le precise  :mdr:
moi j'ai totalement remodifier ma signature comme vous avez pu le constater  :mdr:

 

qu'est ce que vous en dites   :he:
un simple délire :he:

 

De mon coté si on me demande de refaire des signatures pour les autres je les ferais de facon a ce qu'il y est une difference  :mdr: :he:  :he:

answer
n°56
toto
Profil : Big Penguin
Avatar
profil
Posté le 28-10-2004 à 11:29:54  
 

merci eliaden pour ton super tuto  B) c'est tres sympa d'avoir repondu a ma demande  :great:

answer
n°57
ELIADEN
Profil : Penguin Pro
Avatar
profil
Posté le 28-10-2004 à 11:35:15  
 

De rien  :mdr:  :mdr:  :mdr:  :mdr:  :mdr:  :mdr:  :mdr:

 

Finalement je ne pense pas que je vais expliquer le fond plus precisement que cela:

 

en gros c'est d'apres moi
en 2 parties
un rectangle avec degardé vertical
et au centre un 2eme rectangle plus petit avec le degardé vertical dans le sens opposé

 

et les deux rectangles on des bords arrondis

 

un contour blanc d'un pixel pour le petit rectangle

 

et un contour violet mauve d'un pixel pour le rectangle du fond

 

et a la rigueur une ombre minime d'un ou 2 pixels pour le fond

 

Voila  :he:

answer
n°58
toto
Profil : Big Penguin
Avatar
profil
Posté le 28-10-2004 à 11:36:57  
 

oki merci encore :xeyes:

answer
n°59
ELIADEN
Profil : Penguin Pro
Avatar
profil
Posté le 28-10-2004 à 11:37:52  
 

:great:

 

bon je vais dormir il est 3 et demi du matin ici

answer
n°60
DaRkDeViL
Profil : Top Penguin
Avatar
profil
Posté le 28-10-2004 à 11:41:21  
 

Excellent ELIADEN :wink:

answer
n°61
toto
Profil : Big Penguin
Avatar
profil
Posté le 28-10-2004 à 12:16:55  
 

quand tu seras reveillé si ca te derange pas tu pourras m'expliquer comment avoir le reflet de l'objet s'il te plait en dessous de celui -ci

answer
n°62
Didas
le soleil se lève avant moi, je me couche après lu
Profil : God of Penguins
Avatar
profil
Posté le 28-10-2004 à 16:09:00  
 

si tu l'as bien enregistré en PNG, il faut savoir que ce format d'image gère très bien la transparence... malheureusement, Internet Explorer ne gère pas bien ce format. :err:

 

donc, il faut soit utiliser un navigateur différent, soit enregistrer ton image en PNG 24 bits et non en 32 bits (avec ImageReady, par exemple)... ainsi, la transparence est gérée différemment :wink:

answer
n°63
toto
Profil : Big Penguin
Avatar
profil
Posté le 28-10-2004 à 16:10:45  
 

merci didas mais pourquoi y a t'il un leger trait noir en dessous de ma signature alors que par exemple sous la tienne c'est une ombre :err: c'est un detail je sais mais ca m'enerve lol

answer
n°64
Dark
Profil : Penguin
Avatar
profil
Posté le 28-10-2004 à 16:15:32  
 

super bon tuto eliaden merci bcp

answer
n°65
Didas
le soleil se lève avant moi, je me couche après lu
Profil : God of Penguins
Avatar
profil
Posté le 28-10-2004 à 16:16:59  
 

je pense que ça provient de l'ombre portée :wink:
regarde la précision de dlb :pen:

answer
n°66
toto
Profil : Big Penguin
Avatar
profil
Posté le 28-10-2004 à 16:22:06  
 

je vais essayer ca tout de suite merci pour ta patience  :mdr:

answer
n°67
Didas
le soleil se lève avant moi, je me couche après lu
Profil : God of Penguins
Avatar
profil
Posté le 28-10-2004 à 16:25:03  
 

pas de quoi :jap:
le forum est là pour ça :wink:

answer
n°68
toto
Profil : Big Penguin
Avatar
profil
Posté le 28-10-2004 à 16:54:23  
 

arf ca a rien changé c'est toujours pareil :err:

answer
n°69
ELIADEN
Profil : Penguin Pro
Avatar
profil
Posté le 28-10-2004 à 17:16:44  
 

Resalut tout le monde

 

ton trait en dessous viens du fait que tu l'as enregistrer en gif

 

enrgistre la en jpeg ou png

 

le gif ne gere pas les degres de transparance
il n'a que le transparent ou pas transparent
contrairement au png qui gere les degres de transparence, mais internet explorer gere mal le png
le jpeg c'est different mais ca rend assez bien aussi ,il n'y a pas de transparence, mais tu peut truquer en mettant dans photoshop la couleur du futur fond en arriere plan

 

pour CrystalXP la couleur du fond est
R:241 V:242 B:252
#F1F2FC

 

Voila

 

Pour le reflet,tu parlesde l'aqua sphere ?

answer
n°70
crystalmsn
Profil : Top Penguin
Avatar
profil
Posté le 28-10-2004 à 17:18:20  
 

In English please?  :frown:

answer
n°71
ELIADEN
Profil : Penguin Pro
Avatar
profil
Posté le 28-10-2004 à 17:20:42  
 

I'll do It soon in english
this week end maybe

answer
n°72
toto
Profil : Big Penguin
Avatar
profil
Posté le 28-10-2004 à 17:28:27  
 

merci beaucoup eliaden pour le reflet je parle de celui qui est en dessous du tux dans la signature de Didas

answer
n°73
ELIADEN
Profil : Penguin Pro
Avatar
profil
Posté le 28-10-2004 à 17:52:17  
 

toto a écrit :

merci beaucoup eliaden pour le reflet je parle de celui qui est en dessous du tux dans la signature de Didas

 

:great:

 

original VS ce que j'ai fait
et peut donc t'expliquer

 

http://eliaden002.free.fr/crystal/testreflet.jpg

answer
n°74
ELIADEN
Profil : Penguin Pro
Avatar
profil
Posté le 28-10-2004 à 18:34:29  
 


lieu des ancienes explications du reflet
nouvelle explication plus bas
 :great:

answer
n°75
Overlord59
Profil : Penguin Pro
Avatar
profil
Posté le 28-10-2004 à 18:51:41  
 

Un grand bravo pour ce tutorial Eliaden  :great:

answer
n°76
batux
:)
Profil : Penguin Pro
Avatar
profil
Posté le 28-10-2004 à 19:03:01  
 

oui
très bon tuto
félicitations a toi EliadeN :smile:  :smile:  :jap:  :jap:  :mdr:  :mdr:

answer
n°77
toto
Profil : Big Penguin
Avatar
profil
Posté le 28-10-2004 à 20:20:06  
 

merci eliaden .........:err: j'ai une derniere question pourquoi les bords du haut   de ma signature sont tout clair on voit presque pas les limites de ma signature t'aurais pas une idée  :ouch:

answer
 Page :  1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17
Page Précédente 

Aller à :
Ajouter une réponse