Oltana.net 09 Février 2012 à 16:48:22 *
Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.


Connexion avec identifiant et mot de passe
Nouvelles:
Bascule sur SMF faite!
 
 
Accueil Aide Rechercher
Pages: [1]   Bas de page
Imprimer
Auteur Fil de discussion: [ PHOTOSHOP ] Bouton façon Apple.com  (Lu 778 fois)
Corven
Administrateur
*****
Hors ligne Hors ligne

Sexe: Homme
Messages: 1632



Voir le profil WWW
« le: 09 Mars 2006 à 21:12:39 »

NIVEAU : Débutant

Nous cherchons à créer des boutons dans ce style :





1°)
Créez un nouveau document que vous appelez "bouton" de la taille que vous souhaitez, disons 200*150, résolution 300px/pouces, fond blanc. Appelez le calque créé "fond" .


2°)
Créez un nouveau calque (Maj+Ctrl+N), appelez le "forme".
Sélectionner l'outil rectangle arrondi.




3°)
Tout en haut de votre écran, passez le rayon à 10px et faites votre tracé.




4°)
Allez dans votre palette de calque dans l'onglet "tracés" et tout en bas faite "récupérer le tracé comme sélection", revenez dans l'onglet "claque" et remplissez la sélection de blanc.
Déselectionnez le calque "fond" et revenez sur le calque "forme"
Sélectionnez l'outil "rectangle de sélection" (tout en haut à gauche de votre palette d'outil) et faite une sélection comme ci-dessous :



Supprimez et déselectionnez (ctrl+D)


5°)
Puis appliquez les options de fusion suivante au calque "forme":










6°)
(Si vous ne l'avez pas déjà fait auparavant, affichez la règle; affichage > règles ; pour mettre un repère, cliquez sur une règle et tout en restant appuyé déplacez le repère)
Mettez deux repères à gauche et à droite du calque "forme" (déplacez votre repère jusqu'à ce qu'il y ait une sorte de cran)




7°)
Créez un nouveau calque, appelez le "transparence".
Prenez de nouveau l'outil rectangle arrondi mais de rayon 5px.
Faites une sélection de la même largeur que le calque "forme", pour cela partez d'un des deux repères précédement placé et tirez jusqu'à l'autre; peu importe la hauteur.



Convertissez le tracé en sélection comme il a été déjà fait plus haut.
La remplir de blanc, règler l'opacité à 90% et le mode de fusion en "lumière tamisé".






8°)
Récupérez le calque "forme" (ctrl+clic sur le calque dans la palette), inversez la sélection (sélection > intervertir), replacez vous sur le calque "transparence" et supprimez, puis déselectionnez.




9°)
Placez-vous sur le calque "fond" et créez un nouveau calque, placez vous ensuite sur le calque "forme" et faites ctrl+E (fusionner avec le calque inférieur).
Votre claque "forme" s'appelle maintenant "calque 1", éditer le nom pour remettre "forme".

10°)
Créez dans votre palette de claque un groupe de calque (icônes tout en bas de cette palette) et mettre dedans le calque "forme" et "transparence".




11°)
Placez-vous sur le calque "forme".
Sélectionnez l'outil rectangle de sélection et faite une sélection comme ci-dessous en ayant zoomé au préalable à 1600% (tout en bas à gauche de l'écran) :



Quand vous dézoomez à 100%, vous obtenez ceci:




12°)
Sélectionnez l'outil "dégradé" et passez la couleur blanc au premier plan.
Tout en haut de votre écran, faites comme ci dessous :




13°)
Appliquez votre dégradé de bas en haut de la sélection, et cela faites le 2 ou 3 fois selon les goûts (ici  je l'ai fait 3 fois).



14°)
Voilà, vous avez terminé votre bouton façon apple.com.
Pour aller un peu plus loin vous pouvez le changer de couleur pour faire par exemple un rollover.
Pour cela, restez sur le calque "forme", allez dans "images" > "réglages" > "teinte et saturation".
Cochez la case "redéfinir" et entrez ces valeurs :

teinte : 214
saturation : 100
luminosité : -2


Puis "images" > "réglages" > "luminosité/contraste" et entrez :

luminosité : + 12


Enfin retournez dans teinte/saturation et entrez les mêmes valeurs que précédement.
Vous aurez quelque chose comme le bouton accueil dans mon exemple du début.

Enjoy  Clin d'oeil

:: corven ::

Tutorial également présent sur graphisme.xooit.net
Journalisée

[size=84]Intel E6600 @ 2,4ghz - Asus P5B Deluxe Wifi/AP - Asus 7600GT Silent/2DHT - G.Skill Extreme Serie PK 4*1go PC6400 - Hitachi T7K250 250go & 160go - Seasonic S12 600Watts - Noctua NH-U12F + 2* Noctua NF-S12 1200 - Nec 3520A - Gigabyte Triton Black - 2* Viewsonic VX2025WM - Logitech Media Keyboard Elite - Logitech G5 - Koss UR40 - Onduleur MGE 675VA // MACBOOK PRO 2008 @2,4ghz[/size]
Pages: [1]   Haut de page
Imprimer
Oltana.net  |  Tutoriels  |  Grimoire  |  Fil de discussion: [ PHOTOSHOP ] Bouton façon Apple.com
 
Aller à:  

Powered by SMF 1.1.15 | SMF © 2006-2009, Simple Machines