Personnages et tenue vestimentaire

[suite du projet MaxiliaGartha] Avec, au menu cette fois, les tenues demandées par ces dames :

news-2015-09-11-maxilia-gartha-persos1-costume-ophelie1a

news-2015-09-11-maxilia-gartha-persos1-costume-ophelie1b

news-2015-09-11-maxilia-gartha-persos1-costume-ophelie2a

news-2015-09-11-maxilia-gartha-persos1-costume-ophelie2b

news-2015-09-11-maxilia-gartha-persos1-costume-tiffany1a

news-2015-09-11-maxilia-gartha-persos1-costume-tiffany1b

Vue des deux personnages principaux, qui sert pour la bannière et le background du site, en décor, de part et d’autre des bords extérieurs :

news-2015-09-11-maxilia-gartha-persos-posture

Oui j’ai complètement intégré les gabarits 3D dans mes outils de travail. ^___^

La vue le suggère à peine : les deux personnes ont des statures et des formes un peu différentes, même s’il n’est pas vraiment possible de détailler le morphotype avec Manga Studio.

Autre chose, Manga Studio ne permet pas d’associer deux items dans le même plan : pas de zones de collision, les personnages sont sur deux calques et deux plans séparés, sans interaction l’un avec l’autre. Les deux mains qui se touchent sont en fait… « Simulées » c’est une illusion d’optique.

Prochaine étape : les dernières recherches de style. Au moment où je finis de préparer ces articles, je viens d’apprendre que le projet changeait d’optique et se mettait en pause ; pas d’url et probablement pas d’aboutissement.

Ou laissez-moi un commentaire

Nature morte pour une bannière web

Bizarre, comme titre, n’est-ce pas ?

Parenthèse ouverte sur le projet MaxiliaGartha, avec comme promis, l’étape-par-étape du décor !

Plutôt que de partir sur une basse résolution – 72dpi pour le web – j’ai travaillé sur un format homothétique en haute résolution ; au cas où le site passerait sur un autre thème, où l’image d’accueil serait affichée en grand, sur toute la largeur de l’écran.

Ci-dessous, les masses principales, une fois les items et la composition validée :

news-2015-09-10-max-bg-items-01

Vue générale de la bannière avec « bords perdus » pour avoir la place de déplacer des éléments

Zoom sur la partie droite – crayons à maquillage, lisseur :

news-2015-09-10-max-bg-items-step1

Ca s’affine, les pinceaux ont du poil !

On passe aux bouquins à gauche :

news-2015-09-10-max-bg-items-step2

Pour ceux-ci, j’aurais souhaité une mise en abîme, avec du texte issus des articles du site.

Et la vue finale pour ce background :

news-2015-09-10-max-bg-items-06

Avec une tomate cerise en bonus !

Notes persos – et synthèse – sur les natures mortes :

Oui, parce que, bon… On ne m’a pas demandé stricto sensu une « nature morte » ^.~

Au Moyen-âge, les natures mortes représentaient l’opulence. A l’entrée dans la « modernité » la crise envers la classe dirigeante (riche) entraîne une réflexion sur la vanité et provoque un allègement des compositions, avec l’apparition du clair-obscur (et des crânes !). Nos contemporains (fin XX°-début XXI°) reprennent ce thème pour dénoncer la culture dominante du consumérisme (surconsommation) et du gaspillage (pour les pays les plus développés).

Pour MaxiliaGartha, il s’agit au contraire d’un foisonnement relatif à un mode de vie sain / bio : sport, relaxation, alimentation, lectures, soin de soi (dont maquillage ^-^).

Vue générale et mockup du projet :

news-2015-09-10-max-mockup-saisei-yrialinsight

Source pour le design d’environnement : Graphic Twister, toujours ! ^^

Prochain post : les personnages et les choix de tenues vestimentaires.

Ou laissez-moi un commentaire

Acrylique numérique pour une bannière web

Au départ, c’était une demande « classique » : une bannière, un fond, des personnages.

Les rédactrices principales du site avec les couleurs demandées :

news-2015-09-09-max-banniere-00

Source pour ce mockup : Graphic Twister, again ^.~

Il s’avère que le site allait traiter de nombreux sujets, d’où la profusion d’éléments à représenter.

Vue de la charte dans son ensemble :

news-2015-09-09-max-bg-00-charte-graphique

Zoom sur le deuxième projet de bannière :

news-2015-09-09-max-bg-00-items

Puis, un article sur le body balance m’a inspirée et poussée à proposer une nouvelle couleur générale ; en parallèle, la collaboration avec Wazabi sur le mix « peinture acrylique traditionnelle – peinture numérique » m’a poussée à chercher des pinceaux et des textures spécifiques. J’ai donc associé les deux.

Nouvelles recherches pour le fond, avec de larges coups de brosses :

news-2015-09-09-max-bg-01

news-2015-09-09-max-bg-03

news-2015-09-09-max-bg-04

Et le résultat choisi, incluant les items de la bannière, à l’exception des personnages :

news-2015-09-09-max-bg-05-items

J’y suis allée un peu fort sur les grands coups de brosse…^^°

Au prochain épisode : le step-by-step du décor.

Ou laissez-moi un commentaire

Epic rebondissement pour Wazabi

Suite de l’aventure, je livre finalement un fond – que vous devriez voir bientôt apparaître sur le site de l’association Wazabi :

news-2015-09-01-epic-wazabi-charte-desktop

Pour ceux qui se rappellent du précédent post « nouveau webdesign pour Wazabi« , j’avais utilisé le fond en valeur négative par rapport à cette proposition-ci. Pas trop eu le temps de la travailler, c’était un rendu dans l’urgence, fin de semaine dernière.

Oyez, oyez et festoyez en compagnie de cette damoizelle, sur fond de château fort ! ^o^/

Bonne rentrée à tous ! Venez vous aérer les 13 & 14 septembre !

news-2015-09-01-epic-wazabi-fraizibi-wants-you-to-come

Fraizibi wants YOU to come to Epic Wazabi !

Ou laissez-moi un commentaire

Coin de jardin en Gironde

Quelques libertés mais l’endroit est identifiable ! Travail en cours (interrompu pour cause de tendinite ^^) :

news-2015-08-20-aquarelle-coin-de-gironde

Mise en couleurs aquarelles, un des plus grands formas auxquels je me suis « attaquée »

Suivie des travaux préparatoires (jeux d’ombres et lumières)

Je n’étais pas encore sure de l’ambiance recherchée :

news-2015-08-20-aquarelle-coin-de-gironde-valeurs

Essais en noir et blanc pour tester différentes ambiances

Edit tardif • la version finale scannée !

Avec le bois bleui par la bouillie bordelaise – cf. ce précédent post :

news-2015-08-20-aquarelle-coin-de-gironde-final

Vue un peu floue et surexposée par le scanner – format 30x20cm

Petit zoom sur le rajout des pierres

…Histoire d’apporter un peu de chaleur et de raccorder avec le lieu original :

news-2015-08-20-aquarelle-coin-de-gironde-zoom

Vue réalisée à partir de photos prises pendant la peinture – d’où la différence de teintes.

Ou laissez-moi un commentaire

Avant-après pour l’aquarelle de détente

Avec le retour de l’aquarelle [Retour à l’aquarelle (montagnes)] j’ai vraiment au envie de « hisser » mon niveau de traditionnel à peu près à celui du digital. Même si j’en attends des choses différentes, ne serait-ce qu’au niveau rendu. Mais bref. Ce n’est pas gagné, j’ai dû faire moins de 20 aquarelles en tout et pour tout (toutes sont sur ce blog [tag : aquarelle]). Comme dit l’adage, c’est en forgeant qu’on devient forgeron. ^^ Alors retroussons nos manches !

Premier repentir, l’aquarelle de détente, inspirée par les costumes et la nonchalance alanguie de personnages féminins type Orgueil et Préjugés :

news-2015-08-18-detente-saisei-yrialinsight

Ambiance plus « coloniale » avec des jaunes-verts plus sombres qui rappelle… Une jungle (je conserve l’idée de tapisserie).

Travailler sur un format plus grand m’a permis d’en faire un peu plus sur l’éventail, qui devient le seul élément – avec le visage de la jeune femme – à être détaillé ; cette fois-ci on focalise vraiment dessus.

news-2015-08-18-detente-etape1-saisei-yrialinsight

 

news-2015-08-18-detente-etape2-saisei-yrialinsight

 

news-2015-08-18-detente-etape3-saisei-yrialinsight

Résultat final :

news-2015-08-18-detente-bis-saisei-yrialinsight

Format : 15x20cm.

Ou laissez-moi un commentaire

Brunette verte | aquarelle

Suite de la colo commencée en juin dernier…

Et variante de la brunette bleue !

news-2015-08-17-brunette-verte-saisei-stepbystep-yrialinsight

Vue finale, avec nouveauté : test de crayons aquarellables pour les rehauts de contre-jour

news-2015-08-18-brunette-verte-saisei-clc-yrialinsight

Et l’habituel test en noir et blanc :

news-2015-08-18-brunette-verte-saisei-nb-yrialinsight

Format : 18x24cm.

Merci à Arto Picto et à Suzie Suzy pour m’avoir incitée à tester ces crayons ! ^___^

Ou laissez-moi un commentaire

Aquarelles en approche !

news-2015-08-14-aquarelles-en-cours

L’envie de prendre la même palette (pour la peau et les cheveux) et de l’utiliser différemment pour l’ensemble… On verra où ça me mène !

Vert de vessie, jaune, terres de sienne brûlée et naturelle, ocre jaune et alizarine cramoisie :

news-2015-08-14-aquarelles-en-cours-nuancier-commun-traditionnel

La version numérique comme si c’était pour le web :

news-2015-08-14-aquarelles-en-cours-nuancier-commun-numerique

A suivre !

Ou laissez-moi un commentaire

Nouveau webdesign pour Wazabi

J’en avais glissé un mot en mars dernier : projet de refonte du site web de l’association Wazabi. Avec une particularité : je ne m’occupe pas de la charte graphique pour celle-ci, je délègue !

Tout à commencer en février, j’avais surtout repensé l’arborescence et le zoning du site ; l’emplacement des items, le comportement des menus, en particulier comment supprimer les doubles menus déroulants. C’est une étape vraiment axée « ergonomie » et « scénario de visites ». L’idée maîtresse ici : n’avoir qu’un menu supérieur, pas de sous-rubriques. Juste cliquer sur un lien du menu ; arriver sur une page récapitulative (illustrée d’une photo ou d’une vidéo en grand), qui comporte un résumé et les liens pour aller plus loin (voir des photos, lire les articles sur chaque stand ou invité).

Comme il s’agit ici de pur webdesign – et non d’illustration ou de charte graphique avec illustration – je ne comptais pas le poster ; mais, puisque j’ai montré des mockups des chartes précédentes… Je vais finalement le faire ici. Voici la wireframe (couleurs et images non définitives) en niveaux de gris (pour afficher les éléments prioritaires) :

news-2015-07-04-site-web-wazabi-standard-base

Organisation validée lors d’une réunion communication début mars mais qui ne sera pas mise en place avant Epic Wazabi, c’est-à-dire très bientôt maintenant. A ce sujet « en ce moment » pourra très bien être remplacé par « prochainement » voire « très bientôt » ou « à venir ».

Vous l’avez compris : place au contenu textuel et photographique ! Les vidéos seront davantage à l’honneur aussi. Surtout, la mise à jour du site en sera facilitée, pour le pôle informatique comme pour le pôle communication.

Du coup, on arrive à quelque chose de très simple et facilement personnalisable ; seule la version bureau (sur écran d’ordinateur) aura droit à son fond (comme d’habitude), c’est celle-ci que je vous montre :

news-2015-07-04-site-web-wazabi-standard0

Exemple avec un fond vert « de base » qui associe toujours trames demi-teintes, blanc et vert fluo. Comme sur les designs précédents, le fond sera en extended (étendu sur toute la largeur) et en fixed (toujours présent en haut, pas de défilement) histoire de garder de la couleur et du peps à cette organisation « épurée ».

Autre exemple de fond avec photographie :

news-2015-07-04-site-web-wazabi-standard1a-bg

J’aime bien cette photo d’ensemble où toute l’équipe est réunie lors d’une convention, ici Wazabi Tourtament en septembre 2014.

Autre exemple rapidement composé, toujours avec des photographies :

news-2015-07-04-site-web-wazabi-standard1b

Plus inspirée des murs recouverts de photographies des MacDo et KFC. L’idée : des souvenirs très vivants et qui montrent bien l’esprit Wazabi. Sources : wazabi.fr

Bref, hâte de voir ce que Rox et Ban en feront ! Carte blanche pour le background de la prochaine conv !

***

Précédente collaboration avec Ban et Rox : le post du 1er avril pour Wazabi Origins ! Et non ce n’était pas une fantaisie. ^^

Ou laissez-moi un commentaire