Jeu flash

Ceci est un des premiers jeux flash que nous avant fait. Il est entièrement  fait en ActionScript, et certaines images (le menu, les tutoriaux) ont été faites avec photoshop. Les différents objets ou animaux sont des images prises sur le web que j’ai ensuite colorisés.

Même si le jeu n’est pas complet car il manque certain mini jeux, je suis très satisfait du résultat car j’ai travaillé à la fois la programmation, le graphisme et la communication.

Pour le graphisme, j’ai fait les menu dans le même style que le jeu (dans le style « Western ») et en fonction de la cible (les enfants). Pour la communication, j’ai, en fonction de la cible, écris les tutoriaux. J’ai décidé de tutoyer l’utilisateur par exemple.

 

Cliquez  ICI pour accéder au jeu.

(Le chargement sera peut-être un peu long…)

Packagin bouteille d’eau SAMA

Ceci est une bouteille d’eau de la marque Sama (marque inventée). Il s’agit d’un exercice dont le but était de refaire l’étiquette et le logo. C’était un exercice de « copiage » car le logo et l’étiquette avait déjà été faite, nous devions simplement les refaire.

Le logo devait être fait sur illustrator tandis que l’étiquette devait être réalisée sous photoshop. Nous devions ensuite incruster l’étiquette dans illustrator avec la bouteille.

 

 

Voici également l’étiquette simple :

Publicité Chaillot

Il y a quelques temps, j’avais posté une affiche pour le théâtre de Chaillot. Voici ici un gif publicitaire pour ce même théâtre en reprenant le même thème que l’affiche. Il devait pouvoir être intégré facilement dans notre portfolio.

J’ai donc décidé de le mettre sous mon menu, car c’est un endroit que l’on voit facilement sur toutes les pages.

Je trouve que l’animation de la bouche est satisfaisante, mais le texte (nom de la pièce) et les annonces (lieux, date, nom du théâtre qui apparaît), ne sont pas très bien incrustées.

Carte d’anniversaire

Depuis que je fais des études en infographie, on me demande toutes sortes de choses… dont les cartes d’anniversaire. Je suis donc chargé d’en faire de temps en temps (et de plus en plus d’ailleurs). Mais pour faire les choses bien, les cartes doivent être personnalisées. Ici, j’ai fait une carte pour ma tante, passionnée de plongée.

J’ai pris une feuille et un crayon, et j’ai dessiné la carte. Puis, je l’ai colorisée sur Photoshop. J’ai mis des éléments drôles, comme le plongeur qui perd son masque, la pieuvre amoureuse d’une mine, ou encore le grand méchant requin attaqué par un petit crabe. C’est exactement le genre de carte que j’aime faire, avec plein de petits détails ce qui permet  de découvrir à chaque fois un élément nouveau quand on la regarde.

J’ai mis des couleurs qui remontent le moral, un arc en ciel… bref c’est une île paradisiaque en surface, mais sous l’eau c’est une tout autre histoire.

Que dire de plus sur ce travail… rien. Je vous laisse regarder les éléments qui composent cette carte.

Newsletter : Citroën

Encore une newsletter. Cette fois-ci, c’est une newsletter pour Citroën. J’ai dû la faire lors d’un contrôle de 3h. Le gabarit de la lettre était déjà donné (c’est-à-dire l’emplacement des blocs), il suffisait donc « simplement »  de trouver les images, les textes… et l’inspiration. Et 3h, ça passe très vite quand on n’a pas d’inspiration. Surtout quand des contraintes nous ont imposées : faire un GIF, présentant Sébastien Loeb (le GIF, situé à gauche dans la grande case verticale, n’est pas disponible, seule une image est affichée ici). Le header de la lettre devait être sur le thème de la victoire de Loeb au championnat du monde des rallyes.

Je ne suis pas satisfait du GIF. Je n’ai pas eu le temps de découper proprement les éléments qui le compose, il est donc d’une très mauvaise qualité. Pour le reste de la newsletter, je pense avoir respecté le design du site, les voitures sont proprement incrusté, le header n’est pas trop voyant mais respecte le thème du Rallye. Le bloc concernant le concours est aussi plutôt bien représenté.

Du bon et du moins bon donc, dans cette lettre, mais nous étions une fois de plus dans des conditions d’agence (travail à faire pendant un temps imparti), et avoir respecté ce délais en faisant un lettre convenable est le plus important. J’ai encore tiré des leçons de cet exercice : ne pas perdre de temps pour des choses qui n’ont pas grand intérêt, comme par exemple les ombres sous les cadres, ou encore éviter de sauvegarder trop souvent quand le matériel n’est pas très puissant (plusieurs minutes à chaque sauvegarde, ça fait perdre un certain temps au bout d’un moment…).

Je pense que j’ai présenté suffisamment de newsletter pour le moment, donc les travaux à venir n’en seront pas… en tout cas pour l’instant.

Mysterious Genious

Dans l’image que vous voyez ici, j’ai donné vie à un point d’interrogation. Depuis très longtemps, je m’amuse à transformer des points d’interrogations en personnage. Ici, il ressemble à une sorte de génie perse, avec des moustaches de félin, comme s’il venait de sortir de sa lampe magique.

Je l’ai d’abord fait sur papier, puis je l’ai ensuite colorisé sur Photoshop. Il sera le point de départ d’une longue série de smileys et autres personnages, toujours sous cette forme (pas forcément des points d’interrogations, mais au niveau de la façon dont il a été mis en couleur, le style sera respecté).

En ce qui concerne le fond, il ne représente rien de spécial… il est juste là pour mettre en avant le personnage.

Restez connecté car d’autres créatures de ce genre viendront bientôt remplir la collection. Il serait dommage que vous les ratiez !

Newsletter evènementielle : Côte d’Or

Vous rappelez vous de la newsletter institutionnelle que j’avais faites pour les chocolats Côte d’Or ? Voici maintenant une autre newsletter pour ces mêmes chocolats, sauf que cette fois si, c’est une newsletter évènementielle, c’est-à-dire qu’elle concerne un évènement particulier, en l’occurrence Pâques. J’ai choisis Pâques car c’est sûrement l’une des fêtes les plus importantes par rapport au chocolat, je pense qu’il est inutile de rappeler pourquoi…

Cette newsletter contient exactement les mêmes chocolats que la précédentes, mais le but n’est pas là. Il faut ici la présenter afin de voir qu’elle est différente d’une newsletter normale. J’ai donc rajouté un titre, ainsi que, en arrière plan de chaque bloc, des œufs en chocolats, comme le veut la tradition pour cette fête.

Je suis assez satisfait de cette lettre, bien que le titre aurait pu être un peu plus travaillé. J’ai également fait cette lettre au format HTML, c’est-à-dire comme une vraie newsletter, qui contient véritablement du texte et non pas simplement une image. Cette version est disponible ICI.

J’ai donc découvert, à travers ces 2 travaux, comment faire une newsletter de A à Z, puis à la programmer.

Affiche Blackberry

Il y a quelques jours je vous présentais un téléphone portable Blackberry que j’avais entièrement vectorisé. Le voici de nouveau, mais cette fois il se trouve à l’intérieur d’une affiche. Il s’agit bien du même téléphone, même si j’ai ici il parait plus réaliste (j’ai rajouté un petit effet pour qu’il brille un peu plus).

Cette affiche est très sobre car j’ai essayé de respecter les codes des publicités Blackberry : être luxueux, sans en faire des tonnes. Voilà pourquoi cette affiche ne contient que très peu d’information : seulement le nom du téléphone, quelques une de ses propriétés,  et les logos de certaines applications. Les reflets sont là pour renforcer l’effet de luxure, de brillance.

Cette affiche, format A4, est de la taille de celles qui sont présente dans les magazines. Seulement, il manque une chose essentielle : les logos des fabricants, de la marque propriétaire etc. en bas. Emporter dans mon élan, je les ai complètement oubliés. J’ai décidé, en postant cette affiche, de ne pas les mettre, car pour moi, elle était finie.

Je ne corrige pas les travaux que j’ai fait, je ne les retouche pas, je ne retouche pas non plus les erreurs que j’ai pu commettre. Ce blog me permet ainsi de voir mon évolution et de me rappeler les erreurs que j’ai fait afin de ne plus les refaire…

Graph City

Voici un travail personnel que j’ai fait il y a quelques années. Il s’agit d’un dessin fait au feutre, de format demi-raisin. Ce dessin représente une ville sans couleur, qui grâce à une bombe de peinture qui a été utilisée, va retrouver ses couleurs.

On peut voir que le tag se propage dans la ville, et lui redonne des couleurs, lui redonne de la joie. Lorsque j’ai fais ce travail, j’étais dans une période où je dessinais beaucoup, et ou j’étais aussi très axé sur les graffitis. Toutes sortes de couleurs sont utilisées, car le thème que j’avais choisi (la ville qui reprend des couleurs) me tenait à cœur et je voulais vraiment le respecter.

Je ne sais pas vraiment d’où m’est venue l’inspiration pour ce dessin. Ce qui est sûr, c’est que j’avais l’idée de mettre des gouttes de peintures qui sautent de bâtiments en bâtiments. Je voulais aussi montrer que tout par de ce tag, c’est pour cela que j’ai mis la bombe de peinture au sol.

Cet article change un peu des autres, qui n’étaient que sur des travaux infographiques, c’est-à-dire fait par ordinateur. J’espère qu’il vous plaira, et je compte d’ailleurs mettre d’autres dessins très prochainement, donc n’hésitez pas à revenir.

Newsletter institutionnelle : Carte d’or

Vous vous demandez peut-être ce qu’est une newsletter institutionnelle ? Et bien il s’agit tout simplement d’une newsletter classique, que vous envoie une entreprise pour présenter ses produits par exemple. Le but de l’exercice était ici de faire une newsletter pour un produit de notre choix, plus particulièrement  un produit chocolaté.  J’ai choisi la marque Côte d’Or.

Le principe d’une newsletter est de reprendre le design du site pour que l’utilisateur ne soit pas perturbé par un quelconque changement.

J’ai choisi de faire une newsletter classique, avec 4 cadres, chacun comportant un ou plusieurs produits du même type. La créativité n’est pas le plus important ici, ce qui compte, c’est que l’utilisateur remarque les produits. C’est la raison pour laquelle le fond est uni.

Grâce à cet exercice, j’ai  compris à quoi servaient les tranches dans Photoshop. C’est aussi un exercice très professionnel car les newsletters sont maintenant présentes sur presque tout les sites. J’y ai appris les codes de la newsletter, par exemple, ne pas oublier de mettre un lien pour se désinscrire, les termes d’utilisations…

Sur cette newsletter, une remarque pourrait être faite sur le fait que la bannière est un peu trop vide et qu’une accroche aurait pu la remplir un peu.

Et bien sûr l’utilisation d’un Template. Un Template contient toutes les parties qui ne changeront pas d’une newsletter à l’autre : le header, le pied de page, les blocs qui contiennent les articles etc. On peut grâce à cela réutiliser une newsletter en ne changeant que les articles, sans avoir besoin de tout refaire. Quand on peut se simplifier la vie, pourquoi faire autrement ?