Design sur mesure pour un blog de musique en mode ghetto blaster

Voilà, une customisation de blog blogger de plus à mon arc. Cette fois ci ,ce fut pour le blog de musique de Sparklinblonde : Partageuse de Musique. Contrairement aux deux premiers, la cliente a superviser l'ensemble du processus de création du graphisme qui est donc au plus près de ses attentes, c'est à dire violet, léopard, arc en ciel et Boom Box. Rien de plus, rien de moins. Je dois avouer que ce n'était pas simple de penser que tout cela pourrait rendre aussi bien sans polluer visuellement le contenu éditorial du blog. Encore une fois, merci photoshop. J'ai pu m'attaquer à une nouvelle structure d'écriture en css et html et améliorer certains aspect que je n'avais pas traité sur les deux travaux précédents (ici et là) : à savoir, un titre cliquable pour revenir à l'accueil, et la disparition de la barre horizontale de défilement sur la résolution visée : 1280px. Deux problèmes persistent néanmoins, la possibilité d'obtenir un affichage 100% pour toutes les résolutions, tout en gardant les éléments graphiques alignés et le centrage lors de l'utilisation de la fonction ctrl+scroll, à laquelle je tiens beaucoup. Toutes les combinaisons de 100%, float, position... n'y ont rien changé. Deuxième problème et pas des moindres, la compatibilité avec internet explorer (même en version 8) qui refuse de m'afficher une image png 24 en repeat y, celle du corps du contenu. IE8 autorise l'affichage des autres png24 mais pas celle là, et tout les autres navigateurs (du moins les principaux (firefox, opera, chrome, safari) ne posent aucun problème. C'est donc un grand coup de gueule que je pousse ici contre explorer, et je suis loin d'être le seul. Voilà, le prochain travail du type que je réaliserais et qui ne se fera pas de si tôt, réglera tout ces problèmes et bien plus. Alors je vous laisse profiter de cet excellent blog de musique intitulé partageuse de musique et rédigé par Sparklinblonde, et si vous avez des suggestions, sur l'affichage et les problèmes rencontrés, n'hésitez pas.

Oxfam trailwalker : Une course de 100km pour lutter contre les changements climatiques

Suite à la démonstration de mes talents de graphistes (hum hum) sur mon propre blog. J'ai été sollicité il y a 10 jours de cela pour la webmasterisation d'un blog caritatif, et même plus puisque je devais faire le design, l'implémenter puis gérer le référencement. Trois étapes donc, dont j'ai déjà accomplis les deux premières, ce qui ne m'a pris que quelques jours au lieu des trois mois nécessaires pour mon premier design (ça commence à rentrer).
Cet article a deux objets vous l'aurez compris, vous faire part de ma réalisation (voir plus haut) et faire un peu de publicité pour cette démarche qui consiste à marcher 100km dans les montagnes hong-kongaise. Le but : récolter des fonds au titre de Oxfam pour lutter contre les changements climatiques et la pauvreté.
100km oui, mais d'une traite évidemment, car il s'agit d'un ultratrail, marcher ou courir, à vous de choisir. Les 4 protagonistes de l'aventure se sont donc lancées dans ce défi presque surhumain et ont choisit la marche à réaliser dans un délai de 35h, ce qui est déjà un exploit en soit. Il faut aussi préciser que se sont des randonneuses amatrices, et que ce genre de parcours est digne des plus grands professionnels du running.
Un grand encouragement donc à ces marcheuses au bon cœur qui s'apprêtent à tenter l'impossible, le but ultime étant de récolter 10000HKD, soit 1000 euros. Alors à vos portefeuilles ou dans une moindre mesure vos tweets vos diggs et vos bookmarks.

Aller voir ce blog

Hong Kong, la photo du jour : Graphisme urbain

Cette photo, bien qu'il y en ait eu des meilleurs en ce jour, méritait que je m'arrête dessus, car j'ai été complètement surpris par la créativité de mon appareil photo qui m'a paru prendre vie au moment de la révélation numérique du cliché sur l'écran LCD arrière. En effet la couche rouge dégradé sur la droite, n'est pas une retouche photoshop. C'est ce qui s'est passé quand j'ai testé la prise de vue avec le flash. Je me suis demandé si ce n'étais pas les phares arrières d'un taxi qui passait, mais non, que neni. Bon voila la photo ci-dessous et pour comparaison, la photo sans flash.

Après réflexion, ce doit être l'infrarouge qui mesure la distance pour la mise au point automatique.

Origasmik change de peau, une seconde naissance

Voilà, la nouvelle version graphique vient de tomber, ce n'est pas du template blogger, c'est fait maison et pas sans mal. Quelques 100aines d'heures de travail. Il faut dire que quand j'ai ouvert mon blog, il y a 6 mois bientôt, je n'avais aucune idée de ce que voulait dire CSS et je ne m'étais jamais servis de photoshop. Il a fallu apprendre et j'ai bien pataugé. Bon ce n'est pas parfait, loin de là, il y a encore quelques petits défauts, mais je suis content de moi. Je vous en dirait plus plus tard sur la façon dont je m'y suis pris si jamais vous voulez essayer de customizer vous même votre blog.

Mes premiers pas sur Photoshop

Il était temps de m'y mettre, après moultes années d'errance photographique avec des outils basiques et de brefs détours sur Gimp et la suite Microsoft Expression Studio, j'ai enfin décidé de me plonger dans cette cultissime application qu'est Photoshop et de rejoindre la machine de guerre Adobe. Il faut savoir que la suite Expression possède ses propres outils équivalent de "Flash" et "Indesign" ("Blend" pour Silverlight), de Dreamweaver ("Web") et d'Illustrator ("Design"). Je l'ai trouvé beaucoup plus intuitive et rapide à prendre en main mais elle n'a pas d'équivalent pour Photoshop. Mes premiers dessins vectoriels ont été fait très facilement sous Microsoft Expression Design. Malheureusement (ce n'est peut être plus le cas aujourd'hui), la suite a eu du mal à s'imposer et était peu répandue. La version d'évaluation de 30 jours a touché à son terme et le logiciel était alors introuvable. Après avoir fait tourné la version d'évaluation sur 3 ordinateurs différents, je me suis résigné à rejoindre la masse des utilisateurs d'Adobe. Très rebutant au premier abord, quelques efforts plus tard et les possibilités à ma portée sont déjà nombreuses (avec suffisamment de patience, elles semblent infinies).

Il y a selon moi 4 choses à comprendre pour se servir correctement de Photoshop quand on débute comme c'est le cas pour moi :

• Connaître les propriétés d'une photographie ou d'une image : couleurs, niveaux, luminosité, contraste, formats..;
  
• Comprendre les outils et ce qu'ils peuvent faire : sélections, brosses, gomme…;
  
• Appréhender le principe des calques (layer), des masques (mask) et leurs propriétés;
  
• Avoir de la patience, être inspiré et créatif.
  

Je vous présente donc ma première retouche photo (avant/après) : ENJOY!!

Un petit travail sur le noir et blanc puis, pour l'effet couleur, il s'agit de doser l'utilisation de la gomme et de la baguette magique (j'avoue que pour cette photo, je n'ai utilisé que la gomme). Pour l'instant je ne suis pas très friand de l'outil de sélection rapide qui même en réglant la sensibilité, par en couille, je ne maitrise pas encore bien cet outil je pense, il faudrait utiliser à chaque fois qu'on déborde la propriété – mais je préfère pour l'instant fignoler à la main avec la gomme même si c'est long et fastidieux.

Mamie Vue Par Photoshop