Exposition Graphique : juanito15 et 39 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2  3
Auteur
 Sujet :

[Tuto TheGimp] Barre iPod

 
n°16454
feever
Profil : Top Penguin
Avatar
profil
Posté le 14-03-2007 à 22:31:13  
 

Reprise du message précédent :
Bon tutotiti (ca sonne bien ca non, tutotiti :meuh:).
Joli rendu, et je trouve que ca rend bien sur toshop aussi.
Aller toshop.

answer
mood
GoogleAds
profil
Posté le 14-03-2007 à 22:31:13  
 

answer
n°16465
mat_gamer
Profil : Penguin
Avatar
profil
Posté le 17-03-2007 à 07:30:24  
 

Super cette "Barre iPod", exéllente idée!
Vive Gimp !!!

answer
n°16615
Mattllinux
Profil : New Penguin
Avatar
profil
Posté le 06-04-2007 à 05:04:04  
 

Oué vraiment génial! Je me suis fais une petite user bar avec lol!
Vous en pensez quoi ?
http://www.hebergement-images.com/04/1175827642_MacFan.jpg

 

Je trouve que la pomme est trop petit lol, mais si ou fait plus gros on voit même plus que c'est une pomme...

answer
n°16619
-mandrake-
Profil : Penguin
Avatar
profil
Posté le 06-04-2007 à 18:08:57  
 

Moi je trouve que les couleurs de la pomme ne vont pas avec le fond, à part sa sa va

answer
n°16621
Mattllinux
Profil : New Penguin
Avatar
profil
Posté le 06-04-2007 à 22:10:51  
 

Oué je sais mais bon... Je trouve que la nouvelle pomme ne fait pas le même effet...

answer
n°16846
Max74
Profil : Top Penguin
Avatar
profil
Posté le 17-05-2007 à 11:19:14  
 

Vraiment très sympa j'attend la version photoshop !Je trouve que le rendu est vraiment fidèle !

answer
n°16847
Lemony L'Abare
profil
Posté le 17-05-2007 à 11:51:15  
 

Topic très bien fait, rien à dire.
Je me suis amusé à faire une petite barre différente, que voici: http://img155.imageshack.us/img155/9404/supernovaki7.png, en partant de celle de ce topic. Il faudra juste que je revoie les contours...

answer
n°16855
krystof..,-
Profil : Big Penguin
Avatar
profil
Posté le 18-05-2007 à 18:26:04  
 

Mon Blog se rejouit de ces barres  :loveit:

answer
n°16866
Daddy77
Profil : New Penguin
Avatar
profil
Posté le 19-05-2007 à 22:29:36  
 

Bonjour, et bravo pour ce tutorial, Je me suis inscrit sur le forum pour pouvoir répondre a ce topic car c'est la premiére foit que je créer (avec tuto) une image, moi qui suis "pro Mac" alors voici le résultat.

 


http://pitoulight.free.fr/scrollmac.png

  

Pour moi il n'y a rien a redire mais vous vous allez trouvez des tas de défaut je pence.

 


A bientôt

answer
n°16914
_Mhz_
Profil : New Penguin
Avatar
profil
Posté le 29-05-2007 à 22:42:51  
 

Bonjour
C'est mes premiers pas avec The Gimp. Je ne réussis pas à faire un Flou Gaussien. Comment faite vous pour que l'OmbreInterne et le BackGround soient combinés?

answer
n°16915
louix
Profil : Top Penguin
Avatar
profil
Posté le 30-05-2007 à 11:43:41  
 

alors pour le flou gaussien :
tu va dans la fenetre ou il y  a ton image
tu regarde la barre en haut il y a un menu "flitre"
tu clique sur filtre > flou > flou gaussien

 

pour l'ombre interne + Back ground :
tu va dans la fenetre de ton image
tu fait Dialogues > cree un nouvel onglet (je crois que c'est ca ou c'est cree une fenetre avec dialogues )> calques
la tu as ton calque back grond et ombre interne
puis tu mets ton calque ombre interne au dessus de background avec les fleches en bas
et tu fait clique droit sur le calque puis fusiooner vers le bas

 

voila en esperant avoir été clair :wink:

answer
n°16916
_Mhz_
Profil : New Penguin
Avatar
profil
Posté le 30-05-2007 à 12:19:33  
 

Bonjour
Merci Louix. J'avais trouvé cette manipulation, mais je croyais avoir fait une erreur dans les étapes précédentes.

answer
n°16922
Dacobah
Profil : New Penguin
Avatar
profil
Posté le 01-06-2007 à 10:59:19  
 

Très bon tutorial. Voici mon résultat : http://www.enregistrersous.com/images/125264114520070601105709.png  :happy2:

answer
n°16933
miniclem001
Profil : New Penguin
Avatar
profil
Posté le 02-06-2007 à 20:23:22  
 

Bonjour a tous, c'est l'un de mes premiers post sur ce forum :smile:.

 

Tout d'abord très bon tuto !

 

Mais j'avai une question, une fois que l'on a sa belle barre, on fait commen pour l'utiliser ?
Sachant que je suis sous XP avec Vista inspirat 2.

 

Merci beaucoup.

answer
n°16935
seraphin54
Profil : New Penguin
Avatar
profil
Posté le 03-06-2007 à 14:41:51  
 

miniclem001 a écrit :

Mais j'avai une question, une fois que l'on a sa belle barre, on fait commen pour l'utiliser ?
Sachant que je suis sous XP avec Vista inspirat 2.

 

Merci beaucoup.


 ben ca depent dans quoi tu veux l'utiliser ...

 

J'ai une question moi aussi : ce tutorial est trés bien fait mais j'aimerai savoir comment faire d'autres techniques dans le genre : par exemple j'ai trouvé sur un site cette barre la : http://pix.nofrag.com/81/e2/b38a087863c71b8f395827a5bab1.jpeg
et j'aimerai savori comment faire l'effet du bouton qui est enfoncé?  (c'est poru faire un theme de telephone portable)

answer
n°16939
miniclem001
Profil : New Penguin
Avatar
profil
Posté le 03-06-2007 à 17:20:46  
 

seraphin54 a écrit :

ben ca depent dans quoi tu veux l'utiliser ...

 

J'voudrais en faire une barre pour la plus-part des chargement windows (ex : quand on copie des fichiers).

 

Merci pour la réponse. :smile:

answer
n°16942
miniclem001
Profil : New Penguin
Avatar
profil
Posté le 03-06-2007 à 20:10:52  
 

Mon résultat : Barre.png  :party:

answer
n°16954
Gawet
Profil : New Penguin
Avatar
profil
Posté le 06-06-2007 à 14:59:38  
 

Je suis bloqué, mon flou gaussien ne marche pas...
L'aperçu du flou gaussien ne montre aucun changement et quand je valide, ca charge mais rien ne change :non:

answer
n°16957
louix
Profil : Top Penguin
Avatar
profil
Posté le 06-06-2007 à 15:53:05  
 

bon alors deja pour l'apercu il faut cocher la case appercu (tu l'as sans doute fait)
ensuite applique une valeur plus forte juste pour voir si ca marche

 

en dernier si ca marche pas: essaie de faire des traits a l'aerographe
si sa ne fait pas des traits c'est que le calque est foireux et que tu a le meme probleme que moi des fois :frown:
pour que ca remarche je crois qu'il faut fusionner le calque avec un autre (pas sur du tout j'ai quasiment pas essayé)

answer
n°16960
seraphin54
Profil : New Penguin
Avatar
profil
Posté le 06-06-2007 à 17:09:26  
 

Gawet a écrit :

Je suis bloqué, mon flou gaussien ne marche pas...
L'aperçu du flou gaussien ne montre aucun changement et quand je valide, ca charge mais rien ne change :non:


verifie que tu a bien tout  deselectionné et que tu te trouve sur le bon calque .

 
miniclem001 a écrit :

J'voudrais en faire une barre pour la plus-part des chargement windows (ex : quand on copie des fichiers).

 

Merci pour la réponse. :smile:

 

A mon avis il fau que tu utilise un logiciel pour faire tes prores themes : comme Windows blind par exemple.

 

Sinon personne pour ma question?

 
seraphin54 a écrit :

J'ai une question moi aussi : ce tutorial est trés bien fait mais j'aimerai savoir comment faire d'autres techniques dans le genre : par exemple j'ai trouvé sur un site cette barre la : http://pix.nofrag.com/81/e2/b38a087863c71b8f395827a5bab1.jpeg
et j'aimerai savori comment faire l'effet du bouton qui est enfoncé?  (c'est poru faire un theme de telephone portable)

answer
n°16961
louix
Profil : Top Penguin
Avatar
profil
Posté le 06-06-2007 à 17:44:20  
 

une auto-citation  :sarcastique:
bon pour te repondre :
deja tu crée ton bouton enfoncé
tu fait ta barre noire
tu mets le meme refzet sur les 2 calques
tu assombris un peu le bouton enfoncé avec calque > couleur > luminosité contraste :wink:

answer
n°16974
Gawet
Profil : New Penguin
Avatar
profil
Posté le 06-06-2007 à 21:15:12  
 

Merci Seraphin54, en effet j'ai tout deseclectionné et ca a marche niquel :whistle:

answer
n°17002
.: Titi :.
Profil : New Penguin
Avatar
profil
Posté le 08-06-2007 à 20:58:19  
 

Ca reste a mon avis possible sous Gimp seraphin  :wink:
Si j'arrive a le faire je te montrerai, il faut juste faire quelques essais  :smile:

 

EDIT : après quelques essais ca donne ceci :

 

Originale : http://pix.nofrag.com/81/e2/b38a087863c71b8f395827a5bab1.jpeg

 

Gimp : http://img519.imageshack.us/img519/2756/barreessai1lm1.png

 

Si ca t'interresse j'ai toujours le .xcf pour que tu vois a quoi cela ressemble et/ou pour t'expliquer :wink:

answer
n°17030
vivick_k-fa
"be like water"
Profil : Top Penguin
Avatar
profil
Posté le 11-06-2007 à 17:14:04  
 

SALUT !

 

Je me pose la même question que Miniclem001 : comment faire pour utiliser cette barre ?? :neutral:
ex : chargement, barre pour faire défiler... :err:

 

Sinon je trouve cette barre MA-NI-FIK sérieusement mais je pense que tout le monde est de cet avis.

 

@+

answer
n°17036
seraphin54
Profil : New Penguin
Avatar
profil
Posté le 11-06-2007 à 23:46:10  
 

Citation :

Ca reste a mon avis possible sous Gimp seraphin  :wink:
Si j'arrive a le faire je te montrerai, il faut juste faire quelques essais  :smile:

 

EDIT : après quelques essais ca donne ceci :

 

Originale : http://pix.nofrag.com/81/e2/b38a087863c71b8f395827a5bab1.jpeg

 

Gimp : http://img519.imageshack.us/img519/2756/barreessai1lm1.png

 

Si ca t'interresse j'ai toujours le .xcf pour que tu vois a quoi cela ressemble et/ou pour t'expliquer :wink:

 


ca m'interesserai beaucoup avec des explications également. Merci d'avance

answer
n°17040
.: Titi :.
Profil : New Penguin
Avatar
profil
Posté le 13-06-2007 à 01:26:27  
 

Pour vivick k-fa 78 : l'utilisation brute de cette barre ne peut servir qu'a agrémenter des création graphique (exemple de la scroll-bar en page1). Ensuite pour l'incorporer à un skin pour windows ca devient plus technique et plus compliqué (sans toutefois être impossible). Des logiciels tels que SkinStudio doivent pouvoir être utiles mais n'ayant aucune connaissance dans ce genre de logiciel, je te laisserai donc rechercher des tutoriels et/ou une aide sur le forum  :wink:

 

Pour seraphin54 : je te fais ca de suite  :smile:

 

Créer un nouveau document (ici 240*30) que tu remplis de #14363f

 

http://img461.imageshack.us/img461/4994/23897539gh6.png

 

Créer un nouveau calque, le nommer "Reflet".
Selectionner la moitié supérieure du document et appliquer un dégradé linéaire vertical Blanc>Transparent à partir du haut du document jusqu'en bas.
Abaisser l'opacité du calque a 30%

 

http://img456.imageshack.us/img456/6729/89595930na0.png

 

Créer un nouveau calque nommé "Bordure".
Créer une selection rectengulaire de la longueur du bouton souhaité et de hauteur 30px (la hauteur du document).
Selection > Reduire... - Réduire la sélection de 2px
Selection > Bordure arrondie - Faite une bordure arrondie de 25%.
Remplir la sélection de blanc
Réduire la sélection de 1 pixel
Supprimer la selection
Abaisser l'opacité du calque à 30%

 

http://img357.imageshack.us/img357/6158/10465421dt7.png

 

Créer un nouveau calque nommé "Fond".
Remplir la selection de noir

 

http://img357.imageshack.us/img357/1884/43862893rw7.png

 

Créer un nouveau calque nommé "Reflet bleu".
Appliquer un dégradé radial horizontal #008db8>Transparent a partir du bas de la selection, vers le milieu, jusqu'au bord de la sélection.

 

http://img362.imageshack.us/img362/2254/61854247sj9.png

 

Ajouter un masque de calque - Fond Blanc - Appliquer un dégradé linéaire vertical Noir>Transparent à partir du haut de la selection vers le bas de la selection.

 

http://img362.imageshack.us/img362/1417/80921684af2.png

 

Abaisser l'opacité du calque "Fond" a 75%
Créer un nouveau calque nommé "Ombre Interne".
Selection > Inverser - Inverser la sélection
Remplir la nouvelle sélection de noir
Déselectionner (Selection > Aucune)
Filtres > Flou > Flou Gaussien - appliquer un flou de 10px en horizontal et 10px en vertical
"Alpha vers Sélection" sur le calque "Fond".
Inverser la selection (Selection > Inverser)
Supprimer la Selection

 

http://img366.imageshack.us/img366/2361/16122470qb1.png

 

Voila un tutoriel pas très détaillé mais qui va a l'essentiel ... j'espère que tu as compris :wink:
Je te fournis le *.xcf au cas ou  :happy2:

 

tuto.xcf

answer
 Page :  1  2  3

Aller à :
Ajouter une réponse