Didactitiel 2D :: 02-01-2008 Par : Eric CARON
Créez des stickers Web 2.0
Créer des boutons ou des petits stickers de type « Web 2.0 » n’est pas toujours chose aisée. Et pourtant, il suffit de pas grand-chose pour que cela fonctionne plutôt bien. Nous allons vous montrer comment créer de toute pièce un de ces petits éléments graphiques, bases indispensable à un beau site moderne.
01 :Créez un nouveau document Fichier>Nouveau document de 600 x 600 pixels. Vous êtes bien entendu libre de créer le document à vos dimensions. Choisissez maintenant, dans le nuancier la couleur principale de votre futur bouton. Cliquez pour cela sur la couleur de premier plan dans la palette d’outils. Nous prendrons ici un orange (valeur = #ff9c10). |
|
02 :Sélectionnez alors l’outil de rectangle arrondi (touche U) et entrez une valeur de 15 px comme arrondi (dans le cas ou vous avez choisi une dimension de document de 600 pixels comme nous). Sinon faites plusieurs essais afin d’obtenir à peut de chose prés le même arrondi que sur la capture. Maintenez la touche Shift enfoncée pour forcer l’outil à dessiner un carré parfait. |
|
03 :Nommez votre nouveau calque vectoriel « Bouton » ou « Sticker » comme bon vous semble. Dupliquez ce calque et placez-le en mode de fusion « Superposition ». Il doit se trouver au dessus du calque « Bouton ». Pour dupliquer simplement un calque, appuyez sur la touche Shift puis cliquez sur le calque et déplacez-le en haut ou en bas. Lorsque vous voyez la double flèche apparaitre à la place de votre curseur vous pouvez lâcher le bouton de la souris. Déplacez le nouveau calque en bas à droite comme ci-dessous. |
|
04 :Sélectionnez les deux calque vectoriels et avec un clic droit choisissez « Pixelliser le calque ». Pour supprimer ce qui dépasse du coin, créer un rectangle vectoriel blanc. Faites un CTRL+T pour le modifier. Avec la touche Shift enfoncée, faites lui faire une rotation de 45°. Placez ensuite la ligne du rectangle aux points de jonctions entre le bouton et son coin. Faite un CTRL+Clic sur le calque du rectangle pour récupérer sa sélection et placez-vous sur le calque du bouton. Faites alors Suppr. |
|
|
