God Templates  : Outils pour webmasters Découvrez nos promos packs à partir de 3,6 euros nom de domaine
Accueil | Tutoriels | Annuaire | Astuces Google | Outils pour webmasters | Définitions Web | Kit web à 5€
Ressources - webmasters
  Kits par catégories
  osCommerce
  Css template
  Kit graphique Flash
  Kit graphique design
  Kit de Jeux-vidéo
  Site Flash dynamique
  Site avec entête Flash
  Logo kit graphique
  Logo set
  Identité d'entreprise
  Thèmes Php-Nuke
  Intro en Flash
  Entête + intro Flash
  Promo Packs
  360 kits à 5 €
  128 kits à 4 €
  60 kits à 1.80 €
  Kit bas budget
  Zero-download
  Autres devises
Ressources pour webmaster
 Référencement et trucs et astuces pour Google Outils Astuces Google
 Webmaster en vidéo Vidéos Webmasters
 Comment créer un site Internet attractif ! Comment créer un site
  Affiliation 20%
  Les 10 stratégies...
  Outils webmaster
  Définitions (dico)
 Les tutoriels Les tutoriels Tutoriels PhotoshopTutoriels GimpTutoriels tutoriaux tuto sodipodi
  Annuaire Généraliste
  Ressource webmaster
  Création bannières Actualité outils de recherche & référencement
  Où se référencer ?
  Clipart gratuit
  Générateur MétaTags
  Webmasters news
  Kit graphique gratuit
 Charte graphique gratuit Charte graphique
 Cartes virtuelles en Flash Carte virtuelle Flash

Partenaires, échange de liens automatique

  Echantillons gratuits
 template templates Kit graphique pro
  Ressources gratuites
  Internet Services
  Freegaia

  Active Art Animations
  Création de site
  Topsite
  Partenaires 2 3 4 5 6
Kit graphique du jour
 FAQ F-A-Q
  Rechercher
  Faire un lien
 
  Dans vos favoris
  Plan du site
  Sitemap XML
 Formulaire de contact - contactez-nous Contact
Des dizaines de kits graphiques de qualité pour votre site, classés par catégories.

Créer une belle boule avec reflet

éditorial L'objectif de ce tutoriel est de créer une belle boule avec un reflet sur le dessus. L'image doit avoir une ombre en flou progressif mais sans fond blanc (on verra qu'un seul format permet de le faire ... non non, ce n'est pas le .gif ;)

Voici exactement ce à quoi nous voulons arriver :....

Résultat final


Première étape

à la une Commençons par créer une nouvelle image : menu fichier > nouveau (CTRL+N). Le panneau suivant apparait. Donnez les memes spécifications que sur l'exemple.
Par défaut, l'image est en 256*256 et en 72dpi. Vous pouvez bien évidemment modifier ces paramètres si vous le souhaitez

Créer une nouvelle image

L'image crée se présente avec un calque d'arrière-plan par défaut, en mode normal et sans-titre. Un "oeil", sur le gauche du bandeau calque, permet de cacher le calque (utile par la suite ....)

Nota : si le panneau calques n'apparaissait pas par défaut, faites un clic droit dans l'image > claques > calques, canaux & chemins


Vue des calques par défaut de l'image

Deuxième étape

à la une Créeons un nouveau calque sur lequel nous tracerons le rond de la forme. Pour cela, soit vous faites un clic droit dans la palette des calques > nouveau calque (CTRL+N), soit vous cliquez sur le bouton "nouveau calque", en bas a gauche de la palette des calques

Créer un nouveau calque

une nouvelle fenêtre apparait :

Options du nouveau calque

Le nouveau calque apparait dans la palette des calques ...

Le nouveau calque apparait dans la palette des calques

Troisième étape

à la une Sélectionnez l'outil de sélection circulaire ou elliptique

l'outil de sélection circulaire

à la une puis tracez un rond sur le nouveau calque en maintenant le touche "majuscules" enfoncée :

Tracer un rond

à la une Sans désélectionner, choisissez l'outil "pot de peinture" dans la palette d'outils :

l'outil pot de peinture

à la une ensuite la couleurs de remplissage en cliquant deux fois sur la couleur de premier plan, en bas a gauche de la palette outil. Choisissez une couleurs sombre, rouge bordeaux par exemple. Cliquez sur "fermer" lorsque la couleurs a été choisie.

la couleurs de remplissage

à la une Remplissez la sélection avec la couleur. Désélectionnez.

Remplissez la sélection

Quatrième étape

à la une Créez un nouveau calque.
Inversez les couleurs d'arrière-plan et de premier-plan en

Inversez les couleurs

à la une Puis, sélectionnez l'outil de sélection circulaire ou elliptique (voir étape 3) et tracez un rond plus petit en haut du rond de couleurs .....

tracez un rond plus petit en haut du rond de couleurs

à la une Sélectionnez l'outil "dégradé" .

l'outil dégradé

et tracez votre dégradé en partant du haut vers le bas dans le cercle .

l'outil dégradé

l'outil dégradé

à la une Donnons maintenant un peu de flou à ce reflet ... Pour cela, faites un clic droit sur l'image > Filtres > Flou > Flou

Flou sur le reflet

Un nouveau panneau apparait. Mettez les paramètres suivants :

Blur

à la une Voilà ce à quoi devrait ressembler votre image à ce stade

Etape intermédiaire : résultat

Cinquième étape

à la une Sélectionnez le calque qui contient la couleur rouge. Faites un clic droit dessus et duppliquez-le (CTRL+C).

Duppliquer le calque

à la une Sélectionnez-le et sans lacher le bouton de la souris, glissez-le sous le calque contenant l'applat rouge. Cachez ce calque (le premier calque crée avec l'applat rouge) en cliquant sur l'oeil, dans la palette des calques. Cachez aussi le reflet fait avec le dégradé. .

Cacher des éléments via les calques

à la une Choisissez la couleurs noire comme couleur de premier plan, puis, en utilisant l'outil "pot de peinture", remplissez la forme visible à l'écran de noir.

Remplir la forme visible

à la une Appliquez-lui un flou (clic droit sur l'image > Filtres > Flou > Flou) avec une répétition de 30

Sixième étape

à la une Nous allons maintenant redimensionner cette boule noire floue, de manière à ce qu'elle soit plus grande que la boule rouge. Il s'agit là d'une mise à l'échelle.... Double-cliquez sur l'outil "changement de taille" dans la palette des outils.

redimensionner la boule noire

à la une Une nouvelle fenêtre s'ouvre...Sélectionnez les même paramètres que ci-dessous puis cliquez sur fermer

Options de l'outil de transformation

à la une Une nouvelle fenêtre s'ouvre... Sélectionnez les même paramètres que ci-dessous puis cliquez sur échelle. Le calque est redimensionné.

Informations de mise à l'échelle

Résultats de la mise à l'échelle

Septième étape

à la une Réduisons l'opacité de ce calque de manière à créer une ombre plausible .... Regardez en haut de la palette des calques .... et réduisez l'opacité aux alentours de 30.

réduire l'opacité d'un calque

réduire l'opacité d'un calque

à la une Le résultat est déjà plus probant non ?

Cachez le calque de fond (arrière-plan). Faites un clic droit dans l'image puis > fichier > enregistrer sous.

Recherchez le dossier dans lequel vous souhaitez enregistrer votre image. The Gimp vous propose plusieurs formats, dont un très interessant puisqu'il gère la transparence sans fond : le PNG. Sélectionnez ce format.

Normalement, ce message devrait apparaitre .

Exporter un fichier

à la une Cliquez sur exporter. Voilà. Votre image est enregistrée avec sa transparence..

Sympa non ?


Source : Kloobik

 

© GodTemplates 2003-2007. Tous droits réservés.