Adam and Cerys Wedding Invite Illustration

I’ve been doing a couple of little digital things in my spare time recently (spare time – pah!), so I thought I’d post them up here.

A friend at work needed an illustration to finish the invite (and website) he’d designed so I agreed to help.

I don’t do this stuff professionally any more but I dig the process, so this is how it goes:

The Brief

The design so far

.Adam-and-Cerys-Blog-post-image_1

The illustration brief

.Adam-and-Cerys-Blog-post-image_2

Read on to see how the final Illustration was created and delivered…

The Thought Process

The idea of origami and the Clifton Suspension bridge tickled my fancy so I spent 30 minutes on a google image journey grabbing and putting together a stream of conciousness thought process to see where it took me

.Adam-and-Cerys-Blog-post-image_3

.Adam-and-Cerys-Blog-post-image_4

I went off on a massive tangent after this – but you have to. The first idea is usually the one to go for, but you need to go round the houses and explore all the options to make sure the idea is right. Its just a thing you have to do.

The Response

Adam liked the idea, so I sat with him and very quickly thumb-nailed out what the illustration would look like with the letters in the towers and forced one-point perspective to check it would work.

Source_bridge_sketch

Concept approved. I estimated it would take about 1 day in total for everything including the thought process. Goal posts set, Illustration begins.

The Build 

I thought I would build it in Flash for shits and giggles. I know Flash like the back of my hand, the drawing tools are OK and I knew it would let me finish in the time I had estimated.

.Adam-and-Cerys-Blog-post-image_5

I started by scanning and resizing the thumbnail rough to fit the layout then moved onto drawing outlines. I like to keep everything on separate levels so you have control to re-position elements without having to break lines. This also gives you the best rigging set up for animation.

.Adam-and-Cerys-Blog-post-image_6

Using the minimum possible amount of tones I filled the line art

.Adam-and-Cerys-Blog-post-image_7

Made sure it was working tonally with the overall design

.Adam-and-Cerys-Blog-post-image_8

And erased the lines for the big reveal…

.Adam-and-Cerys-Blog-post-image_9

Tweaked the position and masked to fit the artwork. Job pretty much done.

.Adam-and-Cerys-Blog-post-image_10

Then the self-indulgent bit, rigging everything for animation. Just in case. You never know ;)

.Adam-and-Cerys-Blog-post-image_11

The final Illustration cleaned up and presented in a delivery ready FLA

.Adam-and-Cerys-Blog-post-image_12

Delivery

The tones needed tweaking a bit, and then needed some further tweaking after the journey from FLA > EPS > PSD > JPG

Here’s the final piece, delivered on time, on budget to a happy ‘client’.

postcard_template_us_DC1_Final_compressed-for-blog

Go visit @labfoo at http://lab.io/

Go on.

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s