Boing Paradise
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilRechercherDernières imagesS'enregistrerConnexion
Le deal à ne pas rater :
Cartes Pokémon EV6.5 : où trouver le Bundle Lot 6 Boosters Fable ...
Voir le deal

 

 Incrustation et bouton crystal:

Aller en bas 
+8
Kazuki
Mak's 77
moa18e
Coatriver
Kaizer
Sangodams
Renega
Boing
12 participants
AuteurMessage
Boing
Administrateur
Administrateur
Boing


Masculin Nombre de messages : 945
Age : 33
Logiciels : Photoshop, imageready, flash
Localisation : Boing-Paradise
Date d'inscription : 08/01/2006

Incrustation et bouton crystal: Empty
MessageSujet: Incrustation et bouton crystal:   Incrustation et bouton crystal: EmptyJeu 16 Fév - 21:26


    ::::::: Ce tutorial va vous apprendre a faire un effet d'incrustation pour vos boutons et créer un bouton type gel.

      . Rendu final:
      Incrustation et bouton crystal: Rendufinal

  1. Ouvrez un nouveau document transparent en mode RVB de 150 pixels par 150, avec une résolution de 72 pixels/pouces.

  2. Mettez en couleur de premier plan: #F2F2F2. Puis prenez le pot de peinture et remplissez le fond du premier calque avec cette couleur.

  3. Créez un nouveau calque (Ctrl+Maj+N). Tracez ensuite votre forme (sélection rectangulaire, elliptique, forme personnalisée...) que vous remplissez de noir:
    Incrustation et bouton crystal: Image_1

  4. Ouvrez les styles de calques de ce calque en faisant un double clic dessus, et mettez y une incrustation de dégradé avec les réglages ci dessous et avec comme couleur: #D4D4D4 vers #FFFFFF:
    Incrustation et bouton crystal: Image_2

  5. Récupérez la sélection de votre forme, pour cela maintenez la touche Ctrl enfoncé puis cliquez sur votre calque dans la palette des calques. Créez un nouveau calque (Ctrl+Maj+N) et faites: sélection > modifier > contracter > 2 ou 3 pixels (selon la taille de votre forme). Pour cet exemple je prends 3px, sinon le choix vous appartient. Prenez le pot de peinture et remplissez de blanc:
    Incrustation et bouton crystal: Image_3

  6. Récupérez la sélection du calque blanc (de la même façon que précédemment), puis créez un nouveau calque que vous remplissez d'une couleur (pour cet exemple: #FFB540).

  7. Ouvrez les styles de calques et réglez comme ci dessous:
    Incrustation et bouton crystal: Image_4

    Incrustation et bouton crystal: Image_5

    Et vous obtenez ceci:
    Incrustation et bouton crystal: Image_6

  8. Récupérez la sélection du calque coloré et créez un nouveau calque (Ctrl+Maj+N). Sur ce calque il va y avoir le reflet, pour cela prenez l'outil dégradé et réglez comme ceci: blanc vers transparent | dégradé linéaire. Tracez ensuite votre dégradé en partant du haut de la sélection vers le bas. Faites ensuite sélection > modifier > contracter > 2 pixels > Ctrl+Maj+I > Ctrl+X. Prenez l'outil sélection rectangulaire et tracez un rectangle, placez cette sélection au milieu de la forme et supprimez (Ctrl+X). Baissez l'opacité du calque a 70%:
    Incrustation et bouton crystal: Image_7

  9. Récupérez à nouveau la sélection du calque coloré et créez un nouveau calque au dessus du calque avec le dégradé. Tracez cette fois un dégradé (toujours blanc vers transparent) du bas vers la moitié de la sélection. Faites sélection > modifier > contracter > 1 pixel > Ctrl+I > Suppr > Ctrl+Maj+I. Toujours la sélection active, montez la de 10 pixels vers le haut (Maj enfoncé+Flèche directionnelle du haut 1x), Ctrl+X. Mettez ce calque en normal avec 50% d'opacité, ou en incrustation avec 70% d'opacité:
    Incrustation et bouton crystal: Image_8

  10. Créez un calque et mettez y un texte, un logo ou autre en blanc ou en noir, mettez y avec une ombre portée noire avec 70% d'opacité et en distance 0 pixel:
    Incrustation et bouton crystal: Image_9

  11. ::::: Téléchargement fichier .PSD

      :: Tutorial fait par Boing de Boing-paradise.

© 2006-2007 | Tutoriels | Boing-Paradise | Tout droits réservés.


Dernière édition par le Ven 9 Juin - 12:22, édité 8 fois
Revenir en haut Aller en bas
https://boing-paradise.1fr1.net
Renega

Renega


Nombre de messages : 75
Date d'inscription : 15/02/2006

Incrustation et bouton crystal: Empty
MessageSujet: Re: Incrustation et bouton crystal:   Incrustation et bouton crystal: EmptyJeu 16 Fév - 21:35

J'l'avais découvert seul ça ^^

Sinon c'est un bon tuto , mais j'ai un peu plus simple.
Revenir en haut Aller en bas
Boing
Administrateur
Administrateur
Boing


Masculin Nombre de messages : 945
Age : 33
Logiciels : Photoshop, imageready, flash
Localisation : Boing-Paradise
Date d'inscription : 08/01/2006

Incrustation et bouton crystal: Empty
MessageSujet: Re: Incrustation et bouton crystal:   Incrustation et bouton crystal: EmptyJeu 16 Fév - 21:36

je précise qu'il y a la création du bouton effet gel aussi (lol).
Revenir en haut Aller en bas
https://boing-paradise.1fr1.net
Sangodams

Sangodams


Nombre de messages : 65
Date d'inscription : 15/02/2006

Incrustation et bouton crystal: Empty
MessageSujet: Re: Incrustation et bouton crystal:   Incrustation et bouton crystal: EmptyJeu 16 Fév - 21:54

J'arrive à le faire sans tuto, mais il est cool pour les début d'une personne souhaitant faire un site ;)
Revenir en haut Aller en bas
Kaizer

avatar


Nombre de messages : 82
Age : 33
Date d'inscription : 16/02/2006

Incrustation et bouton crystal: Empty
MessageSujet: Re: Incrustation et bouton crystal:   Incrustation et bouton crystal: EmptyJeu 16 Fév - 22:07

cool merci :)
Revenir en haut Aller en bas
Coatriver

Coatriver


Nombre de messages : 56
Logiciels : Photoshop - Flash 8 - Illustrator
Date d'inscription : 15/02/2006

Incrustation et bouton crystal: Empty
MessageSujet: Re: Incrustation et bouton crystal:   Incrustation et bouton crystal: EmptyJeu 16 Fév - 22:15

Je voulait le faire ce tuto . Mais t'as été plus rapide que moi .

Merci pour ce tut.
Revenir en haut Aller en bas
moa18e

moa18e


Masculin Nombre de messages : 271
Age : 34
Logiciels : Photoshop et PhotoImpact
Localisation : Genève
Date d'inscription : 15/02/2006

Incrustation et bouton crystal: Empty
MessageSujet: Re: Incrustation et bouton crystal:   Incrustation et bouton crystal: EmptyJeu 16 Fév - 23:11

[mode="cherche-la-ptite-bête"]

Citation :
Ce tutorial va vous apprendre a faire un effet d'incrustation pour vos boutons et créer un bouton type gel.

J'aurais plutôt dit crystal, mais chacun ses nominations ^^
[/mode]
Revenir en haut Aller en bas
Mak's 77

avatar


Nombre de messages : 108
Date d'inscription : 15/02/2006

Incrustation et bouton crystal: Empty
MessageSujet: Re: Incrustation et bouton crystal:   Incrustation et bouton crystal: EmptyVen 17 Fév - 3:18

Bon tuto , merci !
Revenir en haut Aller en bas
Kazuki

Kazuki


Nombre de messages : 78
Logiciels : Adobe Photoshop CS
Localisation : Bien sûr que j'n'ai un.
Date d'inscription : 15/02/2006

Incrustation et bouton crystal: Empty
MessageSujet: Re: Incrustation et bouton crystal:   Incrustation et bouton crystal: EmptyVen 17 Fév - 3:20

Oué merci du tuto ^^
Revenir en haut Aller en bas
http://ideograph.free.fr/
mcds

mcds


Nombre de messages : 48
Logiciels : tof shop 7
Localisation : oO
Date d'inscription : 16/02/2006

Incrustation et bouton crystal: Empty
MessageSujet: Re: Incrustation et bouton crystal:   Incrustation et bouton crystal: EmptyVen 17 Fév - 3:41

c'est bien beau et merci pour ton psd (que je prendrait a l'occasion XD)
Revenir en haut Aller en bas
Visio

Visio


Masculin Nombre de messages : 222
Age : 33
Logiciels : Photoshop 7.0.1/Image Ready 7.0.1
Date d'inscription : 11/02/2006

Incrustation et bouton crystal: Empty
MessageSujet: Re: Incrustation et bouton crystal:   Incrustation et bouton crystal: EmptyVen 17 Fév - 12:15

Ouais bon Tuto et j'aime bien comment il est présenter Bravo !!! ^^
Revenir en haut Aller en bas
kimcuong

kimcuong


Féminin Nombre de messages : 49
Age : 30
Logiciels : Photoshop CS
Localisation : Bruxelles
Date d'inscription : 17/02/2006

Incrustation et bouton crystal: Empty
MessageSujet: Re: Incrustation et bouton crystal:   Incrustation et bouton crystal: EmptyVen 17 Fév - 21:53

Exellent Tuto ! C'est la Technique que tu as utilisé pour Le Design ^^
Revenir en haut Aller en bas
http://www.kimcuong-studio.be.cx
Topaze

avatar


Nombre de messages : 22
Date d'inscription : 09/03/2006

Incrustation et bouton crystal: Empty
MessageSujet: Re: Incrustation et bouton crystal:   Incrustation et bouton crystal: EmptyJeu 9 Mar - 13:12

Personellement, je trouve que l'effet final est reussi :1:
Revenir en haut Aller en bas
Contenu sponsorisé





Incrustation et bouton crystal: Empty
MessageSujet: Re: Incrustation et bouton crystal:   Incrustation et bouton crystal: Empty

Revenir en haut Aller en bas
 
Incrustation et bouton crystal:
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Signature Crystal:
» Crystal-Design
» Crystal Design Partznaire ! ^^
» [Photoshop] Drapeau Crystal

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Boing Paradise :: :: Graphisme :: :: Tutoriaux: :: Tutoriaux photoshop:-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser