Tutoriel : faire une bannière avec Picmonkey.com

L’editeur en ligne picmonkey.com me semble particulièrement abordable pour quelqu’un qui débute… Il permet de faire facilement une bannière de site ou de boutique par exemple.

Un tutoriel rapide pour la réalisation d’une bannière alittlemarket par exemple.

Elles ont des dimensions imposéees (760 sur 100 px). Pour notre exemple, on partira d’une photo ou d’une image personnelle (que vous avez déja enregistrée sur votre disque dur), et on y ajoutera un texte.

1. Cliquer sur « Edit », puis « Computer »

2014-03-10_083156

2. Choisir une image/photo sur le disque dur.

3. Si elle est très grande, bouton « Resize » pour la redimensionner. Mettre par exemple 1000 ou 800 en largeur (un peu plus grand que la dimension finale souhaitée, volontairement). Et verifier que « Keep proportions » est coché.

2014-03-10_090612

4. Puis recadrage : Bouton « Crop ». 2014-03-10_090746

2014-03-10_091145

Là, mettre 760 sur 100, ou les dimensions exactes  voulues pour la bannière. Un rectangle encadré va apparaitre sur l’image.
On peut déplacer ce rectangle (la selection) pour choisir la partie de la photo que l’on veut conserver.

2014-03-10_091702

Cliquer sur « Apply » quand la partie selectionnée vous convient.

Penser à conserver une partie unie, claire ou foncée, pour que le texte soit lisible.

Une fois recadrée, on peut essayer de modifier les couleurs, l’exposition, etc si besoin.

Puis icone « Texte » (T) à gauche. Choisir la police. Positionner le texte.

2014-03-10_092218

Cliquez sur « Add Text », puis positionnez la zone de texte. Et choisissez les options (couleur, taille, etc) :

2014-03-10_092605

On peut ajouter des motifs (icone papillon), un cadre, un fond…

Puis ne pas oublier d’enregistrer le résultat.

2014-03-10_093239

Pour chaque action, on peut l’annuler (bouton « discard »). ..

Tutoriel : faire une bannière avec Picmonkey.com