Image à l'intérieur de lettres.

Question, discussions et demandes d’aide sur les autres outils libres et/ou gratuits de création numérique - et par extension ceux à portée de toutes les bourses.

Modérateur : Ze Techos

Répondre
gdwithyourself
Wilber en peluche
Messages : 9
Inscription : ven. août 24, 2012 5:38 pm

Image à l'intérieur de lettres.

Message par gdwithyourself » ven. août 24, 2012 5:50 pm

Bonjour !
Je voudrais savoir comment créer une image dans le genre de celle que j'ai jointe, merci beaucoup d'avance !
Pièces jointes
ici.jpg
(129.54 Kio) Téléchargé 0 fois

Avatar de l’utilisateur
Papy the lolo
Maître pisteur
Messages : 2735
Inscription : sam. déc. 03, 2005 7:09 pm
Localisation : Montargis
Contact :

Re: Image à l'intérieur de lettres.

Message par Papy the lolo » ven. août 24, 2012 6:38 pm

bonjour
Ton modele necessite la parteique des calques et des sélection inversées
pour la mainip des calques sous Gimp.
le gnou aura peut être le temps de faire un tuto j' ai peu de temps, petits enfants , 3 a la maison, sont tres consommateurs de temps ;)
[color=indigo][b]Administrateur de GA[/b][/color]
Site Gimp Attitude : [url=http://www.gimp-attitude.org/ressources.php]découvrez nos ressources ![/url]
[url=http://tsovorp.org/histoire/index.html][img]http://images.imagehotel.net/4e397efd0d.png[/img][/url] [url=http://radiologie.tsovorp.org/index.html][img]http://images.imagehotel.net/2602f51d28.png[/img][/url][url=http://gimpfractal.tsovorp.org/][img]http://img75.imageshack.us/img75/2733/gimfrqd4.png[/img][/url]

gdwithyourself
Wilber en peluche
Messages : 9
Inscription : ven. août 24, 2012 5:38 pm

Re: Image à l'intérieur de lettres.

Message par gdwithyourself » ven. août 24, 2012 8:49 pm

Je ne sais pas qui c'est, mais ce serait vraiment super gentil parce que je ne m'y connais pas vraiment. :)

Avatar de l’utilisateur
Chris
Maître pisteur
Messages : 1984
Inscription : mar. avr. 26, 2005 12:47 am
Contact :

Re: Image à l'intérieur de lettres.

Message par Chris » sam. août 25, 2012 6:40 am

Commence malgré tout par lire l'usage des calques via le manuel, car leur utilisation est à la base :)
Tu ne devrais pas avoir de mal à trouver un tuto sur le net, car il s'agit d'un sujet souvent aborder.
Gimp 2.8.14 sur iMac 27 core i5 et MacBook Air, sous MacOs 10.10.5

Le plaisir est d'en donner
http://www.crisfere.photos

Avatar de l’utilisateur
Le Gnou
Maître pisteur
Messages : 1061
Inscription : mer. juin 08, 2011 8:30 pm
Localisation : Savane Picarde... :)
Contact :

Re: Image à l'intérieur de lettres.

Message par Le Gnou » sam. août 25, 2012 8:02 am

Bonjour,
je ne m'y connais pas vraiment.
Aïe...
:-)
Non, je plaisante : on a tous commencé un jour...
;-)

Je vais essayer de détailler au maximum.
Dans un premier temps, je vais détailler l'effet pour les lettres.
Une fois que tu sauras le faire, on verra pour la suite (les oiseaux... ou autre).
;-)

Déjà, si tu n'as pas beaucoup de connaissances, tu peux regarder le big-tuto d'Ishimaru :
http://www.siteduzero.com/tutoriel-3-31 ... p-2-6.html
...notamment la partie concernant les calques :
http://www.siteduzero.com/tutoriel-3-50 ... lques.html
;-)


Je suis parti de cette image :
http://upload.wikimedia.org/wikipedia/c ... 4800px.jpg

(Tu peux l'avoir en différentes tailles : http://commons.wikimedia.org/wiki/File: ... 4800px.jpg)


→ ouvres l'image avec Gimp,
→ mets noir & blanc en couleur de premier et arrière-plan (cliques sur les deux petits carrés : http://pix.toile-libre.org/upload/origi ... 875722.jpg)*
→ assures-toi d'avoir la fenêtre des calques "à portée de main" (visible) : http://pix.toile-libre.org/upload/origi ... 876096.jpg,
(pour ajouter un onglet si besoin est : http://leblogdugnou.blogspot.fr/2012/03 ... ml#onglets)

Tu as maintenant, comme dans la précédente capture d'écran, ton image ouverte, et un seul calque.

Avec l'outil texte, ajoutes ton texte.
Tu as maintenant 2 calques : celui avec l'image & celui avec le texte.
http://pix.toile-libre.org/upload/origi ... 876386.jpg

Dans la fenêtre des calques, sur le calque avec le texte, clic-droit et "Alpha vers sélection".
Tu as maintenant une sélection qui correspond à ton texte :
http://pix.toile-libre.org/upload/origi ... 876601.jpg

Supprimes le calque avec le texte (clic-droit sur le calque dans la fenêtre des calques, et "Supprimer le calque", ou le bouton correspondant en bas de la fenêtre : http://pix.toile-libre.org/upload/origi ... 876780.jpg).

Tu n'as plus maintenant que l'image, et une sélection correspondant au texte.

Maintenant, menu "Sélection" → "Inverser", puis menu "Édition" → "Effacer", et "Sélection" → "Aucune" :
http://pix.toile-libre.org/upload/origi ... 877194.jpg
;-)

Remarque : lorsque tu utilises la commande "Édition" → "Effacer", tu peux voir que ce que tu effaces est remplacé par la couleur d'arrière-plan (ici le blanc).
Mais, si tu souhaites :
→ avoir une autre couleur, il te suffit de changer la couleur d'arrière-plan avant d'effacer,
→ avoir de la transparence, il faut ajouter un canal alpha au calque (clic-droit dans la fenêtre des calques → "Ajouter un canal alpha").
Attention le format JPG ne conserve pas la transparence, il faut utiliser le format PNG.
;-)

Une fois que tu sauras faire cette manipulation, on passera à la suite.
Mais...as-tu déjà une idée de ce que tu veux ajouter (dans ton exemple, les oiseaux) ?
L'élément est-il isolé (sur fond transparent) ? Si non, il faudra passer par un détourage, ce qui peut dans certains cas être complexe...

Si tu n'as pas encore d'idée définie, tu peux aller sur : http://openclipart.org/
Ça facilitera la tache, étant donné que l'on peut avoir l'image sur fond transparent...
;-)

@+



*Plus d'infos sur le sélecteur de couleur :
http://www.siteduzero.com/tutoriel-3-50 ... #ss_part_1
(_._)
-0|0-

gdwithyourself
Wilber en peluche
Messages : 9
Inscription : ven. août 24, 2012 5:38 pm

Re: Image à l'intérieur de lettres.

Message par gdwithyourself » sam. août 25, 2012 1:40 pm

Je dois pas être si nulle que ça vu que j'ai réussi haha ! Non c'est grâce aux explications, un énorme merci, c'est vraiment très clair et je sais le faire maintenant.

Pour le dessin j'aime beaucoup le genre de dessin qui est sur la photo, mais je n'en trouve pas de semblable (au niveau du style, pas forcément un oiseau, ce serait ce que je préférerais), ou sinon j'avais la photo jointe, ou peut être des plumes.
Pièces jointes
tatouage.jpg
(66.92 Kio) Téléchargé 0 fois

Avatar de l’utilisateur
Le Gnou
Maître pisteur
Messages : 1061
Inscription : mer. juin 08, 2011 8:30 pm
Localisation : Savane Picarde... :)
Contact :

Re: Image à l'intérieur de lettres.

Message par Le Gnou » sam. août 25, 2012 4:38 pm

Re,
Je dois pas être si nulle que ça
Oh, personne n'est nul... c'est juste une méconnaissance des fonctions (sans moquerie aucune : on a tous commencé un jour, j'étais pas plus malin qu'un autre au départ).
;-)

L'oiseau sur le tatouage est trop petit pour faire quelque chose de propre (même une vectorisation avec Inkscape ne donne rien de bon)...

J'ai trouvé un modèle qui pourrait t'intéresser :
http://openclipart.org/detail/120463/hu ... -papapishu

Ici, sans la branche :
http://cjoint.com/?BHzqWpu1WGU

Et ici en PNG :
http://pix.toile-libre.org/upload/origi ... 906340.png


Je te met les explications avec cette dernière image...

En partant de l'image crée précédemment :
http://pix.toile-libre.org/upload/origi ... 877194.jpg

→ ouvres l'image (sinon "ça marche moins bien" :-),
→ "Fichier" → "Ouvrir en tant que calques", et choisis l'image de l'oiseau.

Tu as maintenant deux calques, le fond avec les lettres & le calque avec l'oiseau :
http://pix.toile-libre.org/upload/origi ... 907263.jpg

Avec les outils de mise à l'échelle & déplacement (http://pix.toile-libre.org/upload/origi ... 907652.jpg), dimensionnes & positionnes le calque avec l'oiseau comme tu le souhaites :
http://pix.toile-libre.org/upload/origi ... 907729.jpg

De là, tu peux jouer sur l'opacité du calque, exemple avec l'opacité à 30% :
http://pix.toile-libre.org/upload/origi ... 907907.jpg

Si tu veux donner de la couleur à l'oiseau, menu "Couleurs" → "Colorier", exemple :
http://pix.toile-libre.org/upload/origi ... 908093.jpg
...et tu peux aussi jouer sur l'opacité du calque après avoir colorier, ce qui donne avec l'opacité à 60% :
http://pix.toile-libre.org/upload/origi ... 908225.jpg

Si tu souhaites avoir deux oiseaux :
→ menu "Calque" → "Dupliquer le calque",
→ menu "Calque" → "Transformer" → "Miroir horizontal",
et l'outil déplacement pour positionner le 2ème oiseau :
http://pix.toile-libre.org/upload/origi ... 908427.jpg

Astuce pour l'outil déplacement :
Après avoir choisi l'outil déplacement, fais juste un clic sur l'oiseau sans le déplacer, et tu pourras déplacer le calque avec les flèches du clavier, ce qui te permet de garder les calques alignés.
Pour un déplacement plus important, appuies (et restes appuyé) sur Shift/Maj avant d'utiliser les flèches...
;-)

Voili, voilà, voilou...

Tu peux aussi jouer avec les modes de fusion des calques :
http://pix.toile-libre.org/upload/origi ... 908933.jpg

N'hésites pas si tu coinces à un moment ou un autre...
;-)


@+
(_._)
-0|0-

gdwithyourself
Wilber en peluche
Messages : 9
Inscription : ven. août 24, 2012 5:38 pm

Re: Image à l'intérieur de lettres.

Message par gdwithyourself » sam. août 25, 2012 7:22 pm

Merci beaucoup, vraiment !

Je joins le résultat, si ça t’intéresse :)
(enfin les, je suis pas encore exactement déterminée, le 4 est la même version que le 3 avec deux oiseaux)
Pièces jointes
testbannière3.jpg
(106.18 Kio) Téléchargé 0 fois
test1bannière.jpg
(102.04 Kio) Téléchargé 0 fois
test1bannière2.jpg
(82.82 Kio) Téléchargé 0 fois

Avatar de l’utilisateur
Le Gnou
Maître pisteur
Messages : 1061
Inscription : mer. juin 08, 2011 8:30 pm
Localisation : Savane Picarde... :)
Contact :

Re: Image à l'intérieur de lettres.

Message par Le Gnou » dim. août 26, 2012 8:07 am

Salut,
Merci beaucoup, vraiment !
Ben de rien...content que tu y sois arrivé.
;-)


Sympa les résultats...n'hésites pas à tester d'autres combinaisons (polices, objets...), ça te permettra de te "faire la main"...
;-)

@+
(_._)
-0|0-

gdwithyourself
Wilber en peluche
Messages : 9
Inscription : ven. août 24, 2012 5:38 pm

Re: Image à l'intérieur de lettres.

Message par gdwithyourself » dim. août 26, 2012 10:09 am

Oui. :)

Une dernière question, est-ce que quelqu'un ici s'y connaît en htlm ?

Je veux insérer un trombinoscope sur mon blog, et j'ai ce code

" <iframe src="http://www.trombiblog.com/tshizz/31672" width="168" height="170" scrolling="No" frameborder="0" ></iframe> "

On me dit de "(Copier/coller le code html et le placer dans la source html de vos pages)"
oui mais ou dans le code html haha ?

Avatar de l’utilisateur
Le Gnou
Maître pisteur
Messages : 1061
Inscription : mer. juin 08, 2011 8:30 pm
Localisation : Savane Picarde... :)
Contact :

Re: Image à l'intérieur de lettres.

Message par Le Gnou » dim. août 26, 2012 10:25 am

Re,

Ben...ça dépend de la plate-forme de blog utilisé (Blogger, overblog, blogorama...).
;-)


Par exemple, avec Blogger, tu as les deux options "Rédiger" et "HTML" quand tu crées un message, une page...

Quand c'est "HTML" sélectionné, on met le code :
Image


Quand c'est "Rédiger" sélectionné, on voit ce que donne le code :
Image

;-)

@+
(_._)
-0|0-

gdwithyourself
Wilber en peluche
Messages : 9
Inscription : ven. août 24, 2012 5:38 pm

Re: Image à l'intérieur de lettres.

Message par gdwithyourself » lun. août 27, 2012 9:10 am

Ah pardon, je me suis mal exprimée, c'est bien blogger, mais je voudrais le mettre comme balise sur le côté du blog, pas dans un message c'est possible ?

Avatar de l’utilisateur
procole
Pixelium magister
Messages : 484
Inscription : mer. juin 23, 2010 8:22 am
Localisation : IDF France

Re: Image à l'intérieur de lettres.

Message par procole » lun. août 27, 2012 11:16 am

bonjour
tu peux essayer par
conception> mise en page> ajouter un gadget > html/javascript
Normalement ça devrait faire ton bonheur
Gimp 2.6.10 Acer aspire M7721 Intel core I7 2.67 Ghz, 64 bits Windows 7 Ed familiale Premium

Répondre