Tutoriels de graphisme

Admin Messages : 67 Date d'inscription : 11/08/2010

Le tuto provient de l'un des forum que je dirige. Les images prisent en exemple ne vous parlerons sans doute pas ^^ mais vous êtes libre d'en prendre d'autre si vous le souhaitez.

EDITE Circaetus: il n'est pas très utilisable pour le moment. il faut que je retaille les image pour qu'elles rentre entière.

Tuto pour création d'une bannière personnalisée

dans se tuto je propose d'utiliser un programme de retouche d'image a la fois facile a prendre en main et qui a le mérite d'être gratuit.
Il s'agit de photofiltre. Vous pouvez le télécharger au lien suivant:

http://www.commentcamarche.net/download/telecharger-175-photofiltre

enregistrer aussi les deux photo suivante qui vous serviront a suivre le tuto si dessous.

https://2img.net/r/ihimizer/img180/1414/tuto1img1.png
https://2img.net/r/ihimizer/img693/5841/tuto1img2.png

PENSEZ A SAUVEGARDER VOTRE CRÉATION APRÈS CHAQUE ÉTAPE, cela vous évitera de tout recommencer en cas d'erreur ou de bug.

une fois que vous avez terminer d'installer photophiltre sur votre ordinateur ouvrez le, vous obtiendrez une page comme celle si dessous.

Tutoriels de graphisme Tuto1screen1

Maintenant ouvrez les image que vous avez préalablement enregistrer.

Voilà se que vous devrez obtenir.

Tutoriels de graphisme Tuto1screen2

Maintenant vous allez créer votre bannière. Pour cela cliqué sur la page blanche sous la barre de menu. (Nouveau)

Tutoriels de graphisme Tuto1screen3

rentré les donné comme sur le screen si dessus.
Si tout a été fait correctement vous devriez obtenir une image blanche de 600 pixels de large par 170 pixels de haut.

Tutoriels de graphisme Tuto1screen4

Maintenant nous allons commencer a monter la bannière.

Dans cet exemple j'ai choisie une image de planète comme fond de ma bannière.
Nous allons la garder tel quelle est et la placer sur notre bannière blanche.
Pour cela sélectionnez l'image de planète et copier la en entière. (CTRL A puis CTRL C pour les raccourci clavier ou bien tirez un cadre du coté haut gauche vers le bas droite)

si l'opération c'est bien faite vous devriez avoir un cadre en pointillé qui tourne autour de votre image.

Ensuite cliqué sur la bannière blanche et collé la planète (CTRL V ou clic droit coller).

Tutoriels de graphisme Tuto1screen5

Tant que les pointillé tourne encore autour de l'image vous pouvez la faire bouger sur la bannière.
Nous allons donc en profiter pour la remonter un peu pour que la planète soit plus présente sur l'image.

Tutoriels de graphisme Tuto1screen6

Lorsque la position de l'image vous satisfait faite ENTER sur votre clavier (ou entrée en français^^)

bien maintenant nous allons mettre le vaisseau sur la bannière.

Avant toute chose, sectionnez a nouveau votre bannière CTRL A puis allé sur lissage >> contour progressif.

Tutoriels de graphisme Tuto1screen7

Maintenant cliquez gauche sur l'image du vaisseau
il est un peu trop grand pour rentrer dans la bannière nous allons donc le réduire. clic droit sur celui-ci >> taille de l'image.

Tutoriels de graphisme Tuto1screen8

Puis modifier la hauteur par 160 pixels
la largeur se modifiera automatiquement.

Tutoriels de graphisme Tuto1screen9

vous obtiendrez une image plus petite qui pourra être facilement intégrée a la bannière.

Tutoriels de graphisme Tuto1screen10

Maintenant le découpage du vaisseau.
Sélectionnez l'outil polygone dans la barre d'outil a droite.
Faite le contour du vaisseau en restant un un petit peu loin de la coque de celui-ci.
Le découpage peu prendre du temps et pour qu'il soit bien fait vous pouvez zoomer sur le vaisseau.

Tutoriels de graphisme Tuto1screen11

Une fois arrivé a se point il ne vous reste plus qu'a répéter l'opération de copiage puis collage sur la bannière.
CTRL C >> clic sur la bannière >> CTRL V
(j'utilise le clavier mais si vous préférez utiliser la souris ou tout autre moyen de copier coller c'est vous qui voyez)

positionnez le vaisseau a l'endroit ou il vous semble le mieux placé puis faite ENTER.

Tutoriels de graphisme Tuto1screen12

N'oubliez pas que la qualité de votre collage dépend de l'écart que vous avez laissé entre la coque du vaisseau et le trait de découpage.
Un trait trop éloigné vous donnera des bout de couleur vert un peu marron
et un trait trop près vous donnera un vaisseau avec un contour pas très net.
(Vous avez les deux exemple sur mon screen ^^ mais chut)

Vous avez désormais une bannière simple mais qui si bien faite peu avoir de l'effet quand même
pour encore l'améliorer vous pouvez jouer sur différent élément de photofiltre
les plus courent pour la retouche sont ceux souligné dans le screen si dessous.

Tutoriels de graphisme Tuto1screen13

Après quelque retouche vous pouvez arriver a se résultat en fonction de vaut gouts.

Tutoriels de graphisme Tuto1screen14

Maintenant le pseudo.
Pour mettre le pseudo vous n'avez qu'a utiliser l'icône en forme de T en haute de l'écran souligné en rouge deux screen plus haut.

Tutoriels de graphisme Tuto1screen15

donner vos avis sur se tuto pour son amélioration