Bienvenue sur le blog professionnel de Franck Payen, illustrateur, graphiste et formateur indépendant.
Pourquoi blog plutôt que site ? Parce-que ça permet à chacun de s'y retrouver dans le temps, d'y rechercher ses références (j'ai pris soin d'indexer les livres de l'Aube dont j'ai fait les couvertures, ainsi que l'ensemble des formations Video2Brain).
Parce qu'un site a une tendance statique dérangeante, figé dès qu'il est conçu.
Parce qu'après tout il est plus simple de poser les choses une fois terminées, histoire de se lancer dans de nouvelles aventures.
Puisque ça peut toujours servir, je vais aussi ajouter mon CV en pdf, ainsi que mes coordonnées, quitte à faire doublon avec le lien "Me contacter" plus bas à droite.

lundi 21 mai 2012

Formation sur Muse chez video2brain

Muse est une application d'Adobe pour fabriquer des sites internet de largeur fixe, aussi simplement que vous réalisiez des documents pour l'impression dans inDesign (inD).

C'est un outil "WYSIWYG", What You See Is What You Get, qui génèrera le code nécessaire à la réalisation de vos pages web tout en optimisant les images incorporées et en vous facilitant la hiérarchisation du site. Les puristes vous pourraient vous dire qu'un bon code est réalisé à la main, en optimisant à la virgule près l'ensemble des codes à connaître (html, css, js, jquery), je dirai, certes, mais ce serait comme générer soi-même son propre fichier PDF, à la main, avec un éditeur de texte. C'est possible. Mais fastidieux. Et ça demande une quantité de compétences qui d'abord nous dépassent, puis nous noient…

Lors de ma présentation du logiciel, je vous orientais donc vers une petite video tour d'horizon que nous avions proposé aux abonnés de video2brain, comprendre les concepts, le fonctionnement de l'application, et en connaitre ses limites.

Fin mars, j'ai donc travaillé sur la dernière béta de Muse pour proposer une formation d'initiation au sujet. Façon prise en main, elle complète très largement le premier tour d'horizon que nous avions réalisé lors d'une béta plus ancienne et surtout poursuit un chemin de réalisation d'un site internet, du point le plus simple au plus complexe. J'y explique même l'usage de codes (et j'ai bien dit "usage", façon copier-coller) et pourquoi pas l'utilisation de Business Catalyst pour ajouter des éléments dynamiques au site (ici, un formulaire de contact).

J'ai aussi mis en ligne le site dédié à l'accompagnement de cette formation réalisée pour video2brain

Ce site permettra de retrouver l'ensemble des exercices proposés tout au long de la formation, afin d'avoir des exemples à décortiquer. S'il n'est pas d'un grand intérêt graphique, il a le mérite de faire le tour des thèmes abordés qui vous permettront de réaliser votre premier site internet (et sans doute les suivants).

mercredi 9 mai 2012

Adobe Live Week, InDesign User Group

Deuxième édition de la Créative Week Adobe Live. Une semaine évènement à base d'émissions live, de rencontres avec des intervenants passionnés, d'atelier de présentation et d'utilisation des outils, et de sessions de découverte. Le tout chez vous, ou sur place à l'Atelier Richelieu, mais il me semble que les places sont comptées.

Chaque jour aura son thème : Creative Cloud et tablettes le lundi, Design et publication le mardi, Vidéo et animation le mercredi, Web et gaming le jeudi et enfin Photo et retouche le vendredi.

J'y officierai la première journée (lundi) pour vous parler tablettes et touch apps :

Lundi 21 mai : La Création Réinventée
13h-14h - Les ateliers
Adobe Touch Apps, tablettes et création de contenus
Les tablettes sont de plus en plus intégrées au flux de production et deviennent un outil de création à part entière. Grâce aux Touch Apps : 6 applications mobiles Adobe, vous allez découvrir comment capturer vos idées en contexte de mobilité et comment ré-exploiter en production vos esquisses dans Adobe Photoshop CS6 et Adobe Illustrator CS6.

Je trainerai aussi autour durant les évènements proposés, notamment la soirée *di*/zaɪn des designers interactifs (oui, je sais, j'en parle maintenant et c'est déjà complet).

Et pour profiter de l'occasion, je ferai une intervention lors de la réunion de l'inDesign User Group Paris à l'invitation de Branislav Milic pour parler de Mise en page liquide et de Variantes de mise en page (promis, un peu plus condensé que le sujet complet des nouveautés inDesign Cs6 sur Video2Brain)

A très bientôt !

lundi 23 avril 2012

InDesign CS6 — Les nouveautés — Formation chez video2brain

fr_278-190.jpg InDesign CS6 : Les nouveautés Les nouvelles fonctions présentées par votre formateur expert

Adobe InDesign CS6, c'est une nouvelle philosophie de travail vers la publication numérique. Cette formation réalisée par le formateur Franck Payen vous permettra d'appréhender les règles de mise en pages liquide, les variantes de mise en pages pour des versions multiples, ainsi que les différents formats et les diverses orientations de pages, que cela soit pour le numérique ou pour l'imprimé. Au-delà du tour d'horizon des nouveautés, cette formation a pour but d'offrir la possibilité aux utilisateurs d'InDesign de prendre rapidement en main la dernière version du logiciel, afin d’optimiser leur flux de production dans les meilleures conditions possibles.

Puisque les démos et eSéminaires d'une heure sont trop courts pour aborder en détail chacune des nouveautés d'inDesign Cs6 j'ai compilé 2h30 de découverte pour vous, chez video2brain.

  • Introduction aux nouveautés de la version CS6
  • Publications numériques ajustées
  • Démultiplier nos créations
  • Améliorations des formats existants
  • Nouveautés dans les fonctions de base
  • Améliorations au quotidien

Voir les détails et le trailer en cliquant ici

mardi 27 mars 2012

Mise en couleur et théorie avec Illustrator CS5

Petit aperçu des slides du e-Séminaire pour Adobe sur la mise en couleur et théorie dans Illustrator CS5. Les liens cités sont disponibles dans le lien ci-dessous :

mardi 13 mars 2012

Edge et animations interactives en HTML5

Petit e-Séminaire pour Adobe sur Edge et les animations interactives en HTML5. Les liens cités sont disponibles ci-dessous :

mardi 6 mars 2012

Création d'ePub avec inDesign CS5.5

Petit e-Séminaire pour Adobe sur la création de ePub. Les liens cités sont disponibles ci-dessous :

jeudi 23 février 2012

Video2brain, ateliers pratiques sur la mode

Ateliers sur la mode Je viens de réaliser une petite série d'ateliers vidéos pratiques assez simples sur les domaines créatifs autour de la mode.
Basés sur des besoins basiques, ils sont destinés à couvrir des besoins immédiats et quotidiens :
  • Réaliser une planche tendance via Photoshop puis inDesign (voir chez Video2Brain)
    Dans cet atelier un peu particulier, nous allons, dans un premier temps découvrir une méthode brute, pure Photoshop, puis affiner et rendre les choses plus éditables, pour enfin migrer rapidement vers inDesign, avec tous les éléments déjà créés.
  • Fabriquer un motif dans Illustrator, reboucler une matière dans Photoshop puis les intégrer (voir chez Video2Brain)
    Sans revenir sur les "basiques" d'Illustrator, suivons étape par étape la création d'un motif, du croquis à la mise en couleurs, le tout, sans la plume, mais avec quelques astuces.
    Dans Photoshop, ensuite, scan d'une matière brute, rebouclage pour créer une surface "infinie" que l'on pourra ensuite plaquer sur notre rendu.
    Enfin l'intégration de ces éléments pour ajouter du réalisme au rendu des motifs/matières
  • Trier et améliorer rapidement une série de photos depuis Bridge et CameraRaw (voir chez Video2Brain)
    Vous rentrez d'un grand tour d'inspiration, photos sur le vif, la rue, les looks, les salons, autant d'inspiration qu'avaient l'air "pas mal", mais qui mériteraient un peu de travail pour être présentable. Comment optimiser ce "un peu" ? Bridge et Camera Raw viennent à votre aide. Atelier spécial sans Photoshop !

dimanche 29 janvier 2012

Adobe Edge Preview 4 + Google Webfonts Family

Et puisqu'on parle de la Preview3 de Adobe Edge, un petit bonus grâce à la Preview 4

Adobe Edge, introduction sur Video2Brain

Découvrez la Preview3 de Adobe Edge, nouveau logiciel d'animation html5/css/js

lundi 29 août 2011

Video2brain, Flash et InDesign pour les tablettes


En ligne chez Video2Brain, une nouvelle formation concernant la réalisation de contenu pour les tablettes numériques.

Recommandée uniquement si vous avez un flux dédié via Flash et des connaissances en développement. Pour les novices sur Flash et utilisateurs principalement d'inDesign, la Formation Adobe Digital Publishing Suite, sera plus adaptée.

Ci-dessous, quelques compléments (liens cités, autres formations v2b qui complètent celle-ci, et surtout les extraits de code, le tout mis à jour régulièrement).

Lire la suite...

dimanche 26 juin 2011

Essec - MUES - Animation Prospective 2030 - Bercy, gare intermodale.

Suite des Ateliers de Création Urbaine, toujours depuis les illustrations du groupe MUES de l'Essec, voici la deuxième animation, cette fois-ci en prospective sur la gare intermodale de Bercy.

On continue avec Richard à la réalisation et Romain à la musique, illustrations à l'encre, vectorisation Illustrator, animation Flash, interface minimaliste, gestion du son et du plein écran, page de fin, et voilà.

Lire la suite...

mercredi 18 mai 2011

Video2brain, CS5.5

Et voilà, ça devait arriver. À force de donner des coups de mains aux copains et à leur expliquer où l'on peut trouver telle fonction du soft, ou comment faire tel effet ou rendu, j'ai fini par enregistrer des choses et les diffuser.

Oh, pas tout seul comme un grand, hein, on m'a un peu forcé là main :) Et c'est ainsi que j'ai pu passer 5 jours en Autriche, à Graz (UNESCO City of Design, je me demande s'ils ont pas inventé le titre pour la ville d'ailleurs...). Le temps y était merveilleux, soleil au rendez-vous, kebabs à 1,90€ mais aussi restaurants fins, et surtout, le plus merveilleux de tout ça, la Kurbiskernöl, formidable huile de pépins de courge, spécialité de la Styrie. J'ai, de plus, était chaleureusement accueilli par l'équipe de Video2Brain qui a fait coïncider mon voyage avec un sympathique festival alternatif bien rock comme il se doit.

Ça m'a laissé le temps d'enregistrer du contenu pour inDesign et Flash Catalyst, où l'on peut profiter de ma voix caverneuse et suave dûe à un manque de sommeil doublé d'une trachéite… Bref, enjoy :)

mercredi 20 avril 2011

どうぶつ Adobe Digital Publishing System

Puisqu'il n'y a rien de tel pour s'approprier une technologie que de l'utiliser, je me suis lancé dans mon propre magazine "interactif" pour tablette, via les outils du Digital Publishing Suite (©Adobe).
Et comme, en ce moment, j'apprends tranquillement le japonais, le sujet était tout trouvé. Me voilà donc à l'assaut d'un syllabaire hiragana animalier, plutôt à destination des débutants.
L'exercice s'est déroulé en plusieurs phases :

  • trouver les animaux correspondants (à ce jour, me manquent toujours ぬのるをん, et j'ai du placer certains animaux avec un vocabulaire ancien ou spécifique, voire même quelques yokai.
  • dessiner les animaux sélectionnés, d'abord croquis, puis encre sur calque, puis aquarelle sur feuille modèle préimprimée, scanner, cleaner (Photoshop).
  • enregistrer la voix de Kanae qui prononce tout ça, découper et nettoyer soigneusement via Soundbooth
  • intégrer le tout dans inDesign, rajouter de l'interactivité, caler les sons, les images, etc.
  • tester sur le Adobe Content Viewer directement sur tablette ou sur mon téléphone
  • redessiner les animaux qui me semblaient un chouya trop bancals/ratés/mous...
  • finaliser tout ça, et peut-être passer à la distribution. A voir...



Comme on peut le voir ci-dessus, y'a encore quelques trous, bref, j'y retourne.

mardi 19 avril 2011

Logo Care - Capital Santé

Réalisation du logo Care pour le groupe Capital-Santé, à partir d'une série d'illustrations à l'encre.

Présence de psychologues cliniciens dédiés en entreprise sur les sujets de soutien stress et bien-être au travail.

dimanche 27 février 2011

Essec - MUES - Animation Prospective 2030

Dans le cadre des Ateliers de Création Urbaine, à partir des illustrations pour le projet du groupe MUES de l'Essec, j'ai pu réaliser deux animations concernant les modes d'achat connectés.

Entouré d'une équipe de choc, avec Richard à la réalisation et Romain à la musique, le projet est donc basé sur cette série d'illustrations à l'encre, vectorisées dans Illustrator, puis animées dans Flash. Autour de ça, une interface minimaliste (surtout pour la gestion du son), la mise en place de la page de fin, et c'est parti, en boucle !

Lire la suite...

vendredi 14 janvier 2011

Publication pour iPad et Tablettes numériques


Et hop, une petite image rapide, je reviendrai sur le sujet quand les informations seront plus précises...

dimanche 22 août 2010

Epithelium Consultant - Logo + Site Web


C'est avec Pierre Pénicaud et Gaspard Beernaert que j'ai eu la chance de réaliser le logo et le site internet d'Épithélium Consultant
Yannick Girault profite de son expérience en restauration collective pour proposer du coaching personnel et en entreprise.
Basé sur des besoins en conseil et en organisation, l'ensemble logo + site + papeterie guide les utilisateurs, via une version flash ou une version iPhone aux contenus synchronisés, et une newsletter réalisée directement depuis un back-office simple et sur mesure.

mercredi 30 juin 2010

Essec - MUES - Illustrations Comportements

Dans la série du MUES, ci-dessous les illustrations pour un article de Patrice Noisette paru dans Ville.com(merce), sur les comportements de communication, les outils et l'approche qu'on peut en avoir.

Proximiste : attaché à l'espace physique et à la relation face-à-face avec une dimension forte de stabilité, pratiques de destination ou de proximité en optimisant le couple temps-lieu, discontinuité du temps.

Ubiquiste : attaché à la capacité de présence simultanée qu'apporte la dualité des lieux réels et virtuels, tout en choisissant ces lieux, immédiateté du temps.

Nomade : attaché au déplacement et au combinatoire, à la possibilité de réorganiser à tout moment (l'espace de référence est celui de l'itinérance, relativement indifférent aux lieux traversés ou occupés à un moment ou à un autre), pratiques d'opportunité avec subordination du lieu au programme temporel, continuité du temps.

dimanche 27 juin 2010

Essec - MUES - Illustrations Prospective 2030


Dans le cadre des Ateliers de Création Urbaine, j'ai illustré le projet du groupe MUES de l'Essec, dirigé par Patrice Noisette. Cette série d'illustration faisait partie des ACU pour le conseil régional d'Île de France et a donné lieu à la publication de l'ouvrage Ville.com(merce) chez Dominique Carré éditeur.

Lire la suite...

mardi 8 juin 2010

Urbanisme, Essec

Tout fraîchement parus, deux ouvrages dont j'ai fait les couvertures qui sont le point de départ d'une nouvelle collaboration de l'Aube avec l'Essec. Il s'agit donc d'un livre de Patrice Noisette et Franck Vallérugo traitant du marketing des villes dans des projets durables, et un livre de Jean Haëntjens sur les rêves et grandes idées de ville.

Y'a qu'à cliquer pour voir en plus grand.

- page 2 de 7 -