communauté francophone de joueurs sims
 
AccueilAccueil  Le site  Chaine You Tube  S'enregistrerS'enregistrer  ConnexionConnexion  Dernières imagesDernières images  RechercherRechercher  
-50%
Le deal à ne pas rater :
-50% sur les sacs à dos pour ordinateur portable Urban Factory ...
19.99 € 39.99 €
Voir le deal

Partagez
 

 [Intermédiaire] Créer un bouton glossy

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyLun 25 Avr 2011, 14:57

[Intermédiaire] Créer un bouton glossy  Bx7vlwr2464ypmvzg

Bonjour,

Dans ce tuto nous allons voir ensemble comment créer un bouton glossy design, toujours très utile quand on possède un site.

Ouvrez Gimp et créez une nouvelle image (j’ai choisi 250x90).

[Intermédiaire] Créer un bouton glossy  Zrx07yuvv2crq07zg

1° Le fond transparent :
Il faut que le fond soit transparent : allez dans « Calque / Transparence / ajouter un canal alpha ». Puis gommez toute l’image pour voir apparaitre un quadrillage gris, signe que votre fond est bien transparent.

[Intermédiaire] Créer un bouton glossy  H19365r2iyrcs9szg

2° La forme du bouton :
Maintenant nous allons créer un rectangle aux bords arrondis : allez dans Sélection  / rectangle arrondi.
Dans la fenêtre qui vient de s’ouvrir, réglez le rayon à 95%.

[Intermédiaire] Créer un bouton glossy  07z41weoadfo6zozg

Vous obtenez un rectangle aux bords arrondis transparent aux bords lumineux.

[Intermédiaire] Créer un bouton glossy  Zt0820m3r5moxm7zg

3° La couleur :
Dans la Boîte à outils, sélectionnez la couleur que vous voulez en choisissant :
- plus clair en couleur de premier plan (PP)
- plus foncé en couleur d’arrière plan(AP)

[Intermédiaire] Créer un bouton glossy  A90jfw41nxcpshazg


Dernière édition par Maripiou le Ven 29 Juin 2012, 12:05, édité 9 fois
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyLun 25 Avr 2011, 14:58

Puis, cliquez sur l’outil « dégradé » et configurez-le comme ceci :

[Intermédiaire] Créer un bouton glossy  78f8m7e6w7f3pkjzg

Faites un dégradé de la gauche vers la droite (ou de haut en bas), ça n’a pas d’importance car le résultat sera le même.
Partez d’un côté du rectangle et tout en restant appuyé, tracez une ligne jusqu’à l’autre côté.

[Intermédiaire] Créer un bouton glossy  Eyvb1d7dbempdxizg

Voici ce que ça donne une fois le dégradé effectué :

[Intermédiaire] Créer un bouton glossy  3scqami0aq36lxyzg
4° L’effet « glossy » :

Faites une sélection rectangulaire sur le haut de votre rectangle. Veillez bien à laisser un petit espace entre le haut du rectangle et votre sélection.

[Intermédiaire] Créer un bouton glossy  G6z6c1y8hht31f9zg

Allez dans « Sélection / rectangle arrondi » et gardez les mêmes options que précédemment (95%)

[Intermédiaire] Créer un bouton glossy  9anau6uu3x944dxzg


Dernière édition par Maripiou le Mar 14 Fév 2012, 12:39, édité 6 fois
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyLun 25 Avr 2011, 14:58

Dans la Boîte à outils, sélectionnez du blanc en couleur de premier plan (PP) (pour aller plus vite, cliquez sur le carré de couleur et tapez ffffff dans « Notation HTML »)

[Intermédiaire] Créer un bouton glossy  Bm35zm6kx6yc2rvzg

Puis cliquez sur l’outil « dégradé » et configurez-le comme ceci :

[Intermédiaire] Créer un bouton glossy  8tonb366cxrra2wzg
Faites un dégradé du haut vers le bas.

[Intermédiaire] Créer un bouton glossy  4f4w847fjxwfpigzg

5° L’effet d’ombre :
Veillez bien à ne plus rien avoir de sélectionné, donc cliquez sur l’un des bords de la fenêtre pour vous en assurer.

[Intermédiaire] Créer un bouton glossy  Wfdwj1lcgwe1e0wzg

Allez dans Filtres / Ombres et lumières / Ombre portée et réglez les options comme ceci :

[Intermédiaire] Créer un bouton glossy  Zxvo4d2e1owdtxpzg


Dernière édition par Maripiou le Mar 14 Fév 2012, 12:45, édité 8 fois
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyLun 25 Avr 2011, 14:59

Voici le résultat :

[Intermédiaire] Créer un bouton glossy  Towmy3pd1803f8ozg

6° Enregistrez votre bouton glossy :
Je vous conseille d’enregistrer maintenant que vous avez fini la partie « création de bouton ». Enregistrez votre image en format PNG pour conserver la transparence du fond. Fermez Gimp.

7° Ajoutez du texte :
Sélectionnez l’image png que vous venez de créer.
Dans la Boîte à outil, sélectionnez l’outil « texte » et choisissez les options qui vous conviennent.
J’ai choisi d’écrire le mot « Télécharger», en blanc avec la police Verdana de taille 30, mais bien entendu vous pouvez choisir ce que vous voulez.

[Intermédiaire] Créer un bouton glossy  04s4uswn6kkek8wzg

Sélectionnez la zone où vous souhaitez écrire, comme ceci :

[Intermédiaire] Créer un bouton glossy  6t78u6tzdy42k97zg

Dans la petite fenêtre qui vient d’apparaître, écrivez le texte choisi, cochez « utilisée la police sélectionnée » et cliquez sur « fermer » :

[Intermédiaire] Créer un bouton glossy  F90vz5zipz23v5fzg

Essayez de centrer votre texte par rapport à votre rectangle, voilà ce que ça donne :

[Intermédiaire] Créer un bouton glossy  E5t81vcuayq6om3zg


Dernière édition par Maripiou le Mar 14 Fév 2012, 12:46, édité 6 fois
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyLun 25 Avr 2011, 14:59

8° Enregistrez votre bouton glossy avec son texte
Sauvegardez en format png.

Voici à quoi ressemble votre bouton glossy un fois enregistré dans vos documents :
[Intermédiaire] Créer un bouton glossy  Zdc3h6dz1oc6dnbzg


MODE D'EMPLOI

N'hésitez pas à remercier l'auteur de ce tutoriel ou à faire partager votre expérience personnelle. Si vous avez créé quelque chose en suivant le tuto pourquoi pas la poster afin de la montrer à l'auteur

-----------------------------------------

Pour d'éventuelles questions, c'est par ici et si vous souhaitez en apprendre plus sur le sujet, rendez-vous dans la salle travaux pratiques

Bonne journée



Dernière édition par Maripiou le Mar 14 Fév 2012, 12:47, édité 1 fois
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Illustre illustrateur
Cassie
Cassie
Illustre illustrateur
Féminin Date d'inscription : 23/04/2011
Age : 24

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyLun 25 Avr 2011, 18:40

Merchii Beaucoup Pour Ce Petit Tuto Très Pratique !
Revenir en haut Aller en bas
As de l'acrylique
Cynimich
Cynimich
As de l'acrylique
Masculin Date d'inscription : 12/10/2009
Age : 27
Localisation : Québec

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyLun 25 Avr 2011, 18:44

Merci pour le tuto Wink
Revenir en haut Aller en bas
Ange gardien
pomme-kiwi
pomme-kiwi
Ange gardien
Féminin Date d'inscription : 27/09/2009
Age : 37

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyMar 26 Avr 2011, 09:38

Merci pour le tuto Maripiou [Intermédiaire] Créer un bouton glossy  822878
Revenir en haut Aller en bas
http://www.dressingresponsable.com
Peintre au doigt
avatar
Florent117
Peintre au doigt
Date d'inscription : 03/03/2011

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyMar 26 Avr 2011, 10:19

Merci beaucoup c'est super utile ça !

Voici à quoi ressemble mon bouton glossy:

[Intermédiaire] Créer un bouton glossy  Sans_t10

C'est pas super bien fait je trouve mais bon :/
Revenir en haut Aller en bas
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyMar 26 Avr 2011, 18:01

Merciiii

Florent117 - Faudrait juste centrer ton titre, sinon il est super ! ^^
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Grand artiste du pinceau
tchoutchou7
tchoutchou7
Grand artiste du pinceau
Masculin Date d'inscription : 27/09/2009
Age : 33
Localisation : Canada

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyMar 26 Avr 2011, 19:45

Florent117 >> Comme le dit Maripiou, mis à part le texte pas centré, le reste est bien fait je trouve ! Wink
Revenir en haut Aller en bas
http://changementdetrain.wordpress.com
Peintre au doigt
avatar
Florent117
Peintre au doigt
Date d'inscription : 03/03/2011

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyMar 26 Avr 2011, 19:58

Merci beaucoup !

Je vais en faire une petite dizaine d'autres boutons glossy, bleu, violet, noir, blanc etc. pour mon site !

Merci pour tout Maipiou What a Face
Revenir en haut Aller en bas
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyMar 26 Avr 2011, 20:01

Ok, il te reste plus qu'à centrer ton texte (c'est pas pour rien que je vous ai dit de sauvegarder une fois le bouton fini ^^), comme ça tu peux toujours changer ton texte : sa couleur, sa police, le centrer.....

De rien je suis contente que mon tuto te serve. sunny
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
As de l'acrylique
Fyladel
Fyladel
As de l'acrylique
Féminin Date d'inscription : 23/02/2012
Age : 34

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyVen 09 Mar 2012, 15:41

[Intermédiaire] Créer un bouton glossy  Bouton11
Revenir en haut Aller en bas
http://fyladel.wix.com/le-diamant-rose
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyVen 09 Mar 2012, 15:46

Très joli bouton! Et merci pour le message qui est dessus. Very Happy
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Grand artiste du pinceau
Lehanna
Lehanna
Grand artiste du pinceau
Féminin Date d'inscription : 07/10/2011
Age : 26
Localisation : Nord (59)

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyVen 09 Mar 2012, 17:03

Merci beaucoup Mari !

Edit : voilà mon bouton :


[Intermédiaire] Créer un bouton glossy  Sans_t18
Revenir en haut Aller en bas
http://lesharpburn.canalblog.com
Débutant des galeries d'art
lilyp
lilyp
Débutant des galeries d'art
Féminin Date d'inscription : 06/07/2012
Age : 24
Localisation : Perdue dans la campagne :)

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptySam 22 Sep 2012, 12:51

Merci Mari !!
Revenir en haut Aller en bas
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyDim 23 Sep 2012, 13:46

Contente que ce tuto vous serve. Smile
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
avatar
Invité
Invité

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyMer 31 Oct 2012, 22:18

Merci beaucoup Maripiou pour ce super tuto!^^
Revenir en haut Aller en bas
Timide du pinceau
lagrenouille
lagrenouille
Timide du pinceau
Féminin Date d'inscription : 16/06/2012
Age : 39
Localisation : Naoned

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyMer 14 Nov 2012, 21:11

Merci Maripiou, tuto bien expliqué et du coup c'est très facile à appliquer!
Revenir en haut Aller en bas
Illustre illustrateur
91070Camomille
91070Camomille
Illustre illustrateur
Féminin Date d'inscription : 27/11/2012
Age : 28

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyMar 11 Déc 2012, 07:07

Merci
[Intermédiaire] Créer un bouton glossy  Bouton10
Même si le mien n'ait pas le bouton du siecle. [Intermédiaire] Créer un bouton glossy  891262
Revenir en haut Aller en bas
http://91070camomille.tumblr.com/
Eclabousseur de peinture
charlaine412
charlaine412
Eclabousseur de peinture
Féminin Date d'inscription : 22/09/2012
Age : 26

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyVen 04 Jan 2013, 14:07

Merci je suis nouvelle et ce tuto ma beaucoup aide Very Happy
Revenir en haut Aller en bas
Grand artiste du pinceau
Natsynchro
Natsynchro
Grand artiste du pinceau
Féminin Date d'inscription : 09/11/2012
Age : 30
Localisation : Au pays imaginaire ~

[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  EmptyMar 10 Nov 2015, 21:02

merci pour ce tuto! adaptable très facilement sur tout logiciel ^^
Revenir en haut Aller en bas
http://le-naufrage-mysterieux.blogspot.fr
Contenu sponsorisé


[Intermédiaire] Créer un bouton glossy  Empty
MessageSujet: Re: [Intermédiaire] Créer un bouton glossy    [Intermédiaire] Créer un bouton glossy  Empty

Revenir en haut Aller en bas
 
[Intermédiaire] Créer un bouton glossy
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Apprenti] Créer un bouton Web
» [Intermédiaire] Créer des ombres
» [Débutant] Créer le code HTML d'un bouton.
» [Apprenti] Créer un bouton avec un effet de survol
» [Intermédiaire] Créer un SimBot

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sims Artists :: Apprentissage :: Graphisme :: The Gimp-
Sauter vers: