Yuimen-aventure

Et pourtant les nervures sont en opaque... Je vais peut-être les éclaircir ^^

Les portails sur terrain (et un code fini en plus, un ^^)

Je continue ^^ J'ai commencé à faire les nouveaux objets de Yuimen-Aventure façon Illustrator ^^







Je suis raide dingue de ce programme... Tout me paraît 10 x plus simple dessus que sur photoshop

ouai ben je te rassure : ça se voit dans les rendus visuels aussi ^^

Ils sont magiques !
Effectivement, Illustrator est plus approprié pour les illustrations, justement.

Melaka a écrit:

Ils sont magiques !
Effectivement, Illustrator est plus approprié pour les illustrations, justement.

Dis ça à Smirt.

J'aime beaucoup l'évolution que ca prend, lothi'. C'est beaucoup beaucoup plus propre et abouti que tes pixels arts. Je regrette toujours le mélange de médias qui donne un aspect patchwork, voire "j'ai pris les images que j'ai trouvé sur internet", mais bon... avec tes contraintes de temps, j'imagine que tu ne peux pas y faire grand chose ^^ C'est juste dommage vu toute la sueur que tu y mets

ps: les contours sur des objets semi-transparents, ca rend des trucs bizarres comme pour le background des champs labourés.

TeaR a écrit:

Melaka a écrit:

Ils sont magiques !
Effectivement, Illustrator est plus approprié pour les illustrations, justement.

Dis ça à Smirt.

J'aime beaucoup l'évolution que ca prend, lothi'. C'est beaucoup beaucoup plus propre et abouti que tes pixels arts. Je regrette toujours le mélange de médias qui donne un aspect patchwork, voire "j'ai pris les images que j'ai trouvé sur internet", mais bon... avec tes contraintes de temps, j'imagine que tu ne peux pas y faire grand chose ^^ C'est juste dommage vu toute la sueur que tu y mets

ps: les contours sur des objets semi-transparents, ca rend des trucs bizarres comme pour le background des champs labourés.

A terme, le seul mélange de média qu'il y aura ça sera :
- décor de l'interface en pixel art (qui restera ainsi)
- les images type "bd" (avatar de PNJ et inscription)
- toutes les autres images (sous illustrator).

J'ai l'intention de refaire petit à petit tous les objets comme je le fais avec les monstres, mais l'ampleur du boulot est pas gérable avant la sortie ^^

(j'ai une conseillère pôle emploi qui me presse à créer ma boîte AVANT les sanctions sur mon chômage^^)

Hum, oui bon ...

Simplement que pour créer des objets dans le cadre du site internet de lothi, je pense qu'Illustrator est plus adapté ! Évidemment qu'on ne peut pas cracher sur Photoshop quand on regarde les œuvres de Smirt

Je pense plutôt que illustrator est plus simple pour ceux qui n'ont pas le doigté de Smirtouille (et y en a une foule) ^^


Bon, je m'ennuyais, Prince of Persia sand of time est meilleur en jeu vidéo

Résultat ? Une pomme carnivore !

Avant :



Après :

Cadeaux :

avant :



après

lothindil a écrit:

Suite à un conseil de Smirt', j'ai retravaillé les volutes (et nettoyer les bords gris pour les deux derniers). Z'en pensez quoi ?

Ils sont vraiment chouette ! Et ils briiiiillent !!!

lothindil a écrit:

De la même manière que j'ai refait les cristaux, j'ai refait la bière magique ^^



Et les 2 lots en grands :

Je sais pas ce qu'elle va donner en 48 px... mais en grand elle donnera superbe (manque encore l'orbe)




En 48 px

Nouveau monstre (pas un refait pour une fois, un vrai nouveau), dérivé du Sahuagin de FF XIII (très très dérivé là).

Suis pas certaine de mes ombres par contre... Surtout celles de la queue.

Grande taille :


En taille "jeu" :



En taille "carte" :

Il est joli comme tout ce monstre marin. Surtout en grande taille.

Bon sang ce que tu gères la fougère. o_o Ça rend superbement bien. C'est du pixel art ou du vecto ?

Vecto ^^ suis tombée amoureuse d'Illustrator ^^ (quelqu'un me croit si je dis qu'une semaine sans pouvoir dessiner, ça me manque déjà ?)

Comme mon job du jour, ça va être du design pour l'essentiel ^^ (un forum à designer ainsi que le site qui ira avec) :

Première idée de bannière pour Yuimen-Aventure :




Pour la version définitive, il y aura de l'animation :
Le perso à gauche passera de celui actuel à une aniathy, un elfe gris et un monstre (possiblement mon dernier poisson)
Les deux persos à droite passeront par les 4 classes.




Première version du design de Jeux-lothi.com (qui pour l'instant arrive sur mon tumblr) :





La charte couleur restera sans doute celle-là, les polices pour les titres et les liens aussi. J'ai tenté d'ajouté une touche féminine (c'est rare des femmes qui programment, autant le revendiquer), sans pour autant tomber dans le rose bonbon/petit poney

Suite à différents commentaires sur un autre forum, j'ai adapté le design du site ^^





Et au passage, j'ai fait et intégré le design sur le forum qui va avec le site ^^

Personnellement je suis assez peu fan.
Le fait que les côtés nous soient coupés n'aide pas, j'imagine, mais je trouve que malgré les grands espaces, on est enfermé. Ca ne respire pas. Peut-être que ca manque de sobriété à mon gout. (trop d'éléments visuels éparses qui font qu'on ne sait plus trop quoi faire).

Je pense qu'un élément qui y ferait beaucoup, c'est de changer la typo générique des textes (un truc plus aéré fera du bien), et d'aérer + homogénéiser tes marges. Des marges pas homogènes, ca ne rend jamais bien ^^' (par exemple, il y a plus d'espace entre un titre et son texte qu'entre un titre et son cadre.)

Aussi, le fait de mettre "continuer la lecture" de cette couleur et les titres d'une couleur similaire aux textes donne plus d'importance au "continuer" qu'au titre. Je ne sais pas si c'est voulu. Mais je mettrais tous les liens de la même couleur, je pense.
Surtout que ca fait moins sous-marin :p

Mais definitly, cette version est meilleure que la première.

Pour l'espace des textes (intra et inter-paragraphe), je fais ça sur le site web, jamais sur la maquette. J'ai une douce horreur de photoshop (et gimp encore pire) pour cette gestion-là.

Pour le choix de la typo des textes, là c'est juste de l'arial de base, me suis à vrai dire pas encore posée la question de ce que j'allais mettre.

Les marges seront fixés sur place, plus simple à faire que de me battre avec les repères de photoshop. (padding de 10 pixels pour les boîtes sans doute), là c'est du placement à la main au grosso-merdo ^^

Et tous les liens sont de la même couleur. Les titres ne seront pas des liens, ce qui explique qu'ils soient de la même teinte que le texte. (le principe général à ma connaissance étant de rester dans une série de teintes analogues pour le fond et les textes et une teinte complémentaire pour les liens, de manière à les différencier du reste.)

Et au passage, ça m'arrange que le continuer la lecture (qui deviendra sans doute "lire l'article"), soit plus visibles. Le but est un peu qu'ils cliquent dessus pour arriver sur mon tumblr ^^

Je trouve plus efficace de placer les marges un minimum correctement sur photoshop (peut être pas au pixel près pour les non maniaques), mais ca donne une impression bien plus vraie et proche de ce que tu retrouveras dans le rendu final. Et du peu d'expérience que j'ai en webdesign, je trouve que c'est le but premier de faire une maquette en amont.

Personnellement je préfère cliquer sur un titre que sur un "continuer la lecture" pour ... continuer la lecture.

Quand je dis changer de typo, ce n'est pas transformer de l'arial une typo hyper stylisée hein. Mais sur google webfonts tu trouveras plein de typos propres et plus agréable qu'Arial, je trouve.

Je pensais déjà plutôt à du verdana à la base qu'à du arial ^^ voir du times d'ailleurs (qui reste ma police de base partout perso^^)

Pour la maquette, elle me sert perso plutôt à régler les couleurs et les contrastes et à voir où je vais placer les éléments les uns par rapport aux autres. (particulièrement vrai pour des maquettes plus complexes comme celles de Yuimen-Aventure d'ailleurs).


Ah... donc faudrait que je mette un lien aussi sur le titre... Bah dans ce cas-là, le titre va prendre une jolie couleur jaune/beige comme tous les autres liens. (je clique jamais sur les titres, sauf dans un forum ^^)