[GIMP] Faire vos bordures vous-mêmes avec votre couleur !

Retrouvez les tutoriaux afin de créer et même partager vos propres ressources graphiques pour phpBB3.

Modérateur: Equipe

[GIMP] Faire vos bordures vous-mêmes avec votre couleur !

Messagede MissGeek le 18 Juil 2008 à 05:28

Vous avez lu le sujet Ajouter des bordures à votre forum prosilver, mais vous aimeriez avoir les bordures avec une autre couleur que le gris ?

Voici donc un tuto pour vous montrer comment créer un cadrage dans le même style et la découper sous GIMP, un logiciel gratuit, libre et multiplateforme qui concurrence directement Photoshop.

Niveau : Quelques bases en calques et en sélections sont requises.

1- Création du cadre

Tout d'abord, choisissez votre couleur d'arrière-plan qui servira pour l'arrière-plan du cadrage. Pour l'exemple, je vais prendre un gris tirant sur la couleur café au lait.

Ensuite, créez un nouveau document de 300*300 et laissez les autres options par défaut.

Voici votre nouveau document :
Image

Placez des guides aux coordonnées 10, 20, 30, 370, 380 et 390, dans les deux sens. Pour faire apparaître un guide, cliquez sur les règles que vous voyez en haut (pour horizontal) et à gauche (vertical) de votre fenêtre d'image. N'hésitez pas à zoomer pour bien positionner les guides.
Image

Créez un nouveau calque transparent puis prenez l'outil "Sélection rectangulaire" et assurez-vous que "Ajouter à la sélection courante" soit bien sélectionnée dans les options de l'outil
Image

Faites un premier rectangle en partant de la coordonnée (20,10) jusqu'à la coordonnée (380,390), puis un deuxième rectangle en partant de (10,20) à (390,380).

Vous devriez avoir ça
Image

Prenez ensuite l'outil "Sélection elliptique", et toujours en vous assurant que "Ajouter à la sélection courante" est sélectionnée dans les options de l'outil, faites des cercles de 20 pixels de diamètre, là où vous avez vos quatre coins creusés, en vous servant des guides.
Image

Prenez la couleur blanche et remplissez la sélection avec cette couleur.
Ensuite, créez un nouveau calque transparent et placez-le en dessous du fond blanc. Agrandissez ensuite votre sélection de 2 pixels et adoucissez-la de 5 pixels. Remplissez la sélection avec la couleur noire et mettez ce calque en mode Superposer pour avoir une ombre douce.
Image
(note : J'ai désactivé l'affichage des guides pour que vous puissiez mieux voir. On n'aura plus besoin des guides avant l'étape du découpage.)

Récupérez la sélection du calque du fond blanc (clic-droit > Alpha vers sélection), puis créez un nouveau calque transparent et choisissez une couleur grise claire.
Réduisez la sélection de 2 pixels, adoucissez-la de 2 pixels puis remplissez la sélection de la couleur grise.
Image

Réduisez la sélection de 5 pixels puis adoucissez-la de 10 pixels et effacez la sélection, afin de n'avoir le gris clair que sur le bord pour donner une impression de relief, puis abaissez légèrement son opacité.
Image

Votre cadrage est maintenant prêt pour le découpage, mais tout d'abord, enregistrez-le au format .xcf avant de fusionner les calques.


2- Découpage

Maintenant que nous avons sauvegardé une copie en .xcf et fusionné nos calques, on va maintenant préparer notre cadrage pour le massicotage.

Enlevez tous vos guides, sauf deux guides horizontaux et deux guides verticaux que vous positionnerez aux coordonnées 25 et 375 de chaque sens.
Image

Maintenant, dans votre fenêtre d'image, allez dans Image > Transformer > Massicot.

Vous aurez alors votre cadrage découpé en neuf morceaux comme ici. Fermez tout de suite le morceau entièrement blanc sans l'enregistrer, on n'en aura pas besoin. Enregistrez les autres morceaux au format .png en choisissant les noms en fonction de la position des morceaux (ex : cadre-d-h pour le coin en haut à droite).

De cette façon, vous aurez un cadre prêt à être installé sur votre forum prosilver, et il ne vous reste qu'à suivre la doc sur les bordures !
Ishimaru-Design | Help-On-Line.org
Tuto GIMP - Faites vos bordures avec votre propre couleur pour votre forum !

Linuxienne depuis le 15 mai : Ubuntu 8.04 avec bureau Gnome en dualboot avec Windows XP édition familiale
Avatar de l’utilisateur
MissGeek
Posteur habitué
Posteur habitué
 
Messages: 219
Inscription: 12 Nov 2007 à 05:17
Localisation: Je ne suis restée ici que pour pouvoir proposer des thèmes si je m'y mets

Re: [GIMP] Faire vos bordures vous-mêmes avec votre couleur !

Messagede Jester le 26 Juil 2008 à 16:53

Validé par Jester
Règlement des Sections Graphiques - Centre de Documentation phpBB3
Une modification sur votre Style ? Panneau d'admin -> Onglet Styles, puis theme (pour les css), template (pour les fichiers HTML), ou imageset (pour les images), puis Rafraîchir, pour que les modifs soient prises en compte.
[!] Si vous considérez votre problème comme réglé, merci d'éditer le premier message de ce sujet et d'ajouter l'icône de sujet
Avatar de l’utilisateur
Jester
Resp. des graphistes
Resp. des graphistes
 
Messages: 12344
Inscription: 01 Jan 2005 à 00:00
Localisation: Là, pas loin...


Retourner vers Tutoriaux

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité

Liens : phpBB.biz • phpBBHacks.com • phpBB-Seo.com • EzCom-fr.com • phpBB-Services.com • phpBB3 Styles • phpBB podpora • Net Avenir • PromoBenef • Ticket Gagnant •