Jump to content
Les sujets concernant les générateurs de compte ne sont pas autorisés sur InShare et peuvent entraîner des sanctions s'ils sont répétés.
  • Please do not post a message for the purpose of insulting, incitement to hatred, sexual remarks and any other which does not respect our terms of use !

 tutoriel [PhotoSHOP] Faire une image facebook [FR]


тнєσ
 Share

Recommended Posts

Hello la communauté !


Aujourd'hui j'aimerait vous proposer un tutoriel PhotoShop pour faire une image facebook (pour les débutants), je sais qu'il peut en avoir sur Youtube etc., mais ça peut toujours servir :)

 

 

 

LeSommaire.png.5ecf5a3cd1331147fa55f2cf835798d9.png

 

1 - La mise en page d'une image

 

2 - Les textes

 

3 -  Les couleurs & dégradé

 

D'autre dans la suite ... [A venir]

 

 

 

miseenpage.png.85751b1835718cf12a8e62c82c7a4153.png

 

1 - Nous allons donc commencez par la mise en page d'une image facebook par exemple.


Sur une image pour annoncer quelque chose par exemple, il doit y avoir aux moins 2 choses primordiales :

 

- Le titre/sujet

     ex : RECRUTEMENTS

 

- Le contenu

    ex : inshare recrute des modérateurs !

 

Il peut après y avoir tout en bas , ou en haut le logo de votre site.


Il peut aussi y avoir (et je vous le conseille) des images autres en rapport avec le sujet de votre image, exemple pour les recrutements :

 

1850014432_lovepoem.gif.0a69dfc28b9de7ced35733091eecff70.gif (ça rappelle l'écriture d'un CV, de quelque chose comme sa)

 

Cette image, moi je la met souvent dans le contenu !

 

 

Une fois qu'on assemble tout sa, sa peut vous donner une image de ce style :

 

Example1.png.077f3936da1f72b3b03cf1d674955333.png  

/!\ LE BUT DE L'IMAGE EST DE VOUS MONTRER CE QUE JE VIEN DE VOUS DIRE ET NON PAS LA BEAUTE DE L'IMAGE !!! /!\

 

 

 

lestextes.png.6c5cfff3ee45688b4b8ca1e0d2b880ad.png

 

2 - Les textes, nous allons déjà voir ensemble quelle police d'écriture choisir pour ne pas gâcher votre image :


Il faut de préférence une police d'écriture "Sans Serif", une police "Sans Serif" c'est les petites extensions qui terminent les extrémités des caractères dans certaines polices d'écriture, qu'il y a sur une police "Serif" et non pas sur une police "Sans Serif" !

 

 

Exemple de police "Serif" :

Serif.png.11f78aedc989740639ea3259060eb228.png

 

 

Exemple de police "Sans-Serif" :

SansSerif.png.07aadb5f6953d2883321d552d7ef12ab.png

 

 

Alors attention, je dis pas qu'il n'y a aucune police "Serif" qui est jolie, mais personnellement je trouve 10x plus mon bonheur dans les Sans Serif !

 

Pour trouver une police d'écriture, rendez-vous sur dafont.com!

 

 

 

Bien, maintenant que vous avez une idée de quel style de police choisi, comment mettre en valeur un texte sur une image?
Il y a plusieurs façons pour cela et en voici quelques-une:

 

Premièrement la taille, le titre doit être mis en valeur car c'est le sujet principal de votre image il doit être donc un peu plus gros que votre contenu.


Ensuite dans le contenu, vous pouvez écrire votre texte sur 2 lignes comme je l'ai fait plus haut, personnellement ce que j'aime bien faire, c'est mettre la première ligne un chouilla plus grosse que la 2ème, exemple :
 

image.png.f3a5b073bf6b8795c69177c5c59d0e3c.png

 


Ensuite il peut aussi y avoir un contour autour de votre texte pour le mettre en valeur, et pour cela il vous suffira de double-cliquer sur votre calque texte :

image.png.77b16f49352233115ecb8f8eda3f696d.png

 

Une fois que vous avez double-cliquez, vous allez avoir une fenêtre qui va apparaitre, il vous suffira de chochéContourexample.png.70ad73dc60cfc47551d0ca26eaa3c19e.png "Contours" ensuite choisir votre couleur et la taille.
 

 

Vous avez maintenant un texte avec contour !
Alors évidemment, il y a plein d'autre façon de mettre en valeur un texte mais je vous présente les bases :)

 

 

 

455916090_Couleuranddegrads.png.edd247b844d93b7ad7d0ffd47bccf466.png

 

3- Les couleurs et les dégradés, alors au niveau des couleurs personnellement je trouve qu'il ne faut pas mettre énormément de couleurs dans une image, sinon on risque de voir que sa, je vous conseille des couleurs assez basique, bleu, vert, violet, rouge (assez foncé), gris etc., ce genre de couleur, alors après ne pas mettre du bleu avec du jaune fluo, mais du bleu avec du violet par exemple.

 

 

Pour les dégradés, voici comment faire:

 

Comme au dessus, double clique sur votre calque (fond dans mon cas):

image.png.c2ed37ea7231b2eb927e2346b9ce7d03.png

 

Ensuite coché "Incrustation en dégradé":

 

image.thumb.png.61aeb487e94ce3a3cd165a428b546015.png


Sur un fond avec couleur unie, donc une seule et même couleur, je conseille soit un dégradé blanc, soit un gris.

 

Pour créer le dégradé, vous allez dans votre palette de couleurs en haut à droite allez sur le blanc, ou la couleur de votre choix !


Ensuite vous allez pouvoir dérouler la liste dans votre fenêtre là où il y a marqué "Dégradé"

 

image.png.297ea7e1e516a9f5c6156683ce581755.png Et vous avez donc dans la ligne du haut, la couleur que vous avez choisie (2e case du haut), il vous suffirat de cliquer dessus ! 

 

Ensuite je vous conseille de mettre une assez faible opacité pour que n'on ne voit pas que sa.

 

image.png.a2e73409ca1544c70b8f3ad2e7e640b9.png

 

Puis OK !

 

image.png.c204ce1b591416b083a498f3bb589ee4.png

 

 

Et voila ! Vous avez votre fond avec dégradé !

 

 

 

 

____________________________________________________________________________________________________________

____________________________________________________________________________________________________________

 

 

La suite surement prochainement si ça vous plaît, je précise juste que les critiques du genre "je ne suis pas d'accord pour sa, psk ..." c'est juste tout simplement mes avis à moi, comment moi je fonctionne après chacun ses techniques ....

 

 

Désolé également pour les fautes :o

Et j'éspère en tout cas avoir bien expliquer et vous avoir aider !

 

 

++ !!

 

Théo.

image.png

image.png

image.png

image.png

image.png

Link to comment
Share on other sites

  • Gérant

Sympa le tutoriel.

Merci pour la bannière "inshare recrute des Modérateurs" ! ;)

 

Valentin.

Link to comment
Share on other sites

il y a 53 minutes, Valentin a dit :

Sympa le tutoriel.

Merci pour la bannière "inshare recrute des Modérateurs" ! ;)

 

Valentin.

Merci ! ;)

 

 

Théo.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...