Créer un kit graphique en quelques étapes avec photoshop
Ouvrez un nouveau document de 960x900 pixels couleur de fond Noir
Créer un nouveau calque et prenez l'outil forme et dessinez des ovales de couleur comme ce si
Couleur utiliser
#ff0100
#00ff1d
#00fbf3
Allez à Menu > Filtre > Bruit > Ajout de bruit.
Ensuite allez à Menu > Filtre > Atténuation > Flou directionnel réglez comme ce si
Créer de nouveau un nouveau calque avec l'outil forme (couleur #deff00) dessinez quelque chose comme sa en haut
Puis appliquez un flou directionnel comme ce si (Menu > Filtre > Atténuation > Flou directionnel)
Basculez le mode de fusion en Incrustation
Prenez l'outil rectangle et dessinez un rectangle en haut pour illustrez votre menu
Maintenant avec l'outil rectangle arrondi rayon 6px
Appliquez les options de fusions suivantes sur tout les rectangle
Maintenant avec l'outil rectangle arrondi toujours rayon 6px dessinez des rectangles au centre de ces derniers comme ce si
Maintenant appliquez les options de fusions suivantes
Maintenant passons aux détailles
Prenez l'outil trait et dessinez un trait horizontal comme ce si
Réduisez l'opacité à 50% puis dupliquez votre très plusieurs fois et déplacez les verticalement
Maintenant ajoutez votre slogan ou bien votre logo et appliquez dessus les options de fusions suivantes
Maintenant faite même chose pour le menu
Et voila le travail
Maintenant c'est à votre imagination à vos talents de découpage
Commentaires
Incroyable trés bien fait merci bien frére
Magnifik merci bcp
vraiment sympa merci
tres bien fait
je suis vraiment content de voir ce tuto qui va beaucoup m'aider
Wé c 1 peu difi6l mé ken mèm gm s8 batu kom 1 vré mek é g v1ku c tuto...
franchmn c super-xtra kool... lol..
Merci beaucoup pour ce tuto, cela ma beaucoup aider et ça montre bien que ce n'est pas aussi difficile qu'il parait.
A l'étape où vous parlez d'appliquer des options de fusion à tous les rectangles, il ne manquerait pas un passage pour réduire le fond du/des calque(s)?
Parce que quand je les ai appliquées, je ne me retrouve pas avec la transparence des rectangles.
Merci d'avance.
Non il ne manque rien, touts y es
Même problème que Toineb, dans les Options de fusion des rectangles, je n'obtient aucun changement "d'opacité".
J'ai essayé de contourner le problème en modifiant l'opacité manuellement mais cette manoeuvre s'effectue sur tout le calque et empêche donc le contour en surbrillance.
Sinon très bon Tuto
dan songua kikoolol
Super tuto
merci !
Bon j'ais pas suivi le tuto, mais pour répondre à Toineb et Owni, vous pouvez modifier l'opacité manuellement via la palette des calques en jouant avec l'option "Fond", celle-ci modifiera l'opacité du contenu du calque sans altérer la transparence du "contour en surbrillance".
(Pour faire simple, "Opacité" gère la transparence du calque et de ses options de fusion, "Fond" ne modifie que la transparence du calque)...
salut , juste pour savoir , un fois qu'on a fait sa , il faut faire un découpage de chaque élément pour faire un site ?? ( si ont tape tout le code css + xhtml )
Oui Bien sure dreammaker
ok , merci , va faloir ke jregarde comment bien découper alors ^^ , sinon voici ce que j'ai fait , je suis assez content du résultat : http://www.servimg.com/image_previe...
personne ne connais un tuto super bien fait , pour que je puisse découper bien pour avoir un site exactement comme mon aperçu de mon message précédent ? paske je galère un peut , vu ke je suis un débutant en xhtml et css
J’avais un site dans mes favoris je vais le chercher et te donnez le lien plus tard sinon va voir du coté de http://www.siteduzero.com/tutoriel-...
Merci pour le tuto
Bonjour,
Très bien ce tutoriel, cela permet d'aborder ce logiciel qu'est photoshop pour une autre utilisation que la retouche photo.
"dessinez des ovales de couleur comme CECI" (x3), CouleurS utilisEES" "dessinez quelque chose comme CA en haut" ...v'là l'orthographe de bouseux.
bon sinon le tuto est clair.
Bonjour, Steven un simple merci suffira.
L’auteur du tutorial n'est pas français.
Salut je n'arrive pas non plus a faire la transparence. Est ce que tu peux mettre en ligne le .psd s'il te plait ?
Bonjour, un grand merci pour ce tuto clair et precis.
Malheureusement comme quelque personne je n'arrive pas a faire la transparence pour les rectangles, pourriez vous donner quelques informations complémentaires?
D'avance merci
Je n'ai pas non plus réussi, par contre, j'ai mis les rectangle a 10% sur le font (je l'ai fais sur CS4, c'est juste en dessous de Opacité dans le rectangle des calques )
Bonjour, voila j'ai un problème avec ce tutoriel, je n'arrive pas a mettre mes rectangles (d'ailleurs je ne trouve pas l'outil rectangle arrondi ) transparent et je me demande si ce n'est pas du au fait que je travail avec CS5 donc je voulais savoir si ce tutoriel est compatible avec CS5 et si non est ce vous voudriez bien m'expliquer comment reproduire cet effet avec CS5 ? Merci d'avance
Woooooooooooohaaaaaaaaaaaaaa, super idée elle va me servir pour mon site web. Merci pour ce tuto.
Ecellent tuto gg !!!
Plop,
dan songua, tu es une honte pour l'espèce humaine...
Sinon, merci pour le tuto.
Bonjour est-ce que quelqu'un pourrait m'aider pour le decoupage et le codage?
merci
salut!
ce tuto a l'air sympa MAIS comme je suis 100% newbie sur PS, je pense qu'il manque parfois certaines étapes parce que je ne m'y retrouve pas tjs là dedans...............
:((
en fait en tatonnant je suis arrivé à la 4 étape...... MAIS j'ai tout fait sur le fond, donc pas bon!
et quand j'essaye de refaire calque par calque, ben j'y arrive pas!
est-il possible de détailler plus ce tuto?
ou de m'envoyer une autre version par mail?
merci.
@+
PS: je suis à PS CS3
Merciii pour ce tutorial !!!