Aide - Recherche - Membres - Calendrier
Version complète : Un Petit Menu Avec Inkscape
La Communauté TitaXium > Service Communication > Espace Graphique > Tutorial Graphisme
niceboy
Salut tout le monde,

Nous allos voir dans ce petit tutoriel comment créer un menu simple avec effet web 2, le résultat attendu ressembre à ça:


Alors commençons:
* Ouvrir un nouveau document inkscape.
* Créer un rectangle d'une opacité 100% et vous arrondi les cotés.

http://www.casimages.com/img.php?i=0804051...62841911903.png

* Mettre l'ombre à notre menu en bas. Séléctionner le menu et dupliquer (Ctrl+D), puis aller au menu Objet ---> Retourner verticalement et déplacer un peu l'objet retourner en bas ou cliquez simplement sur V et aprés appliquer un dégradé pour avoir ça:

http://www.casimages.com/img.php?i=0804051...62841911969.png

* Maintenant on crée un rectancle avec des coins plus arrondis

http://www.casimages.com/img.php?i=0804051...62841911913.png

* il faut appliquer mnt un effet dégradé pour le petit rectangle

http://www.casimages.com/img.php?i=0804051...62841911916.png

* Ecrire le nom du menu avec une police de votre choix

http://www.casimages.com/img.php?i=0804051...62841911929.png

* Il faut grouper le texte avec le rectangle (Ctrl+G pour grouper les éléments sélectionnés) puis les dupliquer (Ctrl+D)

http://www.casimages.com/img.php?i=0804051...62841911933.png

* Dégrouper chaque élément ( Ctrl+Maj+G) et modifier le texte et la taille du rectangle selon les besoins.

http://www.casimages.com/img.php?i=0804051...62841911946.png

et en final voila le résultat :
http://www.casimages.com/img.php?i=0804051...62841911980.png

J'espere que j'étais claire, je suis disponible pour toute question.
A+ smile
Méthylbro
je suis désolé ...

mais j'ai envie de dire "pas dur" ... même moi j'en fait autant avec mon bon vieux fireworks :x
niceboy
t'en a droit de dire "pas dur", mais ce n'est que le début d'un long voyage avec ce super logiciel inkscape que j'adore car il est gratuit (pas comme fireworks). Mais bon j'aime bien tes remarques.
Alors je veux prendre ton opinion sur le tutoriel suivant qui est un simple clavier d'une calculatrice ou d'un portable avec inkscape toujours (j'adore le libre).comme montre l'image suivante :

cliquer sur l'image pour agrandir.
Alors si oui j'écrirais un tutoriel sur ça sinon je chercherais dans mes inspirations.
A+
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2010 Invision Power Services, Inc.