Découvrez UWOS : Service de location de serveurs web, vocaux et jeux à très bon prix !
Connexion a la zone membres
Pseudo :

Mot de passe :


Pas encore inscrit?
L'inscription ne prend que quelques secondes! Vous pourrez alors créer des tutos, poster des commentaires, upload des images ou des fichier!

Cliquez ici
Mot de passe perdu?                                        [X]-Fermer
Inscrit le :
Nb de visites :

Tuto créer : 0
Tuto valider : 0

Fichier uploader: 0
Quota utilisé: 0 %
Tuto

vignette
Recommander :

[X]-Fermer
Envoyer a un ami
Imprimer

Inscrivez vous pour voter!
Date : 02/02/2007
Auteur : ImaGimp
Note : N/A
Titre : Des Bulles
Categorie : textures
Niveau : . .
Nb visites : 16741
Des Bulles


Introduction:

Ce tutoriel en 8 étapes vous apprend à réaliser des bulles. L'opacité est un point important de ce tutoriel.


- Commencez par créer une nouvelle image (Fichier > Nouveau... ou Ctrl+N) de 400x400 pixels.


Réalisation du fond:



Tout d'abord, il vous faut choisir une couleur de premier et d'arrière plan.
- Pour cet exemple j'ai choisi comme premier plan une couleur bleue clair #7ddaff et pour l'arrière-plan cette couleur bleue foncé #476ca2.
Le choix des couleurs peut être modifié en fonction de votre vision de l'eau.
- Maintenant créez un nouveau calque transparent que vous nommez 'Eau'. (Calques > Nouveaux Calques...)
- A l'aide de l'outil 'Dégradé' (L) , faite une ligne qui part du Haut vers le Bas du calque 'Eau'.


* Pour avoir une ligne parfaitement droite vous devez maintenir la touche Ctrl enfoncée pendant que vous tracez la ligne.


Réalisation d'une bulle:



- Réorganisez les couleurs de premier et d'arrière plan par défaut (D) puis modifiez les (X) pour que le blanc soit en premier plan.
- Créez un nouveau calque transparent et nommez le 'Bulle'. (Calques > Nouveaux Calques...)
- Prendre l'outil 'Sélection Elliptique' (E) et commencez à tracer un cercle en maintenant la touche Shift enfoncée ce qui vous permet d'obtenir une forme bien arrondie.

- Ceci fait, remplissez ce nouveau cercle de blanc (Edition > Remplir avec la couleur de PP ou Ctrl+,).
- Pour donner l'effet translucide de la bulle, nous allons réduire l'opacité de ce cercle blanc à 20.0 px.


Donner des formes à la bulle:



- Une foie terminé, nous allons donner un peu plus de forme à cette bulle.

- Créez un nouveau calque transparent et nommez le 'Lueur'. (Calques > Nouveaux Calques...)
- Reprenez l'outil 'Sélection Elliptique' (E) et créez un petit cercle en maintenant la touche Shift enfoncée en haut à gauche de la bulle comme l'exemple.
- Remplissez la sélection de blanc (Edition > Remplir avec la couleur de PP ou Ctrl+,) et ajoutez-y un Flou Gaussien de 10.0 px de rayon en IIR.


Plus de forme:



Déjà la forme ronde de la bulle apparaît mais nous allons y ajouter un petit plus.
- Retournez sûr le calque 'Bulle' et faite Clic-droit > Alpha vers sélection.
- Créez un nouveau calque transparent et nommez le 'Arrondi'. (Calques > Nouveaux Calques...)
- Remplissez la nouvelle sélection de blanc (Edition > Remplir avec la couleur de PP ou Ctrl+,) puis annuler la sélection (Sélection > Aucune) (Shift+Ctrl+A)
- Dupliquez le calque 'Arrondi' 1 foie (Calques > Dupliquez le Calques...) ce qui vous donnera 'Copie de arrondi'.
Nous allons maintenant décaler le cercle du calque 'Copie de arrondi' pour supprimer une partie du calque 'Arrondi'.
- En étant sur le calque 'Copie de arrondi', faite Calque > Transformer > Décalage... (Shift+Ctrl+O) pour ouvrir la fenêtre 'Décalage'.
- Modifiez dans la partie Décalage le X= -4 et le Y= -6 puis laissez 'Recouvrir autour'.
- Après ce déplacement, sélectionnez le Cercle blanc du calque 'Copie de arrondi' puis retournez sur le calque 'Arrondi' pour enfin effacer la sélection (Edition > Effacer ou Ctrl+K)
- Il ne vous reste plus qu'à supprimer le calque 'Copie de arrondi'.
Cela nous a permis de créer un petit effet sûr le bord de notre bulle.


Finaliser:



Pour finaliser ce bord, nous allons lui donner un léger flou.
- Sélectionnez le calque 'Arrondi' en ayant aucune sélection active sur l'arrondi puis allez dans Filtre > Flou > Flou Gaussien... et lui faire un flou de 10.0 px en IIR.
Comme le flou a dépassé de notre bulle nous allons supprimer cette partie supérieur à la bulle.
- Sûr le calque 'Bulle', sélectionnez la bulle (Clic-droit > Alpha vers sélection) puis inversez la sélection (Sélection > Inverser ou Ctrl+I) et retournez sûr le calque 'Arrondi' pour effacer le surplus.
- Maintenant nous réduisons l'opacité du calque 'Arrondi' à 60.0 px.


Conclusion



Conclusion:

Votre bulle est maintenant créé.
Comme vous avez pus le constater, l'opacité est très important pour donner un effet translucide aux éléments d'une bulle.
A vous de dupliquer les bulles et aussi les grandir ou réduire avec l'outil 'Etirer' (Shift+T)

Je laisse agir votre imagination maintenant...





credits:

Créé par VFdesign
ImaGimp.free.fr: Annuaire de ressources didacticiels sur le logiciel gratuit GIMP. Tutos classés par catégories.


Commentaires :

De : Tak | Le : 24/06/2010
Moi je le trouve extra ce tuto ! Merci beaucoup

De : afarni | Le : 28/08/2009
bonjour
encore une fois les tuto bien mais pas pour les debutants impossible de suivre avec ce que vous ditres obliger de chercher et chercher pour trouver les x les l etc. penible de voir que personne ne pense au debutant dans ce logiciel


- Pour ajouter un commentaire vous devez être inscrit et connecté.


Retour...
Faire un lien vers ce tuto:


Valid XHTML 1.0 Transitional | Valid CSS 2.0 | Flux RSS | PageRank Actuel