| Apprendre
! Si vous êtes ici c'est que vous avez envie d'apprendre comment fonctionne Adobe Photoshop. Instrument extremement puissant, il permet de réaliser d'incroyables effets graphiques tout en maitrisant la création via un système de calques très efficace. A vos tablettes graphiques ;) |
 |
|
Principale
ressource du site, nos tutoriels sont le fruit de plusieurs années
de travail sur divers éditeurs graphiques. Prioritairement
tournés vers Adobe Photoshop, ils vous permettront de découvrir
quelques trucs & astuces que vous ne connaissiez peut-être
pas .... Les mises à jour sont régulières. L'ékipe Kloobik.com |
|
 |
 |
|||
| Encore
une mode du moment : les boutons bulle.
Simples mais efficaces, ces boutons ont le mérite de donner du "reflet lumière" à la page ... La mise en place est facile : il suffit de bien suivre les étapes .... Nous voulons arriver à ça : |
|||
 |
|||
 |
|||
| Créer
un nouveau document en couleurs RVB de 300*300 pixels.
La taille importe peu mais essayez de travailler sur des documents assez grands au départ, quitte à réduire ensuite la zone de travail. Nommez le comme bon vous semble et ne vous occupez pas de la résolution : laissez celle par défaut. Choisissez un arrière-plan blanc. |
|||
 |
|||
 |
|||
| Créez
un nouveau calque puis choisissez l'outil "Rectangle arrondi"
et appliquez lui les réglages comme suit : > rayon de 50 pixels pour des bords bien arrondis > cochez "lissé" pour éviter le crénelage > taille fixe : un seul clic sur l'image et la forme sera crée à la taille choisie ... Pour la couleur du bouton, j'ai choisi un #FE8B04 mais libre à vous de choisir la couleur qui vous chante .... |
|||
 |
|||
 |
|||
| Cliquez
dans le calque pour créer votre forme. Ce n'est ensuite qu'un histoire de réglage de style de calque .... > Commencez par lui appliquer une ombre portée comme suit : |
|||
|
|||
 |
|||
| > Appliquez lui maintenant une ombre interne | |||
 |
|||
| Concernant
la qualité du contour, vous devrez créer votre propre
contour. Faites en sorte qu'il ressemble à ça : |
|||
 |
|||
 |
|||
| A cette étape, votre forme devrait ressembler à ça : | |||
 |
|||
 |
|||
| Appliquons
lui maintenant l'effet qui va donner cet effet de "bulle". Voici les reglages à utiliser : |
|||
 |
|||
 |
|||
| Il
vous suffit maintenant de lui ajouter un peu de texte pour que votre
bouton soit utilisable pour vos pages web ..... |
|||
 |
|||
| Voilà,
c'est fini ! Vous devriez normalement vous retrouver avec une image comme celle ci-dessous ... |
|||
|
|||
|
|||
© kloobik.com
- 2003/2004 |