Bar / Espace détente : Alrim et 45 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2
Page Précédente 
Auteur
 Sujet :

[Tuto TheGimp] Une écriture Design

 
n°24876
D e a
Profil : New Penguin
Avatar
profil
Posté le 27-02-2010 à 19:07:59  
 

Une écriture Design
 
On va apprendre à créer une écriture Design avec The Gimp.  :biggrin:  
C'est très facile et très rapide même pour les débutants car j'ai mis plusieurs images, même pour les étapes les plus simples.   :wink:  
 
 
1 ) Premièrement, créez une nouvelle image avec un fond transparent ( Fichier > Nouveau ) :
Largeur = 500
Hauteur = 200
 
2 ) Faites un nouveau texte à l'aide de l'outil  :gimptooltext: , assignez-lui une couleur puis replacez-le au milieu grâce à l'outil  :gimptoolmove:  
Vous obtenez ceci :
http://s2.noelshack.com/old/up/3-63b25b7453.png
 
 
 
3 ) Faites clic droit sur le calque texte puis fusionnez le calque texte vers le bas.
 
http://s2.noelshack.com/old/up/4-a6b9f9f62.png
 
On passe de :
 
http://s2.noelshack.com/old/up/5-3807552386.png
 
à
 
http://s2.noelshack.com/old/up/6-ee02600822.png
 
 
 
4 ) Faites clic droit sur le calque restant, puis 'Alpha vers Sélection'.
 
http://s2.noelshack.com/old/up/1521-8ca55d4f70.png
 
Tout le texte est maintenant sélectionné.
 
Prenez l'outil  :gimptoolrectselect:  en mode 'Intersection'.
 
http://s2.noelshack.com/old/up/8-fd83e21439.png
 
Faites cette sélection :
 
http://s2.noelshack.com/old/up/9-be33e01296.png
 
http://s2.noelshack.com/old/up/10-abb1effa15.png
 
 
 
 
5 ) Créez un nouveau calque 'Effet'.
 
http://s2.noelshack.com/old/up/12-1881fb1c63.png
 
Dans ce calque, remplissez la sélection de blanc à l'aide de l'outil  :gimptoolbucketfill:  
Mettez le calque 'Effet' en mode 'Superposer'.
 
http://s2.noelshack.com/old/up/aaa-d547fdd868.png
 
Vous obtenez ceci :
 
http://s2.noelshack.com/old/up/14-57e54ade39.png
 
 
 
6 ) Clic droit sur le calque 'Arrière-Plan', puis faites 'Alpha vers sélection'.
 
http://s2.noelshack.com/old/up/1521-7f8e3c0d75.png
 
Vous obtenez ceci :
 
http://s2.noelshack.com/old/up/16-84ad421e52.png
 
 
 
7 ) Dans le menu, faites Sélection > Agrandir.
 
http://s2.noelshack.com/old/up/17-692e5ab38.png
 
Choisissez 4 Pixels et validez.
 
http://s2.noelshack.com/old/up/selec-8192be110.png
 
 
 
8 ) Créez un nouveau calque que vous appelez 'Blanc'.
Placez-le tout en bas :
 
http://s2.noelshack.com/old/up/18-bf34f44f86.png
 
Dans ce calque, remplissez la sélection en blanc.
Vous obtenez ceci :
 
http://s2.noelshack.com/old/up/19-0c495d6929.png
 
 
 
9 ) Dans le menu, faites Filtre > Ombres et lumières > Ombre portée.
 
http://s2.noelshack.com/old/up/22-2cfff63170.png
 
Choisissez ces paramètres et validez :
 
http://s2.noelshack.com/old/up/23-817917cf9.png
 
 
 
10 ) Vous obtenez ceci :
 
http://s2.noelshack.com/old/up/24-0ea0ce8782.png
 
Il ne reste plus qu'à enregistrer l'image pour avoir :
 
http://s2.noelshack.com/old/up/final-c711877895.png
 
 
C'est fini !  :great:  
 
PS : L'écriture que j'ai utilisé pour réaliser ce tuto est  Arista , néanmoins vous pouvez utilisez d'autres styles d'écriture...  :wink2:
 
 
Pour aller plus loin
 
Avec un peu d'entraînement, on peut avoir un meilleur résultat. :gimpwilber:  
C'est est très facile, d'autant plus que vous avez déjà les bases.  :smile:  
 
Pour l'instant, vous avez ceci :
 
http://s2.noelshack.com/old/up/1-37aa4a0229.png
 
Et vos calques sont rangés de cette manière :
 
http://s2.noelshack.com/old/up/2-26b8fda451.png
 
 
1 ) Faites un Clic droit sur le calque 'Arrière-Plan', puis 'Alpha vers sélection'.
 
http://s2.noelshack.com/old/up/1521-7f8e3c0d75.png
 
Tout le texte central est maintenant sélectionné :
 
http://s2.noelshack.com/old/up/3-b7a7e1f047.png
 
2 ) Dans ce calque 'Arrière-Plan', coloriez la première lettre de chaque mot, d'une couleur que vous choisissez, à l'aide de l'outil  :gimpfoldersbrushes:  
Vous obtenez ceci :
 
http://s2.noelshack.com/old/up/4-87e8aaa635.png
 
3 ) Créez un nouveau calque que vous appelez 'Deco' et placez le ainsi :
 
http://s2.noelshack.com/old/up/5-fae9e9e687.png
 
 
4 ) Prenez l'outil :gimpfoldersbrushes: , avec une couleur blanche.
 
Dans le calque 'Deco', faites des lignes verticales à l'aide de la Brosse pour obtenir ceci :
 
http://s2.noelshack.com/old/up/7-59be0d3428.png
 
 
5 ) Passez le calque 'Deco' en mode 'Superposer'.
 
http://s2.noelshack.com/old/up/aaa-d547fdd868.png
 
Pour obtenir :
 
http://s2.noelshack.com/old/up/8-52481b2724.png
 
 
6 ) Faites Filtre > Distorsions > Onduler
 
http://s2.noelshack.com/old/up/9-f607d9a290.png
 
Choisissez ces paramètres, puis validez :
 
http://s2.noelshack.com/old/up/10-5b55111294.png
 
Vous obtenez ceci :
 
http://s2.noelshack.com/old/up/11-7e635deb79.png
 
 
7 ) Enregistrez maintenant l'image, et voila le résultat final :
 
http://s2.noelshack.com/old/up/fin-e45b136f6.png
 
 
 
Faites part de vos créations ! :biggrin:


Message édité par Fagoon le 07-04-2010 à 10:48:27
answer
mood
GoogleAds
profil
Posté le 27-02-2010 à 19:07:59  
 

answer
n°24877
heamer
Graphiste 2D, 3D.
Profil : Top Penguin
Avatar
profil
Posté le 27-02-2010 à 19:24:47  
 

Super tuto pour les débutant !!! :D Merci à toi :).


---------------
Mon deviant art:
 
http://nsa14.casimages.com/img/2010/06/11/100611064420274257.png
answer
n°24878
Ji-n Kuro-do
Boulay aux abonnés absents !
Profil : Penguin Pro
Avatar
profil
Posté le 27-02-2010 à 19:31:38  
 

Je n'utilise pas Gimp, néanmoins je pense que tu devrais placer ton "P.S." en début de tuto plutôt qu'à la fin (c'est plus logique d'avoir les infos concernant la "police" au début) ^^
 
De plus, je pense aussi que tu pourrais développer la partie suivante :

Citation :

Avec un peu d'entraînement, on peut avoir :
http://s2.noelshack.com/old/up/aurv-853c1cc552.png


 
car certains vont certainement te poser des questions là-dessus..  :jap:


---------------
Vive les vacances, bien méritées.. présentement prolongées pour période indéterminée !...
et bon graphisme à tous ^^
answer
n°24884
oO XaM Oo
Profil : Penguin
Avatar
profil
Posté le 28-02-2010 à 03:29:23  
 

Mouais, c'est simplement apprendre à crystalliser + stroke, comme il y a dans beaucoup d'autres tutos....
Cela dit, le tuto est pas si mal redigé. Validé?  :smile:

answer
n°24893
Cindows
Profil : Modo
Avatar
profil
Posté le 01-03-2010 à 05:01:57  
 

Bonsoir,
             Je déplace ce tutoriel dans la catégorie "Soumettre un tutoriel" en attendant une validation :wink:
Sinon très joli tutoriel malgré la simplicité, je crois que je vais l'essayer !


---------------
http://www.crystalxp.net/forum/mesimages/266973/signature_team.png1..png
answer
n°24907
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 05-03-2010 à 10:34:12  
 

Bonjour,
c'est un joli tuto... Mais ne veux-tu pas développer la partie "avec un peu plus d'entrainement", comme Ji-n te l'a proposé ?
Je pense qu'avec ça, ton tuto vaudra vraiment la peine d'être validé. :)


---------------
http://img368.imageshack.us/img368/4764/signaturefagoonbb5.png
..::DeviantArt::..::Site internet::.
answer
n°25066
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 07-04-2010 à 10:42:34  
 

Merci, je valide ! :)


---------------
http://img368.imageshack.us/img368/4764/signaturefagoonbb5.png
..::DeviantArt::..::Site internet::.
answer
n°25084
Mitsouko
Profil : New Penguin
Avatar
profil
Posté le 08-04-2010 à 22:54:14  
 

J'adore , je vais tout de suite l'essayer !  
Merci

answer
n°25085
Mitsouko
Profil : New Penguin
Avatar
profil
Posté le 09-04-2010 à 17:18:38  
 

Euh j'aimerai juste savoir qu'elle ecriture as tu prise ... merci  :)

answer
n°25520
nikk76
Profil : Penguin
Avatar
profil
Posté le 09-07-2010 à 07:35:52  
 

http://img10.hostingpics.net/pics/127181igaming.gif
 
 
 
SUPER TUTO ! MERCI =D

answer
n°25522
Rock--
Let's Rock
Profil : Penguin
Avatar
profil
Posté le 09-07-2010 à 13:02:29  
 


 
c'est mes yeux ou il y a de vieux trucs noir entre les lettres  :xeyes:


---------------
http://s2.noelshack.com/old/up/rocksign-495e6fc884.png
answer
n°25524
nikk76
Profil : Penguin
Avatar
profil
Posté le 09-07-2010 à 16:02:50  
 

Je vient de voir sa j'ai fait sa j'espère que ses pas avec du noir  
 
http://img10.hostingpics.net/pics/472900Yop.png

Message cité 1 fois
Message édité par nikk76 le 09-07-2010 à 16:06:09
answer
n°25525
Rock--
Let's Rock
Profil : Penguin
Avatar
profil
Posté le 09-07-2010 à 23:47:26  
 

nikk76 a écrit :

Je vient de voir sa j'ai fait sa j'espère que ses pas avec du noir  
 
http://img10.hostingpics.net/pics/472900Yop.png


 
la couleur partie supérieur devrai être plus clair je pense, et il y a beaucoup d'alliasing  :arf:  
 
sinon c'est déja mieux ^^
 
edit: voila pour ma part  :paf: :
http://www.crystalxp.net/forum/mesimages/356241/rocklogo.png


Message édité par Rock-- le 10-07-2010 à 00:04:55

---------------
http://s2.noelshack.com/old/up/rocksign-495e6fc884.png
answer
n°25562
ledams
Profil : New Penguin
Avatar
profil
Posté le 17-07-2010 à 00:10:27  
 

voila ce que j'ai fait:
http://i39.servimg.com/u/f39/14/69/33/84/ledams11.png
bon d'accord ca ressemble pas trop mais j'ai suivit le tuto  :yes:  
je suis assez fier de moi quand meme

answer
n°25563
Rock--
Let's Rock
Profil : Penguin
Avatar
profil
Posté le 17-07-2010 à 15:42:45  
 

ledams a écrit :

voila ce que j'ai fait:
http://i39.servimg.com/u/f39/14/69/33/84/ledams11.png
bon d'accord ca ressemble pas trop mais j'ai suivit le tuto  :yes:  
je suis assez fier de moi quand meme


 
Classe  :smile:


---------------
http://s2.noelshack.com/old/up/rocksign-495e6fc884.png
answer
n°25565
ledams
Profil : New Penguin
Avatar
profil
Posté le 17-07-2010 à 18:43:27  
 

Rock-- a écrit :


 
Classe  :smile:


  merci, mais j'ai encore beaucoup a apprendre, d'ailleur je cherche un maitre, si quelqu'un veut bien un jeune padawoine.  :great:

answer
n°25566
Rock--
Let's Rock
Profil : Penguin
Avatar
profil
Posté le 17-07-2010 à 20:42:21  
 

ledams a écrit :


  merci, mais j'ai encore beaucoup a apprendre, d'ailleur je cherche un maitre, si quelqu'un veut bien un jeune padawoine.  :great:


 
Pas pour moi  :paf:  
 
je suis pas très fort niveaux graphisme  :wink:  


---------------
http://s2.noelshack.com/old/up/rocksign-495e6fc884.png
answer
n°25676
xX-Golden-Xx
Ma vengeance serra terrible
Profil : New Penguin
Avatar
profil
Posté le 02-08-2010 à 04:12:41  
 

J'aime se tuto pour débutant et fait par un débutant chapeau bas

answer
n°25744
Dark Pp
Fan Gimp [Debutant]
Profil : Penguin
Avatar
profil
Posté le 15-08-2010 à 22:58:27  
 

Merci pour ce tutoriel. J'ai pu découvrir un peu plus Gimp. :smile:  
Voilà mon résultat avec certaines modifications :
 
http://a.imageshack.us/img529/6228/goood.jpg
 
 

answer
n°25823
xX-Golden-Xx
Ma vengeance serra terrible
Profil : New Penguin
Avatar
profil
Posté le 29-08-2010 à 21:36:10  
 

Ce tuto est bien mais se qui serait bien dans le calque décor c'est de mettre plutôt un effet flamme comme sa :
http://www.crystalxp.net/forum/mesimages/361901/Graphique 35.jpg

answer
n°25824
Dark Pp
Fan Gimp [Debutant]
Profil : Penguin
Avatar
profil
Posté le 29-08-2010 à 22:11:41  
 

xX-Golden-Xx a écrit :

Ce tuto est bien mais se qui serait bien dans le calque décor c'est de mettre plutôt un effet flamme comme sa :
http://www.crystalxp.net/forum/mes [...] que 35.jpg


 
Tu modifie à ta guise  :yes:  ! C'est ce que j'ai fais.

answer
n°25835
xX-Golden-Xx
Ma vengeance serra terrible
Profil : New Penguin
Avatar
profil
Posté le 30-08-2010 à 20:21:52  
 

Dark Pp a écrit :


 
Tu modifie à ta guise  :yes:  ! C'est ce que j'ai fais.


 
Ah ok  :he:

answer
n°25871
Concombre-des-landes
Profil : New Penguin
Avatar
profil
Posté le 10-09-2010 à 18:49:32  
 

Très bon tuto bien expliqué  :great:  
 
Voilà le mien mais j'ai utilisé une flamme et je l'ai un peu personnalisé, il y a un halo en dessous mais il est pas trop visible :/
 
http://img11.hostingpics.net/pics/582056test_tuto_texte.png

answer
n°25981
Nexgens
Profil : New Penguin
Avatar
profil
Posté le 13-11-2010 à 00:23:59  
 

Bonjour.
 
Super site!  
 
Voici ma première création grâce à vous.
 
http://a.imageshack.us/img684/5838/banniere468x60.png
 
Merci pour ce tuto.
 

answer
n°25993
Larck
Larck is back !
Profil : New Penguin
Avatar
profil
Posté le 17-11-2010 à 15:42:33  
 

Super ce tuto merci  :biggrin:  
 
Voilà ce que j'ai fait ^^:  
http://nsa19.casimages.com/img/2010/11/17/101117034408235533.png


Message édité par Larck le 17-11-2010 à 15:43:07

---------------
Cordialement.
answer
 Page :  1  2
Page Précédente 

Aller à :
Ajouter une réponse