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 : 06/04/2007
Auteur : Stephlb59
Note : N/A
Titre : Barre futuriste
Categorie : effets speciaux
Niveau : . . .
Nb visites : 19015
Barre futuriste


Introduction:

Le tutorial suivant vous permettra de créer une barre style futuriste. Vous pratiquerez aussi beaucoup les reflets, donc je conseille pour les débutants de commencer par le tutorial de Cuak, «Boula aqua». Il serait bien, aussi, d’avoir une bonne connaissance des outils dans Gimp, puisque je n’explique pas toujours tout en détail. Si vous avez des questions, venez en parler au forum de Gimp-Attitude. Sur ce bon tutorial!

1-Le patron

Patron de base
-Commencez par créer une nouvelle image.
Si vous ne voulez pas dessiner vous-même le patron de base, utiliser le lien du patron xcf juste au-dessus.

2- Aspect 3D et coloration

-Dupliquer le calque «Base2», nommez-le «Base1». Avec le calque «Base1», faire clique droit sur le calque>Alpha vers sélection. Ensuite, on doit réduire la sélection de 2 pixels (Sélection>Réduire).
-Pour le calque «Base2», la forme doit être blanche et le calque doit être invisible (cliquez sur l’œil à côté du calque voulu, dans la boîte de dialogue des calques, là où il y a la liste de tous les calques).
-Avec le calque «Base1», sélectionnez votre forme et remplissez-la d’un orange brûlé (#cb3b02) ou d’une autre couleur de votre choix. Ajoutez un nouveau calque transparent «lueur3D». Il faut maintenant réduire la sélection de la forme de base(Sélection>Réduire) de 1 pixel et la remplir de blanc.


-Ensuite, déplacer la sélection vers le haut, il faut que se soit seulement la sélection qui bouge et non la couleur (dans la boîte options des outils, assurez-vous que se soit la sélection qui est affectée par le déplacement, voir l’illustration).
-Adoucissez la sélection de 10 pixels (Sélection>Adoucir), effacez le blanc dans la sélection (Édition>Effacer) et passez le calque en mode superposer, aussi, réglez l’opacité à 75.
-Allez chercher la sélection de votre forme du calque «Base1» et créez un nouveau calque «Lueur blanche». Réduisez la sélection de 1 pixel, remplissez de blanc, déplacer la sélection vers le bas, l’adoucir de 10 pixels et effacez le blanc deux fois, dépendamment de l’effet voulu.
-Ajouter un flou gaussien de 2,0 horizontal et vertical, juste pour adoucir le blanc et réglez l’opacité du calque à 80. Voici à ce que ça devrait ressembler.


-Pour le calque «Base2», c’est assez simple! Sélectionnez la forme et remplissez-la d’un gris un peu foncé (#767676), n’oubliez pas de remettre la visibilité du calque (un autre clique sur l’œil).
-Ensuite,il existe au moins deux façons de créer le prochain effet, celle que j'ai utilisé est celle-ci: il faut mettre un biseau de 5 d’épaisseur, sans travailler sur une copie. Assurez-vous que la forme est sélectionnée. (Script-Fu>écor>Ajouter un biseau). Tandis que l'autre façon (expliqué par PascalL sur le forum) permet de ne pas trop augmenter la pixelisation du contour de l'image, donc cette façon est plus adaptée pour ceux dont la netteté de l'image est importante. Pour voir la procédure, cliquez sur le lien «forum» (juste au-dessus), et c'est le point 6.


3-Les découpages


Toujours avec le même calque, faite une sélection elliptique

pour faire un cercle parfaitement rond, appuyer sur la touche maj. en faisant votre cercle

-Effacez ce qu’il y a dans la sélection et agrandissez-la de 2 pixels et copier-la (Édition>Copier).
-Créez un nouveau calque «Reflet1» et faite un coller (Édition>Coller). Replacez la sélection flottante à son endroit correspondant (le déplacement doit affecter le calque actif) avant de l’ancrer. Faite alpha vers sélection et avec l’outil de sélection rectangulaire soustrayez la plus petite sélection, voir l’illustration ci-dessous.


-Effacez ce qu’il y a dans la sélection et appliquez un dégrader de blanc vers transparent.

Pour que tout soit bien propre lorsque vous effacez ce qu'il y a dans la sélection, agrandissez-la de 1 pixel, puis effacez. Il ne reste plus qu'à la réduire de 1 pixel pour revenir à la forme de base.



-Refaites alpha vers sélection et soustrayez l’autre bout, celui qui a déjà un dégrader.Effacez encore et faites un dégradé.
-Refaites les mêmes étapes pour toutes les zones à enlever. Voir l’illustration ci-dessous pour connaître les zones à effacer. Cependant pour le dégradé du cercle de gauche, choisissez un dégrader de blanc à un gris foncé presque noir, appliquez-le du bas du cercle jusqu’en haut.


Voici le résultat jusqu’à maintenant avec l’ordre des calques.


4-Finition

-Sur le calque «Base 2», faite alpha vers sélection. Créez un nouveau calque «Bordure» et agrandissez la sélection de 1 pixel, remplissez-la de noire. Ensuite, rapetissez la sélection de 1 pixel et effacez sont contenue. Si cela ne vous donne pas un résultat satisfaisant vous pouvez utilisé l'astuce décrite par PascalL sur le forum.


-Ajouter une ombre portée régler comme l’illustration ci-dessous au calque «Bordure».

-Refaites une sélection ronde sensiblement de la même grandeur que le cercle de gauche. La sélection peut être un peu plus petite, mais réduisez-la de 5 pixels par la suite. Sur un nouveau calque «reflet2», adoucissez la sélection de 10 pixels et faites un dégradé de blanc à transparent dans le haut du cercle.


Conclusion:

Et voilà, c’est terminé!

credits:

Ce tutorial à été traduit et adapté pour Gimp par stephlb59. L’original de FxZone peut être vu ici : http://fxzone.eyeball-design.com/tutorial_ifx07.htm

Lien vers le fichier xcf : ICI



Commentaires :


- 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