57 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2  3  4
Page Précédente 
Auteur
 Sujet :

[Tuto Photoshop] Réaliser une boule Vista

 
n°9518
djresal
Profil : Top Penguin
Avatar
profil
Posté le 10-01-2007 à 16:13:59  
 

Tuto Boule vista

 

Dans ce tuto (C’est mon premier donc soyez indulgent SVP) on va apprendre à faire une boule Vista, autrement dit ça :

 

http://img331.imageshack.us/img331/3962/boulevistalf0.jpg

 

Ouvrez le patron que vous trouverez ici :
http://ptitclubber.free.fr/Patron.psd

 


Vous devriez avoir ça :

 

http://img331.imageshack.us/img331/659/1lk3.png

 

On va commencer par le reflet du logo de Windows

 

Cliquez sur le calque logo Windows et faites ensuite CTRL+Clique dessus pour le sélectionner. Faites Calque/Nouveau/Calque que vous nommerez « Reflet 1 logo ». Maintenant Faites  Sélection/Modifié/Contracté et prenez comme valeur 2.

 

Sélectionné l’outil dégradé et assigné lui un dégradé de blanc d’opacité 100% (à gauche) à blanc d’opacité 0%(à droite) comme ci-dessous (cliquez sur nouveau pour le mémoriser):

 

http://img331.imageshack.us/img331/473/2te3.png

 

Tracez avec l’angle et la longueur comme indiqué ci-dessous

 

http://img297.imageshack.us/img297/852/3ku3.png

 

Vous devriez obtenir ceci :

 

http://img95.imageshack.us/img95/7466/4tk5.png

 

Ensuite Faites Sélection/transformer la sélection et déplacé là sur la droite comme ici :

 

http://img95.imageshack.us/img95/3052/5as4.png

 

Faites  Suppr et CTRL+D (pour désélectionner) et baisser l’opacité à 85%. Créer un nouveau calque que vous nommerez « Reflet logo 2 » Faites CTRL+Clique sur le calque « logo Windows » et Sélection/Modifié/Contracté et prenez comme valeur 2.
Reprenez l’outil dégradé et tracé le comme ceci :

 

http://img331.imageshack.us/img331/4590/6fx3.png

 

Ensuite Faites Sélection/transformer la sélection et déplacé là sur la gauche comme ici :

 

http://img331.imageshack.us/img331/2289/7sk1.png

 

Faites  Suppr et CTRL+D et baisser l’opacité à 73%.

 

A ce stade vous devriez avoir ça :

 

http://img331.imageshack.us/img331/9764/8qj2.png

 


Double cliquez sur le calque logo Windows et appliqué lui ces 2 effets (lueur interne et ombre portée)

 

http://img95.imageshack.us/img95/6507/9qm7.png
http://img95.imageshack.us/img95/9784/10lj4.png

 

Cliquez une fois sur le calque Fond Boule et créer un nouveau calque que vous nommerez « Bas boule »
Faites CTRL+Clique sur le calque « Fond Boule » et Sélection/Modifié/Contracté et prenez comme valeur 2. Prenez l’outil dégradé et créer un nouveau dégradé avec les couleurs suivante bleu clair () opacité 100% à gauche et la même couleur a droite mais en opacité 0% comme ci-dessous

 

http://img95.imageshack.us/img95/662/11sa3.png

 

Sélectionnez l’outil de dégradé radial comme ci-dessous :

 

http://img331.imageshack.us/img331/1938/12ur9.png

 

Et tracer comme ceci de bas en haut en laissant appuyer sur shift pour tracer bien droit :

 

http://img331.imageshack.us/img331/8490/13rm3.png

 

Faites CTRL+clique sur le calque de « Fond Boule »  puis Sélection/Modifié/Contracté et prenez comme valeur 1. Appliquez un flou gaussien au calque « bas boule »(Filtre/atténuation/Flou gaussien) de valeur 4,6.
Cliquez une fois sur le calque forme reflet et faites un CTRL+clique dessus pour sélectionner sa forme. Créer un nouveau calque que vous nommerez « Reflet Boule »
Reprenez l’outil dégradé en rappelant le tout premier dégradé que vous avez créé blanc opacité 100% à blanc transparent en selectionnant l’outil dégradé linéaire :

 

http://img297.imageshack.us/img297/2671/14cl9.png

 

Tracez comme ci-dessous toujours en laissant appuyer sur shift pour tracez bien droit:

 

http://img331.imageshack.us/img331/8643/15yh4.png

 

Diminuer l’opacité a 56%. Vous obtenez sa :

 

http://img95.imageshack.us/img95/5536/16pd5.png

 

Patience c’est quasiment terminé…
Double cliquez sur le calque « fond boule » et appliquez lui ces deux effets.

 

http://img331.imageshack.us/img331/3364/17bn0.png
http://img297.imageshack.us/img297/8346/18vm0.png

  

Voila c’est terminé Normalement si vous avez bien suivit vous devriez avoir ça :

 


http://img331.imageshack.us/img331/1862/19nd1.png

  

@+

  

ma_signature_copie.jpg

answer
mood
GoogleAds
profil
Posté le 10-01-2007 à 16:13:59  
 

answer
n°9630
Didas
le soleil se lève avant moi, je me couche après lu
Profil : God of Penguins
Avatar
profil
Posté le 29-01-2007 à 16:35:52  
 

validé :great:

 

attention à la limite de 640x480 pour les images affichées directement sur le forum :jap:

answer
n°9632
Bumpy
Toi, je t'adore
Profil : Penguin Pro
Avatar
profil
Posté le 29-01-2007 à 16:44:00  
 

Bravo, très réussi !  :great:

answer
n°9633
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 29-01-2007 à 16:52:57  
 

Un tutorial qui a l'air clair et détaillé :great:. (Je repasserai quand je l'aurai fait)

 

Merci à toi ! :biggrin:

answer
n°9634
Fixxx
Profil : Penguin Pro
Avatar
profil
Posté le 29-01-2007 à 17:03:08  
 

Bravo :smile: Mais personnelement je n'aurais pas mis la lueur interne noir sur le logo :err:

answer
n°9635
TulaSimoN
Profil : Penguin
Avatar
profil
Posté le 29-01-2007 à 17:04:37  
 

Un grand bravo pour ton tuto !
Je la faisait autrement mais ta technique est très bien !
http://img443.imageshack.us/img443/6882/crystalxpsr6.png

answer
n°9636
Om 13
Profil : Penguin Pro
Avatar
profil
Posté le 29-01-2007 à 17:15:35  
 

Sympa :great: Merci pour le tuto !

answer
n°9637
Akhay
Profil : Top Penguin
Avatar
profil
Posté le 29-01-2007 à 17:17:58  
 

Merci pour ton tuto djresal ! :great:

 

Et bravo pour ta réalisation TulaSimoN !

answer
n°9638
TulaSimoN
Profil : Penguin
Avatar
profil
Posté le 29-01-2007 à 17:33:25  
 

Akhay a écrit :

Merci pour ton tuto djresal ! :great:

 

Et bravo pour ta réalisation TulaSimoN !


Merci, alors j'ai montrer la version by djresal
maintenant, voici ma version perso, juste que j'ai refait a l'instant le flag de windows (inspiration quand on te tien) La boule était a l'origine pour WMP 11

 

Comparez :
http://img412.imageshack.us/img412/8776/beta1copybz9.pnghttp://img443.imageshack.us/img443/6882/crystalxpsr6.png

answer
n°9639
djresal
Profil : Top Penguin
Avatar
profil
Posté le 29-01-2007 à 18:01:51  
 

TulaSimoN a écrit :

Merci, alors j'ai montrer la version by djresal
maintenant, voici ma version perso, juste que j'ai refait a l'instant le flag de windows (inspiration quand on te tien) La boule était a l'origine pour WMP 11

 

Comparez :
http://img412.imageshack.us/img412/8776/beta1copybz9.pnghttp://img443.imageshack.us/img443/6882/crystalxpsr6.png

 


Très sympa!!

 

La lueur externe de la boule est faites pour un fond noir il faut l'eviter sur un fond blanc...
La lueur interne pour le logo à été faite pour diminuer l'aliasing du logo que, à lépoque  je n'avais pas refait.

 

http://img264.imageshack.us/img264/5537/vistayb4.png

 

Voila ce que sa donne maintenant(avec une variante) . icone qui sera dans mon pack bien sur.

answer
n°9640
Tsukasa
Kensen naru tamashi wa...
Profil : Penguin Pro
Avatar
profil
Posté le 29-01-2007 à 18:02:21  
 

Sympa le tuto bravo :great: mais un peu trop sombre, non ? :ouch:

 

Et j'ai pas bien compris comment vous faites la crystallisation avec les bords arrondis... :neutral:

 

Edit : Je vient de relire attentivement : En fait la forme est déjà dans le PSD...

 

Mais ce srait bien d'expliquer comment tu as fait cette forme, sa pourrait aider :great:

answer
n°9641
djresal
Profil : Top Penguin
Avatar
profil
Posté le 29-01-2007 à 18:12:51  
 

Tsukasa a écrit :

Sympa le tuto bravo :great: mais un peu trop sombre, non ? :ouch:

 

Et j'ai pas bien compris comment vous faites la crystallisation avec les bords arrondis... :neutral:

 


Pour la cristalisation avec les bords arrondi tu as la forme déja intégrer dans le patron. Tout est expliqué.
Je pensais l'avoir laisser en tracé mais non c'est un simple calque. je m'en suis fais une forme personnalisée moi comme sa je peux réutiliser la forme quand je veux sur n'importe quel boule. Si tu la veux en tracé convertit la forme en tracé ou retrace la à la plume et définie la comme forme personnalisée (clique droit avec l'outil selection directe et "creer une forme personnalisée" voila.

 

C'est le fond qui fait sombre mais c'est fait exprès pour faire ressortir la boule :wink:

answer
n°9659
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 01-02-2007 à 10:35:59  
 

Iensis a écrit :

Je repasserai quand je l'aurai fait)

 

Voilà qui est fait, j'ai suivi le tutorial et j'ai mis 10 minutes à le faire avec un résultat identique à celui du tuto.

answer
n°9667
Phenyx217
Profil : New Penguin
Avatar
profil
Posté le 02-02-2007 à 21:10:00  
 

Avec les réglages de la boules j' ai pu faire ca  :biggrin: :

 

http://img112.imageshack.us/img112/8160/bouledefeugd8.png

 


En passant , je viens d' arriver sur le Forum ! Salut à tous !  :party:

answer
n°9672
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 03-02-2007 à 10:57:20  
 

Ta boule est bien faite mais ton signe à l'intérieur est pas mal aliasé.

 

(En passant: bienvenue à toi!!;)

answer
n°9681
dadoux
Plutot mourir qu'vivre pas Ivre !
Profil : Penguin Pro
Avatar
profil
Posté le 05-02-2007 à 10:47:09  
 

Hey super tuto j'vais tester ca demain héhé  :party:

answer
n°9683
leskimo
Profil : Penguin Pro
Avatar
profil
Posté le 05-02-2007 à 16:26:27  
 

Tres jolie rendu :smile:

answer
n°9690
Kent1h
Profil : Big Penguin
Avatar
profil
Posté le 07-02-2007 à 10:04:09  
 

Salut bon tuto mais le PSD j'ai un seul et unique calque avec le logo le font et la boule :err: je fait comment

answer
n°9695
djresal
Profil : Top Penguin
Avatar
profil
Posté le 07-02-2007 à 14:17:10  
 

Kent1h a écrit :

Salut bon tuto mais le PSD j'ai un seul et unique calque avec le logo le font et la boule :err: je fait comment

 


Toi tu débutes :wink:

 

Regardes à droites tu as 4 calques:
Fond
Fond Boule
Logo
Reflet Boule    ----> ce dernier tu ne le vois pas car il est masqué. Si tu veux le voir coche la case blanche juste a coté de reflet boule tu verras un "oeil" y apparaitra et ton reflet avec. Mais si tu suis bien le tuto tu verras bien qu'il n'y a pas besoin de le faire apparaitre...

answer
n°9706
rim-k
Spleeneur idéal
Profil : Penguin Pro
Avatar
profil
Posté le 08-02-2007 à 12:02:05  
 

Merci je m'y met tout de suite.

 

Le rendu est pas mal en plus :great:

answer
n°9730
superd
Profil : New Penguin
Avatar
profil
Posté le 09-02-2007 à 13:21:09  
 

Même probléme pour moi un seul calque...

 

http://code.crea.free.fr/screen1.png
J'utilise photoshop 7.0...

answer
n°9749
djresal
Profil : Top Penguin
Avatar
profil
Posté le 11-02-2007 à 22:23:46  
 

superd a écrit :

Même probléme pour moi un seul calque...

 

http://code.crea.free.fr/screen1.png
J'utilise photoshop 7.0...

 


Passe a CS2... :lol:

answer
n°9750
EldAnar
Xcoder
Profil : Penguin Pro
Avatar
profil
Posté le 11-02-2007 à 22:33:50  
 

T'aurais pas mis des groupement de calque dans ton patron?
Lesquels groupement sont compatible uniquement a partir de CS

answer
n°9764
BalloU GIAL
Profil : New Penguin
Avatar
profil
Posté le 12-02-2007 à 23:12:03  
 

Salut! Je suis nouveau et c'est ma première création, j'aime bien ce tuto...
Qu'en pensez vous?? :whistle:

http://www.crystalxp.net/forum/uploads/sm/post-106570-1171318212_thumb.jpg

answer
n°9765
djresal
Profil : Top Penguin
Avatar
profil
Posté le 13-02-2007 à 00:11:14  
 

EldAnar a écrit :

T'aurais pas mis des groupement de calque dans ton patron?
Lesquels groupement sont compatible uniquement a partir de CS

 


Non
regarde ce que tu as quand tu ouvres le patron:
http://img129.imageshack.us/img129/3519/patronze8.png

answer
 Page :  1  2  3  4
Page Précédente 

Aller à :
Ajouter une réponse