| Incrustation et bouton crystal: | |
|
+8Kazuki Mak's 77 moa18e Coatriver Kaizer Sangodams Renega Boing 12 participants |
Auteur | Message |
---|
Boing Administrateur
Nombre de messages : 945 Age : 33 Logiciels : Photoshop, imageready, flash Localisation : Boing-Paradise Date d'inscription : 08/01/2006
| Sujet: 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:
- Ouvrez un nouveau document transparent en mode RVB de 150 pixels par 150, avec une résolution de 72 pixels/pouces.
- Mettez en couleur de premier plan: #F2F2F2. Puis prenez le pot de peinture et remplissez le fond du premier calque avec cette couleur.
- Créez un nouveau calque (Ctrl+Maj+N). Tracez ensuite votre forme (sélection rectangulaire, elliptique, forme personnalisée...) que vous remplissez de noir:
- 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:
- 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:
- 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).
- Ouvrez les styles de calques et réglez comme ci dessous:
Et vous obtenez ceci:
- 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%:
- 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é:
- 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:
::::: 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 | |
|
| |
Renega
Nombre de messages : 75 Date d'inscription : 15/02/2006
| Sujet: 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. | |
|
| |
Boing Administrateur
Nombre de messages : 945 Age : 33 Logiciels : Photoshop, imageready, flash Localisation : Boing-Paradise Date d'inscription : 08/01/2006
| Sujet: 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). | |
|
| |
Sangodams
Nombre de messages : 65 Date d'inscription : 15/02/2006
| Sujet: 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 ;) | |
|
| |
Kaizer
Nombre de messages : 82 Age : 33 Date d'inscription : 16/02/2006
| Sujet: Re: Incrustation et bouton crystal: Jeu 16 Fév - 22:07 | |
| | |
|
| |
Coatriver
Nombre de messages : 56 Logiciels : Photoshop - Flash 8 - Illustrator Date d'inscription : 15/02/2006
| Sujet: 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. | |
|
| |
moa18e
Nombre de messages : 271 Age : 34 Logiciels : Photoshop et PhotoImpact Localisation : Genève Date d'inscription : 15/02/2006
| Sujet: 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] | |
|
| |
Mak's 77
Nombre de messages : 108 Date d'inscription : 15/02/2006
| Sujet: Re: Incrustation et bouton crystal: Ven 17 Fév - 3:18 | |
| | |
|
| |
Kazuki
Nombre de messages : 78 Logiciels : Adobe Photoshop CS Localisation : Bien sûr que j'n'ai un. Date d'inscription : 15/02/2006
| Sujet: Re: Incrustation et bouton crystal: Ven 17 Fév - 3:20 | |
| | |
|
| |
mcds
Nombre de messages : 48 Logiciels : tof shop 7 Localisation : oO Date d'inscription : 16/02/2006
| Sujet: 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) | |
|
| |
Visio
Nombre de messages : 222 Age : 33 Logiciels : Photoshop 7.0.1/Image Ready 7.0.1 Date d'inscription : 11/02/2006
| Sujet: Re: Incrustation et bouton crystal: Ven 17 Fév - 12:15 | |
| Ouais bon Tuto et j'aime bien comment il est présenter Bravo !!! ^^ | |
|
| |
kimcuong
Nombre de messages : 49 Age : 30 Logiciels : Photoshop CS Localisation : Bruxelles Date d'inscription : 17/02/2006
| Sujet: Re: Incrustation et bouton crystal: Ven 17 Fév - 21:53 | |
| Exellent Tuto ! C'est la Technique que tu as utilisé pour Le Design ^^ | |
|
| |
Topaze
Nombre de messages : 22 Date d'inscription : 09/03/2006
| Sujet: Re: Incrustation et bouton crystal: Jeu 9 Mar - 13:12 | |
| Personellement, je trouve que l'effet final est reussi :1: | |
|
| |
Contenu sponsorisé
| Sujet: Re: Incrustation et bouton crystal: | |
| |
|
| |
| Incrustation et bouton crystal: | |
|