CSS & Webdesign » Délire (ré)créatif

Envie de buzzer ? What else…

Bruno Bichet — Fri, 15 Apr 2011 14:08:23 +0000

Dans la série des délires (ré)créatifs où prennent place mes recherches graphiques, voici une piste pour un site auquel vous avez échappé : Envie de buzzer ! Comme vous allez le voir, vous n’échapperez pas au logo que je viens de retrouver dans un sous-dossier d’une sauvegarde que je croyais perdue à jamais. Envie de buzzer est un site que j’avais envisagé de lancer lors de la grande mode du buzz. Genre, si à 50 ans tu n’a pas lancé un site avec le terme «buzz» dedans, tu as un peu raté ta vie ^^

Un look des années «70» pour un site qui vous permet de buzzer quand vous voulez…

Envie de buzzer... What else?

Articles sur le même sujet

Nouvelle proposition de logo pour le HTML-FP

Bruno Bichet — Wed, 09 Dec 2009 07:37:29 +0000

J’ai présenté en novembre dernier deux versions d’un logo qui n’ont pas fait l’unanimité. Pour me rattraper, j’ai remis cent fois l’ouvrage sur le métier (oui, j’en rajoute un peu) pour sortir une troisième version et prendre en compte les remarques et les suggestions. J’ai travaillé vite (une petite heure) pour un résultat qui devrait être plus lisible tout en restant ludique et coloré. Cette proposition existe en deux parfums : une version brute d’Illustrator (vectorielle, lisse, etc.) et une version plus organique travaillée dans Photoshop à coup de filtres Textures et Grains.

Logo réalisé dans Illustrator CS3 à l'aide de la police de caractère ITC Avant Garde Gothic Bold pour son tracé géométrique. La graisse du caractère a été augmenté avec l'effet Tracé -> Décalage

Le même logo copié-collé dans Photoshop CS3 et trituré avec le filtre Texture -> Grain -> Type vertical qui permet une foultitude d'effets de vieillissements

Suite aux commentaires de Guillaume S. et krysttof, j'ai réduit le nombre de couleurs de la baseline pour améliorer la lisibilité d'ensemble.

Cette nouvelle version fait suite aux suggestions de MrThieu. Le texte est plus sobre et fait ressortir l'acronyme HTML, ce qui n'est pas plus mal.

J'ai réduit la graisse du texte et revu les approches de groupe.

Conclusion

Je me suis bien amusé à refaire ce logo de différentes manières. Pour ceux à qui cela aurait échappé, je tiens à préciser rapidement l’idée générale qui a guidé mes choix en matière de couleurs et de mouvements.

J’ai considéré le framework comme un jeu de construction de type Lego. Ce qui explique les couleurs vives et l’allure des lettres HTML qui semblent sortir comme un diable de sa boite, comme des marionnettes au bouts des doigts ou encore comme des jouets dépassant du coffre.

Enfin, ça reste certainement très subjectif et je suis sans doute le seul à voir tout ça ;)

Articles sur le même sujet

Quelques notes sur la conception de mon picto fétiche

Bruno Bichet — Thu, 03 Sep 2009 11:38:38 +0000

Après B, j’ai très vite changé d’orientation graphique pour ma communication personnelle pour un picto plus sobre. Il s’agit encore d’un travail réalisé à l’aide d’Illustrator. L’idée principale : réaliser une mascotte évoquant des petits cosmonautes pour explorer les vastes territoires graphiques qui m’étaient inconnus à l’époque (le fait que je me serve toujours de ce trio, montre bien que j’en découvre encore tous les jours). La contrainte : rester simple. Comme d’habitude vous trouverez quelques esquisses d’époque suivies de la version finale.

Un cahier et un crayon et hop !

Je prends généralement la première feuille de papier qui me tombe sous la main. J’ai un petit faible pour le cahier à carreaux de 5 mm de côté. J’utilise aussi le quadrillage scolaire, plus rarement la feuille blanche que je réserve à mon imprimante ; je dois être plus juriste que philosophe ;)

Après un long passage sous Illustrator

Noircir du papier c’est bien, mais il faut passer maintenant sous les fourches caudines d’Illustrator dont la rigueur apparente laisse place à une souplesse insoupçonnable si l’on ne prend pas le temps d’explorer le logiciel.

Pour arriver à ce résultat, je suis parti de tracés auxquels j’ai appliqué un contour épais en prenant soin d’arrondir les extrémités dans la palette Contour. Et voilà !

J’en ai profité pour tester différentes teintes en m’inspirant de l’excellent kuler d’Adobe.

Articles sur le même sujet

B — mon premier avatar IRL

Bruno Bichet — Sat, 29 Aug 2009 13:18:33 +0000

En fouillant dans mes archives pré-web (dans les années 1995) j’ai retrouvé mon premier logo personnel (ou avatar) créé avec Illustrator pour illustrer mes cartes de visites.

Mon avatar en noir et blanc…

L’idée de base : partir de la lettre B (initiale de mon prénom et de mon nom) et la transformer jusqu’à en faire un personnage sympathique. Le dessin de la lettre B provient de la fonte Akzidenz-Grotesk, une de mes polices de caractère préférée.

La contrainte : à part le B, utiliser uniquement des formes basiques comme le carré et les triangles par l’utilisation d’un filtre Pathfinder.

… pour illustrer mes cartes de visites en couleur

Voici mon petit avatar qui prend vie sur une carte de visite pour annoncer à l’époque que j’étais disponible et motivé pour mettre ma passion pour la création graphique au service des entreprises petites, moyennes ou grandes.

PS1 : Vala vala… Vous pouvez vous lâcher dans les commentaires, je l’ai bien cherché ^_^v

PS2 : Je recherche un organisme de formation sérieux et accessible (budget Pôle-Emploi ou Région oblige) sur Lyon pour approfondir PHP et éventuellement un framework PHP et/ou Drupal.

Articles sur le même sujet

The Dancers — petit délire (ré)créatif avec Illustrator et Photoshop

Bruno Bichet — Sat, 15 Aug 2009 21:45:33 +0000

En faisant le ménage dans des sauvegardes datant d’une bonne douzaines d’années, je suis tombé sur quelques tentatives d’essais créatifs avec Photoshop et Illustrator que je ne peux m’empêcher de partager avec vous. A cet occasion, je viens de créer la catégorie Création graphique où je me permettrais de soumettre à votre attention mes délires créa de jeunesse (Délire (ré)créatif). Il se peut que cette rubrique accueille des tutoriels (tutoriaux, tuto… à votre guise) sur mes logiciels graphiques favoris : Photoshop et Illustrator.

The Dancers #1

Tracés assez basiques réalisés avec Illustrator pour représenter la fête en musique et en dance

The Dancers #2

Passage des tracés dans Photoshop pour leur appliquer un effet de type « scanner » pour voir ce que les personnages ont dans le ventre.

The Dancers #3

Tripatouillages multiples dans Photoshop pour aboutir à cet effet translucide et multicolor de type « alien »

Vala vala… Vous pouvez vous lâcher dans les commentaires, je l’ai bien cherché ^_^v