Personnaliser son Blog avec Photoshop

photoshop-blog

Personnaliser son Blog avec Photoshop

Aujourd’hui, c’est un nouveau tutoriel sur Photoshop que je vous propose de faire ! Au menu, une technique bien connue qui consiste à incruster de l’image dans un texte. Il existe plusieurs procédés pour faire cet effet, mais chaque personne a ses préférences. J’ai choisi de vous montrer la technique avec le tampon de duplication, comme mon précédent tutoriel Photoshop. Je trouve par exemple que cette technique est hyper jolie pour créer des bannières pour les Blogs. J’espère que ça vous plaira, et si vous avez des questions, rendez-vous dans les commentaires :-)

Après avoir trouvé une image qui vous convient, ouvrez là sous Photoshop. Le format n’est pas très important, mais faîtes tout de même attention à la qualité de celle-ci. En effet, plus la qualité sera importante, et mieux sera le résultat final, logiquement.
Vous devez tout d’abord créer un nouveau document. Ensuite, il faudra créer un nouveau calque sur ce document. C’est sur ce nouveau calque, que vous allez écrire le texte souhaité. Encore une fois, faîtes attention à la taille que vous donnez à votre police. En effet, le résultat final sera exactement de la même taille, donc calculez votre coup à l’avance !
Créer un nouveau document : Fichier > Nouveau > Ok
Créer un nouveau calque : Calque > Nouveau Calque > Ok
Outil Texte Horizontal > Tapez votre texte
Il faut maintenant faire une petite manipulation rapide pour faire de votre texte une sorte de tampon. En restant sur ce même document, voici ce qu’il faut faire :
Édition > Définir une forme prédéfinie > Ok
Maintenant, vous allez utiliser le tampon de duplication. Le but est donc de choisir votre tampon-texte tout juste crée, il doit normalement apparaître à la fin de votre liste de formes. En maintenant la touche alt appuyée et en faisant un clique gauche, vous allez alors prélever l’image choisie.
Créer un nouveau document sous photoshop. Cliquez sur l’outil tampon de duplication, choisissez votre tampon texte-image, et placez le à l’endroit où vous souhaitez voir apparaître le texte. Faîtes un clic gauche, et hop miracle il apparaît :-)
Et voilà, le tutoriel est terminé ! En espérant qu’il pourra éventuellement vous servir pour personnaliser vos Blogs par exemple :-) Si vous avez des astuces, n’hésitez pas à les partager.
image-photoshop-blogger
image-photoshop-blogger2
3
image-photoshop-blogger3
2
image-photoshop-blogger4
1
image-photoshop-blogger5 2-1 4
41 Comments
  • Home0s-tasie

    18 février 2013 at 10:09 Répondre

    C’est super de partager tes astuces avec la blogosphère :)

  • Amélie Curly

    18 février 2013 at 10:11 Répondre

    je viens de tester çà, c’est good :) Mais je crois qu’il y a une autre technique avec les masques de fusion !! Mais bon, çà marche c’est le principal :)
    xx

    • Elsa ❤

      18 février 2013 at 5:49 Répondre

      Ouiiii, il y a 1000 techniques différentes pour faire ça :-)

  • Nathalie, lheuredete

    18 février 2013 at 10:20 Répondre

    Encore un super tuto. Je voulais faire ça depuis longtemps, je souçonnais bien qu’il fallait faire de cette manière, mais par manque de temps, je n’avais encore rien testé. Grâce à toi, je vasi m’y mettre sans me demander si je ne fais pas tout à l’envers !
    merci, Nathalie

    • Elsa ❤

      18 février 2013 at 5:50 Répondre

      Super, j’espère voir bientôt voir le résultat :-) Bises à toi !

  • SKTV

    18 février 2013 at 10:25 Répondre

    Très sympas, ces tutos photoshop, Merci !

  • Laulinea

    18 février 2013 at 11:56 Répondre

    Moi je me sers du masque d’écrêtage plutôt. C’est un petit peu plus rapide et surtout tu peux modifier le texte ;)

    • Elsa ❤

      18 février 2013 at 5:51 Répondre

      Exact ! Là je voulais surtout privilégier le tampon de dupli, pour faire écho à mon premier tutoriel ;-)

    • Laulinea

      18 février 2013 at 9:30 Répondre

      Ah j’ai compris ! Tu testes si l’autre leçon a été bien apprise !! Tu ferais une bonne formatrice ;)

    • Laulinea

      18 février 2013 at 9:30 Répondre

      Ah j’ai compris ! Tu testes si l’autre leçon a été bien apprise !! Tu ferais une bonne formatrice ;)

    • Laulinea

      18 février 2013 at 9:32 Répondre

      Oh mince mon message s’est effacé…
      Bref, je te disais que tu ferais une bonne formatrice ! Rappel des leçons précédentes et tout, bravo !!

    • Elsa ❤

      18 février 2013 at 9:34 Répondre

      Ah beh non j’ai tout bien reçu en fait… Blogger fait des siennes ! Eh oui je serais le genre de formatrice sadique en fait « as-tu bien appris ta leçon ??!! » :D

  • Fay

    18 février 2013 at 11:59 Répondre

    Super ! Je ne fais pas comme ça, mais j’adore apprendre de nouvelles techniques sur toshop!!

    • Elsa ❤

      18 février 2013 at 5:51 Répondre

      Alors, alors, quelle est ta technique ?? :P

  • revesencouleurs

    18 février 2013 at 12:35 Répondre

    Bonne méthode :) Je sais pas si la mienne est plus simple ou plus rapide

    J’ai trois calques : un avec l’image en arrière, un calque blanc devant et un calque de texte
    Je fusionne les deux derniers et sélectionne les lettres avec la baguette magique et un coup de gomme magique sur la sélection lettre.

    Et on voit l’image par transparence :)

    • Elsa ❤

      18 février 2013 at 5:53 Répondre

      C’est une méthode plus aboutie que celle que je présente je trouve ! Peut être plus complexe pour les débutants qui ne maîtrisent pas très bien la gestion des calques ;-)

  • Lucie and venus

    18 février 2013 at 1:05 Répondre

    J’adore cette technique ! C’est exactement comme ca que j’ai procédé pour faire ma bannière, à la seule différence que chaque lettre (parfois 2 lettres) correspond a une image, pour donner un rendu plus diversifié. Au top ;)

  • Mymy

    18 février 2013 at 1:18 Répondre

    Encore un super tuto, merci!

  • Cutieslude

    18 février 2013 at 4:25 Répondre

    super merci pour ce jolie tutos je vais essayer je garanti rien mais à essayer lol merci beaucoup !!
    bisous
    http://cuties.lude.blogpost.com

  • Just A Girl

    18 février 2013 at 6:46 Répondre

    Génial!! je vais tester ça assez vite! Merci de nous aider, quand on voit les jolies choses que tu fais avec Photoshop, ça donne envie!

    • Elsa ❤

      19 février 2013 at 7:03 Répondre

      Merci à toi plutôt :-) J’espère que ce tuto te servira, n’hésites pas à nous montrer le résultat :D

  • Lili

    19 février 2013 at 2:53 Répondre

    Je me demandais justement comment on faisait pour faire ça car je trouve ça très joli sur ton blog.
    Je vais tester ça demain !
    C’est chouette tous tes tutos ! (J’ai utilisé le premier pour ma bannière d’ailleurs, en le faisant un peu à ma sauce et pour faire des cartes de St-Valentin)

    • Elsa ❤

      19 février 2013 at 7:04 Répondre

      Ta bannière est trop joliiiie en plus, j’avais remarqué qu’elle avait changé récemment, je suis contente d’avoir un tout petit peu contribué :-) Bisous !

  • Isa tout simplement ...

    19 février 2013 at 5:20 Répondre

    Merci pour ce tuto, je garde précieusement et je testerai !

  • La Madame

    19 février 2013 at 9:39 Répondre

    Cool, merci à toi pour tes conseils! :) Moi je travaille avec Fireworks, j’ai essayé mais c’est pas complètement les mêmes fonctions, va falloir que je me trouve Photoshop un jour ;)

    • Elsa ❤

      19 février 2013 at 7:06 Répondre

      Je connais pas Fireworks, du coup je peux pas te dire si il y a une astuce pour faire pareil que sur Photoshop… Je sais que la suite Adobe CS2 était en téléchargement légal il y a pas si longtemps sur le site d’Adobe, à vérifier !

  • Farfadette

    19 février 2013 at 4:24 Répondre

    Bon va vraiment falloir que je pense a installer photoshop un de ces jour ou prendre le mac du chéri et lui piquer le sien :P Merci pour ce tuto !

    • Elsa ❤

      19 février 2013 at 7:06 Répondre

      Aha si tu peux lui piquer son mac, fais donc :D

  • Nicoline Defy

    19 février 2013 at 6:05 Répondre

    C’est féerique ton article ! Je connaissais mais j’oublie vite, il va me servir ! [ Ecrit un livre … ]

    Bisous Elsa <3

    • Elsa ❤

      19 février 2013 at 7:08 Répondre

      Roh merci c’est adorable ! (Comme tous tes commentaires ici d’ailleurs…). J’espère que le tuto pourra te servir dans tes prochains articles pourquoi pas ! Bisous <3

  • Sel

    19 février 2013 at 9:04 Répondre

    Waouh, la blog addict que je suis, dois t´avouer que ton blog et l identite que tu lui donnes est awesome… Its been a while que je n avais plus fais une si jolie decouverte !

    PEACE

  • Mayon PGM

    21 février 2013 at 4:08 Répondre

    Encore & toujours un article très instructif et tellement bien présenté! J’aime ton blog.

  • Akai Kisetsu

    24 février 2013 at 12:59 Répondre

    Merci !
    ça fais quelques heures que j’utilise cette technique et la technique de ton article précédent sur photoshop
    et je commence a bien comprendre du coup je m’entraine ^^ et du coup je modifie des trucs sur mon blog :p

  • CoqueliCows

    1 mars 2013 at 10:51 Répondre

    Merci beaucoup c’est super pratique hihihi

  • Cloë

    30 mars 2014 at 4:20 Répondre

    Bonjour, super article mais je n’arrive pas du tout à appliquer la police ! je ne vois pas de quelle partie viollet clair tu parles, en fait moi tout est noir donc je suis vraiment perdue…

  • Enedwaith

    10 septembre 2014 at 2:51 Répondre

    Merci beaucoup pour tout! Tes tutos sont très bien expliquer et moi qui suis une bille en photoshop, j’y arrive! Oh et bravo pour ton nouveau design qui est sublime!

Post a Comment