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 !)
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.
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).
Puis, j’ai supprimé tout ce qui était extérieur à la sélection :
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
Puis, j’y inclus l’image d’arrière plan :
Et j’y met ensuite Marie-Anne au premier plan.
J’obtiens ainsi :
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 :
Voilà, rien de compliqué ;)
35 Comments to “Comment je crée les citations de blogueur : la démo”
Post comment
Commentaires récents
- Êtes-vous crédible aux yeux de vos prospects? dans
- Droit de rétraction et remboursement: ce que vous devez savoir si vous vendez des formations dans
- 2 idées ingénieuses pour gagner de l’argent avec vos photos de voyage dans
- La loi de Fitts, ou comment augmenter le taux de cliques sur vos boutons d’achat ou d’inscription dans
- Et si nous nous aidions à améliorer notre positionnement Google ? Nouvelle entraide entre blogueurs dans
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 ;)
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
« Voilà, rien de compliqué ;) ».
Ben déjà il fallait y penser :-) Merci pour le partage Cédric !
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
Je ne sais pas du tout.
Le mieux, c’est de vérifier par toi-même ;)
Cédric
merci beaucoup , j’ai toujours un peu de mal avec les notions de ca
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
Bonsoir,
Merci pour le partage, sinon on peut aussi le faire avec GIMP qui est gratuit contrairement à photoshop.
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
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
Salut Gaetan,
Non, actuellement, je délègue seulement la rédaction de contenu pour mes blogs de niche.
Cédric
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.
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 ;-)
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..
Merci pour le lien Tom ;)
Salut Cédric,
Merci pour le partage. Je vais mettre en application ce que je viens d’apprendre.
Jean Eric
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
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!
Bonsoir !
Pour ceux qui n’ont pas Photoshop, le logiciel gratuit The Gimp vous sera d’une précieuse aide.
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 :)
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
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.
un tres grand merci pour ces informations qui peuvent être très précieuses
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
J’apprends au fus et à mesure. Et je trouve cela passionnant ;)
Cédric
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 ».
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
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 !
Très bonne technique que le CDN !
N’hésite pas, si tu le veux, à en faire un article invité sur VM.
Cédric
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 $.
Merci pour le lien Noé ;)
salut Noé, il y a un problème avec ton lien, il donne une erreur 404
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 ;)
Merci Cédric pour la démo, j’ai appris quelque chose avec toi dans cette ar :)
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