Author: Claudio

Posted on

How to use space in graphic notes

Sketchnotes How to organise space in graphic notes
There are no magical rules to succeed! Only practice will help you to capture the essence of a speech, a presentation, a training, in… a short amount of time and space!

The practice consists in listen for key ideas, then recognize verbal cues that best identify these ideas and quickly replicate them through drawings and visual elements.

Preparation is key! What can you do in advance?

  • Get as much information as possible on…
    • the agenda: timing, talk points, breaks, etc, everything is precious
    • the speaker(s): background, photo, speaking style and pace
  • Prepare a library of possible icons and visuals on the subject by drawing them on a piece of paper from internet or Bikablo books
  • Prepare your sketchnotes:
    • Title, date, place, name of the speaker, twitter account/website, etc
    • You can sketch the speaker from a photo, the location (Paris, Bxl, NY), etc
    • Any footer with your signature?
    • If you are sure, you can already draw lines with a pencil to divide the available space in sections

Before the start

  • Choose a strategic place:
    • To have a clear view [then not the back of the room, nor the first row]
    • Comfortable enough to have your bloc-note and pens handy
  • Like an athlete before a competition, put yourself in the right mental condition:
    • Connect with yourself, with all your means, with your imagination and your fantasy
    • Don’t be afraid, your role is not produce a full transcript [minutes takers are there for that, or not, not you]
    • You can miss elements, don’t worry, your intuition will support you
    • Breathe calmly and relax you
  • Divide your paper in sections corresponding to the schedule but be VERY CAREFUL with that:
    • Speakers are unpredictable:
    • It’s better to capture what they really say, instead of anticipating what they had planned to say
    • Don’t numbered in advance their points, they can skip a point to stay in time or they can forgot to mention it
  • Remember that no law requires that your work is to be confined in one single page

Let’s go

  • Depending on your skills/mood of the day, you can prefer to work in monochrome or using more colours (a maximum of 4 colours is recommended by Brandy Agerbeck). You can also postpone full colourisation for after the event and use my guide How to colour your drawings in 10 steps
  • Depending on your preparation or intuition, you can opt for one of these models:
    • Linear which is the most common, easiest, more secure. It can spread on several pages with a typical start from the top-left corner, then continue to the bottom or to the right
    • Modulus like mind-map or web. Typical start from the center, use of lines to connect containers, any kind of lines and containers
    • Grid like in comics
    • Clouds
    • Columns
    • Timeline
    • Random
      Sketchnotes How to organise space in graphic notes
  • Stay focused on the main message and try to discard details that don’t reinforce it
  •  Forget to capture everything, that’s not the goal. What matters are your takeaways about what you considered important
  • Note great quotes like tweets, represent them visually
  • Draw simple objects in wire mode, especially people, you can come back on them later
  • Use a pencil to write keywords on which you can come back later
  • Use post-its (I use plenty of post-its)

Beforehand practice

  •  Search on sites like RSA, TED.com, Coursera for a short but inspiring speech and sketch it
    • Do it alone, or better… with others in order to compare, explain, confront your ideas [community of practice principles]
  • Build your own visual library by drawing in a sketchbook your icons to represent real objects like cup, pencil, doors, etc, and more abstract concepts like collaboration, idea, planning, etc.

Related post: To know what you’re going to draw, you have to begin drawing
In this second post, I expand my answer by talking about the importance of presence and listening.

Share on:
Posted on

How to colour your drawings in 10 steps

I published this article on Evernote in 2015 to answer questions from non-expert colleagues who were asking me how to simply colour a drawing on a computer. Since they regularly ask for it, I decided to import the article here on my blog.

I will explain a very simple and quick method. It is simple but complete. The starting point is (can be) a piece of paper with the drawing. Ideally, the drawing is not already coloured and the lines are in black ink on a white background for a strong contrast. If not… it’s still possible but you will spend more energy.

The method uses Adobe Photoshop CS6 but all steps are applicable to older/latest versions of Photoshop and on GIMP too. If the method does not use any advanced functionality, I assume, however, that you have a basic knowledge of Adobe Photoshop, or equivalent, to feel comfortable in the tool. Note that in the text below “Adobe Photoshop” is shortened in PS.

Last but not least, you can work with your mouse, then you need a good mouse and a good dose of patience, but the ideal is to work with a tablet and a stylus (Wacom for example).

Step 1: Digitalise your drawing

You can use either a scanner or a camera to convert your hand-made drawing to a digital file. A scanner is the best solution for sketches on a paper which size fits with the scanner (common sizes are A4 to A3). You have companies that offer the scan of very large supports but this service has a price. Otherwise, using a camera is always a good alternative for all kind of sizes.

  • When using a scanner, check these settings:
    • Resolution set at 300 dpi minimum, ideally 600 dpi
    • Always use the Color mode, even with B/W drawings
  • When using a camera, whatever the device or model, ensure:
    • A uniform and constant lighting on the whole drawing surface to reduce shadow areas to the minimum. Indirect lighting is the best. Never use the flash!
    • Your camera lens and your drawing are on parallel planes to reduce distortion to the minimum.
    • Use a tripod or keep your hands steady to avoid motion and blur.
  • Camera or smartphone?
    • Cameras (DSLRs or Compact System cameras) still offer a better resolution and sharpness due to their larger sensors – a 50mm lens gives the least distortion -, and they are still superior in low or difficult lighting.
    • Lighting is very important when using a smartphone.
    • For both: take a bunch of shots with different setups and select the best result.
    • There are plenty of good, and free, scanner apps for smartphones. Just google ‘best free photo scanner app’ to choose one.

Step 2: Import and prepare

I would never say it enough: Always work on a copy of your original file!

  • PS Menu > File > Open : select your file (a copy or your original!) on your computer and open it
    • Display the “Layers” window: PS Menu > Window > Layers (F7)
    • Your drawing is in the unique visible layer called “Background”
  • Double-click the “Background” layer to unlock it
  • Rename the layer into “Original”
  • Duplicate the layer and Rename the duplicated layer in “Drawing”
  • Hidden and Lock “Original” layer. We will work on “Drawing” layer

Step 3: Adjust: Rotate / Cut

  • If your image is not oriented correctly : PS Menu > Image > Image rotation
  • Often with a photo, you have first to change the perspective of the drawing to a rectangle: PS Menu > Edit > Transform > Distort or Perspective
  • Then discard from the image what is not relevant around the drawing:
    • PS Select tool > select the zone of the image that you want to keep. You can always adjust your previous selection: Menu > Select > Transform selection
    • PS Menu > Image > Crop

Step 4: Adjust the white balance

As in our example, the white balance is never correct from photos (remember the importance of lighting in step 1?). Depending on the quality of the photo, you can try one of these techniques, or combine them. Play with them to discover which one works best for you:

  • PS Menu > Image > Auto-contrast
  • PS Menu > Image >Adjustments > Brightness/Contrast
  • PS Menu > Image >Adjustments > Levels
  • PS Menu > Image >Adjustments > Curves
    This last technique is my favorite because it allows you to define your white, gray and black points with samples in the image:

    Look at the result with Curves:
  • For photos of landscapes of several meters (common in graphic recording), you should envisage to divide the image into several areas, apply the “Curves” tool on them and mix appropriately them. Read this article in French by @_Fanny_Thomas “Comment retoucher ses photos de fresque ?” that explains the full method.

Step 5: Clean-up

You can use one of these tools to remove scratches, dots, and other mistakes in the drawing:

  • “Spot healing brush tool”  when possible because it’s just magic (note that it doesn’t work on an isolated drawing – see next point)
  • “Brush tool”  set to the background color
  • “Eraser tool” 

Since these tools have an irreversible effect,  I personally prefer to use “Layer masks” to always be able to recover what I deleted.

I will not explain Layer masks here but you can search for good tutorials on internet.

Step 6: Isolate the drawing

We will now detach the black lines from the paper.

  • PS > Magic Wand Tool with tolerance set to 0 -> 50 + options Anti-alias, Contiguous and Sample All Layers unchecked
  • Click on a white area of the drawing and press Delete to remove the White colour from this layer. All that remains are the lines that have been drawn in ink.
  • Add a new layer below “Drawing” and rename it “Background colour”; fill in this new layer with white colour or any other colour and lock it.

Step 7: Flat colours and shadows

Prepare your layers to welcome colours:

  • Set blending mode of the “Drawing” layer to “Multiply”
  • Add a new layer below “Drawing” and rename it “Colours” + set its blending mode to “Multiply”. This layer will welcome your flat colours.
  • Add a new layer below “Colours” and rename it “Shadows”. This layer will welcome your shadows.
  • Add as many layers as you need (one by colour, one by effect, one by gradient, etc)

All what we have done till now was to prepare our work for colouring. You are ready now to fill in the related layers (Shadows or Colors) with colors:

  • You have complete freedom using the different types of brushes available to vary the effects and textures.
  • For shadows, I like the “Air Brush” with Opacity and Flow set to “25-75%” and brush size as large as possible
  • On closed delimited area, I use the “Paint bucket tool” with Contiguous and All layers options checked
  • On open delimited area, I use one of the “Lasso Tool” with Anti-alias option not checked.

Step 8: Draw

It may be useful to add lines to the original drawing.

  • Add a new layer below “Drawing” and rename it “Pencil” and set its blending mode to “Multiply”
  • Use different types of brushes or better, use the Pencil tool to draw (this is where the use of a stylus and a tablet makes a big difference compared to the mouse!)

Step 9: Save

Always save your work in Photoshop format (.PSD) , this allows you to keep your layers and to come back later if necessary.  Then, depending on the destination of your image:

  • For screen, typically for the web:
    • First reduce the size and resolution of the image to one that is suitable for a screen: PS Menu > Image > Image size > Set Resolution to 75 pixels/Inch and a set Width/Height (1024 pixels is already a large image on internet)
    • Then save it: PS Menu > Save for Web and devices > PNG-24 or Jpeg format
  • For printing, the question is more complicated. Ask to the “print officer”:
    • Required file format: EPS, PDF, TIFF, PSD, etc
    • Required color mode: CMYK (for offset printing) or RGB (for photo printing). You can set it in PS Menu > Image > Mode.
    • If all your fonts are supported (if you added text from Photoshop)
    • Export your work to the right file format: PS Menu > Save as

Step 10: Publish and share

In my opinion, the best solution is to publish your work on a website where you have the editorial control and to share/promote it from that place through social media. [This was valid in 2015 and still remains valid in 2018].

But there are plenty of other solutions out there:

  • You can publish your work on photo libraries like Flickr or on art galleries like Deviantart from where you can share/promote it on social media.
  • You can post and share directly your work on a social media platform like Facebook, Instagram, Tumblr, G+, Pinterest, etc (pay attention to the copyright of your images that is often transferred to the owner of the platform)
  • Finally, you can use cloud storage like Dropbox, Google Drive, etc.

 

Your questions and comments are more than welcome.

Share on:
Posted on

Visualisation of the 2017 #EURegionsWeek on Twitter

My original Visualisation of #EURegionsWeek 2017 on Twitter article is now  published on the Regional Studies, Regional Science open access journal.

It gives me a sense of pride that @RSRS_OA asked me to publish my data visualisation in their journal. I’d like to thank them very much for giving me this opportunity.

As so often with me, I started this project as an experiment. Little by little I worked on the data and, after a lot of tests, I finally arrive at this beautiful visualization. I anticipated that there was more to say, then I continued my investigation to conclude the article with the influencers.

I acknowledge that being published on the Regional Studies, Regional Science journal is a nice recognition. Nevertheless, I still prefer my original article where I allow my visitors to interact with the graph and with data. And as a bonus, I also give them some background information about the methodology and the used tools.

 

Share on:
Posted on

Le carnaval de Binche est une chose sérieuse

Le carnaval 2018 est terminé mais je voulais revenir sur le dimanche gras que j’ai passé à Binche. Personnellement, c’est la journée que je préfère des 3 jours gras. A cause de la diversité des masques et des costumes, des couleurs, et probablement aussi parce qu’il y a relativement moins de foule.

Pour rappel, le carnaval de Binche est inscrit au patrimoine culturel immatériel de l’humanité de l’UNESCO.  Il faut s’être mêlé aux festivités pour mieux comprendre le pourquoi de cette reconnaissance. La tradition, le folklore, l’engouement populaire, les couleurs, les costumes, les musiques, sont authentiques et envoutants. Au point que d’immatériel, ce patrimoine de l’humanité se transforme devant vous en quelque chose de bien tangible. La rivière de musiques et de danses traditionnels vous entraine dans son tourbillon. Quand vient le soir, vous sentez que vous n’avez pas assisté à un spectacle mais que vous avez vraiment participé avec les Binchois à une fête unique en son genre.

On ne rigole pas avec la tradition à Binche et on y fait la fête sérieusement. Est-ce pour cette raison qu’à mon retour de Binche, dimanche gras au soir, j’ai constaté que sur la plupart de mes photos, les personnes ont un air sérieux, absorbé, concentré? Et si joie il y a – et de la joie il y en a, je vous rassure – je la vois presque plus intérieure qu’extérieure sur mes clichés. Bien-sûr, j’ai des photos avec de l’allégresse et des rires francs, mais bizarrement ou coïncidence, elles sont floues ou moins belles.

Qu’en pensez-vous, surtout vous amis Binchois:  Est-ce cette reconnaissance de l’UNESCO (ou le fait que “El bon Dieu est Binchoû” ;-), qui donne aux binchois de ce dimanche gras après-midi cet air festif plus intériorisé? Ou n’ai-je encore rien compris au carnaval 😉 ?

Carnaval de Binche 2018 Carnaval de Binche 2018 Carnaval de Binche 2018 Carnaval de Binche 2018Carnaval de Binche 2018Carnaval de Binche 2018Carnaval de Binche 2018Carnaval de Binche 2018Carnaval de Binche 2018Carnaval de Binche 2018Carnaval de Binche 2018Carnaval de Binche 2018Carnaval de Binche 2018Carnaval de Binche 2018

Observez le regard derrière ce superbe masque vénitien, il vous sourit aussi avec un bonheur intérieur:

Carnaval de Binche 2018

Voir d'autres photos dans la galerie Flickr
Share on:
Posted on

12 mois d’illustrations

Que vous inspire le nombre 12?
Les douze coups de minuit? Peut-être un nombre sublime en mathématiques? (peut-être pas, désolé, j’aime bien les maths). Peut-être pensez-vous au nombre de signes du zodiaque, d’étoiles sur le drapeau Européen, de disciples de Jesus, de syllabes pour un alexandrin, de côtes dans votre corps, de travaux d’Hercules? Laissez courir votre pensée autour de ce nombre. Divaguez dans les mythes et les religions où il revient souvent.

Douze, c’est aussi et plus simplement, le nombre de mois dans une année. Eh ben, me direz-vous, toute cette diversion pour en arriver à cette banalité? Oui, car j’avais besoin que votre imagination s’évade en pensant au nombre douze, afin de mieux comprendre ce qui suit.

Ca fait un an, donc douze mois, que j’ai accepté de collaborer au blog toutestpossible.be de mon amie Florence Bierlaire en illustrant ses billets mensuels. Chaque mois, Florence m’envoit le texte de son prochain billet et elle me laisse carte blanche pour l’illustrer.

La confiance aveugle de Florence me rempli d’une joie immense car elle est le signe d’un respect, d’une reconnaissance et d’une grande amitié entre nous deux. Cette relation privilégiée fertilise le terrain où mon inspiration et ma créativité peuvent s’exprimer librement.

Liberté, certes, mais comme toute liberté il faut l’assumer. C’est pour moi un défi chaque mois. J’ai le trac quand je reçois l’email de Florence qui contient le texte de son nouveau billet à illustrer. De quel sujet s’agit-il? Vais-je en comprendre le sens? Serais-je inspiré pour l’illustrer? Trouverais-je un language visuel que les lecteurs de Florence comprendrons? Qui soit respectueux du sujet, de Florence la psy, de Florence mon amie et surtout de ses lecteurs? Autant de questions, et d’autres encore, qui reviennent chaque mois.

Mes inquiétudes laissent toutefois rapidement place à l’appétit et à l’excitation.

J’entre alors dans le texte, un nouvel espace à découvrir, un autre renard à apprivoiser, une nouvelle semence à planter.  Mon procédé est pratiquement toujours le même: lire le texte, comprendre, relire, ne pas interpréter, rester dans ce qui est dit, digérer, attendre, laisser reposer, relire ça et là le texte, le butiner, garder en mémoire ou esquisser mes idées visuelles, surtout les premières qui s’avèreront souvent être les meilleures, surligner dans le texte les mots ou les phrases qui me marquent, croquer au crayon les liens mentaux entre ces idées fortes. Puis, faire le point lentement. Décanter. Méditer sur les mots, les idées, les visuels, les connexions, les couleurs, mes émotions, mes ressentis.

A la fin vient mon carnet de dessin où j’y agence mes idées en traits de crayon d’abord, en courbes, en couleurs et en ombres ensuite. Parfois simplement en noir et blanc.

Voici les 12 illustrations de l’année 2017. Vous pouvez cliquer les images pour les agrandir et le lien en dessous pour lire l’article dans son entièreté:

"Comment garder ses bonnes résolutions"
Janvier 2017: Comment instaurer de nouvelles habitudes dans votre vie?

"Comment déborder d'énergie?"
Février 2017: Comment avoir plus de jus au quotidien et déborder d’énergie?

Comment définir et identifier le burnout
Mars 2017:  Le burn out: Comment définir et identifier ce mal qui nous consume?

Comment faire des choix éclairés
Avril 2017: Comment faire des choix éclairés en 10 étapes?

Comment s'affirmer et poser des limites
Mai 2017: J’apprends à m’affirmer et à poser mes limites

Sketchnotes: Comment sortir du burnout?
Juin 2017: Le burn out: Comment en sortir, comment se reconstruire ?

Sketchnotes "La slow attitude"

Juillet 2017: Retrouver l’art de flâner et adopter la slow attitude!

Sketchnotes: Comment vivre motivé et de meilleure humeur
Août 2017: Comment vivre motivé et de meilleure humeur !

Sketchnotes "Comment se simplifier la vie?" Sketchnotes "Comment se simplifier la vie?"
Septembre 2017: Apprendre à se simplifier la vie !

Sketchnotes "Comment réveiller son charisme"
Octobre 2017: Comment réveiller le charisme naturel qui est en vous ?

Sketchnotes "Le bore out"
Novembre 2017: Le Bore Out ! Un phénomène aussi destructeur que le Burn Out?

Sketchnotes "Les fêtes, du bonheur ou un calvaire?"
Décembre 2017: Les Fêtes de fin d’année : bonheur pour les uns, calvaire pour les autres !

 

Illustrer les billets de Florence qui traitent de psychologie ne fut pas chose aisée, même si l’humain et ses relations avec les autres et avec lui-même sont un domaine que j’apprécie particulièrement.  Je constate, outre l’aspect purement technique du dessin, que cela m’a demandé de la concentration pour bien comprendre ce qui est dit, et juste ce qui est dit, sans extrapoler. Une juste balance entre la méditation nécessaire pour digérer le sujet et … laisser courir mon imagination autour de ce dernier. C’est cet équilibre qui aura représenté la plus grande difficulté. M’en tenir au sujet mais imaginer loin comment le visualiser.

Les douzes articles de 2017 auront été un défi où, à chaque mois, j’aurais appris quelque chose. Ce fut avant tout une très belle expérience humaine entre Florence et moi. Je suis sûr qu’elle va grandir encore lors de cette nouvelle année (retrouvez les nouvelles illustrations dans mon album Flickr). Cette collaboration m’a aussi et surtout aidé à progresser dans ma pratique de l’illustration, dans celle de la lecture attentive ainsi que dans mes autres activités où j’utilise le language visuel.

Merci Florence!

Share on:
Posted on

#SNDay2018

For the third year in a row, visual thinkers in the world celebrated the World Sketchnote Day on 11 January. At the call of Mike and Mauro , the two geniuses behind the Sketchnote Army blog, hundreds of sketchnoters, graphic recorders/facilitators, doodlers, or simple visual lovers, shared on social media their piece of work on sketchnoting with the #SNDay2018 hashtag.  See the amazing creativity and diversity of ideas posted on Twitter or Instagram.

Since 2017 for #SNDay2017, where I participated alone, I feel that the visual thinkers community has grown on Internet, but in my working environment too. Thanks to Catherine and Gene, who are two colleagues very engaged in visuals like me, we have a small but existing community of visual thinkers in the European Commission. I sent them an invitation for a collective sketchnoting session on 11 January lunchtime and four of them were available: Catherine, Gene, Celia and Fred. We met on two different sites in Brussels via video-conference facilities (this is why some pics look strange).

I offered to practice sketchnoting on “What does visuals bring us personally or to our institution?”

My take-away of the session:

There is a particular energy to “work visually” together on the same subject, respecting and adding our different visual styles. This energy is even stronger when you feel united to a global community that the same day celebrates the beauty and power of the visual language.

We shared our pictures and sketchnotes on social media with other practitioners (it’s fun to notice pics from one side of the screen to the other). We also photographed ourselves in #eyecontact mode, according to Chris‘ idea.

Share on:
Posted on

Le sens émerge dans le câlin du silence

Si vous aimez la musique, vous n’êtes pas sans savoir que le silence en constitue un élément important, autant que les notes.

“Le silence musical est une valeur temporelle qui permet, en musique tonale, de séparer et de différencier les sons afin de mettre en exergue leurs relations.” – universalis.fr.

Comme ses soeurs les notes sonores, le silence possède une transcription dans la notation musicale. Pour être précis, il existe 7 différentes durées du silence qui correspondent aux 7 figures de notes. Ce sont la pause, la demi-pause, le soupir, le demi, quart, huitième, et seizième de silence.

Un peu comme le silence en musique, le silence me permet de séparer le brouhaha dans ma vie quotidienne. C’est lui qui différencie le bruit ambiant du sens. “Je vois ce que tu veux dire“. Sa durée et sa qualité me permettent de sculpter, de verticaliser, d’approfondir ce qui précède, la phrase, le sens.

Le silence dans une conversation, c’est comme les blancs dans la page d’un livre, les ombres dans un paysage, la longueur d’un vin. Plus il est long et plus la perspective change. J’entends, je comprends et assimile différement ce qui m’est dit. L’important n’apparait vraiment que dans le silence. Le sens émerge dans le câlin du silence.

Mais quand le silence prend le dessus sur le son, quand l’équilibre de la balance entre les deux s’inverse, alors j’entre dans une autre temporalité. J’entre dans la méditation, dans le royaume du silence, dans l’univers entier. Ce qui est important et ce qui est vrai envahissent l’espace autour et en moi. Mon égo se rétracte pour laisser s’épanouir qui je suis vraiment.

Cette réflexion sur le silence et son rapport au son, à la musique, à la vie, découlent de ma rencontre avec Jean-Paul Dessy  à l’Arsonic de Mons en Décembre 2017. L’Arsonic offre dans sa “Maison de l’Écoute” un espace dédié à l’écoute fine et intime de la musique, et avec sa Chapelle du silence un espace de recueillement et havre de silence où reposer son esprit et ses oreilles. Non pas que je découvrais le silence, loin de là, car lui et moi sommes intimement liés depuis ma tendre enfance. Mais Jean-Paul y a apporté une coloration, ou plus tôt une sonorité particulière. En tant que violoncelliste, compositeur, chef d’orchestre, et concepteur de l’espace Arsonic, Jean-Paul a des mots qui résonnent très forts sur ceux qui aiment le silence:

“Pour se reconnecter à la part la plus silencieuse, la plus paisible et la plus heureuse de nous-même, il faut du temps. Il faut s’offrir du temps. Il faut offrir du temps à la musique. On accède alors à un autre espace, à une autre temporalité, à un autre espace-temps. L’Arsonic a été conçu comme un temple du non mental, du non espace-temps horlogé. Il permet d’entrer dans une dimension plus large de nous-mêmes.”

Jugez-en par vous-même:

Inspiré par Jean-Paul Dessy et le silence

Notes:
J’ai visité l’Arsonic dans le cadre d’une visite de sites à Mons qui ont bénéficié des fonds Européens (FEDER). Subjugué par l’endroit, j’y suis resté quelques heures alors que mon groupe poursuivait son parcours de visite dans la ville. J’ai entendu par trois fois Jean-Paul Dessy accueillir des visiteurs et ensuite les gratifier de ce morceau à son violoncelle ami (que j’ai filmé avec mon téléphone à la troisième et dernière fois). Entre chaque visite, je me suis cloîtré, seul, dans la Chapelle du silence où j’ai médité et esquissé le dessin. Entre Jean-Paul et moi s’est tissée une belle entente basée sur des valeurs communes. Que de sens ce jour là.

Share on: