Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#1 Le 09/04/2010, à 13:15

roger64

(résolu) avec Gimp, comment s'y prendre pour faire ça?

Bonjour smile

Je ne suis pas du tout un spécialiste de l'image (ça part mal, hein? ) tongue.

J'édite de temps en temps des ebooks gratuits au format epub.
Pour faire joli, on y ajoute des pages de couverture. Le fichier image peut être au format jpg, png ou gif. 

J'aimerais bien savoir comment créer une couverture comme celle-ci jointe, avec un texte incrusté en semi-transparence. Si possible, je souhaiterais travailler avec Gimp bien qu'il ait un tableau de bord de Boeing.

trans_9nDt2F.png

Merci de vos infos.

Dernière modification par roger64 (Le 09/04/2010, à 13:58)

Hors ligne

#2 Le 09/04/2010, à 13:34

wido

Re : (résolu) avec Gimp, comment s'y prendre pour faire ça?

Bonjour, c'est tout "simple", tu crées plusieurs calques:
1/ le fond (arrière-plan)
2/ ton cadre semi transparent
3/ ton texte


2/ maj+ctrl+N, tu mets les valeurs que tu veux , les choix proposés (couleur, transparence) ne sont pas déterminant.
ensuite tu joues sur l'opacité du calque que tu trouves dans la boîte à outils, onglets "Calques".

3/ tu tapes ton texte avec l'option qui va bien et ensuite tu refais la même manipulation en jouant sur l'opacité.

Hors ligne

#3 Le 09/04/2010, à 13:50

samυncle

Re : (résolu) avec Gimp, comment s'y prendre pour faire ça?

Salut smile

1) tu prend l'image d'origine, il faut qu'il y aille un bon contraste (dans mon cas j'ai simplement inversé les couleurs)

1270815718.png

2) tu créé un calque par dessus l'image (un calque est une sorte de feuille que tu rajoute dessus). Dans gimp tu vas dans le menu Calque>nouveau calque. Et tu appelle celui-ci contour (le nom importe peu, mais c'est pour s'y retrouver). Il faut aussi cocher la case transparent

1270815854.png

3) dans la fenêtre canaux/chemins, tu le sélectionne et tu prend l'outil sélection (touche R). Et là tu fais le cadre ou tu veux mettre ton texte. Tu le remplis avec l'outil remplissage (touche MAJ + B). (tu peux choisir la couleur. Dans mon cas pour le contraste je prend blanc).

4) Tu prend l'outil texte (touche T) et tu écris ton texte. (ça va faire un nouveau calque automatiquement). Tu peux choisir la couleur, grandeur, police etc. Veille à bien le positionner dans le cadre blanc. Voilà ce que ça donne.

1270816793.png

5) tu peux remarquer qu'on a un empilement de calque: la base, le contour blanc et le texte. Pour la transparence on va pouvoir jouer sur l'opacité de chacun des calques. Il suffit de sélectionner le calque et de mettre la valeur d'opacité que tu veux (ou plus simplement la régler avec la barre juste a coté.

1270817036.png

6) Tu peux faire encore quelques finitions. Là libre a toi de choisir ce que tu veux. Pour des effets faut aller voir dans le menu filtre ou tu as pas mal de choix. Voilà l'image finale.

1270817356.png

j'espère que ça t'aidera

et si tu as des questions n'hésite pas big_smile

edit: rahah je me suis fait grillé

Dernière modification par samuncle (Le 09/04/2010, à 13:54)


Hello world

Hors ligne

#4 Le 09/04/2010, à 13:56

roger64

Re : (résolu) avec Gimp, comment s'y prendre pour faire ça?

Merci beaucoup wido et samuncle smile pour vos réponses rapides et adaptées, tellement adaptées que je marque "résolu"' de confiance (je vais essayer mais pas dans l'immédiat).

A charge de revanche, si vous ne savez pas comment éditer un epub, j'ai déjà commis ça..
http://forum.ubuntu-fr.org/viewtopic.php?id=383327

Dernière modification par roger64 (Le 09/04/2010, à 14:00)

Hors ligne

#5 Le 10/04/2010, à 03:29

roger64

Re : (résolu) avec Gimp, comment s'y prendre pour faire ça?

bonjour

Bon, j'obtiens déjà un résultat, ce n'est pas mal. Mais j'avoue être noyé sous les boites d'outil, les choix par dizaines....J'ai tatonné et j'ai fini par obtenir ça sans trop comprendre ce que j'avais fait...

Je ne sais toujours pas quel est exactement le réglage qui permet de faire varier la transparence du calque actif...:lol:
Moi et le canal alpha...:rolleyes:

meerkat_8q97QV.png

Dernière modification par roger64 (Le 10/04/2010, à 05:12)

Hors ligne

#6 Le 10/04/2010, à 14:17

wido

Re : (résolu) avec Gimp, comment s'y prendre pour faire ça?

Hors ligne

#7 Le 10/04/2010, à 20:12

Brunod

Re : (résolu) avec Gimp, comment s'y prendre pour faire ça?

NB : on peut faire pareil avec Scribus wink


Windows est un système d'exploitation de l'homme par l'ordinateur. Linux, c'est le contraire...
39 pc linux convertis

Hors ligne

#8 Le 10/04/2010, à 20:34

jpbardiau

Re : (résolu) avec Gimp, comment s'y prendre pour faire ça?

Avec Inkscape également.


Jean Pierre
Firefox Pictures

Hors ligne

#9 Le 11/04/2010, à 10:40

roger64

Re : (résolu) avec Gimp, comment s'y prendre pour faire ça?

merci de vos réponses, il me faudra attendre quelques jours que je sois rentré en Europe, ici, imageshack ne "passe" pas (ainsi que les blogs et youtube d'ailleurs)...:rolleyes:

Dernière modification par roger64 (Le 11/04/2010, à 10:41)

Hors ligne

#10 Le 11/04/2010, à 14:22

Fake

Re : (résolu) avec Gimp, comment s'y prendre pour faire ça?

Si je peux me permettre ton résultat n'est pas le même que sur l'exemple du premier post.

Dans le premier post on a un cadre blanc transparent et les lettres sont formées par la transparence de  ce calque et non par des lettres noires !

On doit donc s'y prendre un peu autrement :
- Ouvrir l'image de fond
- Créer un calque tout blanc
- Ajouter un masque de calque tout noir (tout transparent)
- Bien s'assurer qu'on est en train d'éditer le masque de calque
- créer une sélection de la forme du cadre
- remplir la sélection de blanc
- Ajouter le texte (cela ajoute un troisième calque)
- clique droit sur le calque de texte et "texte vers sélection"
- selectioner le calque blanc, vérifier qu'on édite toujours le masque et remplir la sélection de noir
- cacher le calque de texte
- ajuster le niveau de transparence du calque du cadre.

→ inconvénient : quand on veut changer le texte on doit reprendre tout depuis la création du texte.

Exemple : (le xcf)
test_c10.png

Dernière modification par Fake (Le 11/04/2010, à 14:26)

Hors ligne

#11 Le 12/04/2010, à 03:33

roger64

Re : (résolu) avec Gimp, comment s'y prendre pour faire ça?

Eh bien!!

J'arrive maintenant facilement à créer une image comme celle du post 5 par petit coups de pipette et avec le curseur du filtre opacité ou mieux en sélectionnant le bon calque dans la fenêtre des calques et en déplaçant le curseur "opacité" roll. J'ai bien acquis la technique. big_smile

Mais je n'avais pas pris en compte ce que ça implique de s'adresser à un forum de pros...:lol: J'ai donc lu soigneusement le post de fake -que je remercie-  et étudié son image après l'avoir télechargée. Je crois même avoir compris la différence qui m'avait évidemment complètement échappé. tongue

Pourquoi y a t-il deux calques sur un même niveau? (parce que l'un des deux est transparent?). Pourquoi pas quatre niveaux au lieu de trois?
opacit___KWuzQv.png

Dernière modification par roger64 (Le 12/04/2010, à 04:57)

Hors ligne

#12 Le 12/04/2010, à 10:18

Fake

Re : (résolu) avec Gimp, comment s'y prendre pour faire ça?

En fait il n'y a pas deux calques au même niveau :
- celui de gauche est le calque avec les dessins qui sont dessus.
- celui de droite est le masque de calque. Il est en noir et blanc et définit la transparence des pixels. Les pixels qui seront noirs sur le masque seront transparents complètement, on ne verra pas le dessin qui est sur le calque a cet endroit. Les pixels blancs seront opaque et on verra les pixels qui sont sur le calque. (tout l'effet du masque est modulé par la transparence générale du calque).

La différence avec un canal alpha est que on peut ainsi avoir un calque tout blanc et n'en faire apparaitre qu'une partie comme ici. On peut donc cacher une partie du dessin d'un calque sans l'effacer. (il est également plus facile de gérer des dégradés de transparence)
C'est pour ça qu'il faut s'assurer qu'on modifie le masque (en cliquant dessus, il a un cadre blanc) ou le calque car ça n'a pas le même éffet. le mieux c'est d'essayer pour se rendre compte de ce que ça fait.

On aurait pu avoir le même résultat final en faisant autrement et en utilisant le canal alpha :
- on ouvre l'image de fond
- on crée un calque tout blanc.
- on ajoute le texte
- on clique droit sur le calque de texte et on fait "texte vers selection"
- on cache le calque de texte et on revient sur le calque blanc
- on appuie sur "suppr" → le texte est transparent
- on fait une sélection rectangulaire (ou autre) autour du texte (on peut l'adoucir, ou lui fair des coin arondis...)
- on inverse la selection
- on appuie sur "Suppr"

edit : Plus d'info sur l'excellente documentation de Gimp
re-edit : Je m'apperçois d'ailleurs qu'on peut créer le masque en utilisant la selection qu'on a créé a partir du texte... cela économise quelques étapes ... mais ne change rien au résultat :-)

Dernière modification par Fake (Le 12/04/2010, à 14:01)

Hors ligne

#13 Le 12/04/2010, à 15:49

roger64

Re : (résolu) avec Gimp, comment s'y prendre pour faire ça?

Voilà des informations bien surprenantes.

GIMP est un monde en lui-même. Sa documentation certes exemplaire n'en est pas moins intimidante. Ainsi, il aura fallu une malheureuse question transversale pour effleurer sa complexité, deviner la puissante mécanique qui se cache sous la panoplie de boutons et de menus.

J'ai vécu innocent de tous ces masques, où les noirs sont transparents, mais les blancs opaques, à l'ombre des calques qu'irrigue le canal alpha...

Encore sincèrement merci pour tes réponses et bravo pour ta perspicacité. smile

Dernière modification par roger64 (Le 12/04/2010, à 15:52)

Hors ligne

#14 Le 12/04/2010, à 18:08

Fake

Re : (résolu) avec Gimp, comment s'y prendre pour faire ça?

Quel poète ! smile

Hors ligne