Accueil   Kits graphiques   Services   Partenaires   Annuaire   Forum   Tutoriaux

Annuaire-finance.com




Kits graphiques
Portail
Animations Flash
Illustrés
Header Flash
Discount
Sites complets
Forum
Jeux
Site Flash
Theme php nuke
Kits complets
CSS
Flash Dynamique
Animé en Swish
OsCommerce
Logos
Pack icones
Dynamique Swish
PHP BB2
Les "streched"
Flash 8
WordPress
Services
Rentabilisez votre site
Générateur Métatags
Générateur css
Backlink gratuit
Annuaire
Actualités et médias
Blogs
Commerce et économie
Enseignement et formation
Internet
Informatique
Loisirs
Sciences et techno.
Société
Forum
Le FORUM
S'inscrire
S'inscrire
Tutoriaux
Les formes courbes
Sphères / Boutons
Donner du relief
Effet de screening
Partenaires
LaGlande.fr
Kits design

Devenez partenaire
Sponsors
Best Offres-Casino : Bestoffres est un annuaire internet qui propose à vos visiteurs un comparatif des meilleurs sites de casino.

Création d'une sphère pour créer un bouton pour un kit graphique :

Le Blog de Kit Graphique . net

Tutoriel Photoshop - Sphères

Il existe autant de manières de faire une sphère que de graphistes. Voici ici deux techniques. Une pour faire des "vraies" sphères, l'autre pour faire plutôt des boutons.

La sphère


Outil sélection elliptique



Outil Dégradé radial

1 - Avec l'outil de sélection elliptique, faites un rond (facile en maintenant la touche Maj enfoncée !)

 

 

2 - Dans cette sélection, vous allez faire un dégradé radial grâce à l'outil dégradé.

En utilisant les paramètres ci-après.

Dégradé premier plan vers arrière plan, en choisissant blanc et noir comme couleurs.


Le dégradé se fait suivant le trait rouge.

A partir de maintenant arrive la petite touche perso : les peaufinages.

3 - Vous allez dans Images>Réglages>Courbes et vous bidouillez la courbe en deux endroits pour qu'elle ait l'apparence de celle ci :

On obtient un truc comme ça :

4 - On peut ensuite aller voir dans Images>Réflages>Variantes.. et choisir sa teinte préférée ! Ici, c'est de l'Or, va savoir pourquoi...

 

Le bouton

Pour faire de puces ou des boutons, rien de tel que des petites boules bien sympas. Ce tutoriel est valable pour n'importe quelle forme de sélection, rien ne vous empêche d'essayer, au contraire !

1 - On commence par sélectionner une sphère avec l'outil de sélection elliptique. (Pour avoir une sphère parfaite, pressez Maj en même temps que vous dessinez la sphère. En pressant en même temps Alt, vous centrez là où vous avez commencé à la tracer. Essayez, il n'y a que ça de vrai !)

2 - Sélectionnez l'outil dégradé linéaire. Dans la fenêtre Affichage>Options, réglez les paramètre sur : Dégradé premier plan>Arrière plan et les deux couleurs extrêmes du dégradé. Toujours avec cet Outil, tirez un trait vertical pour obtenir un résultat comme ci-dessous. (Pour faire des traits à 90°, maintenez la touche Maj enfoncée pendant que vous tirez le trait).

3 - Ensuite, Sélection>Modifier>Contracter (environ 5 pixels, mais ça dépend de la taille de votre sphère).

4 - Créez un nouveau calque (Calque>Nouveau Calque). Reprenez l'Outil Dégradé linéaire et réglez les paramètres sur Premier plan>Transparent en réglant le premier plan sur la couleur Blanche. Tracez dans la sélection, et sur le nouveau calque, le dégradé vertical.

Ensuite : Filtre>Atténuation>Flou gaussien (réglage entre 4 et 5 pixels), et si besoin, réglez l'opacité du calque à 70%. On obtient alors un résultat comme à droite, ce qui fait un joli petit bouton en 2 minutes chrono quand on a assimilé la technique.

Et rien ne vous empêche de décliner cette technique :

 

Tous les tutos

 
Accueil   Kits graphiques   Services   Partenaires   Annuaire   Forum   Tutoriaux

 
  Économie / Finance :  Annuaire-Finance.comImmobilier-de-Robien.com
Webmasters / Création de sites :  Awards-Du-Net.comCreation-de-site-immobilierCreation-de-site-freelance
Design / Kits graphiques :  Blog-Photoshop.comFairedelor.com : Turoriaux PhotoshopTemplatemonster-fr.comKits graphiques : TemplateMonster.fr
Autres :  Tes-Blagues.com