AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
flt ferme ses portes...
pour tout savoir, rendez-vous ici. :eyes2: :eyes2:

Partagez
 

 ~ mood boards

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Auteur
Message
White Oak Mayor

COMPTE FONDATEUR

inscription : 29/07/2008
messages : 1041
points : 0
avatar : ben affleck.
crédit : twisted lips.

~ mood boards Empty
Message(#) Sujet: ~ mood boards ~ mood boards EmptyMer 3 Juin - 12:29

mood boards
explications & modèle

Un mood board, c'est quoi ?
Selon Wikipédia, un mood board est "un type de collage qui peut être composé d'images, de texte et d'objets selon le choix de son créateur". Ils peuvent être majoritairement utilisés par les professionnels du graphisme, mais aussi (et c'est ce qui nous intéresse) par les petits geeks que nous sommes, notamment les blogueurs sur tumblr (ce sont eux qui nous ont inspiré, pour tout dire). Le mood board, littéralement tableau d'humeur, va donc servir à donner une sorte d'ambiance générale de votre personnage, un aperçu original et amusant à créer :luv:


Où le poster ?
Poster le mood board de votre personnage n'est absolument pas obligatoire. C'est juste un petit plus pour approcher votre personnage d'une façon différente ! Si vous désirez le poster, rien de plus : il suffit de poster le formulaire suivant à la suite de votre fiche fourre-tout, en cinquième post donc. NB : si vous êtes de ceux qui n'ont posté que deux, ou trois posts dans votre fiche fourre-tout, il faut que vous postiez le ou les posts suivants avant de poster votre mood board, afin de respecter l'ordre :cat:


Comment le remplir ?
Alors rassurez-vous : ce n'est pas très compliqué. Les codes ont été volontairement simplifiés pour que n'apparaissent (quasiment) que ce que vous avez à modifier. Voici néanmoins un petit tutoriel rapide pour que ce soit vraiment facile à remplir, sans prise de tête !
- les deux premières parties sont les plus simples : mettre le prénom et le nom de votre personnage, vous savez faire ! De même que pour les cercles de couleur : il suffit mettre les couleurs que vous désirez. Pour cela, vous pouvez soit mettre des couleurs que vous aimez bien, que vous pouvez choisir parmi celles proposées par forumactif ou sur code couleur, soit choisir une palette sur design seeds et mettre les couleurs correspondantes.
- pour le cadre des textures, il suffit de mettre l'url de l'image entre les apostrophes, elles-mêmes entre les parenthèses, après la balise background-image. pour les textures, vous pouvez en trouver sur ce site ou celui-ci. Choisissez celle que vous voulez, puis faîtes un clic droit et sélectionner simplement copier l'URL de l'image (vous n'êtes pas obligés de télécharger l'image, bien sûr).
- pour la typographie, il faut aller sur google fonts. Ensuite, choisissez la police que vous voulez, soit si vous en connaissez une, en la tapant dans la barre de recherche, soit en fouillant parmi toutes celles disponibles. Vous pouvez cocher ou décocher la catégorie de police (handwriting, serif, etc.), l'épaisseur ou encore le type (cyrillique, arabique, etc.) afin d'affiner votre choix. Quand vous avez trouvé la police qui correspond à votre personnage, cliquez sur Quick-use. Vous trouvez ensuite une liste (plus ou moins longue) de différents styles de la police : fine, normale, épaisse, très épaisse, italique... cochez celui que vous désirez, si vous ne voulez pas le simple de base. Descendez ensuite jusqu'à la partie 3, Add this code to your website:. Sélectionnez et copiez le code qui se trouve dessous. Collez-le ensuite à la place de . Descendez à la partie 4, Integrate the fonts into your CSS:. Copiez le petit code en dessous, et cette fois-ci collez-le à la place de font-family: votre police ici;. Et voilà, c'est fait ! Maintenant, choisissez une citation, un petit bout de texte, qui correspond (encore une fois) avec votre personnage. Vous pouvez vous rendre sur ce site notamment, où il y a plein de citations de personnes connues. Quand vous avez trouvé votre citation, vous n'avez plus qu'à la coller à l'endroit adéquat !
- la dernière partie : celle de l'humeur ! Alors, là, vous mettez les images que vous voulez ! Tout ce qui exprime l'état d'esprit de votre personnage, ce qu'il aime, etc. Vous pouvez par exemple vous rendre sur Tumblr ou encore We heart it pour trouvez des belles images :heart4: Copiez l'URL de l'image et venez la copier à la place de IMAGEx !


Et voilà !
Votre petit mood board est rempli. Rappelez vous : ce mood board est celui de votre personnage ! :eyes:  Il doit le représenter lui (ou elle), et vous devez donc choisir les couleurs, textures, police et photos en fonction de lui et non pas seulement de ce que vous vous aimez :laugh:


Code:
<center><div class="mb"><t1>prénom</t1>
<div style="margin-left: 20px;"><t2>nom</t2></div>
<div class="mb1"><ct1>couleurs</ct1><br/>
<div class="mb2" style="background-color: #COULEUR1; display: inline-block;"></div> <div class="mb2" style="background-color: #COULEUR2; display: inline-block;"></div> <div class="mb2" style="background-color: #COULEUR3; display: inline-block;"></div> <div class="mb2" style="background-color: #COULEUR4; display: inline-block;"></div> <div class="mb2" style="background-color: #COULEUR5; display: inline-block;"></div> <div class="mb2" style="background-color: #COULEUR6; display: inline-block;"></div></div><table class="tmb1"><tr><td class="tmb2" rowspan="2" valign="top"><center><ct1>textures</ct1></center>
<div class="mb3"><div class="mb4" style="background-image: url('TEXTURE1');"></div><div class="mb4" style="background-image: url('TEXTURE2');"></div><div class="mb4" style="background-image: url('TEXTURE3');"></div><div class="mb4" style="background-image: url('TEXTURE4');"></div><div class="mb4" style="background-image: url('TEXTURE5');"></div></div></td><td valign="top"><center><ct1>typographie</ct1></center></td></tr><tr><td><div class="mb5" style="font-family: votre police ici;"><VOTRE POLICE ICI>Votre citation ici.

[right]- Auteur[/right]
</div></td></tr></table><div class="mb1"><ct1>humeur</ct1><br/>
<table><tr><td><div class="mb6" style="background-image: url('IMAGE1');"></div></td><td><div class="mb6" style="background-image: url('IMAGE2');"></div></td></tr><tr><td><div class="mb6" style="background-image: url('IMAGE3');"></div></td><td><div class="mb6" style="background-image: url('IMAGE4');"></div></td></tr></table></div>
</div></center>


Dernière édition par White Oak Mayor le Mer 3 Juin - 12:30, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://feelsliketonight.forumactif.com
White Oak Mayor

COMPTE FONDATEUR

inscription : 29/07/2008
messages : 1041
points : 0
avatar : ben affleck.
crédit : twisted lips.

~ mood boards Empty
Message(#) Sujet: Re: ~ mood boards ~ mood boards EmptyMer 3 Juin - 12:30

petit aperçu


prénom
nom

couleurs

textures

typographie
I'm always drawn towards the darker stuff, because I think it's just a lot more interesting. But it's also good fun doing the comedy, and I think that's why 'Misfits' has been great in that way, as you get a really good balance. I think it's best to try and do everything as an actor, really.

- Iwan Rheon
humeur


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://feelsliketonight.forumactif.com
 
~ mood boards
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
FEELS LIKE TONIGHT. :: ARCHIVES :: LAST KISS GOODBYE-