Rejoignez la communaut FM sur Facebook

[TUTO] Créer une bannière

Cours d'arts plastiques
Répondre
Avatar du membre
BzR
Réputation Mondiale
Réputation Mondiale
Messages : 4557
Enregistré le : lun. 22 août 2011 19:18
Localisation : Lyon

[TUTO] Créer une bannière

Message par BzR » ven. 20 janv. 2012 12:54

Salit à tous! On m'a souvent demandé une technique pour réaliser une bannière pour son RdP ou encore pour sa story. Je vais tenter de vous expliquer comment réaliser une bannière en peu de temps.

1°Le Cahier des charges


Avant de commencer à réaliser une bannière, il faut prendre le temps de trouver des images, le texte adapté ou le style recherché. Prenons par exemple cette commande "bidon":

Obi-Wan Kenobi a écrit : Salut, je voudrais te demander si tu pourrais me créer une bannière pour mon RdP avec Arsenal.
Image de fond: http://3.bp.blogspot.com/-CGTphTLtJY8/T ... _fans1.jpg
Image complémentaires: Le logo d'Arsenal à droite
Texte: Arsenal: Place aux jeunes
Style: Je voudrais une bannière avec une police futuriste pour Arsenal et quelques effets légers sur les supporters.


Merci Obi. Il faut maintenant rassembler les fichiers nécessaires dans le même dossier. Pour les logos, je vous conseille Wikipédia.

Image

Vous y êtes?

2°Le fond

Maintenant ouvrez photoshop (une version light est dispo ici) et faites Fichier>Nouveau. Réglez les options de format comme ceci:

Image

Bien. Vous vous retrouvez avec ça:

Image

Maintenant, importez votre fond. Pour ce faire: Fichier>Importer et indiquez son emplacement.

Image

Cliquez sur Image pour l'importer. Maintenant, réglez ses dimensions en manipulant les points situés aux quatre extrémités de l'image tout en maintenant MAJ pour conserver ses proportions. Votre image doit être remplie (plus de blanc):

Image

Bien maintenant prenez utilisez l'outil recadrage (Image) et recadrez votre image en faisant un rectangle l'englobant et cliquez sur Image. Bien. Maintenant, appliquons un contour. Pour ce faire double-cliquez sur votre calque, c'est à dire:

Image

Une fenêtre s'ouvre (NDLA: vous pouvez trifouiller avec les outils disponibles plus tard pour personnaliser la chose). Sélectionnez l'option "contour" et réglez les paramètres comme ceci:

Image

Ce qui donne cela:

Image

3°L'effet

Nous allons rajouter un effet a notre fond. Pour cela dupliquez votre calque de fond (CTRL+J) et allez dans Filtre>Galerie de filtres. Dans ce tuto, j'ai sélectionné l'outil noir et blanc, mais rien ne vous empêche d'en prendre un autre. Si vous avez pris le même filtre que moi (Dans contours>Noir et blanc), réglez-le comme ceci:

Image

Appuyez sur OK. VOus revenez à votre fenêtre originale, et le moins qu'on puisse dire, c'est que le rendu n'est pas parfait:

Image

Mais ce n'est pas tout! Regardez au dessus de votre calque, il y a plusieurs cases: Normal, 100%... Réglez-les comme ceci:

Image

Et regardez le résultat: un très léger effet mais qui dynamise néanmoins notre belle bannière.

Image

Pas mal, non?

4°Le texte & le logo

Bien, il ne nous reste plus qu'à ajouter un texte et un logo. Sélectionnez l'outil Texte (ou appuyez sur T) et créer un carré au dimensions de la bannière, comme ceci:

Image

Tapez votre première ligne de texte et éditez-le (avec cette barre:Image). Puis, faites-de même avec l'autre partie du texte:

Image

J'ai utilisé les polices "Devil Breeze" et "American Purpose", que vous pouvez trouver sur Dafont, qui regorge de superbe polices pour vos bannières :wink: . Maintenant, double-cliquez sur votre calque du haut et appliquez les options suivantes:

Image
Image

Et pour celui du bas:

Image

Ce qui vous donne ceci:

Image

Vous y êtes presque! Il ne vous reste plus qu'à importer le logo et a lui ajouter les options suivantes:

Image

Et voilà votre bannière:

Image

Après, c'est à vous de créer. Trifouillez les filtres, les options de fusions, les réglages pour créer VOTRE bannière!
Modifié en dernier par BzR le ven. 20 janv. 2012 13:29, modifié 1 fois.


Publicité

Avatar du membre
Clem95
Réputation Mondiale
Réputation Mondiale
Messages : 9654
Enregistré le : jeu. 03 déc. 2009 18:00
Club préféré : Arsenal

Re: [Tuto'] Créer une bannière

Message par Clem95 » ven. 20 janv. 2012 13:06

Essaye pas de nous faire croire que t'as un MAC :hehe:
Merci pour le tuto Buz, ça va en aider plus d'un.


Avatar du membre
Boonty
Modérateur
Modérateur
Messages : 6959
Enregistré le : jeu. 14 juil. 2011 19:13
Partie actuelle : Pelican FC
Version : FM 2016
Localisation : Entrez un nom de ville ici

Re: [Tuto'] Créer une bannière

Message par Boonty » ven. 20 janv. 2012 13:06

Mais c'est nickel tout cela, je vais pouvoir faire mes propres bannières tout seul :wink:

Super boulot l'artiste!


Avatar du membre
BzR
Réputation Mondiale
Réputation Mondiale
Messages : 4557
Enregistré le : lun. 22 août 2011 19:18
Localisation : Lyon

Re: [Tuto'] Créer une bannière

Message par BzR » ven. 20 janv. 2012 13:08

Clem95 a écrit :Essaye pas de nous faire croire que t'as un MAC :hehe:
Merci pour le tuto Buz, ça va en aider plus d'un.
J'en ai un, mais c'est mes parents qui s'en servent, donc j'ai installé une apparence Mac sur windows 7. Et je plaide non coupable :mrgreen: ! Veenant de la part d'un maître comme toi, ça me fait vraiment plaisir, merci :wink:
boonty a écrit :Mais c'est nickel tout cela, je vais pouvoir faire mes propres bannières tout seul :wink:

Super boulot l'artiste!
Merci beaucoup :oops: , tu sais ce qui te reste à faire :mrgreen: ...


Avatar du membre
Oriodiapulpa
Réputation Mondiale
Réputation Mondiale
Messages : 3860
Enregistré le : lun. 25 avr. 2011 9:35
Partie actuelle : Southampton
Club préféré : FC Nantes

Re: [Tuto'] Créer une bannière

Message par Oriodiapulpa » ven. 20 janv. 2012 13:14

Merci ! C'est parfait pour des burnes comme moi, qui ne maîtrise aucun outils graphique. Good job :P


Avatar du membre
dynam
Réputation Mondiale
Réputation Mondiale
Messages : 1508
Enregistré le : ven. 21 nov. 2008 0:15
Partie actuelle : FCU - Stockport
Club préféré : PSG
Localisation : Devant le PC

Re: [Tuto'] Créer une bannière

Message par dynam » ven. 20 janv. 2012 16:49

Ca c'est cool!! Je vais m'y essayer en rentrant chez moi pour rendre mon récit plus pompelup! :P

Encore merci Buzz!


Avatar du membre
Chiesa
Réputation Mondiale
Réputation Mondiale
Messages : 3112
Enregistré le : ven. 23 sept. 2011 19:12
Club préféré : Olympique Lyonnais

Re: [Tuto'] Créer une bannière

Message par Chiesa » ven. 20 janv. 2012 20:47

Super, c'est très clair. Je ne m'en servirais sûrement pas tout de suite, mais bon. Good job. :35:
Image OLYMPIQUE LYONNAIS
Football Manager 16 | Récit


Avatar du membre
Reus11
Réputation Mondiale
Réputation Mondiale
Messages : 4430
Enregistré le : mer. 21 déc. 2011 17:21
Club préféré : Paris Saint Germain

Re: [Tuto'] Créer une bannière

Message par Reus11 » ven. 20 janv. 2012 21:28

Vraiment du bon boulot ce que tu as fait. :wink:
Mais j'aurais une petite question, enfaite quand je veut mettre ma bannière dans un message, elle apparait en petit donc j'aimerais savoir si il y a un moyen pour l'agrandir ?
Merci beaucoup d'avance. :)
Reus11 l Avatar : Zlatan Ibrahimović.


Avatar du membre
BzR
Réputation Mondiale
Réputation Mondiale
Messages : 4557
Enregistré le : lun. 22 août 2011 19:18
Localisation : Lyon

Re: [Tuto'] Créer une bannière

Message par BzR » ven. 20 janv. 2012 21:30

Reus11 a écrit :Vraiment du bon boulot ce que tu as fait. :wink:
Mais j'aurais une petite question, enfaite quand je veut mettre ma bannière dans un message, elle apparait en petit donc j'aimerais savoir si il y a un moyen pour l'agrandir ?
Merci beaucoup d'avance. :)
Tu l'héberge avec celui du fofo?


Avatar du membre
Reus11
Réputation Mondiale
Réputation Mondiale
Messages : 4430
Enregistré le : mer. 21 déc. 2011 17:21
Club préféré : Paris Saint Germain

Re: [Tuto'] Créer une bannière

Message par Reus11 » ven. 20 janv. 2012 21:31

Oui pourquoi ?
Reus11 l Avatar : Zlatan Ibrahimović.


Avatar du membre
BzR
Réputation Mondiale
Réputation Mondiale
Messages : 4557
Enregistré le : lun. 22 août 2011 19:18
Localisation : Lyon

Re: [Tuto'] Créer une bannière

Message par BzR » ven. 20 janv. 2012 21:33

Essaye de virer le reste de tes textes dans ta sign'. Et réduis un peu la taille du fichier dans tophoshop :wink:


Avatar du membre
Reus11
Réputation Mondiale
Réputation Mondiale
Messages : 4430
Enregistré le : mer. 21 déc. 2011 17:21
Club préféré : Paris Saint Germain

Re: [Tuto'] Créer une bannière

Message par Reus11 » ven. 20 janv. 2012 21:35

Bah enfaite c'est pour la mettre dans un récit de partie ? :oops:
Reus11 l Avatar : Zlatan Ibrahimović.


Répondre

Retourner vers « Tutoriels & Entraide »

cron