Date de création :
Lun. 01 janvier 2007
Dernière mise à jour :
Dim. 03 août 2008
Statistiques :
403 articles
1468 commentaires
Hier soir, petite soirée parlotte avec un ami, kréma, et un de ses amis, graphiste aussi. Kréma et le graphiste sont tous deux actuellement en formation photoshop/dreamweaver/flash pour apprendre le webdesign et la réalisation d’un site web.
Kréma : tiens Mister, je vais te montrer ce que j’ai fait pour l’instant
Moi : ok montre-moi, je vais pouvoir te dire ce que j’en pense
Kréma : voilà, un site pour une école maternelle, avec son menu, son contenu et tout
Moi : bah c’est mignon comme tout. J’aime bien l’ambiance mais il y a un problème : tu as plusieurs styles graphiques différents sur ta page, ça ne fonctionne pas vraiment.
Le graphiste : moi j’aime bien, on sent là une connotation à l’abnégation fraternelle des parents et de l’enfant, on sent également le rôle prépondérant d’une autorité instructive qui entoure la formation et l’éveil du jeune enfant en soif d’apprentissage par le divertissement
Kréma et moi : ?!
Moi : tu as également fait une erreur dans la mise en page de ta navigation : pourquoi le plan d’accès et le lien de la page contact est en bas de page : c’est le plus important. A travers le site, de jeunes parents doivent trouver l’école rapidement et les contacter. Il vaudrait mieux les mettre en haut, avec 2 beaux pictos.
Le graphiste : non je suis pas d’accord, cela démontre une logique de démarche de recherche de ces jeunes parents qui souhaitent placer leur bambin en sillonnant le site de haut en bas pour finalement tomber sur cette finalité très romanesque, à la cubrik, portant sur un sens moral à la perception du métabolisme du site et blabla bla blabla-bla...
Kréma et moi : ??!?
Kréma : euh… j’comprends rien !
Moi : ...
J’ai appris par la suite qu’il était artiste peintre, et non graphiste :D
Ca y est, après une longue lutte interminable avec notre hébergeur, nous venons depuis une petit quinzaine de jours de récupérer le nom de domaine. Du coup, petite, voir même grosse refonte pour notre site associatif sur vannes.
A savoir une galerie photo gérée avec lightbox, un forum tout neuf qui fonctionne a peu près bien pour un lancement, des tournois, etc.
Je vous laisse y faire un tour et laisser votre critique sur le blog
Le site : Poker Vannes
Quel bonheur de pouvoir partager son expérience, ses connaissances, ses opinions ! Et pourquoi pas partager sa créativité ? La créativité est un aspect du caractère qui demande sans cesse d’être stimulé ou alimenté. Le meilleur moyen, quand on est en phase du manque d’inspiration, est sûrement d’aller se balader devant des boutiques, feuilleter un magazine, ou encore regarder la télévision : ces activités demandent une concentration du regard et une analyse importante. Le cerveau est donc stimulé. La créativité est donc le résultat de ses analyses par le regard : les courbes, les formes, les couleurs, tout demande à analyse et à diagnostic, mais une autre forme de créativité est la créativité communautaire. Par la simple parole et l’échange entre différentes personnes, la créativité et l’imagination s’emballent ! C’est pourquoi l’un des meilleurs moyens pour retrouver l’inspiration est de parler, que ce soit avec votre boulanger s’il a quelques minutes ou bien un ami. Parlez leur de votre problème d’inspiration sur ce projet difficile, ou abordez un sujet qui s’en rapproche, les mots, le champ lexical utilisé par vous et votre interlocuteur permettrons sûrement de voir les choses sous un autre angle.
Prenons un exemple : vous devez faire une maquette pour un magazine et trouvez un slogan accrocheur. La société qui est à l’affiche est une marque de béton. Le béton représente la solidité, la bâtisse d’une maison. En parlant avec votre voisin sur les travaux qui se passent en face de chez vous, amenez-le à parler du béton, ou de la construction. Très vite, vous allez voir qu’il ne parle pas de la même manière que vous sur cette matière : pour lui, le béton représente simplement l’élément indispensable pour tous travaux de construction ou de rénovation. Vous n’y aviez peut être pas pensé vous-même, tellement rentré dans le sujet et dans les visuels de la marque, ou encore simplement bloqué sur l’ancienne baseline ! Grâce à cette petite discussion, vous trouvez finalement le slogan « le béton, l’indispensable » afin de soulignez la grande promotion de la marque qui vous a contactée pour cette publicité.
L’exemple est peut-être simpliste sur les bords, mais d’expérience ses discussions avec plusieurs personnes aide à la créativité. Vous, vous avez en tant que graphiste (freelance) un regard particulier sur les choses, sur la communication et les couleurs, mais peut être pas vos voisins. Pensez à restez proche du monde extérieur à votre bureau
Voilà pas plus tard que ce matin qu’une marque de vêtements me contacte pour travailler avec moi. Et ce n’est pas la première fois que des marques me contactent !!
La plupart du temps, ces marques vous propose de travailler gratuitement, ou alors sous forme de partenariat : vous travaillez pour eux, et en échange ils vous habillent avec la collection préparée, ou encore en vous affichant comme partenaire sur leurs sites/affiches/etc. ! Vous vous dîtes que c’est royal peut être de pouvoir travailler dans ces conditions, dans l’espoir qu’un jour Nike ou encore LaCoste vous contacte dans les même conditions. La réalité est en générale plus triste que cela.
Tous les jours on voit apparaître sur le marché de nouvelles marques de vêtements, avec de petites collections et de petites productions, qui, certes motivées, auront certainement du mal à décoller : L’industrie du vêtement est d’une folie que seuls quelque-uns arrivent à s’en sortir, et avec de la chance. Bien souvent également, ces marques n’ont pas la qualité qu’elle devrait avoir, privilégiant dans un premier temps la communication de masse à faible coût. Voir pire encore pour vous, le style de la marque est très loin de votre style personnel, donc autant dire que cela ne sert à rien.
Les marques, pour vous séduire, vous vont contacter avec des références intéressantes : un grand sportif est l’emblème de la marque, ou encore les contacts de la marque sont des grands-comptes...
Ces offres sont très intéressantes, surtout quand vous vous lancez, puisque cela vous permet de réaliser un book intéressant avec de vrais produits, elles vous ramèneront sûrement quelques clients par la suite, et vous gagnez au change avec des vêtements, des accessoires de mode, etc. Mais une fois lancé depuis un moment, vous allez voir que ce qui vous importe avant tout ce sont les pépètes : vous avez un loyer, des charges, un local commercial, et que vous arriviez le matin à votre bureau avec ces vêtements ou pas, ce ne sont pas eux qui payeront vos charges.
En suivant les conseils de Mathieu Armilhon, mon mentor dans la profession et qui est celui qui m’a apporté le plus en gestion du temps et en connaissances sur le métier, je n’ai pour le moment jamais accepté de travailler comme ceci, surtout contre des vêtements, pour la simple et bonne raison c’est qu’à la fin de l’année j’ai des impôts et des charges à payer et que ce travail ne m’apporte rien, voir même pire, me fait perdre quelques demi-journée qui pourraient, elles, servir à payer ce que l’état vous vole !
Non ? :)
Aujourd'hui petite astuce pour faire un petit icône pour les pages Internet (vous savez, l'icône que l'on retrouve dans nos favoris à coté du nom des sites Internet...)
Tout d'abord, il faut savoir que Photoshop, de base, n'enregistre pas de fichiers au format ico (fichiers icônes). C'est pourquoi il faut un logiciel externe, ou alors ce magnifique petit plugin, gratuit qui plus est, téléchargeable directement ici (trouvé sur le site de télégraphics)
Ensuite, prenez le fichier .8bi et placez le dans :
\Adobe Photoshop CS\Modules externes\Conversion\
Lancez Photoshop et ouvrez un fichier 16x16 (taille des icônes pour Internet)
Note : Les icônes, grâce aux technologies actuelles, vont de 16x16 à 256*256, permettant alors dans les i'dock de s'agrandir sans perte de qualité !
Après avoir réalisé le montage souhaité, il suffit de faire Fichier, enregistrer sous... et de choisir en extension Format ICO.
Pour inclure ensuite sur votre site le petit plus qui changera tout, il faut copier la ligne suivante en changeant favicon.ico par le nom de votre fichier
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
Note : votre icône doit se trouver à la racine de votre site pour que cela marche.
Ou sinon, il y a favicon.fr qui vous permettra peut être de trouver chaussure à votre pied, ou favicon à votre site.
Pouet !
En tant que WebDesigner, il est interessant de se poser la question de la largeur d’une charte destinée à l’Internet.
Lorsque l’on crée une charte graphique, le réflexe est d’ouvrir photoshop et de faire Ctrl+N (ou Fichier, nouveau...) pour partir en pleine créa pour notre client préféré (celui qui vient juste de déposer l’acompte ce matin avec le devis signé). Là le réglage de la résolution est simple : 72 DPI, c’est la résolution des écrans (note : 150 pour un tirage numérique, 300 pour l’impression, 600 pour les giga-mega-titanesques formats) ! Mais en largeur de charte, la question se pose.
Vous avez sûrement, comme tout bon geek, un écran 16/10ème qui gèrent des résolutions de frallés. Pour ma part, je suis sur un Bi-écran qui me procure une résolution de 3360x1050 quand même. Mais il faut le reconnaître, nous sommes que très peu à succomber à ces écrans gigantesques ! Alors comment choisir ?
Pour faire simple, depuis des années on a passé largement la résolution des 800x600, et tous les ordinateurs sont maintenant sous XP, donc la résolution minimum ! Pour ne pas risquer de s’attirer des problèmes, le plus simple est de faire une charte ne dépassant pas les 780 pixels de large (800-20 pour la scrollbar). Mais les ordinateurs évoluent, les écrans aussi, et maintenant la résolution dite standard est de 1024x768 !
Sauf mes parents qui restent scotchés au 800 pixels de large d’un écran pour être sur de ne pas loupé un message d’erreur (je ne cherche plus à leur inculquer les bonnes manières, trop tard huhu), la quasi-totalité des personnes, même d’un certain age, sont passés au 1024x768, comme le prouve une étude sur le site Fiftyz, disponible ici.
Sachant que de toute façon les fournisseurs d’accès à Internet ont des sites de 100 de largeurs, ceux qui s’obstinent à rester dans un bon gros format d’icônes sur le bureau savent naviguer avec une scrollbar horizontale.
Donc pour toute création graphique, il est maintenant recommander de partir sur un fichier de 1000 pixels de largeur max.
Enjoy !
Un jeune graphique du nom de Nicolas est venu me voir sur MSN hier pour me demander la différence entre une image vectorielle et une image bitmap. Je me devais donc, par mon code de l’honneur au graphisme, de vous le présenter ici.
Le bitmap est comme son nom l’indique un mappage par bit. Autrement dit, la création d’une carte avec des points. Une image bitmap est un BMP (fichier non compressé) ou un GIF (256 couleurs) ou un JPEG (compression par zones de couleurs). Il existe aussi le PNG, nouveau format, qui est un JPG gérant en même temps la transparence. Une image Bitmap est donc un fichier correspondant à une suite de cases de couleurs différentes. Par exemple, pour un pointillé, on pourrait avoir 2 cases blanches, suivis de 3 cases noires, etc, etc. Le bitmap prends donc en compte des cases, autrement appelés Pixels. C’est l’unité de mesure en graphisme virtuel (résolution d’écrans, ou taille du capteur d’un appareil photo/vidéo numérique). Une image possède donc 3 paramètres importants : la largeur, la hauteur, et la compression (bmp, gif, jpg, png). Quand vous prenez une photo par exemple, vous prenez une image bitmap, en général compressé en jpg pour la plupart des appareils grand-public.
Le vectoriel, lui, est un format plus particulier : au lieu de prendre en compte pixels après pixels, il ne garde en mémoire (dans le fichier vectoriel) que des éléments mathématiques. Je m’explique : Le vectoriel est un fichier de formes, ce qui veut dire qu’il considère que les dessins vectoriels sont des éléments comportant des points de tangentes. Un rectangle sera enregistrer que par le rapport des distances et la couleur. C’est pourquoi il sera facile de réaliser une affiche de 2m de longs avec un petit fichier s’il est en vectoriel. Pour un rectangle, l’exemple est simple, mais une écriture par exemple est beaucoup plus compliquée : on se retrouve avec une suite de points formant des courbes qui donnent au final une lettre. Une écriture (times new roman par exemple) est un fichier vectoriel, c’est pourquoi on retrouve la même qualité de trait si on écrit en 12pt ou en 72pt (essayez sur Word par exemple) alors qu’une image bitmap sera pixelisée si on l’augmente et aura cette impression de baver...
Le vectoriel s’enregistre lui en plusieurs formats, les plus standards étant le AI (illustrator), EPS (fichier pour imprimeurs) et le PDF.
Ces 2 formats possèdent une façon de travailler et une utilisation : on préferera largement travailler un logo en vectoriel car il pourra être utilisé aussi bien sur une carte de visite (très petit format) que sur une affiche 4 par 3. Pour une utilisation uniquement WEB, il est alors conseillé de ne travailler qu’avec des formats bitmap car le vectoriel n’est pas pris en compte par les navigateurs (en dehors de l’écriture et d’éléments flash)
Vous savez tout. Ai-je été suffisamment clair ?
ColorBlender est LE petit site qui aide vraiment le graphiste (freelance) dans son travail de tous les jours. En partant d’une couleur, ce site nous propose un petit panel de couleurs qui fonctionne ! Utile donc pour gérer sa palette sous Photoshop donc avec directement l’aperçu des couleurs, le code rvb et hexadécimal. Plus facile de démarrer ses maquettes avec des couleurs qui fonctionnent entre-elles, car combien de fois nous nous sommes retrouvé devant une ébauche de maquette en étant bloqué à cause d’un choix de couleur mal pensé au départ...
Pour l’utiliser c’est très facile, vous sélectionnez une première couleur grâce aux réglettes en RVB pour choisir la couleur principale d’un logo par exemple, vous pouvez ajuster rapidement votre couleur à l’aide des variations proposées sur le coté, et vous voyez directement au dessus le résultat de 5 autres couleurs ! Pratique !!
© MISTERDANILO.COM - Blog d'un Graphiste Frelance | Tous droits réservés| Mentions Légales
Blog de MissDanilo | Graphiste freelance | Le Webdesigner | Graphiste freelance
2 Square de Mazarine | 56000 VANNES | 06 21 69 62 50 | Contactez-moi
