Créer son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
ForumsDecouper son design avec The Gimp
      Imprimer le sujet FAQ  M'enregistrer 
  Toutes vos questions concernant le design et le graphisme sont les bienvenues dans cette catégorie !

Decouper son design avec The Gimp

Messagede boulledogue le 31 Oct 2007, 19:38

Bonjour tout le monde (et à Gaara en particulier, lui qui connais The Gimp mieux que sa poche :-) )
Bon, je sais coder un design en Html&Css mais seulement quand les images sont découpées, car j'ai un probleme.
Je n'ai pas PhotoShop et je n'ai que The Gimp et PhotoFiltre à ma disposition. Y a-t-il moyen de découper mon design avec un de ces deux programmes? Si oui, quelqu'un peut-il m'expliquer comment? (quels outils...)
Puis je voudrais savoir comment on fait un design aussi (avec du texte, sans, etc... :-s )
Bref, ce topic a vraiment sa place sur ce site :-D
Merci pour votre aide
@+
Boulledogue :-D
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2252
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4453


Re: Decouper son design avec The Gimp

Messagede Gaara le 31 Oct 2007, 20:14

Bonsoir :-D !
Arf c'est une longue histoire tout ça ! :lol:


Alors la première chose avant de découper un design, c'est de réfléchir.

"Bah réfléchir à quoi ?"
- Trouver les motifs présents dans le design.
- Trouver les éléments à découper.

Ensuite dès que tous les éléments sont découpés, c'est parti, on peut coder !
"Euuh attends comment on découpe des éléments avec The Gimp ?"
- Vous aurez besoin de plusieurs outils pour découper :
*** L'outil découpage Image : cet outil comme son nom l'indique permet de découper une zone bien précise du design.
***L'outil de mesure Image : je ne précise pas la fonction de cet outil. Vous en aurez certainement besoin.

*** Les guides : Ce sont des lignes pointillées (cf. les lignes bleues/noires ci-dessous) qui permettent de délimiter le design en zones.(Image > Guide > ... OU placez votre souris sur une des règles et tirez en restant appuyé :p)

*** Et un cerveau (et pas un cerveau lent !) !

Pour illustrer ce que j'ai dit plus haut, voici 2 designs ainsi que les différentes zones à découper :
***1er Design : vous l'aurez reconnu, c'est celui de Hazal :
Image

*** 2ème Design : il s'agit du tout premier (et le dernier d'ailleurs) design que j'ai c-o-n-ç-u pour mon site d'organisation de tournois wii online. (Le site a été abandonné :x).
Je précise que vous êtes les premiers à le voir :-) !
Image
Sur ce dernier design, vous aurez remarqué que les menus ne sont pas entièrement découpés, uniquement la partie centrale qui se répète en hauteur.

Voilà j'espère que ce mini-tuto pourra t'aider dans ta carrière de découpeur de design. J'avoue qu'il n'est pas très complet mais je ne saurais pas mieux expliquer :lol:.

EDIT : Ne faites pas attention au "Windows Media Player" sur le dernier design :lol: J'avais cliqué sur ma SlideBar à ce moment :-D !
:etoile: *Rien à dire ...*
Avatar de l'utilisateur
Gaara
Modo'z
Modo'z
 
Messages: 831
Inscription: 18 Mar 2007, 20:47
Localisation: Village Caché de Suna
Points: 8


Re: Decouper son design avec The Gimp

Messagede boulledogue le 31 Oct 2007, 20:36

Bonsoir!
Merci ca m'aide beaucoup j'ai compris et je suis content de ne pas à avoir à me procurer Photoshop :bravo:
Merci!
@+
Boulledogue
P.S.: MERCI
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2252
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4453


Re: Decouper son design avec The Gimp

Messagede Gaara le 31 Oct 2007, 20:42

boulledogue a écrit:Merci ca m'aide beaucoup j'ai compris et je suis content de ne pas à avoir à me procurer Photoshop :bravo:
Merci!
@+
Boulledogue
P.S.: MERCI
:lol: Mais de rien ! :-)
Si tu n'arrives pas à découper ton design, je peux toujours t'aider :bravo:
:etoile: *Rien à dire ...*
Avatar de l'utilisateur
Gaara
Modo'z
Modo'z
 
Messages: 831
Inscription: 18 Mar 2007, 20:47
Localisation: Village Caché de Suna
Points: 8


Re: Decouper son design avec The Gimp

Messagede Cclleemm le 31 Oct 2007, 23:09

Ouaa ! Ca c'est de l'explication ! Du pûr art de pro !
J'ai jamais pu expliquer comment je découpais mes design, ça viens site quand on commence à les coder ... Mais un conseil commencez par TRES simple ...
Ou même avec des tableaux au début pour comprendre la logique !
Merci Gaara
Image
Avatar de l'utilisateur
Cclleemm
Admin'z
Admin'z
 
Messages: 2762
Inscription: 14 Mar 2007, 16:21
Localisation: Savoie
Points: 2003


Re: Decouper son design avec The Gimp

Messagede boulledogue le 31 Oct 2007, 23:44

Pour une fois que je poste une question efficace :lol:
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2252
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4453


Re: Decouper son design avec The Gimp

Messagede Gaara le 01 Nov 2007, 00:40

boulledogue a écrit:Pour une fois que je poste une question efficace :lol:

ça c'est vrai ! :-D

Ouaa ! Ca c'est de l'explication ! Du pûr art de pro !
:lol: Mercii ! :-D

Ou même avec des tableaux

Beurk ! :-x

:hs:
:etoile: *Rien à dire ...*
Avatar de l'utilisateur
Gaara
Modo'z
Modo'z
 
Messages: 831
Inscription: 18 Mar 2007, 20:47
Localisation: Village Caché de Suna
Points: 8


Re: Decouper son design avec The Gimp

Messagede boulledogue le 01 Nov 2007, 00:45

Gaara a écrit:
boulledogue a écrit:Pour une fois que je poste une question efficace :lol:



ça c'est vrai ! :-D

Sympa :-o :pfff: ;-(
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2252
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4453


Re: Decouper son design avec The Gimp

Messagede graoul le 01 Nov 2007, 09:03

[HS] Hé boulledogue pourquoi tu mets pas cet avatar ? : http://www.orangeblog.fr/web/resizer?image=1125299... ;-D ;-D ;-D
[/HS]

Au fait, beau tuto Garaa, mais pour connjaitre un logi MIEUX que sa poche... :lol:
graoul
Apprenti Plug'zien
Apprenti Plug'zien
 
Messages: 65
Inscription: 27 Oct 2007, 11:07
Points: 0



Retourner vers Vos questions en Webdesign

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités