play, infographics, editorial Jason Ramasami play, infographics, editorial Jason Ramasami

Vector Process - folding Scissors

folding scissors.jpg

Vectors are a huge pain requiring you to plan and think carefully before committing. Fortunately, with the arrival of gorgeous software like Procreate and Affinity Designer on the iPad you can make some serious strides forward that were much more of a pain just five years ago.

Here is very short walkthrough to give you a taste of how I make nice vector art.

Roughs

Mainly I use a biro and a sketchbook unless it’s something more complicated requiring me to balance a lot of elements. In this case I am using some reference images of a really bizarre pair of folding scissors I saw in a lesson this week (thanks KB!).

IMG_8128.jpg

Procreate neat inking

If the image doesn’t look good at the bitmap stage it will NEVER look good in vectors - the key is to be as organised as possible before touching those mathemagical curves. I remember seeing vector tutorial magazines in the late nineties and thinking that the vector software must the best thing ever - but it was the organisation and design skill of the artist I was marvelling at!

IMG_8129.JPG

Affinity designer Vectors

To save boring you I made a 5 minute process video that skims through the stages.

I hope that this is useful. If you have any questions, comments or feedback please get in touch.

Read More
storytelling, infographics Jason Ramasami storytelling, infographics Jason Ramasami

The Big Picture published

Since creating the Big Picture mural I wanted to have something that was more portable and shareable. I had the idea of making a gatefold leaflet with some explanatory notes on the reverse like so:

My original design notes.

My original design notes.

10 Publishing have now printed this leaflet. This purpose of this is to have something handy that gives a sense of the overarching Bible storyline.

If you have used it and found it useful please leave a positive review on the site.

Read More
scribing Jason Ramasami scribing Jason Ramasami

A quick glance into my sketchnote/scribing process

I thought it would be worth sharing an example of how I produce sketchnotes/scribe material.

I thought it would be fun to share my scribing process. Thanks to the guys at Scriberia I took a look at this excellent Ted Talk by Shawn Achor:

They recommended a two hour timescale so I watched the video through and made these notes in my sketchbook:

Then I picked up Procreate on my iPad and organised my initial thoughts into something more accessible. Here is a timelapse of the process:

For me the process is often more interesting than the finished result. I hope you find it useful having a look at the image develop. Procreate is very useful for capturing this kind of thing.

Scriberia_Sample.jpg

“I like what I am seeing - could it be useful for my organisation?”

Consider some of the following possibilities as ways that scribing might benefit you:

  • live events - processing spontaneous and unexpected material 

  • repurposing existing content for greater usefulness

  • summarising key ideas in distinctive ways

  • grasping and making underlying connections explicit

  • aiding the retention of key messages when it most counts

For more information have a look at my dedicated scribing page.

Get in touch if you have any questions.

Read More
infographics Jason Ramasami infographics Jason Ramasami

The Lost Box Film & Infographic

The Lost Box.jpeg

18 months ago a friend of mine mentioned that he was working on a school space project with some ambitious and talented Year 11 students. The principal idea was that they were sending a weather balloon up into the stratosphere with a bunch of devices that would capture data and beam it back down.

I had the opportunity to capture the amazing story in a couple of short films. Here is a YouTube playlist that brings together all of the clips.

My ongoing fascination with creating infographic material led me to begin constructing a diagram that summarises/commemorates the journey of the first Lost Box.

Roughs

image.png

Biro on a notebook. Some quick thoughts summarising my general approach. Remember tat I had spent a lot of time absorbing the material at this stage, so I wasn’t coming ‘cold’ to the event.

Provisional Mock-Ups: exploded diagram and characters

image.png

This image was a combination of biro on paper, clip studio paint and some rudimentary colouring. I labelled all of the parts and used it to enquire with Pete Clarke (the lead teacher on the project) what each item was.

image.png

I began playing about with some humorous renditions of the main figures involved. One of the 16 year old students is quite literally like a Wookie, so this was particularly satisfying.

Exploded Diagram 2

image.png

This time I took the material into Affinity Designer - my favourite vector app ever, complete with the ability to bring hand-drawn strokes. I love that app.

The Flight Path - some early messing about

image.png

The main benefit of making mistakes is that you can clear the way to something far better - this early attempt at combining dates with the flight of the box has a few issues with it that became immediately obvious on producing the image.

Exploded Box further annotations

image.png
image.png

You can see where this was going.


Data-crunching the old fashioned way

I asked the team to produce some detailed (and date-specific) notes on the stages. I think it was interesting reflective exercise for them to undertake. I then processed these into a shorter version that would translate well into a poster format.

image.png
image.png

Here is my first attempt to try and understand how it might look graphically spread out across a page. I think this was the first time I properly understood what had been going on all that time with my mate Pete.

I then produced this outline with the possible idea of illustrating each of the dates. I particularly liked the bit where Vella and the 360 camera go skiing together but this was dumped later on because the overall poster was in danger of losing it’s focus.

image.png

Scale of ascent - solving it visually


The problems identified with the early diagram led me to do some extra homework and thinking about how to picture the ascent in a way that was simple to grasp. What was meaningful to the audience? How could you communicate this journey?

image.png

First Proper Compositions


For the first time I felt I could bring all the different elements together. It takes a while to understand complicated bits of information and how they link up - I now had the confidence to create an all0in-one summary. The project was beginning to fly.

image.png
image.png

After sleeping on it, I adjusted the shape of the diagram to reflect the height of the ascent. I like that this rough was done in red biro.

Timeline - first vectors

And so I began the long slow shuffle between biro scribbles and actual legible text/image in vector format. Everything was shifting as I knitted the bits together.

image.png

A more detailed composition

image.png


A step closer

This is a screenshot from Clip Studio Paint - I am taking a vector timeline (see above) and mashing it up in a bitmap format. CSP is my favourite drafting app - I just like the pencils set up I use. I can work quickly with it and move things around in ways that feel natural to my thought process.

image.png

Inking (AKA vectoring!) the final version

image.png

This is my favourite stage - most of the underlying thinking has been done and so I can listen to some music while enjoying drawing carefully. I could spend days in this state. Affinity Designer I love you (although I should add that it is essential to have it on both Mac and iPad because organising thousands of vector layers can be a royal pain on a tablet).

image.png

This page was generated using my previously posted process shots on this page.

POSTCRIPT

Just a week before the end of term we received news that the project had been given a finalist place in the Big Bang fair in March. This event is very well attended, so I am delighted to say that both the film(s) and infographic will get the opportunity to reach lots of people with this inspirational tale.

Read More