demande graphique par Sylph

Demandes de réalisation d'images déterminées avec Gimp.

Modérateur : Ze Techos

sylph
Jeune loup
Messages : 11
Inscription : jeu. sept. 03, 2009 9:39 am

demande graphique par Sylph

Message par sylph » jeu. sept. 03, 2009 10:02 am

type de l'image : je sais pas ce que c'est ;
- taille de l'image exprimée en pixels : banniere 750.200 , coisissez pour le reste
- format de l'image : je crois qu'il faut jpg
- couleur dominante, thème ; One piece (theme ) couleur noire , gris , bleu fonçé
- éléments graphiques devant y figurer : le CP9 , equipage de Luffy
- destination : theme de mon nouveau forum .

C'est un forum RPG one piece...

Si ce n'et pas realisable désolée mais je pense qe cela put l'être...

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » jeu. sept. 03, 2009 11:05 am

Bonjour.

Ça nous prend l'URL du forum où ira le thème, ainsi que le type de forum. Car on ne fait pas un thème forumactif de la même manière qu'un thème pour un phpBB classique par exemple. Les manières de faire sont différentes d'une plate-forme à l'autre.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

sylph
Jeune loup
Messages : 11
Inscription : jeu. sept. 03, 2009 9:39 am

Message par sylph » jeu. sept. 03, 2009 1:53 pm

désolé l'adresse est :

http://onepiecerpg-negatif.forumactif.com/index.htm

merci si vous pouvez m'aidez :l0l:

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » ven. sept. 04, 2009 8:11 pm

OK, je vois, c'est un forumactif version phpBB2, et je vois que niveau ergonomie et esthétique, il y a du chemin à faire (énorme logo, barre de navig brisée, gros icones, fonds de catégorie avec raccords apparents), car en ce moment, la page d'accueil est très lourde avec plus de 677 Ko

Est-ce que tu gardes la même version ou tu changes de version pour une autre (phpBB3, PunBB, Invision) ?

Ensuite, pour la bannière, je trouve que 200px de haut, c'est encore gros. Idéalement, la hauteur de la bannière ne doit pas dépasser le tiers de l'écran, en tenant compte d'une résolution de 1024*768 qui est utilisée par plus de 30% des internautes.

Ensuite, as-tu des images à nous montrer pour qu'on puisse les utiliser (bien que pour ce type de thème, on ne peut pas espérer trouver des images explicitement libres) ?
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

sylph
Jeune loup
Messages : 11
Inscription : jeu. sept. 03, 2009 9:39 am

Message par sylph » sam. sept. 05, 2009 12:30 pm

Ben en faite je n'ai pas d'image pour t'aider ...
Je crois que je viens de te posez une colle :?
Sinon je voudrais gardez la même version ...

Si tu as besoin d'un quelquonque renseignement je passe ici chaque jour
Merci si tu peux m'aider ^^

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » dim. sept. 06, 2009 1:54 am

Ok, je me débrouillerai pour les images, puisque j'ai lu les premiers tomes de One Piece (je ne me souviens plus jusqu'à quel numéro), et je ne sais pas si mon frère en a eu d'autres par après.

Je commencerai d'abord par les couleurs puisque pour moi, le reste vient mieux quand on commence par ça.

Et ça adonne bien, puisque j'ai deux forums de tests et donc, même si j'en ai un d'occupé pour les adaptations de mes thèmes de la version BB2 vers BB3, l'autre forum est libre.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » dim. sept. 06, 2009 5:21 am

Voilà, j'ai fait un premier jet des couleurs, que tu peux voir ici : http://testbatmat86.forumactif.com

Cette fois-ci, j'ai suivi les conseils de Flamme en faisant attention à ce que les contrastes texte/fond ne soient pas trop violents tout en m'assurant que ce soit assez lisible.
Aussi, pour apporter de l'équilibre, j'ai laissé quelques touches d'orange en accent sur les en-tête et dans la couleur de survol des liens, pour aller avec le bleu.

Pour le moment, je n'ai pas fait le fond des titres et des catégories, mais pour des raisons esthétiques, j'irais avec des simples dégradés, car premièrement, avec ce type d'image, les raccords ne sont pas visibles, ce qui fait que tu peux utiliser de toutes petites images, et ensuite, il ne faut pas oublier que dans les en-têtes des tableaux, l'image recommence au début dès qu'on est dans une nouvelle cellule, ce qui fait que si on met une texture qui est changeante de gauche à droite, ça ne donne pas une impression agréable.
Mais je peux toujours ajouter une décoration sur ces dégradés, mais après, je devrai jouer avec le CSS pour éviter les problèmes d'esthétique, et ce type d'image va mieux avec un thème à largeur fixe.

Pour le fond de page également, je tend à préférer soit un dégradé qui part du haut vers le bas et qui ne se répète qu'horizontalement, soit un motif très discret et raccordable.

Ensuite, je commence déjà à avoir des idées pour les icones. Pour les dossiers, je pense au logo du drapeau pirate qu'arbore Luffy sur le mât de son bateau. Cela reste dans le thème, tout en évitant les fioritures. Je n'aurai ensuite qu'à faire varier la coloration
Et si jamais, j'ai du mal avec le découpage (si tu préfères qu'il soit découpé), ce logo n'est pas trop difficile à redessiner en vectoriel sous Inkscape.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

sylph
Jeune loup
Messages : 11
Inscription : jeu. sept. 03, 2009 9:39 am

Message par sylph » dim. sept. 06, 2009 7:25 am

D'accord je n'ai pas compris grand chose mais je pense que je peut te faire confiance ^^
De tout façon je verrai bien le resultat , je pense que sa va allait ^^
Merci encore :)

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » dim. sept. 06, 2009 9:25 am

Pour t'aider...
- raccord : Endroit où l'image se répète. Lorsqu'un motif est mal conçu, on voit une ligne de séparation visible. C'est ce qu'on appelle un "raccord".
- Raccordable : C'est le fait qu'une image puisse se répéter, dans un sens ou deux sens, sans voir de ligne de démarcation entre les répétitions.
- Fond des titres et fond des catégories : Ce sont les entêtes des tableaux sur le forum.
- Dossiers : Icônes "Nouveau messages", "Pas de nouveaux messages", "Forum verrouillé"
- Équilibre : Balance entre les couleurs utilisées dans un design, pour éviter une impression désagréable au visiteur qui peut découler d'un design trop triste ou trop agressif.
- Accent : Petites touches de couleur assez soutenues, souvent utilisé pour équilibrer un design.
- CSS : C'est du code qui sert à gérer la présentation des pages Web modernes.
- Vectoriel : C'est du graphisme basé sur des formules mathématiques putôt que sur une carte de pixels caractéristique aux images bitmap. Je te donne le lien de l'article que Flamme avait écrit à ce sujet sur son blog. Illustrator (payant et proprio) et Inkscape (gratuit et libre) sont spécialisé dans ce type de création et sont un complément aux logiciels de création bitmap (Photoshop, Gimp).
- cellule : La version de Forumactif que tu utilises, a une structure en tableaux, donc c'est tout à fait naturel que je parle de cellules pour parler des divisions de l'entête du tableau contenant la liste des forums.
- Esthétique : C'est tout simplement l'art du beau. Par expérience, j'ai appris qu'il y a certaines règles à respecter pour qu'un design soit beau et soigné dans son ensemble. Il n'est pas rare que je donne des liens vers des designs affreux comme celui-ci (où le design est volontairement affreux) pour montrer les erreurs à ne pas faire lorsque je conseille un débutant en design.
- fioritures : Éléments décoratifs qui surcharge un ensemble. Un design sobre aura peu ou pas de fioritures. Comme fioritures en webdesign, on va souvent parler des GIFs animés, du Flash, des Javascripts et des textures notamment.

J'espère que ça aura pas mal éclairci tout ça pour toi ;)

Sur ce, je file au lit et je commencerai à faire les images en journée si j'ai le temps, il est déjà passé 4h du matin chez nous.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

sylph
Jeune loup
Messages : 11
Inscription : jeu. sept. 03, 2009 9:39 am

Message par sylph » dim. sept. 06, 2009 11:53 am

Ok mici sa m'aide beaucoup parce que les seuls definitions que je connaissait dans le tas c'etait esthetique et CSS :D
Merci beaucoup et oui c'est vrai que l'image mal faite est vraiment horrible :shock:

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » lun. sept. 07, 2009 6:40 am

Je viens de finir les folders de l'index ^^
http://testbatmat86.forumactif.com

Finalement, j'y suis allée avec le découpage.
Et comme c'est en PNG24 avec transparence, si tu veux rendre le forum cmpatible IE6 (bien qu'on commence à voir des gros sites comme Youtube et Digg arrêter le support d'IE6), j'ai en réserve un script dont je peux te donner le code pour le lier à ton forum et qui est parfait pour la version phpBB2. Il est hébergé à distance et je l'utilise depuis des années.

Pour les gimpeurs curieux : J'ai pris la baguette magique, en réglant la tolérance à 100, puis j'ai sélectionné les différentes parties du logo pirate. Une fois faite, j'ai agrandi la sélection de 2 pixels, puis l'ai adouci de 5 pixels (pour que les bords ne pixellisent pas) avant d'appliquer un masque de calque (je préfère procéder ainsi plutôt que d'effacer directement, ça me permet d'ajuster le découpage). Puis j'ai sauvegardé une copie en .xcf du découpage pour ensuite faire mes dossiers en redimensionnant à 60*60 et en utilisant deux calques colorés (un noir et un orange foncé) en mode Fusion de grain, et une image de cadenas prise sur Open Clipart Library.

EDIT à 2:04 : Icône "qui est en ligne" fait !

EDIT à 2:33 : Fonds terminés, avec un peu de CSS pour le fond de page !

EDIT à 3:26 : Je viens de trouver ceci pour le nom du manga dans la bannière, ce qui fait que je n'aurai pas besoin de découper. Par contre pour ce qui est d'ajouter du texte, il ne sera pas possible de l'avoir dans la police de One Piece, je n'en ai pas trouvé. Sinon, je pourrais y aller avec une police "style manga" comme Anima Ace
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

sylph
Jeune loup
Messages : 11
Inscription : jeu. sept. 03, 2009 9:39 am

Message par sylph » lun. sept. 07, 2009 5:02 pm

Pour la police qui s'appelle Anima Ace je suis d'accord par contre sur le theme test , je trouve cela un peu trop "sobre" je voudrais que l'on puis vraiment voir sur le premier coup que le forum parle d'One piece ^^
je suis toujours génées de demandé :oops: j'ai l'impression d'e demandé trop , si ce n'est pas possible désolé . Sa me suffira sinon !!! ;)

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » mar. sept. 08, 2009 12:03 am

sylph a écrit :Pour la police qui s'appelle Anima Ace je suis d'accord par contre sur le theme test , je trouve cela un peu trop "sobre" je voudrais que l'on puis vraiment voir sur le premier coup que le forum parle d'One piece ^^
je suis toujours génées de demandé :oops: j'ai l'impression d'e demandé trop , si ce n'est pas possible désolé . Sa me suffira sinon !!! ;)
Mettons que je suis habituée à faire des thèmes sobres, comme tu peux le voir dans mon portfolio, mais aussi, j'ai fait peu de thèmes "thématiques", mise à part le thème St-Valentin (FA et BB2), le thème Noël (BB2) et le thème Ubuntu (BB3).
Aussi, il y a le fait que je suis archi-nulle en techniques de signatures (smude, c4d, brush, incrustation), donc je me sens plus dans mon élément quand c'est sobre putôt que rempli d'effets.

Mais pour la bannière, je comptais de toutes façons inclure des images de l'équipage en plus du logo. En gros, je me base un peu sur l'exemple du thème Naruto Shippuuden pour phpBB3 où, comme tu vois, il y a un certain équilibre entre la sobriété et le feeling qu'on est sur un forum Naruto.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

sylph
Jeune loup
Messages : 11
Inscription : jeu. sept. 03, 2009 9:39 am

Message par sylph » mar. sept. 08, 2009 4:49 pm

Je trouve cela prait par contre je voudrais que le theme soit plus sombre ^^
et le seul truc que j'aimerais modifier son peut être le pack des messages "no mess , new mess ,lock mess" en un peu plus grand ainsi que le fond pour qu'on puisse voir en fond une mer bleue fonçé en dessin manga (quoique sa , peut être juste un fond noir sinon)
Si tu as la possibilités deme faire sa sa sera genial comme sa on peut dire tu est parés a toutes éventualité si on te demande un fofo pas trop sobres ^^ comme a je pene que l'on pourrait equilibré le sobre et "remarquable"

Si tu ne croit pas cela possible c'est pas grave ^^ je garderais sa simplement ^^ :oops: :oops: :oops:

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » mar. sept. 08, 2009 10:30 pm

sylph a écrit :Je trouve cela prait par contre je voudrais que le theme soit plus sombre ^^
et le seul truc que j'aimerais modifier son peut être le pack des messages "no mess , new mess ,lock mess" en un peu plus grand ainsi que le fond pour qu'on puisse voir en fond une mer bleue fonçé en dessin manga (quoique sa , peut être juste un fond noir sinon)
Pour l'assombrissement, pas de problème.
Pour la taille des icones, je suis déjà à la limite de ce que je considère comme acceptable avec 60*60 et je n'aime pas quand c'est trop gros, ça allonge et alourdit inutilement la page en plus de gruger de l'espace pour les autres cellules de chaque rangée. (flamme, pourrais-tu venir ici ??)
Ensuite, pour le fond de mer, je ne sais pas si ce sera faisable en prenant compte des différentes résolutions (les résolutions les plus utilisées actuellement sont 1024*768, 1280*1024 et 1280*800, qui composent plus de la moitié des internautes)
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

sylph
Jeune loup
Messages : 11
Inscription : jeu. sept. 03, 2009 9:39 am

Message par sylph » sam. sept. 12, 2009 4:42 pm

merci pour l'assombrissement ^^
question icônes des messages , sa me gène pas trop mais je voudrais pas sa trop petit ...
mais je te fait confiance :l0l:

tu peux me dire la date quand sa sera pret ?

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » sam. sept. 12, 2009 5:02 pm

Euh... j'attendais que Flamme passe ici, car j'ai envoyé un mp à elle, parce que là, pour ce qui est de la grosseur des icones, je suis en plein doute et je voudrais son avis avant de continuer. Pour info, j'ai des problèmes d'anxiété et donc, dès qu'un doute s'installe, c'est la cata.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

sylph
Jeune loup
Messages : 11
Inscription : jeu. sept. 03, 2009 9:39 am

Message par sylph » sam. sept. 12, 2009 8:48 pm

Ok previens moi dec que possibles ... :P

sylph
Jeune loup
Messages : 11
Inscription : jeu. sept. 03, 2009 9:39 am

Message par sylph » dim. sept. 20, 2009 2:34 pm

ANNULATION DE LA DEMANDE

PascalL
Maître pisteur
Messages : 1644
Inscription : ven. mai 07, 2004 7:53 am
Localisation : Suisse romande
Contact :

Message par PascalL » dim. sept. 20, 2009 2:42 pm

Des explications?
ça serait sympa vu le travail qui a déjà été fait par Ishimaru !
Animateur GA
Je traîne avec les mauvaises gens, mais ce sont les seuls amis encore debout après la fermeture du dernier bal.

Répondre