17 utilisateurs inconnus

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

[Tuto Photoshop] Réaliser des icones B&B

 
n°1612
Hiroshi
Profil : Penguin
Avatar
profil
Posté le 06-10-2005 à 23:17:49  
 

Tutoriel pour créer des icônes dans le style B&B.

 

Dont le pack se trouve sur ce post.

 


Citation :

Ce tutoriel existe en version Flash (grande resolution..mais je m'emploi à la reduire :wink: )

 

http://ic1.deviantart.com/fs8/i/2005/297/e/c/Tutorial_BanB_icons_by_Hiroshi_by_000_Hiroshi_000.png

 

Download@Deviantart

  

Tout d'abord ouvrez Photoshop.

 

Créez un nouveau document de 256 x 256 pixels et 72 dpi.
Sélectionnez l'outil ellipse et tracer un cercle en maintenant  la touche Shift enfoncée.

 

http://img178.imageshack.us/img178/8731/015xf.png

 

Remplissez la sélection d'une couleur :

 

http://img266.imageshack.us/img266/3976/023re.png

 

- Contractez la sélection de 2 pixels :

 

http://img239.imageshack.us/img239/3240/030ae1.png

 

Créez un nouveau calque en gardant la sélection active.

 

Sélectionnez l'outil Pinceau d'une taille de 65 avec les contours doux et mode aérographe.

 

Choisissez une Couleur plus foncée que celle de l'arrière plan et donner des coups de pinceau.

 

Répéter cette étape avec des couleurs plus claires. Cette étape consiste à donner une sorte de matière à la boule.

 

Dé-sélectionnez.

 

Appliquez un flou gaussien de 17 (mais ce chiffre peu varier en fonction de l'effet souhaité)

 

Récupérez la sélection du calque 1, contracter de 2 pixels, intervertir la sélection (maj + ctrl + i) et appuyez sur la touche suppr du clavier pour nettoyer le calque.

 

http://img239.imageshack.us/img239/870/049fs.png

 

Créez un nouveau calque avec la sélection du calque 1 contractée de 2 pixels.

 

Appliquez un dégradé blanc vers transparent en partant du haut :

 

http://img177.imageshack.us/img177/193/055vn.png

 

Créez un nouveau calque que vous glissez sous le calque 3. Changer le mode du calque 4 en Incrustation.

 

http://img177.imageshack.us/img177/6685/068dl.png

 

Appliquez un dégradé noir vers transparent en partant du bas:

 

http://img177.imageshack.us/img177/4267/074il.png

 

Retournez sur le calque 3. Sélectionnez l'outil Plume. Dessinez un truc dans ce goût là :
Seul la sélection sur l'icône compte, après il faut juste boucler la sélection

 

http://img177.imageshack.us/img177/4871/083md.png

 

Transformez le tracé en sélection:

 

http://img196.imageshack.us/img196/5049/tracenselection9qw.png

 

Appuyez sur la touche suppr du clavier pour supprimer le dégradé blanc superflu.

 

http://img125.imageshack.us/img125/4057/108nb.png

 


Dé-sélectionnez (ctrl + d)
Importez l'image qui servira à identifier l'icône (logo initial du programme... etc).

 

Remplissez là en un blanc légèrement grisé. Glissez le calque 5 sous le calque 3.

 

http://img125.imageshack.us/img125/9115/119xv.png

 

Récupérez la sélection du claque 5 (ctrl + clic sur le claque).

 

Créez un nouveau calque en remplissant celui ci d'un dégradé gris vers transparent. En partant du bas.

 

Sur le même calque et toujours avec la sélection active, remplir d'un dégradé blanc vers transparent en partant du haut. Dé-sélectionnez

 

http://img125.imageshack.us/img125/4459/123cl.png

 

Modifier le style du calque de l'objet importé (calque 5) avec les réglages ci dessous :

 

 Ombre interne: ces réglages peuvent varier en fonction de la forme de l'objet.

 

http://img125.imageshack.us/img125/3953/131et.png

 

 Biseautage et estampage :

 

http://img339.imageshack.us/img339/623/biseau3vz.png

 


- Retournez sur le calque 1. Modifiez le style du claque ainsi :

 

http://img125.imageshack.us/img125/5520/151kn.png

 


Récupérez la sélection du claque 1. Dilatez la de 2 pixels. Remplissez de blanc. Glissez ce calque sous le calque 1.
Modifiez le style du calque précédemment crée :

 

ombre portée :     distance : 3
                           taille : 8

  

Et voilà, l'icône est finie !

 

http://img196.imageshack.us/img196/1994/note012ow.png

 

J'ai juste réajusté le flou du calque avec les coups de pinceau car ceux ci étaient trop voyant.

    


J'espère avoir fais ce tutoriel aussi clair que possible, si toutefois vous avez des questions, n'hesitez pas à me contacter par MP.

answer
mood
GoogleAds
profil
Posté le 06-10-2005 à 23:17:49  
 

answer
n°1613
mimipunk
Profil : Penguin Pro
Avatar
profil
Posté le 07-10-2005 à 08:28:16  
 

bon et beau travail hiroshi! merci :great:

answer
n°1614
bibou
Profil : Big Penguin
Avatar
profil
Posté le 07-10-2005 à 08:54:03  
 

whaou pas mal le style

answer
n°1615
Rockboy
Profil : Top Penguin
Avatar
profil
Posté le 07-10-2005 à 11:09:07  
 

Vraiment super ce rendu et ce tuto  :great:

 

J'ai pas pu m'empecher de l'essayer  :mdr:

 

http://pix.nofrag.com/4e/0c/2cd163d00fd2f39d0790ded0ea3b.png

 

Le rendu n'esz pas le même mais c'est pas grave  :he:

answer
n°1616
Nelson
Profil : Penguin Pro
Avatar
profil
Posté le 07-10-2005 à 11:46:11  
 

Bravo hiroshi, c'est trop beau  :oh:
Merci beaucoup

answer
n°1617
Hiroshi
Profil : Penguin
Avatar
profil
Posté le 07-10-2005 à 12:11:38  
 

rockboy :ar: dans le choix de tes couleurs, n'hesites pas à mettres des couleurs très contrastées ! Et je penses que tu t'es trmpé pour le biseautage et l'estampage de la forme importée :wink:
Sinon spa mal :biggrin:

answer
n°1618
Djtux
gribouilleur
Profil : Penguin Pro
Avatar
profil
Posté le 07-10-2005 à 12:41:22  
 

Magnifique hiroshi  :oh:  :great:

 

EDIT:C'est quoi ton vs? :tongue:

answer
n°1619
k_millio
Profil : Modo
Avatar
profil
Posté le 07-10-2005 à 12:47:11  
 

Super tuto, merci hiroshi :jap:

answer
n°1620
Hiroshi
Profil : Penguin
Avatar
profil
Posté le 07-10-2005 à 13:47:51  
 

mon vs...arf j'ai changé depuis !

 

à prioris c'est Milky Tiger de Lemonex

 

:jap:

 

merci à vous necore :he: :he:

answer
n°1621
Nelson
Profil : Penguin Pro
Avatar
profil
Posté le 07-10-2005 à 13:57:10  
 

J'ai fait le tuto mais j'optiens le même biseautage et estompage de la forme importée que rockboy  :ouch:
Pourtant j'ai reverifié 5 fois et j'ai mis exactement comme le screenshot du tuto  :ouch:

answer
n°1622
Rockboy
Profil : Top Penguin
Avatar
profil
Posté le 07-10-2005 à 14:05:56  
 

Nelson a écrit :

J'ai fait le tuto mais j'optiens le même biseautage et estompage de la forme importée que rockboy  :ouch:
Pourtant j'ai reverifié 5 fois et j'ai mis exactement comme le screenshot du tuto  :ouch:

 

Ouaip il nous cache un truc c'est sur!  :he:

answer
n°1623
Hiroshi
Profil : Penguin
Avatar
profil
Posté le 07-10-2005 à 14:06:57  
 

il ne doit y avoir que la case "biseautage et estampage" de cochée (pas contour ni texture).
Et c'est bien "biseau externe" que vous avez choisi ? avec une profondeur entre 81 et 91 (81 est generalement la mieux)

answer
n°1624
silver4
Profil : Top Penguin
Avatar
profil
Posté le 07-10-2005 à 14:11:34  
 

un tres bon tuto bien expliqué encore une fois bravo  :great:

answer
n°1625
Nelson
Profil : Penguin Pro
Avatar
profil
Posté le 07-10-2005 à 14:11:37  
 

:jap: chuis bete  :he:  bon je suis malade ça compense ( j'avais mis interne )  :he:

answer
n°1626
Hiroshi
Profil : Penguin
Avatar
profil
Posté le 07-10-2005 à 14:22:00  
 

ouf...j'ai eu peur d'avoir fais une betise ! :he:

 

Merci silver4 :jap:

answer
n°1627
Chozo-MJ
Profil : Penguin Pro
Avatar
profil
Posté le 07-10-2005 à 16:38:47  
 

Merci pour ce tuto Hiroshi :great:

answer
n°1628
kokofix
Profil : New Penguin
Avatar
profil
Posté le 07-10-2005 à 16:44:30  
 

Juste testé vite fait en utliser le filtre nuage au lieu de ta technique qui marche tre bien d'ailleur. voila j'ai fait ca en 5 min histoire de voir, ca rend moins bien que tes icones, m'enfin, c'etai juste un test vite fait.

 

http://membres.lycos.fr/kokostok/ico/firefox.png

answer
n°1629
Batux
Profil : Penguin Pro
Avatar
profil
Posté le 07-10-2005 à 17:14:35  
 

Exellent tuto :great:
Merci de partager ton savoir :wink:

answer
n°1630
Rol
Profil : Penguin Pro
Avatar
profil
Posté le 07-10-2005 à 20:24:55  
 

bon tuto Iroshi encore bravo  :great:  :great:

answer
n°1632
Cédric
Profil : New Penguin
Avatar
profil
Posté le 08-10-2005 à 00:15:37  
 

je vais tester merci beaucoup :great:

answer
n°1634
makdo
Profil : Penguin
Avatar
profil
Posté le 08-10-2005 à 03:25:48  
 

tu a realisée ce tuto avce photoshop cs 1 ?
car ton tuto et troip cool mais il y a des manips que j'arrive pas a faire (ont se moque pas lol) ?
sinon tres bo tes icones merci...

answer
n°1635
Didas
Profil : God of Penguins
Avatar
profil
Posté le 08-10-2005 à 03:52:20  
 

Personne ne se moque, Makdo :jap:

 

dis-nous quelles étapes te font coincer? :pen:

answer
n°1637
Hiroshi
Profil : Penguin
Avatar
profil
Posté le 08-10-2005 à 11:52:27  
 

j'ai utilisé photoshop 7.
dis m'en plus pour que je puisse t'aider :wink:

answer
n°1640
liberto
Profil : Penguin
Avatar
profil
Posté le 08-10-2005 à 14:31:44  
 

ya pas mal de trucs que je trouve pas dans les styles de calques .... est-ce que tu pourrais mettre le psd de ton icone stp ? merci :he:

answer
n°1650
makdo
Profil : Penguin
Avatar
profil
Posté le 08-10-2005 à 23:46:51  
 

je sais le serieux de se forum, merci didas...
donc, oula ya des trucs en effets.
1) pour remplir le cercle je vai dans insertion couleur moi, ensuite tu parle de contracter a 2 pixel je vais ou pour ca ?
car je ne metrise pas fotoshop a 100% (lol).
et qiuuand je rempli le cercle de ma maniere jai plu l'accé a contracter ?
ensuite l'aerographe tu le programme comment ?
lol je ressait calmement et je te redi se qui me bloc si tu es d'accord et si les copian le sont aussi (bein sur).
hélas je ne peut vous offrir de tuto je me sert des votre lollllllll.

answer
 Page :  1  2  3  4  5  6  7
Page Précédente 

Aller à :
Ajouter une réponse