Fév
21

Comment je crée les citations de blogueur : la démo


Vous êtes quelques-uns à me demander comment je crée les « citations de blogueurs ».

Dans cet article, je vous montre pas à pas comment j’ai réalisée la citation de Marie-Anne Kucera.

Mais avant cela, je dois vous expliquer une chose importante : je ne suis PAS un graphiste professionnel.

Pour dire vrai, j’ai très peu de connaissances en graphisme.

Généralement, je pars avec une idée plus ou moins précise du résultat que je désire obtenir. Et je me lance IMMÉDIATEMENT dans l’action.

Tôt ou tard arrive le moment où je veux faire un truc, mais ne sais pas comment.

Et qu’est-ce que je fais ? C’est simple : je cherche la solution sur Internet ;)

Bref, comme toujours, je privilégie l’action avant tout. Et dès que je tombe sur obstacle ou un truc que je ne sais pas faire, je cherche sur Internet. Tout simplement.

Ceci dit, voici comment j’ai réalisé la citation de samedi.

Le making of de la dernière citation

Tout d’abord, j’ouvre la photo en question dans Photoshop (logique !)

citation de blogueurs

Afin de ne pas travailler directement sur la photo, je la duplique (clique droit sur le calque, puis « Dupliquer le calque… »)

Je mets ensuite le calque d’origine en invisible.

citation de blogueurs

Le problème avec cette photo, c’est qu’elle laisse peu de place pour la citation.

Je vais donc devoir « extraire » Marie-Anne de la photo, afin de l’inclure dans une image plus grande, avec un autre arrière-plan.

L’étape suivante est donc de…

1. Détourer Marie-Anne

Qu’est-ce que ça veut dire ? Rien de pervers, je vous rassure ;)

« Détourer » signifie simplement que je vais retirer l’arrière plan, afin de ne garder que Marie-Anne.

Je vous montre :

Pour faire le détourage, je vais utiliser l’outil « Lasso » (que j’ai appris à utiliser pour l’occasion grâce à ce tutoriel vidéo).

citations de blogueurs

Puis, j’ai supprimé tout ce qui était extérieur à la sélection :

citations de blogueur

Maintenant que l’image est détourée, je peux passer à l’étape suivante.

2. Inclure Marie-Anne dans une autre image

Je crée une nouvelle image vierge de dimension 650×500

citations de blogueurs

Puis, j’y inclus l’image d’arrière plan :

citations de blogueurs

Et j’y met ensuite Marie-Anne au premier plan.

J’obtiens ainsi :

citation de blogueur

Maintenant, il ne me reste plus qu’à…

3. Insérer la citation

Pour cela, je sélectionne simplement l’outil « Texte » et je sélectionne la police (ici, j’ai mis Eurostile).

Pour finir, j’ai ajouté un effet de « Lueur externe » autour de la citation et de Marie-Anne.

Ce qui nous donne :

marie anne kucera

Voilà, rien de compliqué ;)

35 Comments to “Comment je crée les citations de blogueur : la démo”

  • mickaël@hypnosecret 21 février à 17 h 12 min

    La puissance d’internet c’est justement que maintenant on peu tout apprendre sans sortir de chez soi.
    C’est bien pour un apprentissage de base mais je continue de privilégié le contact humain pour ma part je trouve que l’on apprend beaucoup plus de cette façon !

    ps: merci pour lien et le partage ;)

    • Cédric Vimeux 28 février à 17 h 55 min

      Exact !

      Encore faut-il en prendre l’initiative.

      Je reçois encore beaucoup d’emails où on me demande « explique moi comment en crée un blog wordpress », alors qu’on trouve des centaines de tuto vidéos sur Google.

      Cédric

  • Ludovic de Astuces Grand Mère 21 février à 18 h 03 min

    « Voilà, rien de compliqué ;) ».

    Ben déjà il fallait y penser :-) Merci pour le partage Cédric !

  • Louis@sophrologie 21 février à 18 h 11 min

    Bonjour Cedric,

    Merci pour cette démonstration. Ca a l’air surper simple comme tu l’expliques.
    Peut on le faire avec Photoshop elements (version light et grand public de Photoshop ) ?
    Louis

    • Cédric Vimeux 28 février à 17 h 56 min

      Je ne sais pas du tout.

      Le mieux, c’est de vérifier par toi-même ;)

      Cédric

  • daniela 21 février à 18 h 25 min

    merci beaucoup , j’ai toujours un peu de mal avec les notions de ca

    • daniela 21 février à 18 h 28 min

      oUPS !! mail parti tout seul
      je disais que j’ai toujours beaucoup de mal avec les notions de calque, je vais suivre pas à pas des ce soir et mettre en application les conseils .Merci d’avance

  • Hafid @ bon plan internet 21 février à 18 h 32 min

    Bonsoir,

    Merci pour le partage, sinon on peut aussi le faire avec GIMP qui est gratuit contrairement à photoshop.

  • Bastien 21 février à 18 h 55 min

    Merci Cédric, ça donne un excellent résultat.

    Retoucher des images et donc faire des photos montages est mon métier, c’est vrai que cela demande un peu de connaissances, mais une fois que l’on connaît les bases, ça va tout seul. D’ailleurs, je propose de faire des photos-montages, logo, retouche images pour ceux que ça intéresse! Belle soirée à tous

  • Gaétan@web analytics 21 février à 19 h 02 min

    Hello Cédric,

    Et moi qui imaginais que tu déléguais absolument tout…
    Je suis un peu déçu ;-)

    Quoiqu’il en soit, je vois trop de gens qui ne pensent pas à chercher la solution sur internet quand ils ne savent pas faire qqch. C’est dommage, tout est là pourtant.

    A bientôt,
    Gaétan

    • Cédric Vimeux 28 février à 17 h 57 min

      Salut Gaetan,

      Non, actuellement, je délègue seulement la rédaction de contenu pour mes blogs de niche.

      Cédric

  • Tom 21 février à 19 h 13 min

    Pour ceux qui sont, comme moi, trop paresseux pour faire le détourage, ici il y a 3 détourages gratuits (pas de lien d’affiliation): http://www.clipping-path-asean.com/en/clipping/price
    Et même après, ça coute presque rien (< 1 USD). Ce sont des thailandais, ils travaillent très bien. Je les utilise quand j'ai besoin. Le site est en anglais.

    • jacky@Dream Creator 21 février à 19 h 48 min

      Merci à Cédric et à Tom pour ces infos et ce plan thaïlandais destiné à ceux qui manquent de patience ou qui ont deux mains gauche comme moi .

      En tentant l’expérience de détourage, je me suis aperçu combien c’était fastidueux mais çà m’a permis de découvrir un nouvel outil (clic droit , transformation manuelle) qui permet de grossir des détails pour les mettre plus en valeur.
      On en apprend tous les jours ;-)

    • Caroline 21 février à 22 h 23 min

      Ca, ça m’intérese à fond!! merciii :)
      Si quelqu’un d’autre à de bons filons pour la soutraitance, qu’il n’hésite pas à le faire savoir..

      • Cédric Vimeux 28 février à 17 h 58 min

        Merci pour le lien Tom ;)

  • Jean Eric 21 février à 19 h 37 min

    Salut Cédric,

    Merci pour le partage. Je vais mettre en application ce que je viens d’apprendre.

    Jean Eric

  • Des Trucs Pour Changer De Vie 21 février à 20 h 42 min

    Comme Cédric je ne suis pas un « pro » de ce genre d’exercice.

    Je dois certainement être encore pire que lui. Pour travailler les images, j’utilise un logiciel en ligne gratuit. Mais je ne sais pas s’il fait tout ce qui est présenté.

    Sam

  • hannah@techniqueTipi 21 février à 21 h 52 min

    Bonsoir Cédric,
    Il n’y a pas cette fonctionnalité là où je retravaille
    mes images, je vais donc utiliser le lien laissé par
    Tom. Le danger c’est que dès que j’entends parler de
    Thaïlande, je me vois déjà repartir sous les cocotiers!

  • Michel@Changer-Gagner 21 février à 22 h 24 min

    Bonsoir !

    Pour ceux qui n’ont pas Photoshop, le logiciel gratuit The Gimp vous sera d’une précieuse aide.

    • Adrien 28 février à 11 h 43 min

      Oui The Gimp égale largement Photoshop.

      Il existe aussi Paint.net, un logiciel gratuit également., qui s’apprend intuitivement et qui donne des résultats rapidement et très réussis. Très accessible, il répondra présents pour vos petits travaux et vous gagnera du temps.

      Bien sûr, pour des travaux plus conséquents et poussés en graphisme privilégiez The Gimp :)

  • Xavier@ club du succès Internet 22 février à 0 h 33 min

    Salut Cédric,

    Merci pour ce merveilleux tuto. En fait, c’est vraiment pratique comme tu l’explique. Mais ce qui compte comme tu le dis c’est vraiment le passage à l’action. c’est ainsi que j’arrive à faire de magnifiques é-cover pour kindle avec Word 2007 .
    Je ne suis pas un graphiste pro mais cela me suffit.

    Il faut toujours passer à l’action avec à l’esprit l’image du résultat final

    Amicalement,
    Xavier

  • Suzel 22 février à 5 h 35 min

    Bonjour Cédric,

    Quelle action merveilleuse d’illustrer cette belle citation avec les marches de l’escalier allant vers le haut (ou vers l’infinie).

    Merci Cédric pour me faire apprendre des combinaisons si attirantes,

    Amicalement,

    Suzel.

  • MARIE ANNE 22 février à 12 h 46 min

    un tres grand merci pour ces informations qui peuvent être très précieuses

  • Christine@votre efficacite personnelle 22 février à 13 h 48 min

    Bonjour Cédric,

    Graphiste de formation, Photoshop est mon outil de prédilection. Je vois que tu te débrouilles très bien pour un débutant.

    Bien amicalement,
    Christine

    • Cédric Vimeux 28 février à 18 h 00 min

      J’apprends au fus et à mesure. Et je trouve cela passionnant ;)

      Cédric

  • Eric Hebting 22 février à 14 h 10 min

    Merci Cédric :) Et encore BRAVO Marie-Anne pour la citation !

    Je procède un peu de la même façon que toi avec GIMP (exemple l’image de mon Blog, celle de mon profil Facebook, mes arrières plans Twitter et Youtube).

    Je ne suis pas non plus, loin de là, un pro du graphisme, mais il est vrai qu’avec les logiciels dont nous disposons aujourd’hui, plus Internet qui regorge de tutoriels, plus la bonne attitude (resté dans l’action comme tu le soulignes), rien n’est impossible :) !

    D’ailleurs un proverbe Arabe le dit très bien : « Qui veut faire quelque chose trouve un moyen. Qui ne veut rien faire trouve une excuse ».

    • Cédric Vimeux 28 février à 18 h 01 min

      Oui, il suffit d’avoir les bons outils et de chercher un peu pour pouvoir faire à peu près tout ce qu’on veut.

      Cédric

  • Rachel@www.reine-organisation.fr 22 février à 22 h 54 min

    Bonjour Cédric et tout le monde,

    en effet, quand on est face à quelque chose que l’on ne sait pas faire, il y 3 lettres à garder en tête: C.D.N
    Chercher : sur internet en général (pourquoi s’en priver ?) ou intranet au bureau
    Demander: demander à quelqu’un confirmation (si on pense avoir trouvé) ou demandé simplement à quelqu’un qui a les compétences requises (une question n’a jamais tué personne, tout ce qu’on risque c’est de rester au même point)
    Noter: rien de tel que de se créer des procédures (incluant pas-à-pas, contacts et pourquoi pas impri’écran photo ou vidéo), histoire de ne pas perdre un temps fou la prochaine fois !

    Bonne journée !

    • Cédric Vimeux 28 février à 18 h 05 min

      Très bonne technique que le CDN !

      N’hésite pas, si tu le veux, à en faire un article invité sur VM.

      Cédric

  • Noé@astucesargent 22 février à 23 h 24 min

    Bonsoir,
    pour créer ce genre de couverture, il y a une excellente solution plus accessible techniquement que
    photoshop et the GIMP et surtout GRATUIT.
    Je vous ai préparé une démo vidéo ci-dessous dans laquelle je fais justement du détourage et de l’outil texte.
    http://astuces-argent.net/comment-faire-une-couverture-de-livre/
    Je suis pour travailler par moi-même moi aussi car je produis ce que je veux vraiment, je progresse, même si prendre un prestataire coûte très peu cher comme sur fiverr.com
    qui propose des oeuvres pros pour 5 $.

  • Benjamin Challoy@Comment-Faire-Blog 24 février à 19 h 18 min

    Bonjour tout le monde ! ME voilà revenu de vacances ! J’espère que vous allez bien :)

    Voilà un article simple et très clair, ce qu’il me faut pour me remettre en route après une semaine coupé de la toile :)

    Bon courage aux travailleurs !

    A bientôt ;)

  • karim@travail a domicile 1 mars à 3 h 00 min

    Merci Cédric pour la démo, j’ai appris quelque chose avec toi dans cette ar :)

  • Olivier Monteux@Méthode Riche 1 mars à 16 h 18 min

    Et pour ceux que photoshop rebute, je vous conseil l’outil en ligne gratuit: http://www.picmonkey.com
    En anglais mais pas très difficile à utiliser, car très graphique !

    Olivier

Post comment

real money casinos new zealand