Retour à l'index des tutoriaux.


 .01 Rendu


Voici ce dont vous arriverez à faire grâce à ce tuto. Bien sûr, je vous donnerais un exemple plus "stylisé" à la fin smiley.
Generation-Tuto.Com

 .02 Mise en place de l'étoile de base


Alors pour commencer, créez un nouveau document de 400*400 pixels. A présent, sélectionnez l'outil Forme personnalisée (touche U) Generation-Tuto.Com . A présent Choisissez la forme de l'étoile, une des formes prédéfinies. Pour cela, cliquez sur la petite fléche en haut de votre fenêtre Generation-Tuto.Com.
Maintenant que vous avez sélectionné la forme Etoile, créez votre étoile de couleur blanche en restant appuyé sur la touche Shift ce qui permet de faire une forme symétrique. Nous allons à présent tourner légérement l'étoile sur la gauche en fesant Ctrl+T et en effectuant une rotation jusqu'à obtenir une étoile à peu près dans cette position :

Generation-Tuto.Com

 .03 Les couleurs


Tout d'abord, il faut réfléchir aux couleurs. Etant donné que je souhaites faire les effets dans les tons bleus et verts, voici les couleurs que je vais utiliser :

Generation-Tuto.Com Generation-Tuto.Com

Vous voyez qu'il ne consiste en faites qu'à choisir 3 couleurs dans les mêmes tons, et plus ou moins foncées.

 .04 L'effet retro : étape 1


A présent, nous allons attaquer l'effet en question. Pour cela, créez un nouveau calque et sélectionnez l'outil Sélection Polygonal (touche L). Grâce à cet outil, faites une sélection partant du cône le plus haut et de façon à ce qu'elle englobe au moins jusqu'au second cône.
smileyAttention, chose importante, lorsque vous faites les parties diagonales, pensez bien gardez la touche Shift enfoncée de façon à faire une diagonale de 45°.smiley
Pour exemple, je suis arriver à ce résultat :

Generation-Tuto.Com

Vous pouvez maintenant, grâce à l'outil Pot de peinture (touche G), remplir votre sélection avec la première couleur. Si tout se passe bien, vous devriez avoir ceci :

Generation-Tuto.Com

C'est bon ? Bien alors continuons. Maintenant que vous avez compris le principe, il suffit juste de répéter la méthode pour chaque face de l'étoile. Pour ne pas trop surcharger le tutorial, je vous ait fait un petit récapitulatif de chaque étape. Cela vous montre ce que vous devriez obtenir à chaque étape. Cliquez pour agrandir.

Generation-Tuto.Com

smileyPensez bien à créez un nouveau calque pour chaque nouvelle sélectionsmiley

 .05 L'effet retro : étape 2


Cette fois, je suppose que cet effet n'a plus aucun secret pour vous ? Alors à vous de jouer. Vous n'avez plus qu'à utiliser la même méthode en prenant des étoiles plus petites que vous disposez comme bon vous semble.

smileyJe vous conseille pour une meilleure organisation de "ranger" tout les calques de votre premier effet dans un même dossier. Pour cela, vous n'avez qu'à cliquez sur cette petite image qui se situe dans la fenêtre de vos calques : Generation-Tuto.Com. Vous n'avez plu qu'à faire glisser vos calques dedans. Vous pouvez faire de même pour les prochains effets.

Pour ma part, voici ce que j'obtient :

Generation-Tuto.Com

Vous n'avez plus qu'à rajouter un fond. Pour cela, créez un nouveau calque que vous placez en première position, et à l'aide du Pot de peinture (touche G) remplissez le calque. Vous pouvez également rajouter des bordures avec l'outil Rectangle (touche U). Voilà ce que vous pouvez obtenir au final :

Generation-Tuto.Com

 .06 Le résultat final customisé


Voilà, ce tutorial est à présent fini. J'espère sincérement qu'il vous a plu. Si vous avez des problèmes, le forum est là pour vous aider smiley

Generation-Tuto.Com

Tutorial rédigé par C.Moreau.


Retour en Haut




Ajouter un commentaire

Votre pseudo :

Votre Note (/10):



+Smileys+

Votre commentaire :



Veuillez répondre à la question suivante :
Combien font cinq moins deux ?



Sophie le 12/05/2008 à 15h56 (10/10) : Salut, vraiment super bien expliqué, assez simple à réalisé =)
Par contre je voulais savoir, comment fait-on pour faire les sortes de ronds blanc bleu et vers qui sont tout à droite ?

Merci.


Alex le 29/03/2008 à 17h03 (10/10) : non c'est bon excuser moi j'ai un super rendu merci beaucoup


alex le 29/03/2008 à 16h29 (1/10) : Pour moi impossible de le faire je n'ai pas d'étoile ....


tit bou de cha le 13/03/2008 à 18h22 (8/10) : salut,ke 8 parsk jai un souci jtrouv sa vachemt pixelisé sur ma version jpense enfinjvais lrefaire tt doucement lol
merci!!!!


daya le 22/02/2008 à 11h36 (10/10) : très bien fais smiley


lord von traftk le 14/02/2008 à 16h35 (8/10) : Trés bon tuto merci smiley


paco le 08/01/2008 à 17h47 (10/10) : vraiment sympa ce tuto


XiOl le 28/12/2007 à 14h20 (9/10) : Merci pour le tuto, je le cherchais justement smiley


Dura le 16/10/2007 à 11h23 (9/10) : Super sympa son tuto. Pour le compléter, pour les myopathes (comme moi) des angles, faites la même chose mais avec l'étoile droite, avec les trainées droites. smiley puis vous attachez tous et vous tournez ....


MaX le 29/09/2007 à 12h14 (9/10) : Merci C.Moreau ce tuto est vraiment bien expliqué, c'est genial smiley


Sam le 26/09/2007 à 16h54 (10/10) : Troop bien ton tuto smiley


C.Moreau le 21/09/2007 à 19h18 (10/10) : En effet, on pourrait également utilisé l'outil plume, mais je pense pas que pour ce tuto, ça est une grande différence. smiley


H3R le 08/09/2007 à 19h23 (5/10) : Je vois que tu as utilisé le lasso polygonal, je pense que l'outil le plus approprié sous Photoshop est la plume smiley .


C.Moreau le 28/08/2007 à 17h25 (10/10) : Tu se tout excusé !! smiley

Merci pour ce commentaire.

Cordialement, C.Moreau.


Azure le 28/08/2007 à 15h19 (10/10) : Je m'excuse, je voulais dire, effet retro u_u


Azure le 28/08/2007 à 15h17 (10/10) : o.o

Je dois dire que le rendus est magnifique ! J'adore l'effet vecto, C.Moreau, merci sincèrement pour ce tuto ! =D


C.Moreau le 27/08/2007 à 12h44 (10/10) : Bonjour,

@Binou54 : Je pense que sous Illustrator, vous ne pourrez pas faire plus simple. C'est jsute que sosu Illustrator vous pourrez arriver à un résultat plus travaillé. Vous pouvez toujours aller demander sur notre forum un tutorial pour Illustrator, mais notre site ne traite que de tutoriaux Photoshop pour le moment smiley.

@Tintin : Pour "C.Moreau" et "Generation-tuto", c'est la police Visitor et pour "LifeColor", c'est la police Arial tout simplement smiley.

Cordialement,
C.Moreau.


Tintin le 27/08/2007 à 10h26 (10/10) : Quelles sont les polices utilisé ?


Binou54 le 26/08/2007 à 21h22 (8/10) : Bonjour,

Je trouve notre tuto, ainsi que le reste du site, trés bien réalisé, j'aurais juste voulu savoir s'il y avait une façon plus simple comme le suggère Arthelius, de réaliser cet effet sous Illustrator, sous Photoshop, je trouve que ça prend un peu de temps, surtour pr moi, débutant...

merci pour ce tutoriel

Binou


C.Moreau le 25/08/2007 à 10h34 (10/10) : Bonjour à tous !

Tout d'abord merci à vous pour vos commentaires.

Arthelius, oui il y a certainement moyen d'avoir un rendu plus sympa sous Illustrator, mais je vous apprends juste à créer l'effet, maintenant, libre à vous de choisir d'autres formes, et comment placer les effets. smiley


Page : 1 2

© Copyright 2007 - Tout les tutoriaux photoshop sont sous contrat Creative Commons : Creative Commons License | Valid xHTML 1.0 | Partenaires


Concours gagnants - Dragon-vds - Z le poisson - Linearts - Nom de domaine gratuit - Kits-gratuits - Kitgratos - Photoshopmagazine - Boost upload - Communauté graphique - Tutoriaux photoshop - Soft-Design - Tuto-Webmaster - Stanch - Magazine photoshop - Vente de tee-shirts - Sensuké - Le top des vidéos - Studio de design - Easy-Tuning - Kits graphiques de qualité - Graphikarea - Imagos - Découpe-fr - Fizzy Studio - zen4arts - Graphistes-world - Astuces informatique - Scribeos - passion-cyclisme - JeuxVidéoPC - zpload - Mickdez - retropixel - Lorem Ipsum - 4claverie - pnxdesign - inside-vector - web-actus - Autres

Il y a actuellement 4 visiteurs connectés sur le site !