Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Infographie
Comment intégrer une image a son texte ?
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="G-Eazy" data-source="post: 7297694" data-attributes="member: 303033"><p>Bonjour, bonsoir a tous,</p><p></p><p>Dans se tutoriel nous allons voir pour savoir intégrer une image au texte très simplement, comme sur cette vieille template :</p><p></p><p style="text-align: center">[ATTACH]114021[/ATTACH]</p><p></p><p></p><p>C'est juste une histoire de couche a superposé et nous allons voir cela de suite <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite351" alt=";)" title="Clin d'oeil ;)" loading="lazy" data-shortname=";)" /></p><p></p><p>Pour commencer a vous de voir si vous voulez fusionner vôtre arrière plan avec vôtre image principal ou non, cela peut aider par la suite selon les couleurs, personnellement, blanc sur blanc, sa passe :</p><p></p><p style="text-align: center">[ATTACH=full]114022[/ATTACH]</p> <p style="text-align: center"></p><p>Donc nous avons nôtre image a laquelle on va y ajouter nôtre pseudo ou nom d'entreprise et j'en passe,</p><p></p><p style="text-align: center">[ATTACH=full]114023[/ATTACH]</p> <p style="text-align: center">(Assez épaisse pour pouvoir y ajouter des effets voulus par la suite)</p> <p style="text-align: center"></p><p>En suite nous allons prendre soit : </p><p>- une image déjà fait/retoucher </p><p>- un morceau de la même image que notre avatar créer par calque couper/dupliquer comme ceci : </p><p></p><p style="text-align: center">[ATTACH]114024[/ATTACH]</p> <p style="text-align: center">(Au fait cliquer sur les images pour zoomer <img src="/data/assets/smilies/tchuss.gif" class="smilie" loading="lazy" alt=":tchuss:" title="Tchuss :tchuss:" data-shortname=":tchuss:" />)</p> <p style="text-align: center"></p><p>Personnellement je repend toujours un bout de la même image comme ci-dessus mais on va faire une exception pour ce tuto, donc je part a la recherche d'une image intéressant,</p><p></p><p style="text-align: center">[ATTACH=full]114026[/ATTACH]</p> <p style="text-align: center">(J'ai pris une image qui n'avais rien a voir, donc après selon vôtre imagination et normalement vous avez 4 claque dans le même ordre que moi, sauf si vous avez plus d'arrière plan)</p> <p style="text-align: center"></p><p>A partir de ceci, on peut déjà appliquer/incruster/intégrer nôtre image a nôtre texte, en faisant : </p><p></p><p>- un clique droit sur l'image "1" (encore heureux que je les ai numéroté <img src="/images/smiley-pack/coeur.gif" class="smilie" loading="lazy" alt="<3" title="♥ <3" data-shortname="<3" />)</p><p></p><p style="text-align: center">[ATTACH=full]114027[/ATTACH]</p><p></p><p>- puis "créer un masque d'écrêtage" et cela nous donne ceci</p><p></p><p style="text-align: center">[ATTACH=full]114028[/ATTACH]</p> <p style="text-align: center">(On voit d'ailleurs que l'effet a était appliqué sur le calque d'en dessous, donc nôtre texte)</p> <p style="text-align: center"></p><p>Voilà, à cette étape la le tuto est fini mais mal cadré n'est-ce pas ?</p><p>Alors pour recadrer sans rien bouger, il faut :</p><p>- Veiller à bien avoir sélectionner le calque a bouger, autrement dit le "1" (car sinon le rectangle autour de l'image n'apparaîtra pas ou alors pour un autre calque)</p><p>- Cliquer sur la croix directionnel en haut a gauche et la, le rectangle apparaît, il n'y a plus qu'a ajuster</p><p></p><p style="text-align: center">[ATTACH=full]114032[/ATTACH]</p> <p style="text-align: center">(Puis faire clique droit, importer et c'est bon tout est en place)</p> <p style="text-align: center"></p><p>Mais dans mon cas il faut que j'ajoute des effets a mon texte sinon il y aura des parties de mon texte que je ne verrais pas très bien, donc je double clique gauche sur le calque de mon texte et cette fenêtre vient a s'ouvrir </p><p></p><p style="text-align: center">[ATTACH=full]114034[/ATTACH]</p> <p style="text-align: center"></p><p>Je lui ajoute un contour, soit d'une couleur blanche ou noir mais dans le cas présent il y avait 50/50 des parties du pseudo dans le blanc et le noir, donc je prend une couleur se rapprochant de l'image incrusté et je lui met une ombre porté en laissant les paramètre par défaut (donc juste cocher la case) et il y en a sur l'image de départ donc c'est niquel</p><p></p><p style="text-align: center">[ATTACH=full]114036[/ATTACH]</p> <p style="text-align: center"></p><p>Voilà le résultat</p><p></p><p style="text-align: center">[ATTACH=full]114039[/ATTACH]</p> <p style="text-align: center"></p> <p style="text-align: center">Simple et styler (n'est-il pas beau mon G-Eazy ? <img src="/images/smiley-pack/blush.gif" class="smilie" loading="lazy" alt=":blush:" title="Gêné :blush:" data-shortname=":blush:" />)</p> <p style="text-align: center"></p><p>J'espère que ce tuto écris vous aura plut et sera plus précis que d'autre en tout cas pour vous <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></p><p></p><p>Je ne fournit pas le fichier .psd (la template) car sans exercices vous progresserais pas <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite171" alt=":D" title="Awesome face :D" loading="lazy" data-shortname=":D" /></p><p></p><p>Si j'ai fait du plagiat sur un autre topic, prévenez moi <img src="/images/smiley-pack/y.gif" class="smilie" loading="lazy" alt=":ok:" title="D'accord :ok:" data-shortname=":ok:" /></p><p></p><p>Sur ce,</p><p>Cordialement,</p><p>TheLuxiiA</p></blockquote><p></p>
[QUOTE="G-Eazy, post: 7297694, member: 303033"] Bonjour, bonsoir a tous, Dans se tutoriel nous allons voir pour savoir intégrer une image au texte très simplement, comme sur cette vieille template : [CENTER][ATTACH]114021[/ATTACH][/CENTER] C'est juste une histoire de couche a superposé et nous allons voir cela de suite ;) Pour commencer a vous de voir si vous voulez fusionner vôtre arrière plan avec vôtre image principal ou non, cela peut aider par la suite selon les couleurs, personnellement, blanc sur blanc, sa passe : [CENTER][ATTACH=full]114022[/ATTACH] [/CENTER] Donc nous avons nôtre image a laquelle on va y ajouter nôtre pseudo ou nom d'entreprise et j'en passe, [CENTER][ATTACH=full]114023[/ATTACH] (Assez épaisse pour pouvoir y ajouter des effets voulus par la suite) [/CENTER] En suite nous allons prendre soit : - une image déjà fait/retoucher - un morceau de la même image que notre avatar créer par calque couper/dupliquer comme ceci : [CENTER][ATTACH]114024[/ATTACH] (Au fait cliquer sur les images pour zoomer :tchuss:) [/CENTER] Personnellement je repend toujours un bout de la même image comme ci-dessus mais on va faire une exception pour ce tuto, donc je part a la recherche d'une image intéressant, [CENTER][ATTACH=full]114026[/ATTACH] (J'ai pris une image qui n'avais rien a voir, donc après selon vôtre imagination et normalement vous avez 4 claque dans le même ordre que moi, sauf si vous avez plus d'arrière plan) [/CENTER] A partir de ceci, on peut déjà appliquer/incruster/intégrer nôtre image a nôtre texte, en faisant : - un clique droit sur l'image "1" (encore heureux que je les ai numéroté <3) [CENTER][ATTACH=full]114027[/ATTACH][/CENTER] - puis "créer un masque d'écrêtage" et cela nous donne ceci [CENTER][ATTACH=full]114028[/ATTACH] (On voit d'ailleurs que l'effet a était appliqué sur le calque d'en dessous, donc nôtre texte) [/CENTER] Voilà, à cette étape la le tuto est fini mais mal cadré n'est-ce pas ? Alors pour recadrer sans rien bouger, il faut : - Veiller à bien avoir sélectionner le calque a bouger, autrement dit le "1" (car sinon le rectangle autour de l'image n'apparaîtra pas ou alors pour un autre calque) - Cliquer sur la croix directionnel en haut a gauche et la, le rectangle apparaît, il n'y a plus qu'a ajuster [CENTER][ATTACH=full]114032[/ATTACH] (Puis faire clique droit, importer et c'est bon tout est en place) [/CENTER] Mais dans mon cas il faut que j'ajoute des effets a mon texte sinon il y aura des parties de mon texte que je ne verrais pas très bien, donc je double clique gauche sur le calque de mon texte et cette fenêtre vient a s'ouvrir [CENTER][ATTACH=full]114034[/ATTACH] [/CENTER] Je lui ajoute un contour, soit d'une couleur blanche ou noir mais dans le cas présent il y avait 50/50 des parties du pseudo dans le blanc et le noir, donc je prend une couleur se rapprochant de l'image incrusté et je lui met une ombre porté en laissant les paramètre par défaut (donc juste cocher la case) et il y en a sur l'image de départ donc c'est niquel [CENTER][ATTACH=full]114036[/ATTACH] [/CENTER] Voilà le résultat [CENTER][ATTACH=full]114039[/ATTACH] Simple et styler (n'est-il pas beau mon G-Eazy ? :blush:) [/CENTER] J'espère que ce tuto écris vous aura plut et sera plus précis que d'autre en tout cas pour vous :) Je ne fournit pas le fichier .psd (la template) car sans exercices vous progresserais pas :D Si j'ai fait du plagiat sur un autre topic, prévenez moi :ok: Sur ce, Cordialement, TheLuxiiA [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Infographie
Comment intégrer une image a son texte ?
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut