Auteur/autrice : Gilles

  • Kerntype, le jeu des typographes en herbe

    Kerntype, le jeu des typographes en herbe

    Kerntype est un jeu pour graphiste/typographe… attention je vous ai entendu dire « geek », mais en fait pas du tout.

    C’est un jeu pédagogique que l’on pourrait d’ailleurs classer dans la catégorie des serious game, développé par Mark Mackay, dont le but est de sensibiliser à l’équilibrage des caractères.

    Les polices de caractères sont parfois très connues… des geek graphistes avec de grands noms comme Garamond ou Frutiger.

    Principe du jeu Kerntype

    Le jeu consiste donc à déplacer des lettres au sein d’un mot afin de lui rendre son équilibre en jouant sur leur espacement à l’aide de la souris, des touches fléchées ou de vos doigts si vous jouez sur tablette.

    kerntype_03

    Une fois que vous pensez avoir correctement placé les lettres, vous validez en appuyant sur la touche entrée et le jeu vous indique la position idéale en bleu, en superposition à votre propre positionnement. Une note vous est ensuite donnée de 0 à 100.

    Dans l’image d’entête, vous pouvez observez un excellent résultat à l’une des 10 étapes du jeu (une partie prend environ 10mn) et dans l’image ci-dessus un résultat exécrable… si si 25/100 c’est exécrable !

    Amusez-vous bien !

    Jouez à Kerntype

  • Les photos de SpaceX dans le domaine public

    Les photos de SpaceX dans le domaine public

    L’agence spatiale privée SpaceX dirigé par Elon Musk (également propriétaire de Tesla Motors) vient de passer les photos de la dite société dans le domaine public.

    public-domain-logo

    Une sacré nouvelle au vue de la qualité des prises de vues. De quoi rêver… et inspirer bon nombre de mes collègues graphistes (allez faites pas semblant elles sont magnifiques).

    spaceX_photo-domaine-public_decollage-fusee

    spaceX_photo-domaine-public_plateforme-lancement

    spaceX_photo-domaine-public_decollage-fusee-panoramique

    spaceX_photo-domaine-public_video-embarque

    spaceX_photo-domaine-public_decollage-fusee-moteurs

    spaceX_photo-domaine-public_decollage-fusee-poussee

    Pour trouver les photos de SpaceX c’est sur leur site www.spacex.com et sur le compte Flickr de SpaceX

  • Pixels, le film ou Pac Man attaque Peter Dinklage

    Pixels, le film ou Pac Man attaque Peter Dinklage

    pixels_pacman

    Rappelez vous c’était en 2010, Patrick Jean diffusait son court métrage Pixels.

    Pixels, le court métrage de Patrick Jean

    Ce court est écrit et réalisé par Patrick Jean lui-même, tandis que Matias Boucard en est le directeur de la photo. Les effets spéciaux sont entre les mains du boss Patrick Jean et de Onemoreprod, la société de VFX de Patrick basée à Paris.

    Pixels, le film de Chris Colombus

    Ce « petit » film d’animation n’est pas passé inaperçu, et pour cause à l’heure actuelle il totalise plus de 6 millions de vues sur les comptes Dailymotion et Youtube de One More Prod. Il a en effet été remarqué par Chris Colombus qui a souhaité faire un film dans la même veine que S.O.S Fantômes.

    Les affiches du film

    Pour se faire une idée de ce que sera Pixels, il faut se rappeler que Chris Colombus a été le producteur de plusieurs Harry Potter, des 2 films sur les 4 Fantastiques et des 3 opus de la Nuit au musée. Il a également été le scénariste des 2 Gremlins, des Goonies et de Percy Jackson.
    En tant que réalisateur, il nous a laissé l’excellent madame Doubtfire, l’Homme bicentenaire, 2 Harry Potter et Percy Jackson (liste non exhaustive).

    Voici la bande annonce de ce nouveau film

    Vous y trouverez enter autre au casting :
    – Adam Sander (amour et amnésie, à coeur ouvert)
    – Kevin James (Un gars du Queens)
    – Michele Monhagan (true detective, source code)
    – Brian Cox (Xmen, la vengeance dans la peau)
    – Peter Dinklage (Xmen, Games of Throne)

    Sources : Allociné, lmdb

  • TOP 10 des sites de culture scientifique à connaître pour lutter contre l’ignorance

    On se pose tous un jour ou l’autre des questions existentielles comme ce grand classique « Dis, pourquoi le zèbre il a des rayures ? ». Mêmes si cela ne révolutionnera pas votre vision du monde de le savoir, cette interrogation sur le monde animal pourrait aussi venir des enfants que vous côtoyez. Et là, je vous assure qu’il est impayable de voir les étoiles dans leur yeux quand vous leur donner la solution : « Tu vois gamin, c’est parce qu’ils se sont roulés sur un passage piéton ! » Mais bon ok, c’est pas tout à fait la vérité scientifique… j’avoue 🙂

    Alors si vous aussi vous aimeriez éviter les situations gênantes comme ce monsieur public, bien connu des réseaux sociaux qui ne connait pas la réponse à la question : « Qu’est-ce qui gravite autour de la Terre ? Mars, Vénus, la Lune ou le Soleil ? », consultez donc cette liste de 10 chaînes vidéos pour qu’ensemble nous luttions contre l’ignorance.

    Les chaînes vidéos de culture scientifique

    E-penser, restez curieux, et prenez le temps d’e-penser

    Qu’est-ce que l’inversion des pôles et est-ce dangereux ?

    Incroyables expériences, n’apprenez pas, comprenez !

    Faire de l’électricité avec un vélo grâce à l’énergie humaine

    Sciences et Avenir, La référence de l’actualité scientifique sur le web

    Comment se forme une avalanche ?

    Axolot, source d’étonnement

    6 savants fous qui se sont sacrifiés pour la science

    C’est pas sorcier, la chaîne officielle

    Drôle de drones !

    Experiment boy, for the science, for the fun

    Liquide ou solide ? Fluides non-newtonien

    Les savoirs plus pointus

    Partant du principe que tous le monde peut apprendre et dans des domaines forts divers, les sites et organismes donnant accès à la culture, au savoir peuvent être plus pointus.

    TED.com : Ideas Worth Spreading

    Les vidéos sont en grande partie en anglais, mais nombreuses sont celles qui sont traduites dans la langue de molière.
    Pourquoi dormons-nous ?

    Canal U, la WebTV de l’enseignement supérieure et de la recherche

    Ce que la caméra fait aux terrains

    Les Ernest, 15 minutes pour changer notre vision du monde

    Hervé Le Treut, Influences humaines sur le climat

    13 minutes, pour des conférences de qualité

    Le spectre de l’identité

    https://vimeo.com/114699158

    France télévision met également en ligne des vidéos éducatives sur les matières scolaires dont la science ou l’histoire-géographie.

    Mais il faut garder à l’esprit que même les scientifiques essaient de tirer la couverture à eux et que pour y arriver la réalité et les faits scientifiques ont parfois été… déformés.
    Axolot nous livre dans cette dernière vidéo une réflexion sur le fait que notre curiosité ainsi que notre propension à croire peuvent être utilisés pour nous faire avaler… des couleuvres.

  • Illusion et point de vue, ou comment nous pourrions mourir pour défendre LA vérité

    Illusion et point de vue, ou comment nous pourrions mourir pour défendre LA vérité

    Nous avons tous vu des illusions d’optiques totalement bluffantes. Celles qui nous font prendre « des vessies pour des lanternes ». Des illusions tellement bien mises en scène que nous pourrions mettre notre « main au feu » que ce que l’on a vu est bien réel.

    C’est ce comportement qui permet aux magiciens et autres illusionnistes (de spectacle ou du marketing) de nous montrer comme bien réelles des choses qui n’existent que dans notre esprit. Ils s’appuient sur une sorte de bug du cerveau.

    Je vous citerai la plus connue comme l’échiquier d’Adelson :
    illusion-optique-adelson_couleur_damier

    Ou encore la chambre d’Ames à cause de laquelle notre cerveau ne sait plus trop bien ou il habite

    C’est un vrai soucis que rencontre les policiers en interrogeant les témoins d’un crime (vol, meurtre, etc.) car le cerveau peut d’une part être abusé plus facilement que vous ne le pensez (ces vidéos vous l’ont prouvé), mais d’autre part à cause d’une simple différence de l’observateur.

    Ici par exemple ce n’est pas votre position qui pose problème mais l’obstacle entre vous et la scène à observer.

    Dans cette dernière vidéo de Brussup vous jureriez voir deux pistes qui montent n’est-ce pas ?
    Pour vous c’est bien réel. Mais est-ce bien LA réalité ? Miseriez-vous votre vie pour défendre cette réalité ? En fait, tout dépend de votre position par rapport à l’évènement se déroulant sous vos yeux.
    Les dessins 3D (Du dessin 3D, en relief sans lunettes… quels talents !) jouent là dessus et cette vidéo vous le démontre à nouveau.

    Pour terminer, je vous retranscris ici la parabole indienne « Les aveugles et l’éléphant » qui permet de s’interroger sur nos certitudes et affirmations.

    Six aveugles venus d’Inde, très enclins à parfaire leurs connaissances, allèrent voir un éléphant afin que chacun, en l’observant, puisse satisfaire sa curiosité. Le premier s’approcha de l’éléphant et perdant pied, alla buter contre son flanc large et robuste. Il s’exclama aussitôt : « Mon Dieu ! Mais l’éléphant ressemble beaucoup à un mur ! ». Le second, palpant une défense, s’écria : « Ho ! qu’est-ce que cet objet si rond, si lisse et si pointu ? Il ne fait aucun doute que cet éléphant extraordinaire ressemble beaucoup à une lance ! ». Le troisième s’avança vers l’éléphant et, saisissant par inadvertance la trompe qui se tortillait, s’écria sans hésitation : « Je vois que l’éléphant ressemble beaucoup à un serpent ! ». Le quatrième, de sa main fébrile, se mit à palper le genou. « De toute évidence, dit-il, cet animal fabuleux ressemble à un arbre ! ». Le cinquième toucha par hasard à l’oreille et dit : « Même le plus aveugle des hommes peut dire à quoi ressemble le plus l’éléphant ; nul ne peut me prouver le contraire, ce magnifique éléphant ressemble à un éventail ! ». Le sixième commença tout juste à tâter l’animal, la queue qui se balançait lui tomba dans la main. « Je vois, dit-il, que l’éléphant ressemble beaucoup à une corde ! ». Ainsi, ces hommes d’Inde discutèrent longuement, chacun faisant valoir son opinion avec force et fermeté. Même si chacun avait partiellement raison, tous étaient dans l’erreur.

    Alors la prochaine fois que vous voudrez affirmer une chose parce que « Je suis pas fou, je sais ce que j’ai vu ! » ou pointer une caractéristique qui vous paraît être un défaut chez quelqu’un « Non mais regarde moi ce type complètement amorphe ! », demandez-vous d’abord si vous avez envisager la situation sous tous les angles. Vous étiez peut-être mal placé pour voir la scène qu’on vous demande décrire et le type amorphe est peut-être souffrant… allez savoir !

    Source Wikipedia : Anekantavada

  • Quand des artistes se lâchent avec des GIF animés et des cinémagraphes

    Quand des artistes se lâchent avec des GIF animés et des cinémagraphes

    Le gif animé est une technique permettant d’animer une image sans passer par la création d’une vidéo, ce qui peu parfois être lourd, tant vis à vis du temps de travail que du poids numérique du fichier.
    Pour apprendre à les créer, je vous renvoi vers mon article « Donnez vie à vos photos : les bases du gif animé ».

    Certains artistes donc se sont appropriés ce type d’expression pour des rendus parfois, très… expérimentaux.
    Voici une sélection de ces artistes à découvrir pour leur travail, ou pour l’inspiration.

    Gif animé tiré de la série Mestre Fungo de Henrique Lima (à ne pas rater, le fond mosaïque Meltaway de votre prochain site internet).

    mestre-fungo-animated-gif-9

    Milos Rajkovic autrement appelé Sholim est Serbe et nous propose une série de gif animés sur des têtes mécaniques totalement « barrées ».

    sholim-animated-gif-8

    Zach Dougherty sur son Tumblr Hateplow fusionne le gif animé et son amour de la sculpture (entre autres).

    tumblr_nf99v2ZsPk1r6j7rho1_500

    Le collectif japonais Rrrrrrrroll, un groupement de gif makers, a axé son travail sur les rotations : de personnage ou d’objet.
    Parfois ça fait très… poltergeist !

    tumblr_mbxp00m7C01rt0g8wo1_500

    ABVH est un minutieux du gif animé. Il anime en effet de véritables fresques qui n’ont pas été pensées pour ça.
    Ici par exemple, la représentation de l’origine du Disque Monde imaginé par l’écrivain anglais Terry Pratchett.

    tumblr_njpnqp8qWX1ryvq99o3_500

    Le gif animé a également permis à Erdal Inci d’exprimer son idée du clonage. Ci-dessous un exemple de ces travaux.

    Erdal-Inci-5

    Romain Laurent est photographe et j’adore particulièrement son travail mêlant la photo et l’animation. Les personnages figés dans le temps reste mobile dans l’espace et c’est… beau et foutrement bien foutu.

    tumblr_n41ihbJ1Kh1qef46ho1_500

    Une très jolies collection de gif animés de Hama House est présenté sur Ufunk : « Les superbes GIFs animés du japonais Hama House ». Mignons et très fluides.

    test7

    David Szakaly vous enfonce les yeux dans leurs orbites jusqu’au cerveau et vous retourne le tout par l’intérieur. En tout cas, c’est que j’ai ressenti en voyant un de ces gif animé.

    David-Szakaly-animated-GIFs-4

    2 barres blanches au milieu de votre image et vous obtenez un gif animé en relief… sans lunettes. Enorme non ?

    3d-animated-gifs-1
    Pour ceux qui souhaiterai recréer cet effet, voici un didacticiel « Comment créer un gif animé 3D » réalisée avec Gimp.

    Pour terminer, voici un travail très agréable de l’illustratrice Rebecca Mock

    27_walrussummerreadingiphone4-640x960

    Enfin vous pouvez suivre les récompenses des gif of the year sur le site officiel et aussi fouiller les annuaires de Gif animés comme giphy.com ou Can-t stop moving

    Gif bonus… pour rire : Matrix Cat

    ibhSBRLHl5GDg7

    Sources : www.ufunk.net, www.spi0n.com

  • Fleurs mécaniques,  machines à vent ou éoliennes ?

    Fleurs mécaniques, machines à vent ou éoliennes ?

    Ces grandes structures que nous appelons éoliennes, ne sont que de grands mats au bout desquels tournent des pétales gigantesques, majestueuses dans les tourmentes du vent.
    Qu’elles plaisent ou pas (à cause du bruit, de leur coût écologique, etc.), ce qui est indéniable c’est qu’elles sont bien plus belles que les poteaux électriques défigurant nos paysages de France et ça, même M. Eiffel serait d’accord avec moi, je n’en doute pas une seconde.

    Les arbres à vent

    Des éoliennes il en existent de très jolies et plutôt efficaces (selon les dires du fabricant) comme cet arbre à vent.

    Site de l’Arbre à vent

    Cependant, des structures bien plus majestueuses et hypnotiques existent de par le monde et je me devais de vous en montrer quelques unes.

    Les « Windsculptures » de Lyman Whitaker

    Site de Lyman Whitaker

    Les sculptures d’Anthony Howe

    Site de Anthony Howe

    Les créatures éoliennes de Théo Jansen

    Mais avec le vent on peut même créer la vie… et M. Théo Jansen la fait.
    Ses créatures se meuvent grâce au souffle du vent qui les pousse et actionne leur membres moteurs… un véritable petits miracles de la vie artificielle.

    Site de Théo Jansen

  • Un smartphone pour animer votre t-shirt

    Un smartphone pour animer votre t-shirt

    Digital Dudz est une application pour smartphone sous iOS et Android. Cette appli affiche des animations de plusieurs sortes, mais la plus cool, à mon humble avis, et l’animation d’oeil ou de paires d’yeux. Pourquoi ?

    Parce que si vous calez ça derrière un t-shirt, vous faites flipper votre entourage et c’est super cool 😀

    Voilà 7 astuces pour utiliser l’appli sur t-shirt personnalisé

    Source : noamazonaseassim.com

  • Filet de dégradé + typo

    Filet de dégradé + typo

    filetDegrade+typoJe suis juste de passage pour mettre en ligne une tentative d’utilisation des filets de dégradés d’Illustrator.

    Ca existe depuis la CS3 mais c’est mignon comme tout.
    Didacticiel (je rapelle que « tutorial » est un terme anglais) disponible sur Veerle’s Blog.

    PS : Non je n’ai pas utilisé l’ensemble de son article.

  • Une campagne décalée de prévention du sida

    Une campagne décalée de prévention du sida

    Il est des campagnes de prévention qui ont un peu de gueule.
    Celle-ci date certes de 2006, mais en plus d’est très bien illustrée, elle ose l’humour décalée. La communication a-t-elle fait son office ? A-t-elle atteint son public ? Comme il est toujours difficile de connaître l’impact de ce genre de campagne, on va se contenter de la redécouvrir.

    L’agence responsable de la réalisation était TBWA\Paris, le directeur de création qui supervisa l’opération n’est autre que Erik Vervroegen une pointure du monde de la publicité qui transita à San Francisco en 2011 chez Goodby. L’illustrateur en charge de la réalisation graphique est AISKone.

    Aff_10secondes_VF

    affiche-mauvais-coups-lapin

    affiche-mauvais-coups-sommeil

    affiche-mauvais-coups-malchanceuse

    Retrouvez la campagne sur le site de Aides