David Torondel - Graphiste indépendant - blog graphisme, illustration et animation

Animation Flash – Pictomobile

David Torondel — Mon, 01 Mar 2010 18:00:13 +0000

Réalisation d’une animation Flash pour la page d’accueil d’un site d’un service pour téléphone mobile.

Cliquer sur l’image ci-dessus pour la visionner.

Faites tourner :

Fier d’être français ? Animation Flash perso

David Torondel — Fri, 05 Feb 2010 17:10:47 +0000

Animation faite les soirs d’insomnies… Cliquer sur l’image pour la voir.

Faites tourner :

Jeu en Flash

David Torondel — Tue, 02 Feb 2010 16:11:29 +0000

J’ai réalisé le graphisme et la programmation Flash de 2 jeux en Flash, pour la cité des sciences, à l’occasion d’une exposition sur l’alimentation. Les 2 jeux sont visibles sur le site de l’exposition.

Vous pouvez cliquer sur les images ci-dessous pour aller voir les jeux.

Réalisé dans le cadre de ma collaboration avec l’agence ComCiComCa.

Faites tourner :

Carte de voeux

David Torondel — Wed, 06 Jan 2010 14:10:25 +0000

Voici un lien ou aller voir une carte de voeux en Flash réalisée pour la société Compagnons de cordée (société de conseil en recrutement online). Le début est une reprise d’une animation déjà réalisée l’année dernière. Pour l’anecdote, je pensais initialement traiter les personnages en photos, mais j’avais fait un storyboard en crayonné pour faire valider le principe, et le client a préféré les crayonnés aux photos

Cliquez sur l’image ci-dessous pour visualiser la carte.

Faites tourner :

Des nouvelles en vrac…

David Torondel — Fri, 25 Dec 2009 16:03:22 +0000

Le blog a été un peu en veille ces dernières semaines, la fin d’année a été chargée en travail ! J’ai entre autres travaillé à la charte graphique de la refonte du site de Médecins du Monde. Il reste des ajustements à faire en intégration… (travail réalisé dans le cadre de ma collaboration avec l’agence Ecedi)

Je viens aussi de finir une application de e-learning pour Lafarge, composé d’environ 70 écrans, avec plusieurs jeux, beaucoup d’illustrations et animations… C’est pour une diffusion interne donc je ne peux montrer le résultat final ici, voici seulement quelques images.

Ci-dessous une animation montrant les étapes de réalisation d’une maison maçonnée, en mode isométrique :

J’ai également réalisé une illustration dans un style plus cartoon, pour une série de cartes postales qui vont accompagner le projet :

(travail réalisé dans le cadre de ma collaboration avec l’agence Cavernamuth)

J’ai aussi travaillé à la réalisation de documents pour Compagnons de Cordée :

Mais aussi des maquettes d’annonces de recrutement online, toujours via Compagnons de cordée. Ces annonces sont diffusées sur différents sites de recrutement. L’intégration html finale a été réalisée par Pierre Canthelou.

J’ai aussi travaillé à la charte graphique d’une boutique internet de café, des animations Flash pour un site de services pour téléphone mobile, des jeux en Flash pour une prochaine expo de la Cité des sciences… Ces projets sont finis mais pas encore en ligne officiellement, je les montrerai dès que je peux. Je voudrais aussi enfin pouvoir travailler à la refonte de mon site portfolio (et ce blog changera aussi d’interface en même temps), j’ai un projet d’animation perso, Clonk à finir… Bref, pas de quoi m’ennuyer, et mon planning de travail est déjà complet jusqu’en février ! L’année commence donc sur les chapeaux de roues… En attendant de pouvoir vous montrer d’autres choses ici, je vous souhaite à tous de très bonnes fêtes de fin d’année !

Faites tourner :

Site internet Electrica

David Torondel — Thu, 19 Nov 2009 17:30:05 +0000

Areva T&D lance un concours sur l’innovation, j’ai été chargé de travailler sur la création du logo, site internet, et les différents supports liés à cette opération.

Voici les propositions de logos que j’ai faites dans un premier temps :

C’est la version 2 qui a été retenue. J’ai ensuite travaillé sur la charte graphique du site internet.

La première proposition qui a été faite :

Il m’a été demandé d’alléger un peu le fond, et divers ajustements, pour arriver à la version finale :

Cliquer sur l’image pour aller voir le site complet, ou cliquez ici.

J’ai aussi réalisé des maquettes pour des posters, cartes postales, emailing…

Et également des bannières pubs :

Cliquer sur l’image pour voir la bannière en Flash.

Faites tourner :

Polupalo – jeu Flash sur le cycle de l’eau

David Torondel — Fri, 06 Nov 2009 07:44:24 +0000

J’ai un planning très très chargé en ce moment, beaucoup de projets simultanés, ce qui explique un peu le ralentissement des mises à jour (et le mise en pause des projets persos), mais j’aurais prochainement quelques travaux à vous montrer ! En attendant, voici un petit jeu en Flash, réalisé pour l’Agence de l’eau Seine-Normandie, via l’association « le temps presse » qui s’est occupé de la conception/scénarisation. En 2006 j’avais déjà réalisé sur le même thème un jeu beaucoup plus conséquent, avec de la vidéo, plusieurs types de jeux, etc. Plus d’une demi-heure de jeu, mais l’ensemble est à télécharger. La déclinaison que nous venons de finir est elle jouable en ligne. Les illustrations des personnages sont de Laure Scellier, je me suis occupé pour ma part de la réalisation de l’interface graphique, des animations, de l’illustration du paysage et de la programmation de l’ensemble.

Cliquer sur l’image pour voir le jeu, ou cliquer ici.

Faites tourner :

Links of the week (4)

David Torondel — Sun, 25 Oct 2009 18:13:27 +0000

Bon, ma série des « link of the week » s’est un peu transformé en « link of the year », vu la fréquence…

Il faut dire que je ne trouve pas tant que ca de liens intéressants à partager… Voici quand même une dizaine de liens !
Tout d’abord voici 3 sites que j’ai trouvé simplement beaux :

J’ai particulièrement trouvé intéressant et astucieux le parti-prix de « casser » les verticales par les formes de couleur en fond de page. La palette de couleur est elle aussi agréable.

J’aime beaucoup le visuel du header, la structure de la page est intéressante aussi, bref une charte très réussie à mon goût !

Pour ce dernier, je ne suis pas fan de la mise en page, mais j’aime beaucoup la gamme de couleurs utilisée.

Pour continuer, un site de recherche d’icones.

Il en existe déjà plusieurs, en voici une sélection, mais c’est le premier à ma connaissance en français, ce qui est surtout intéressant pour la recherche par critères, on ne sait pas toujours la traduction des termes…

Donc une bonne initiative, qu’il faut à mon soutenir !

Pour finir, voici 6 sites dédiées à Wordpress, mon « top 6″ quand je recherche des infos sur ce moteur ! Wpchannel propose des tutoriaux vidéos, en français, ce qui est vraiment très pratique ! L’auteur « commet » aussi le site Protuts, qui est une mine d’infos, avec des tutoriels aussi. Idem pour Geekeries, Fran6 et les autres indiqués.

Voilà, c’est tout pour cette fois !

Faites tourner :

Forum et blog

David Torondel — Wed, 21 Oct 2009 14:42:51 +0000

Bonjour à tous, j’ai pour éventuel projet de lancer prochainement un forum, lié à un blog Wordpress (sur le graphisme). Je cherche donc des solutions pour lier ces 2 supports, et pour l’instant j’ai un peu de mal à mettre en place ça… J’ai commencé par installer Onepress, mais je viens de m’apercevoir que cette solution n’était pas compatible avec la dernière version de Wordpress.

Je trouve plusieurs plugins et solutions diverses, mais il me semble difficile de tout tester… D’où ce message, si quelqu’un a déjà expérimenté ce genre de « mélange » et accepterait de me donner quelques conseils, je suis preneur !

D’ailleurs il n’est pas forcément judicieux d’utiliser phpBB, il existe aussi d’autres systèmes de blogs, peut-être plus adaptés à une utilisation liée à Wordpress. Là aussi, si vous avez des conseils… Merci d’avance !

Faites tourner :

Illustration isométrique BTP

David Torondel — Thu, 15 Oct 2009 11:44:21 +0000

Désolé pour le manque de mise à jour en ce moment, mais j’ai beaucoup de dossiers à gérer en même temps !

Voici une illustration que je viens de faire, déclinaison d’une autre déjà montrée ici. Au final ce sera une animation Flash, destinée à tourner en boucle sur des stands de salon. Cliquer sur l’image pour la voir en plus grand.

Edit 17 oct : Pour répondre au commentaire de Heneman, pour ce genre d’illustration je me fais d’abord une « grille » dans Illustrator, que j’imprime, et qui me sers de repère pour mon croquis de base. Voici ci-dessous ce que ca donne :

Le croquis n’est pas ultra précis, le but est vraiment de faire valider l’agencement des éléments par le client. Une fois validé, je met le croquis sur un calque dans Illustrator, et je retrace par dessus. Dans ce cas précis, comme il fallait une vue vraiment du dessus, je n’ai pas utilisé une grille « standard » isométrique. D’un côté l’angle est à 30°, de l’autre à 45°.

Mais dans la plupart des cas, j’utilise une grille avec les 2 angles à 30°. J’ai mis à disposition le fichier Illustrator de base de cette grille.

Faites tourner :