Entraide Graphique : stef77 et 26 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[TUTO PHOTOSHOP] Petite signature sobre mais sympa

 
n°22094
Azkellas
Profil : New Penguin
Avatar
profil
Posté le 13-11-2008 à 18:44:04  
 

Voila, pour mon premier tutorial, je vais essayer de vous apprendre à faire une signature de ce style là
 
http://nsa03.casimages.com/img/2008/11/08/081108070147176843.png
 
en difficulté, je le note à 4/10
mais je tiens avant de commencer, de m'excuser de mon incompétence (les méthodes que j'emploierais pourront rebuter les "pros" ), de mes fautes d'orthographes (je suis en troisième) et aussi du fait que comme je tourne sous un mac, je ne connais pas assez bien les raccourcis clavier de windows
 
prêt ? c'est parti !
 
commencez par créer un nouveau document de 300*150, votre taille peut différer selon vos envies, mais tachez de garder votre signature dans cette proportionnalité-ci.
 
http://nsa03.casimages.com/img/2008/11/08/081108071221147676.png
 
Sélectionnez l'outil "Rectangle arrondi" avec un rayon de 10px.
 
http://nsa03.casimages.com/img/2008/11/08/081108071231265567.png
 
Faites alors votre rectangle aux angles arrondis pour prendre tout le document.
Clique droit sur le document, puis "définir une sélection".
Vous devrez arriver à ça (sans la règle) :
 
http://nsa03.casimages.com/img/2008/11/08/081108071413414332.png
 
Choisissez deux couleurs histoire de faire un dégradé. (vous ne travaillerez qu'avec ces deux couleurs pour faire le fond, alors choisissez bien  :wink2: )
Prenez-en une sombre et une claire, mais ce n'est pas une obligation.  
Personnellement j'ai pris #3F3F3F en premier plan et #9E9E9E en second.
La sombre en premier plan, la claire au second.
Faites alors un dégradé du bas vers le haut pour obtenir ceci :
 
http://nsa03.casimages.com/img/2008/11/08/081108071800999547.png
 
Desélectionnez, et faites ctrl + T pour ajuster votre cadre au bord du document. (ceci n'a pas besoin d'être fait si c'est déjà le cas)
 
C'est fait ? bien, continuons.
Faites ctrl + R pour faire apparaître la règle.  
Placez deux repères a 50px et 100px à l'horizontal. (pour ceux qui n'ont pas pris les mêmes mesures, il faut les placer aux tiers du document)
 
Grâce à ces repères, faites une sélection normal cette fois-ci
 
http://nsa03.casimages.com/img/2008/11/08/08110807281482136.png
 
Faites une nouvelle fois un dégradé du bas vers le haut sur un nouveau calque avec les mêmes couleurs.
Vous devriez avoir ceci après avoir desélectionné :
 
http://nsa03.casimages.com/img/2008/11/08/081108073026448085.png
 
ça avance, ça avance ...
 
Allez dans affichage, nouveau repère et entré 61px en position à l'horizontal.
Refaites la même manip' avec 84px comme donnée.
Vous avez alors ceci :
 
http://nsa03.casimages.com/img/2008/11/08/0811080742183814.png
 
Aidez vous de ces nouveaux repères pour faire une sélection, que vous remplirez d'un dégradé du bas (sur un nouveau calque) vers le haut pour obtenir ceci :
 
http://nsa03.casimages.com/img/2008/11/08/08110807430951025.png
 
J'ai le plaisir (ou pas) de vous annoncer que nous n'aurons plus besoin de la règle  :tongue: alors enlevez-les  :wink: (pomme + : pour les mac'iens).
 
Nous allons maintenant utiliser l'outil "rectangle de sélection une rangée".
Sélectionnez une rangée entre le calque 1 et le calque 2. (si c'est confus regardez plus bas)
Remplissez la sélection de votre couleur de premier plan sur un nouveau calque.
Dupliquez ce dernier (ctrl + J il me semble) montez le d'un pixel (pomme + "flèche vers le haut" pour les mac'iens), Sélectionnez le (clic droit sur le logo du calque et "sélectionner la transparence du calque" et remplissez le de la couleur du second plan.
Vous avez alors ceci (normalement) :
 
http://nsa03.casimages.com/img/2008/11/08/081108075112351019.png
 
c'est presque fini ! :tongue:
 
La dernière étape (pour le fond) est quasiment la même que la précédente, qu'on fait à la verticale (deux fois).
Je vous laisse faire ?
Vous devez obtenir ceci :
 
http://nsa03.casimages.com/img/2008/11/08/08110807555811418.png
 
Sélectionnez alors la transparence du calque 1 (clique droit sur son logo et "sélectionner la transparence" ) puis intervertissez la (avec l'outil sélection, clique droit sur l'image et "intervertir" ).
Sur les barres verticales, supprimez les parties qui dépassent.
Voila le résultat souhaité :
 
http://nsa03.casimages.com/img/2008/11/08/081108080008355067.png
 
Déplacez les calques comme ceci :
 
http://nsa03.casimages.com/img/2008/11/08/081108080506627728.png
 
Pour avoir ça :
 
http://nsa03.casimages.com/img/2008/11/08/081108080523394902.png
 
Vous avez, malheureusement, fait que le plus simple, le plus étant la "boule" ...
C'est parti !
 
Prenez le milieu du document (150px pour la longueur, 75 pour la largeur) et faite un rond en sélection que vous colorirez sur un nouveau calque en blanc !
 
http://nsa03.casimages.com/img/2008/11/08/081108080941681755.png
 
allez dans les options de fusion :
 
Ajoutez une lueur externe, de couleur bleu (#4991EA), montez l'opacité de la lueur à 100%
Passez ensuite le paramètre technique à "précise" puis changez le grossissement à 32% et la taille à 15 pixels.
Cochez l'option lisser, et montez l'étendue à 58%.
 
http://nsa03.casimages.com/img/2008/11/08/081108082640961256.png
 
Ajoutez maintenant un biseautage et estampage.
Diminuez la profondeur à 81%.
Montez la taille à 10 pixels en rajoutant 1 pixel de flou.
Changez le mode des tons clair à incrustation avec une couleur noir.
Passez le mode d'ombrage en mode normal, avec un bleu clair (#6EC0FF)
 
http://nsa03.casimages.com/img/2008/11/08/081108082705474152.png
 
Toujours dans les options de fusions de ce calque, ajoutez une incrustation en dégradé.
Choisissez un mode radial pour le dégradé.
Mettez les couleurs de #FFFFFF à #7BD5FF puis à #1D589A
 
http://nsa03.casimages.com/img/2008/11/13/081113063421345148.png
 
Puis décalez votre fenêtre avec les options de fusions sur le bord, afin de pouvoir voir votre zone de travail.
Puis déplacez le centre de votre dégradé vers le haut gauche pour avoir ça.
 
http://nsa03.casimages.com/img/2008/11/13/08111306345554052.png
 
Pour les finitions, vous remarquerez que les petites barres verticales ne sont plus visibles, vous pouvez alors les déplacer à loisirs ;)
 
Et voilà donc le résultat !
 
http://nsa03.casimages.com/img/2008/11/13/081113063908662596.png
 
Bon après, vous pouvez vous amusez avec le biseautage, ... voilà un petit exemple de ce que l'on peut faire en deux-trois mouvements
 
http://www.phenom.e3b.org/ipb/upload/style_images/bioshard/logo4.gif

answer
mood
GoogleAds
profil
Posté le 13-11-2008 à 18:44:04  
 

answer
n°22119
Azkellas
Profil : New Penguin
Avatar
profil
Posté le 17-11-2008 à 17:59:10  
 

pas d'avis ?
même un petit commentaire serait le bienvenue :D


Message édité par Azkellas le 18-11-2008 à 22:46:40
answer
n°22131
Fael
Wacom Addict
Profil : Penguin Pro
Avatar
profil
Posté le 19-11-2008 à 22:46:51  
 

Les angles de ta signature aliasent, sinon ben c'est joli mais moi j'accroche pas. :tongue:


---------------
http://www.crystalxp.net/forum/mesimages/68128/orange.pnghttp://www.crystalxp.net/forum/mesimages/68128/vert.png1..pnghttp://www.crystalxp.net/forum/mesimages/68128/bleu.png1..png
[Paintings & Airbrushing]-[Webdesigns]
La vitesse de la lumière va plus vite que celle du son,
c'est pour cela que l'on voit les gens brillants avant de les savoir cons.
answer
n°22133
Azkellas
Profil : New Penguin
Avatar
profil
Posté le 20-11-2008 à 18:04:43  
 

merci pour le commentaire (enfin un) :D

answer
n°22144
Bidi
Hylien à bonnet vert
Profil : Penguin Pro
Avatar
profil
Posté le 21-11-2008 à 23:05:42  
 

Le truc dommage avec ce genre de tuto, c'est que tu ne donnes pas beaucoup de liberté, tu apprends aux autres comment réaliser TA signature, pas comment réaliser une signature sombre mais sympa, seulement un exemple.
 
Au niveau réalisation, j'aime pas trop les effets qui sont trop prononcés ou qui ne collent pas ensembles (effets progressifs, effets nets...) mais le tuto est relativement bon :)


---------------
http://bidinet.free.fr/T.png http://bidinet.free.fr/blogjustin.pnghttp://bidinet.free.fr/signlinkTWW.pnghttp://bidinet.free.fr/fb2.png http://bidinet.free.fr/T.png
Amputé du bidou :o
 
Des bisounettes. Pour MC. Pour Mutsu. Pour Killyoh. (pour Pechpech aussi mais il est chiant)
answer
n°22146
Balibou
aren't you tired?
Profil : Top Penguin
Avatar
profil
Posté le 22-11-2008 à 08:08:05  
 

+1
Joli tuto, mais comme le dit bidi, on ne peut arriver qu'a un seul resultat...

 

EDIT: 500e message ^^


Message édité par Balibou le 22-11-2008 à 08:08:28

---------------
http://baligraph.evoserv.net/perso/Alex/signpostit.png
answer
n°23577
Fagoon
2518
Profil : God of Penguins
Avatar
profil
Posté le 20-07-2009 à 18:39:26  
 

La seule chose qui me semble jolie dans ce tuto est la boule bleue. C'est un peu léger pour le valider. :neutral:


---------------
http://img297.imageshack.us/img297/1736/signaturediablo.jpg
..::Site::..::DeviantArt::...::Les très belles photos de Christian Consoli::.
answer

Aller à :
Ajouter une réponse