CalendrierAccueilFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 Incrustation et bouton crystal:

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Boing
Administrateur
Administrateur


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

MessageSujet: Incrustation et bouton crystal:   Jeu 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:


  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:


  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:


  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:


  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:




    Et vous obtenez ceci:


  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%:


  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é:


  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:


  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
Voir le profil de l'utilisateur http://boing-paradise.frbb.net
Renega



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

MessageSujet: Re: Incrustation et bouton crystal:   Jeu 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
Voir le profil de l'utilisateur
Boing
Administrateur
Administrateur


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

MessageSujet: Re: Incrustation et bouton crystal:   Jeu 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
Voir le profil de l'utilisateur http://boing-paradise.frbb.net
Sangodams



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

MessageSujet: Re: Incrustation et bouton crystal:   Jeu 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
Voir le profil de l'utilisateur
Kaizer



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

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

cool merci :)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Coatriver



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

MessageSujet: Re: Incrustation et bouton crystal:   Jeu 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
Voir le profil de l'utilisateur
moa18e



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

MessageSujet: Re: Incrustation et bouton crystal:   Jeu 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
Voir le profil de l'utilisateur
Mak's 77



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

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

Bon tuto , merci !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kazuki



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

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

Oué merci du tuto ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://ideograph.free.fr/
mcds



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

MessageSujet: Re: Incrustation et bouton crystal:   Ven 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
Voir le profil de l'utilisateur
Visio



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

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

Ouais bon Tuto et j'aime bien comment il est présenter Bravo !!! ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
kimcuong



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

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

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



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

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

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




MessageSujet: Re: Incrustation et bouton crystal:   Aujourd'hui à 21:15

Revenir en haut Aller en bas
 
Incrustation et bouton crystal:
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Bouton Troupes à Pied - relief inversé
» 3ème clic sur bouton magic mouse
» Bouton de livrée - Couronne Comtale et Initiales
» Bouton anglais - 13ème Unité - Infanterie légère
» [AIDE] BOUTON VOLUME CASSé, COMMENT BOOTLOADER?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Boing Paradise :: :: Graphisme :: :: Tutoriaux: :: Tutoriaux photoshop:-
Sauter vers: