tag:blogger.com,1999:blog-4116879442738111382024-03-13T13:59:16.599-07:00Graphic Design by JohnathonAnonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.comBlogger21125tag:blogger.com,1999:blog-411687944273811138.post-55914715264286159892012-07-09T12:07:00.000-07:002012-07-09T12:07:18.172-07:00Been away but coming back soon :)Hi all.<br />
<br />
I have been away for awhile, since April. Sorry for that. I will be posting some new material soon. Until then enjoy your summer.<br />
<br />
JohnAnonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-42821456692666239802012-04-17T09:11:00.001-07:002012-04-17T09:11:37.399-07:00Illustration Friday PiecesGood day all. I have been working on Illustration Friday pieces off and on for the last couple months. I haven't really stayed with one style or another as I've been using these to explore different styles and techniques.<br />
<br />
For the first word, Grounded, I was actually showing my children how to use basic shapes and the illustration just kinda happened.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6958936647/" title="grounded basic shapes by Johnathon Ayles, on Flickr"><img alt="grounded basic shapes" height="429" src="http://farm8.staticflickr.com/7064/6958936647_7dc1dcd487_z.jpg" width="640" /></a><br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6958936839/" title="grounded rough lines_0001 by Johnathon Ayles, on Flickr"><img alt="grounded rough lines_0001" height="640" src="http://farm8.staticflickr.com/7191/6958936839_f47ee4eafb_z.jpg" width="424" /></a>
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6812825762/" title="grounded finished inked turned by Johnathon Ayles, on Flickr"><img alt="grounded finished inked turned" height="467" src="http://farm8.staticflickr.com/7200/6812825762_c31347ccfe_z.jpg" width="640" /></a>
<br />
<br />
The second word I did work for was, Prepared. For this piece I decided to try my hand at doing a 3 panel comic style page. Things were progressing well and then someone broke into my truck and did a bunch of damage, I got side tracked with repairs, insurance and police reports and I have not made it back to this piece yet. Here is where I left it.<br />
<br />
Thumb nails<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6714796067/" title="prepared-thumbs by Johnathon Ayles, on Flickr"><img alt="prepared-thumbs" height="640" src="http://farm8.staticflickr.com/7150/6714796067_e489d3ff0f_z.jpg" width="494" /></a><br />
<br />
work in progress<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6724073297/" title="prepare-rough lines by Johnathon Ayles, on Flickr"><img alt="prepare-rough lines" height="640" src="http://farm8.staticflickr.com/7034/6724073297_eb58655116_z.jpg" width="494" /></a>
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6728395127/" title="prepare - stage 1 by Johnathon Ayles, on Flickr"><img alt="prepare - stage 1" height="640" src="http://farm8.staticflickr.com/7165/6728395127_744c852d59_z.jpg" width="494" /></a>
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6755302409/" title="prepare by Johnathon Ayles, on Flickr"><img alt="prepare" height="640" src="http://farm8.staticflickr.com/7009/6755302409_464d189526_z.jpg" width="494" /></a><br />
<br />
As you can see there is still a fair amount of work to be done and I plan on getting back to it after I finish up my final exams.<br />
<br />
For the word, Forward, I wanted to give a graphic style a go. I worked with coloured pencils and graphite. There is four elements to this illustration and all of them come back to moving forward.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/7074551055/" title="forward3 by Johnathon Ayles, on Flickr"><img alt="forward3" height="640" src="http://farm8.staticflickr.com/7107/7074551055_2a01897351_z.jpg" width="467" /></a><br />
<br />
A clock, because time is always moving forward, and never seems to leave us enough.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/7074552303/" title="forward4 by Johnathon Ayles, on Flickr"><img alt="forward4" height="640" src="http://farm8.staticflickr.com/7083/7074552303_c0df3b24fd_z.jpg" width="467" /></a><br />
<br />
The blue arrows are from the fast forward buttons on most electronics and the yellow arrow is always the one we follow while driving.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6928473936/" title="forward5 by Johnathon Ayles, on Flickr"><img alt="forward5" height="640" src="http://farm8.staticflickr.com/7215/6928473936_6cd472a893_z.jpg" width="467" /></a><br />
<br />
The little green arrows are seen everywhere to direct us where to go. Weather in a mall, library or school, really any major public venue, these arrows are what we follow.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/7074556043/" title="forward finished by Johnathon Ayles, on Flickr"><img alt="forward finished" height="640" src="http://farm8.staticflickr.com/7079/7074556043_1ff8a22304_z.jpg" width="467" /></a><br />
<br />
Here at the finished illustration you can see that the negative space is arrows going in the opposite direction. This is to get you thinking, is there a way to move backwards?<br />
<br />
Ok for the word Capable, I'm interested in mixing my illustrations and photography to see weather I can develop a style of my own. This is just me playing around with an older drawing, of Emma Frost from the Marvel Universe, scanned clipped form the original file and brought into the landscape photo.<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6928445416/" title="Capable by Johnathon Ayles, on Flickr"><img alt="Capable" height="360" src="http://farm8.staticflickr.com/7101/6928445416_1e377544ee_z.jpg" width="640" /></a>
<br />
<br />
You can clearly see from this early trial that I have a lot of refining to do. But I am going to continue to explore the style concept, perhaps with some digital renderings and photography?<br />
<br />
Digital rendering? This seems to be the way of things lately. So, I decided to do my illustration for Intent in this medium. When thinking about the word Intent the first thing that came to my mind was the Joker from Batman. This guy always has the most interesting intentions.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/7074528335/" title="intent-smile by Johnathon Ayles, on Flickr"><img alt="intent-smile" height="640" src="http://farm6.staticflickr.com/5038/7074528335_8b749cf89a_z.jpg" width="494" /></a><br />
<br />
I started with some rough lines, shadows and some basic colours. The smile and rubber chicken are both iconic images associated with the Joker so I got these done early on.
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/7074529521/" title="intent-finihead by Johnathon Ayles, on Flickr"><img alt="intent-finihead" height="640" src="http://farm6.staticflickr.com/5450/7074529521_b796fbc99a_z.jpg" width="494" /></a>
<br />
<br />
I worked on his head next, getting a feel for how much detail work I wanted in this illustration.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6928450776/" title="intent-arms by Johnathon Ayles, on Flickr"><img alt="intent-arms" height="640" src="http://farm8.staticflickr.com/7209/6928450776_724e2c4447_z.jpg" width="494" /></a><br />
<br />
I dropped a solid colour background in just to allow myself a clear way of seeing where the white elements were lining up.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6928452026/" title="intent-almost done by Johnathon Ayles, on Flickr"><img alt="intent-almost done" height="640" src="http://farm8.staticflickr.com/7190/6928452026_860f7765d7_z.jpg" width="494" /></a><br />
<br />
Once I had the white areas done I got rid of the background and got to work on his upper body and the bazooka.
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6928453376/" title="intent by Johnathon Ayles, on Flickr"><img alt="intent" height="640" src="http://farm8.staticflickr.com/7049/6928453376_c0c3daac53_z.jpg" width="494" /></a><br />
<br />
To finish it off I put in a more subtle back ground colour. I'm not sure I'm finished with this piece. I'm thinking of adding Harley in the background maybe peaking out from under his arm? I'm not sure? But for the word Intent I think this works well.<br />
<br />
Well there you have it. This is where I'm at with my Illustration Friday pieces. I have concepts started for Vocal, Twirl and Popularity but they are not presentable at this time. I hope to have them underway by the end of the week, tomorrow, later today we will see how finals go.<br />
<br />
Cheers<br />
JohnathonAnonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com2tag:blogger.com,1999:blog-411687944273811138.post-29635693208868019642012-04-16T11:42:00.000-07:002012-04-16T11:42:11.898-07:00Bill Spear on DesignHey everyone, I was just looking into some travel stuff for my trip to Alaska (yes I'm very excited about Alaska, lol) and I came across this gentleman and his website. While here I got to reading his About Us page and I think what he has to say is very interesting and I hope you do to. Here is the link <a href="http://wmspear.com/about.php">http://wmspear.com/about.php</a> do check it out.<br />
<br />
Cheers<br />
JohnathonAnonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-69703241081876361002012-04-16T09:49:00.002-07:002012-04-16T09:49:57.784-07:00Digital Landscape rendering of Alaskan MountainsGood day. Today I would like to share with you a landscape rendering I did in Photoshop CS5. The image is a representation of what I am hoping will be the type of views I find on my upcoming trip to Alaska. To start I put down a large block of colour to start the base layer of my water.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6938253446/" title="Digital Landscape 1, Alaska by Johnathon Ayles, on Flickr"><img alt="Digital Landscape 1, Alaska" height="360" src="http://farm6.staticflickr.com/5457/6938253446_e56a1f9f18_z.jpg" width="640" /></a><br />
<br />
Next I started filling in the shoreline and put a lone boulder in the water to help add some depth.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6938253638/" title="Digital Landscape 2, Alaska by Johnathon Ayles, on Flickr"><img alt="Digital Landscape 2, Alaska" height="360" src="http://farm8.staticflickr.com/7085/6938253638_92761cf7b6_z.jpg" width="640" /></a><br />
<br />
Ok, things down here are progressing well so next I started on the sky and clouds.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/7084330177/" title="Digital Landscape 3, Alaska by Johnathon Ayles, on Flickr"><img alt="Digital Landscape 3, Alaska" height="360" src="http://farm6.staticflickr.com/5322/7084330177_73a883f23f_z.jpg" width="640" /></a><br />
<br />
Starting to really look good and I've managed to keep my brush stokes fairly loose with no outlines. Next we need some mountains.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6938254152/" title="Digital Landscape 4, Alaska by Johnathon Ayles, on Flickr"><img alt="Digital Landscape 4, Alaska" height="360" src="http://farm8.staticflickr.com/7192/6938254152_6f1cd2fa37_z.jpg" width="640" /></a><br />
<br />
So with everything starting to fill in I only have a couple more elements to add. Snow capped peaks, a tree line and some clouds coming through the mountain passes.
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/7084330449/" title="Digital Landscape 5, Alaska by Johnathon Ayles, on Flickr"><img alt="Digital Landscape 5, Alaska" height="360" src="http://farm6.staticflickr.com/5116/7084330449_0e72ae089e_z.jpg" width="640" /></a><br />
<br />
Ok, looking good. But the water needs something. How about some reflections of the clouds.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/7084330625/" title="Digital Landscape Final, Alaska by Johnathon Ayles, on Flickr"><img alt="Digital Landscape Final, Alaska" height="360" src="http://farm6.staticflickr.com/5038/7084330625_1dd23f6ce4_z.jpg" width="640" /></a><br />
<br />
Not bad for a loose technique. I hope you like it. I will post more landscapes soon and watch for my photo sets from Alaska coming soon.Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-43762695970562811832012-04-13T06:55:00.000-07:002012-04-13T06:55:01.801-07:00Missing LinksGood day, I'm not sure what happened with my last post? The images were there for a day and then they vanished. So I'm just going to repost them here before I carry on with a new post.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6958958379/" title="cover by Johnathon Ayles, on Flickr"><img alt="cover" height="280" src="http://farm8.staticflickr.com/7176/6958958379_4d59f18c0f_z.jpg" width="640" /></a>
<br />
<br />
This is the cover.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6892929134/" title="pg 1 by Johnathon Ayles, on Flickr"><img alt="pg 1" height="563" src="http://farm8.staticflickr.com/7106/6892929134_457a508940_z.jpg" width="640" /></a><br />
<br />
This is the first page image.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/7039025007/" title="pg 1 by Johnathon Ayles, on Flickr"><img alt="pg 1" height="563" src="http://farm8.staticflickr.com/7133/7039025007_d94179473e_z.jpg" width="640" /></a><br />
<br />
This is the second page.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6892929626/" title="pg 3 by Johnathon Ayles, on Flickr"><img alt="pg 3" height="563" src="http://farm8.staticflickr.com/7236/6892929626_268e50fe99_z.jpg" width="640" /></a><br />
<br />
This is the third page.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/7039025471/" title="pg 4 by Johnathon Ayles, on Flickr"><img alt="pg 4" height="563" src="http://farm8.staticflickr.com/7208/7039025471_c42b721fc1_z.jpg" width="640" /></a><br />
<br />
This is the fourth page.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6812847764/" title="pg-7 by Johnathon Ayles, on Flickr"><img alt="pg-7" height="563" src="http://farm8.staticflickr.com/7049/6812847764_d2c8e0a225_z.jpg" width="640" /></a><br />
<br />
This is the fifth page.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6896005168/" title="pg-6 by Johnathon Ayles, on Flickr"><img alt="pg-6" height="563" src="http://farm8.staticflickr.com/7275/6896005168_44b64007d4_z.jpg" width="640" /></a><br />
<br />
And this is the sixth and final page of my 2012 Creative Photoshop book. Sorry again for the previous post.Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com1tag:blogger.com,1999:blog-411687944273811138.post-33387497121729368112012-04-03T07:57:00.001-07:002012-04-03T07:57:46.613-07:00<br />
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
Hello fellow bloggers. With only three weeks left until graduation projects are coming to completion and I just wanted to share with you some of what has been keeping me up at night.</div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
These are the final pages for my 2012 Creative Photoshop Collection booklet. The first page of the booklet is a technique I learned from <a href="http://psd.tutsplus.com/tutorials/designing-tutorials/adding-flames-and-effects-to-make-an-image-with-impact/"><span style="color: #0b15e8; text-decoration: underline;">www.psd.tutsplus.com</span></a>. This tutorial is about adding flames to an athlete while in motion. The tutorial used a snowboarder.</div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<img alt="09.jpg" src="webkit-fake-url://8D70C8F7-DF69-48D4-8C9D-C4AA45B723F6/09.jpg" /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
What I really liked about this was the background. Yes the flames are cool but I have brushes in photoshop that do the same thing. I wanted the capture the gritty feeling of this image. I've had a stock image in my library of a male hip-hop dancer in this interesting jumping position for sometime now and felt he would work great with this technique.</div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<a href="http://www.flickr.com/photos/gdbyjohnathon/6892929134/"><img alt="6892929134_457a508940_z.jpg" src="webkit-fake-url://8D70C8F7-DF69-48D4-8C9D-C4AA45B723F6/6892929134_457a508940_z.jpg" /></a></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
As you can see I made the image a bit more gritty by applying some more texture to the back ground. I did add some flames but only very minor as compared to the tutorial. To finish off this technique I used the flare tool to add a power point to his hand giving the image a bit of an aggressive feel. Next we will look at the second page of the booklet .</div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
For this page I got back to my comic book roots and attempted a technique with a Sin City kinda feel to it. I found this technique at <a href="http://anothera.net/"><span style="color: #0b15e8; text-decoration: underline;">anothera.net</span></a>. The nice thing about this tutorial is that they provided a video.</div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="background-color: black; font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
</div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
Although I used my own images, I didn't really deviate from this tutorial. This style has a very specific feel to it and I wanted to not lose it.</div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<a href="http://www.flickr.com/photos/gdbyjohnathon/7039025007/"><img alt="7039025007_d94179473e_z.jpg" src="webkit-fake-url://8D70C8F7-DF69-48D4-8C9D-C4AA45B723F6/7039025007_d94179473e_z.jpg" /></a></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
The rain proved to be a bit of a challenge and I still feel it might be a bit overpowering but it was a good time working on it.</div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
Here is where I made some changes to the content in my book. Originally my third page was going to be a displacement technique that I applied to a beautiful latin model. The technique worked fine.</div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<a href="http://www.flickr.com/photos/gdbyjohnathon/6958958689/"><img alt="6958958689_1e4050de52_z.jpg" src="webkit-fake-url://8D70C8F7-DF69-48D4-8C9D-C4AA45B723F6/6958958689_1e4050de52_z.jpg" /></a></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
But this image just didn't have the same feel that the rest of the book was developing. I wanted to keep going with a more abstract/gritty feel. So, I got looking around and I found this decomposed – abstract technique on <a href="http://www.psdbox.com/tutorials/decomposed-abstract-photoshop-tutorial/"><span style="color: #0b15e8; text-decoration: underline;">psdbox.com</span></a>.</div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<img alt="decomposed-preview.jpg" src="webkit-fake-url://8D70C8F7-DF69-48D4-8C9D-C4AA45B723F6/decomposed-preview.jpg" /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
Unfortunately, I was unable to find a suitable male model to replace this guy (if any ladies out there know where to get good quality images of CLOTHED male models please send me a link) so I ended up using the same model and altered the technique. I decided to do some abstract pieces to tie everything into the abstract typography piece I did for the cover, which I have shared in a previous post. There really is not a set formula for a technique like this you kinda just throw stuff down and get what you get.</div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<a href="http://www.blogger.com/%3Ca" title="pg 3 by Johnathon Ayles, on Flickr"><img alt="pg 3" height="563" src="http://farm8.staticflickr.com/7236/6892929626_268e50fe99_z.jpg" width="640" /></a></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
As you can see I got a lot more aggressive with things. I also added a texture to the background to help tie this page into the next piece as they are the center splash of the book.</div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
Which brings us to the next page.This page features a stylish lighting effect that I found on <a href="http://abduzeedo.com/stylish-light-effect-photoshop"><span style="color: #0b15e8; text-decoration: underline;">abduzeedo.com</span></a>.</div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<img alt="Conclusion.jpg" src="webkit-fake-url://8D70C8F7-DF69-48D4-8C9D-C4AA45B723F6/Conclusion.jpg" /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
Once again it was the bright abstract feel that attracted me to this technique. I used a different model and added some extra elements but pretty much followed this tutorial to it's design.</div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<a href="http://www.flickr.com/photos/gdbyjohnathon/7039025471/"><img alt="7039025471_c42b721fc1_z.jpg" src="webkit-fake-url://8D70C8F7-DF69-48D4-8C9D-C4AA45B723F6/7039025471_c42b721fc1_z.jpg" /></a></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
As you can see the background texture is the same for this page as well as the last and I hope they marry up nicely together in the book. With only a couple of pages left I wanted to show a couple of refined techniques and the next one I learned in class here at <a href="http://www.mohawkcollege.ca/"><span style="color: #0b15e8; text-decoration: underline;">Mohawk College</span></a>. It's a multi-coloured box design that has a slightly abstract element to it.</div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<img alt="image.tiff" src="webkit-fake-url://8D70C8F7-DF69-48D4-8C9D-C4AA45B723F6/image.tiff" /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
When I applied this technique I used an image that had a more vibrant feel to it. and once I was finished the technique I added a brighter background to help the image fit into the booklet for the fifth page.</div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<a href="http://www.flickr.com/photos/gdbyjohnathon/6812847764/"><img alt="6812847764_d2c8e0a225_z.jpg" src="webkit-fake-url://8D70C8F7-DF69-48D4-8C9D-C4AA45B723F6/6812847764_d2c8e0a225_z.jpg" /></a></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 19.0px;">
<br /></div>
<div style="font: 16.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
I like the look of this technique on a model with clean lines but if you want to see this technique done with some more attitude you have to check out <a href="http://jeffersonceballos.blogspot.ca/">Jefferson Ceballos</a> rendering of this technique. (He hasn't posted it yet but has assured me it will be up soon.)<br />
<br />
For the final page I got completely away from the abstract theme I had going but I absolutely love the look of this technique. I came across this next technique at <a href="http://www.photoshopstar.com/photo-effects/creating-drawing-effect-on-the-photo/">photoshopstar.com</a>, and being a penciler at heart I had to give it a go. There really wasn't much to this technique (surprisingly) and it has a nice elegant feel.<br />
<br />
<br /></div>
<a href="http://www.flickr.com/photos/gdbyjohnathon/6896005168/" title="pg-6 by Johnathon Ayles, on Flickr"><img alt="pg-6" height="563" src="http://farm8.staticflickr.com/7275/6896005168_44b64007d4_z.jpg" width="640" /></a>
<br />
<br />
So there you have a full preview of my 2012 Creative Photoshop Collection book, hope you like it and I can't wait to see it printed.<br />
<br />
CheersAnonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-78926679316410254962012-03-13T09:42:00.000-07:002012-03-13T09:52:12.102-07:00Emotional Labour"Emotional Labour," as defined by Seth Godin in a podcast by <a href="http://www.cbc.ca/spark/2010/01/spark-97-january-3-5-2010/">Spark 97</a>, is to do the difficult work that others are not willing to do. That the act of connecting with another human being and making a change even when it is not easy to facilitate at the time...<br />
<br />
Seth Godin is talking about the individual who is willing to take the initiative, give his/her ideas away for free so that he/she can get their ideas out there. This is because if your ideas are not out there then no one knows about them and they are worthless. Seth also talks about attention being the most precious thing that anyone should strive for, because having someone pay attention to you is the only way to get your ideas out there.<br />
<br />
Not many people can explain or say this better than Seth Godin, and I'm not trying to either. I'm just hoping that by sharing with you the what, who's, and how's of my experiences I will be able to inspire some of you to put your ideas out there and get the attention you deserve.<br />
<br />
Emotional labour for me is not just about getting my work or ideas noticed, but helping my children express and achieve their ideas. Weather it's in karate, gymnastics or trying to organize a club (Aavery has had a drawing club in previous years, this year it's basketball). I take great pride putting in the "Emotional Labour," to help them see their ideas come to fruition.<br />
<br />
An example of someone giving something away for free that I have come across is a website devoted to providing royalty/licence free vector images is <a href="http://www.vectorjunky.com/">Vector Junky</a>. On their website you can find just about anything you can think of, and other than having to wait 60 sec's in between downloads they don't ask for much. Yes there are ads on the site and they have a second section of graphics that are from <a href="http://www.shutterstock.com/">Shutterstock</a> (which is a pay site), you don't have to look at these.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6833379996/" title="Vector Junky screen cap by Johnathon Ayles, on Flickr"><img alt="Vector Junky screen cap" height="341" src="http://farm8.staticflickr.com/7194/6833379996_e880d7a28b.jpg" width="500" /></a><br />
<br />
A website I like to look in on that I feel is truly an Emotional Labour for those who run it is a memorial site for <a href="http://michaelturnershrine.com/">Micheal Turner</a>. Micheal Turner was a comic book artist who got his start drawing backgrounds. That's it, just the backgrounds weather a city scape, land scape, or the inside of a secret hideout that's what he did. Eventually he gained recognition and went on to draw characters such as Supergirl, Batman, Superman,<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6979540465/" title="SupermanBatman Cover 9 by Johnathon Ayles, on Flickr"><img alt="SupermanBatman Cover 9" height="400" src="http://farm8.staticflickr.com/7204/6979540465_876fed3de8.jpg" width="300" /></a>
<br />
<br />
Then he moved on to work on Witchblade and Tombraider.<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6979548253/" title="Tombraider/Witchblade by Johnathon Ayles, on Flickr"><img alt="Tombraider/Witchblade" height="500" src="http://farm8.staticflickr.com/7176/6979548253_a3baba278d.jpg" width="324" /></a>
<br />
<br />
After achieving some good success with these characters he went on to develop his own character Aspen for his own title Fathom.<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6833484968/" title="f9b by Johnathon Ayles, on Flickr"><img alt="f9b" height="500" src="http://farm8.staticflickr.com/7188/6833484968_91912dd86b.jpg" width="316" /></a>
<br />
<br />
This led him to launching his own company <a href="http://www.aspencomics.com/">Aspen Comics</a>. The guys at Aspen Comics carry on and it was here that I found the next person I would like to introduce you to, <a href="http://www.marcusto.com/">Marcus To</a>.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6833463668/" title="RROB_Cv19_ds.indd by Johnathon Ayles, on Flickr"><img alt="RROB_Cv19_ds.indd" height="500" src="http://farm8.staticflickr.com/7190/6833463668_1fb81e44a7.jpg" width="325" /></a>
<br />
Marcus, is good at doing Emotional Labour as well, by sharing sneak peaks of his current or upcoming work. I love checking his <a href="https://twitter.com/">twitter</a> feed to see what he is working on.<br />
https://twitter.com/#!/marcusto
<br />
<br />
There you have it, I hope that by me sharing these websites and artists I have been able to change your mind about weather or not to put yourself out there for everyone to see. I made the leap, here, and I hope that you well enjoy looking through my blogs as much as I am having bring them to you.Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-61328367533686443112012-03-06T07:59:00.000-08:002012-03-06T07:59:18.970-08:00Creative Photoshop Book pagesSo most of my time has been spent preparing the cover and some pages for my Creative Photoshop book. For my cover I went with a typographic abstract image. I learned this technique from <a href="http://www.digitalartsonline.co.uk/tutorials/?featureID=3319521#1">www.digitalartsonline.co.uk</a>.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6958958379/" title="cover by Johnathon Ayles, on Flickr"><img alt="cover" height="219" src="http://farm8.staticflickr.com/7176/6958958379_4d59f18c0f.jpg" width="500" /></a><br />
<br />
As I complete the various pages I will be posting them, so far I have two pages done. These will be pages 7 and 8 in my book. Page 7 is a technique learned while attending Mohawk College's graphic design program.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6812847764/" title="pg-7 by Johnathon Ayles, on Flickr"><img alt="pg-7" height="439" src="http://farm8.staticflickr.com/7049/6812847764_d2c8e0a225.jpg" width="500" /></a><br />
<br />
Page 8 is a displacement technique I found online at <a href="http://www.computerarts.co.uk/tutorials/displacement-effects">www.computerarts.co.uk</a>.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6958958689/" title="pg-8 by Johnathon Ayles, on Flickr"><img alt="pg-8" height="439" src="http://farm8.staticflickr.com/7191/6958958689_1e4050de52.jpg" width="500" /></a><br />
<br />
Well, that's what I have so far and I will endeavor to bring you more creative photoshop techniques as I learn, practice and complete them.Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com2tag:blogger.com,1999:blog-411687944273811138.post-6100774285896638342012-03-06T07:20:00.000-08:002012-03-06T07:20:34.118-08:00Catching upGood day all. I've been playing catchup lately and I just wanted to share with you some of the illustrations and other projects that have been occupying my time. Or what time I've been able to squeeze from the gymnastic/karate schedule.<br />
<br />
I'm going to start with an illustration I had in the back of my head for our first Illustration Friday word "grounded." Having children and the constant influence of cartoons, books and toys. Any parent out there knows what I'm talking about. Back to the illustration, grounded can mean many things but two that stuck out to me was a plane being grounded (not aloud to take off) and a child being grounded for misbehaving. So I thought it would make for a humorous scene if Darth Vader was grounding Luke Skywalker from flying his X-wing.<br />
<br />
For this illustration I decided I wanted to finish with ink so I started my basic shapes with a non-photo blue pencil.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6958936647/" title="grounded basic shapes by Johnathon Ayles, on Flickr"><img alt="grounded basic shapes" height="335" src="http://farm8.staticflickr.com/7064/6958936647_7dc1dcd487.jpg" width="500" /></a><br />
<br />
From here I continued in the non-photo pencil to fill in my rough lines.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6958936839/" title="grounded rough lines_0001 by Johnathon Ayles, on Flickr"><img alt="grounded rough lines_0001" height="500" src="http://farm8.staticflickr.com/7191/6958936839_f47ee4eafb.jpg" width="332" /></a><br />
<br />
Once I had my rough lines in started to fill in with black ink. Once the black ink was complete I felt the illustration needed something to make it pop so I added some red ink to the X-wing in the background. I also put Leah in the illustration to hint that it was she who got Luke in trouble.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6812825762/" title="grounded finished inked turned by Johnathon Ayles, on Flickr"><img alt="grounded finished inked turned" height="365" src="http://farm8.staticflickr.com/7200/6812825762_c31347ccfe.jpg" width="500" /></a>Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-91319313693932592152012-02-15T06:13:00.000-08:002012-02-15T06:18:00.741-08:00IWD Poster UpdateAs time draws to a close and IWD (International Women's Day) fast approaches I wanted to take this time to share the progress of my poster thus far.<br />
<br />
Firstly, here is a look at the paint stage with larger areas of colour filled in with not much detail to it yet.<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6880816467/" title="work in progress by Johnathon Ayles, on Flickr"><img alt="work in progress" height="500" src="http://farm8.staticflickr.com/7065/6880816467_ca074b7845.jpg" width="332" /></a><br />
<br />
I am planning on staying with a very graphical, solid blocks of colour style, while trying to capture a sports poster feel to it. To accomplish this you can see I have used a white boarder or frame area on the bottom and right side. You can also see that I have my subject breaking through that boarder to help empathise her movement and create a little visual tension.<br />
<br />
As I have progressed I have added minor details and some type elements.<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6880816703/" title="Type done by Johnathon Ayles, on Flickr"><img alt="Type done" height="500" src="http://farm8.staticflickr.com/7056/6880816703_65c0c9ed48.jpg" width="332" /></a><br />
<br />
As I continued to paint I have gone back and forth with just how much detail to put into her facial features and after many, many long hours of debate (not so easy with only one debater), I have decided to not add detail to her. Adding to much detail to just this one part of the painting I feel will take away from my over all look I am trying to reach.<br />
<br />
For the type elements I know I had the option to leave these areas blank and add them in digitally during post production but this is what I always do. So, I decided to paint them in. More to challenge myself to step out of my digital comfort zone than for any other reasons. All in all, I like what I have done and I'm glad I did take the digital easy way.<br />
<br />
All that is left is to finish it off with.... well that's for another post. I can't give everything away.<br />
Cheers.Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-1647016463391693192012-02-06T07:19:00.000-08:002012-02-06T07:19:59.370-08:00Good day, I have been working on an <a href="http://www.illustrationfriday.com/">Illustration Friday</a> piece for the word "forward." For this piece I decided to take a more graphic approach. All most all of the elements are comprised of basic shapes with the exception of the clock face.<br />
When I started the first thing that came to me was time, time is always moving forward. So my first element was the clock face. I didn't was just a digital or watch style face so I looked to clock towers to use in my illustration. With the clock face figured out I wanted to explore other every day symbols we see that tell us to move forward. The yellow arrows painted on the roads was my next element followed by the fast forward button arrows. Which brings us to the first step of the design, rough line work.<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6829644005/" title="forward step 1 by Johnathon Ayles, on Flickr"><img alt="forward step 1" height="500" src="http://farm8.staticflickr.com/7154/6829644005_e07def6305.jpg" width="365" /></a>
<br />
<br />
As the clock face was the first thing to come to me I wanted it to be the stand out element. To accomplish this I made it my darkest element and used 6B graphite to colour it in.<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6829644449/" title="forward step 2 by Johnathon Ayles, on Flickr"><img alt="forward step 2" height="500" src="http://farm8.staticflickr.com/7014/6829644449_46dbfbf2e6.jpg" width="365" /></a>
<br />
<br />
At this point I realized that I didn't want the clock face to be covering all of the other elements in the design so I took a needable eraser and pulled off a layer of the graphite where the fast forward arrows intersected with the clock. Then I started to add some colour to my shapes.<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6829644783/" title="forward step 3 by Johnathon Ayles, on Flickr"><img alt="forward step 3" height="500" src="http://farm8.staticflickr.com/7003/6829644783_e4de2a1e14.jpg" width="365" /></a><br />
<br />
For my colour scheme I decided to use the yellow for the road arrow and a blue for the fast forward arrows so that I could combine the two to use green for my back ground element.<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6829645161/" title="forward step 4 by Johnathon Ayles, on Flickr"><img alt="forward step 4" height="500" src="http://farm8.staticflickr.com/7034/6829645161_465b58c691.jpg" width="365" /></a><br />
<br />
For my back ground element I wanted to use a repeating green arrow because direction signs all over the world use the green arrow to tell which way we should proceed forward. The fun part of this is that by measuring out the arrows so that they are uniform in both size and spacing once the final rendering is complete we will be able to see a contrast to the theme of the design which is "forward," as the negative space in the background design will form into a repeating arrow the same size and spacing as the green arrows that is moving in the opposite direction. Which I feel compliments the over all design of the finished piece for "forward."<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6829645809/" title="forward finished by Johnathon Ayles, on Flickr"><img alt="forward finished" height="500" src="http://farm8.staticflickr.com/7005/6829645809_9dd0867927.jpg" width="365" /></a>Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-12747763722411819172012-02-03T14:37:00.000-08:002012-02-03T14:44:25.760-08:00Awesome wake boarding in AlaskaGood evening all. An interest of my is traveling and I am stoked about an up coming trip to Alaska. Yes, that's right number two on my all time places to visit (the first is the Arctic). As I have been doing some research on where to go and what to see I've stumbled across this video of <a href="http://www.andyhurdman.com/">Andy Hurdman</a> wake boarding in Alaska by <a href="http://www.teamhydrus.com/">Team Hydrus</a> & <a href="http://www.updownproductions.com/">Up Down Procutions</a>. It's a short video so I hope you take the time to watch it. It's pretty awesome.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="225" mozallowfullscreen="" src="http://player.vimeo.com/video/35515926?title=0&byline=0&portrait=0" webkitallowfullscreen="" width="400"></iframe><br />
<a href="http://vimeo.com/35515926">Alaska Wakeboarding Teaser from Catchin' Air Tv Show</a> from <a href="http://vimeo.com/user474742">UpDown Productions</a> on <a href="http://vimeo.com/">Vimeo</a>.Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-90214502453045966972012-01-24T07:50:00.000-08:002012-01-24T07:50:13.809-08:00Illustration Friday, PrepareHere is an update to my prepare piece for Illustration Friday.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6755302409/" title="prepare by Johnathon Ayles, on Flickr"><img alt="prepare" height="500" src="http://farm8.staticflickr.com/7009/6755302409_464d189526.jpg" width="386" /></a><br />
Just the detail work left and red hi-light.Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com1tag:blogger.com,1999:blog-411687944273811138.post-59110400751731261972012-01-22T19:31:00.000-08:002012-01-22T19:31:55.199-08:00New ScannerI got a new scanner today, sooooo exciting =D I spent the better part of tonight scanning & uploading a good chunk of my illustrations. There is a variety of subject matter and some different mediums. You will see some pieces that look unfinished but this is the way I tend to work. Having three or four illustrations on the go allows me to move from one illustration to another as I hit creative blocks. I've made two sets for my work sketch book drawings and past illustrations that I have finished. Like I said I'm excited to be able to get more of my illustrations posted for everyone to see.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6746491323/" title="sketch book crushed popcan 2009 by Johnathon Ayles, on Flickr"><img alt="sketch book crushed popcan 2009" height="500" src="http://farm8.staticflickr.com/7019/6746491323_3ac80bce8f.jpg" width="367" /></a><br />
This image will bring you to my sketch book set.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6746442317/" title="acriylic ad1 2010 by Johnathon Ayles, on Flickr"><img alt="acriylic ad1 2010" height="500" src="http://farm8.staticflickr.com/7008/6746442317_a80c22ffe4.jpg" width="365" /></a><br />
This image will bring you to my past illus. set.<br />
<br />
Have a look. Inside these sets you will see characters from various comics, please don't leave comments citing copy write or trade make restrictions. These are simply fan art.Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-600095208777128412012-01-17T08:03:00.000-08:002012-01-19T17:02:22.576-08:00Good day everyone. I'm taking part in the <a href="http://www.illustrationfriday.com/">Illustration Friday</a> word of the week illustrations and I just wanted to share with you my thumbnails for this weeks word, "prepared."<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6714796067/" title="prepared-thumbs by Johnathon Ayles, on Flickr"><img alt="prepared-thumbs" height="100" src="http://farm8.staticflickr.com/7150/6714796067_e489d3ff0f_t.jpg" width="77" /></a><br />
<br />
In my first thumbnail I'm going for a kind of noir feel with my subject entering a dark motel room and gearing up with supplies off a table. I might use 1 colour as an accent, the source of which will be the motel sign outside the window.<br />
<br />
In my second thumbnail I might try to keep a dark feel to it and I would be addressing the fear one has upon graduating and having to head out into the working world. To accomplish this my subject has his/her back to us and he/she is looking out over a sea of zombie like employers.<br />
<br />
And for my last thumbnail I was inspired while watching tv with my son and I was thinking of doing a group shot of DC comics Young Justice team. Have a look and please feel free to weigh in, I appreciate criticisms.<br />
<br />
<br />
Ok, here's an update on my progress. I've decided to go with my concept from thumbnail number one. I'm drawing some inspiration from this illustration from a <a href="http://www.flickr.com/photos/leifpeng/1887793206/">1953 Adventure Magazine illustration</a> found in <a href="http://www.flickr.com/photos/leifpeng/sets/?&page=7">Leif Peng's Flickr archives of mid-20th century illustrations.</a> I
For this illustration I'm working digitally in Photoshop's CS4, and I hoping to use a three panel comic set up with some overlapping elements to try and catch a gritty noir feel. At this stage I've got my frames laid out and some rough lines.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6724073297/" title="prepare-rough lines by Johnathon Ayles, on Flickr"><img alt="prepare-rough lines" height="500" src="http://farm8.staticflickr.com/7034/6724073297_eb58655116.jpg" width="386" /></a><br />
<br />
I hope everyone had a good thursday. I've got the next stage of my illustration for you all to look at. I started in the first frame and so far it's mostly been blacking out the room trying to get that gritty feel to it.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6728395127/" title="prepare - stage 1 by Johnathon Ayles, on Flickr"><img alt="prepare - stage 1" height="500" src="http://farm8.staticflickr.com/7165/6728395127_744c852d59.jpg" width="386" /></a>Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com1tag:blogger.com,1999:blog-411687944273811138.post-64461146876285389522012-01-16T15:28:00.000-08:002012-01-22T19:44:39.500-08:00IWD poster next stepOk, the next step in my creative design process is to look into some graphic art by Al Parker to try to find something in his work weather it's composition, colour usage or something else that stands out to me. Then I will share my thumbnails and narrow down a direction to keep developing.<br />
<br />
The Al Parker image that I've chosen to gather some inspiration from is from his Cosmopolitan, 1952 illustration. Have a look. You can view a more complete collection of Al Parker's fabulous illustrations at <a href="http://www.flickr.com/photos/leifpeng/sets/1502340/with/5638524454/">http://www.flickr.com/photos/leifpeng/sets/1502340/with/5638524454/</a><br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6709403447/" title="Al Parker by Johnathon Ayles, on Flickr"><img alt="Al Parker" height="167" src="http://farm8.staticflickr.com/7030/6709403447_816637811a_m.jpg" width="240" /></a><br />
<br />
What I like about this illustration is how he used a flattened graphic colour scheme with moderate to little detail in his line art(or pen & ink, wish I could see the original artwork). It's this combination of techniques that I am going to try to draw upon for my poster.
Which brings me to my thumbnails. Have a look and then we will talk about which direction I will explore and why.<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6709992689/" title="IWD thumbs by Johnathon Ayles, on Flickr"><img alt="IWD thumbs" height="375" src="http://farm8.staticflickr.com/7026/6709992689_66a3f7c131.jpg" width="500" /></a><br />
<br />
I started my thumbnail sketches roughing out both full body action scene and a portrait style scene. Both of which had aspects that appealed to me. I like when an illustration has some type of motion, or action to it but I all so really like the detail you can get from a portrait. So I decided for my third thumbnail to try capturing both the action & the detail from the first two thumbnails and discovered the possibility for some interesting type elements. Catriona has been called the "Fastest woman alive," which I think will run very nicely along the contour of her knee right up front in the fore ground.<br />
<br />
So that's where I'm at now it's time to explore some colour concepts to go with my portrait in motion, hey I rather like that, and I will get my colour comps posted shortly for us to have a look. Until then, Cheers.<br />
<br />
Good evening all. I have a good start on my to scale (18" x 24") pencil rendering. This size is too big to fit in my scanner so I have taken a photo of it, hop it is clear enough for you to see. As I continue working through this piece I will be trying some colour possibilities. Red and yellow for her suit with some white accent strips. not sure what I'll do for the background, yet.<br />
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6746427031/" title="IWD pencil rendering under way by Johnathon Ayles, on Flickr"><img alt="IWD pencil rendering under way" height="500" src="http://farm8.staticflickr.com/7169/6746427031_063dd8f013.jpg" width="332" /></a><br />
Oh ya, once the painting is done I will most likely be using an india ink pen-brush to do some of the line details. I'm really getting more of a skating event poster than I am for an IWD poster. Hopefully once I figure out the rest of the typography elements it will all come together.Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com1tag:blogger.com,1999:blog-411687944273811138.post-39681343695413196522012-01-16T10:57:00.000-08:002012-01-16T10:57:46.973-08:00IWD PosterNow that I have shared a bit about myself I'm going to get started with some of my creative work. The first journey I would like to bring you on is of my work on an International Women's Day poster. I will be focusing my design/illustration work on "The Fastest Woman Alive," Catriiona Le May Doan.<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6709403361/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" title="Catriona Le May Doan by Johnathon Ayles, on Flickr"><img alt="Catriona Le May Doan" height="100" src="http://farm8.staticflickr.com/7020/6709403361_23b625bf90_t.jpg" width="67" /></a><br />
Catriona gets to speak to a variety of groups all over Canada. It is so rewarding for her to share her story especially to young aspiring athletes in hopes that she can continue to inspire everyone to reach their goals.
Catriona is associated with <a href="http://www.righttoplay.com/canada/pages/home.aspx">Right to Play</a> as an Athlete Ambassador, Spokesperson for <a href="http://www.sbhac.ca/beta/">Spina Bifida and Hydrocephalus Association of Canada</a>, the <a href="http://www.saskatooncommunityfoundation.ca/">Saskatoon Foundation</a>, the Lakefield Oval project, and the <a href="http://www.childrenshospitalsask.ca/">Children’s Health Foundation of Saskatchewan</a> to name a few. She always strives to inspire all she can reach and I have been inspired by a quote she has on her website, <a href="http://www.catrionalemaydoan.ca/">http://www.catrionalemaydoan.ca/</a>, <b>"Life continues to have no finish line."</b>Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-76846246925613742872012-01-16T10:02:00.000-08:002012-01-16T10:02:05.118-08:00InspirationThere has been a lot of talk lately about <i>"Inspiration."</i> Be it an artist, art style, graphic art style, a graphic designer.... the list goes on and on. I believe we all need inspiration in our lives and that we shouldn't be limited or rather feel limited in having to find inspiration from any one source. As I continue on with my blog I will share more and more what inspires me.<br />
<br />
I'll start by sharing some scenes from around Algonquin Provincial Park.<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6709056695/" title="Misty morning on Happy Isle by Johnathon Ayles, on Flickr"><img alt="Misty morning on Happy Isle" height="75" src="http://farm8.staticflickr.com/7169/6709056695_c656d9d770_t.jpg" width="100" /></a>
<br />
<br />
I love the colours and textures that can be found in nature and I really appreciate the reward of paddling or backpacking into an area that not many people get to see and then bring back some amazing photo's to share with those who enjoy mother natures master pieces too.Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-32026579186565891162012-01-14T10:33:00.000-08:002012-01-14T10:33:55.625-08:00Check out the rest of the photo's from the set<a href="http://www.flickr.com/photos/gdbyjohnathon/6676364597/" title="Iguana on the Coast by Johnathon Ayles, on Flickr"><img alt="Iguana on the Coast" height="75" src="http://farm8.staticflickr.com/7161/6676364597_f770dff879_t.jpg" width="100" /></a>
<a href="http://www.flickr.com/photos/gdbyjohnathon/6676366713/" title="??? Unknown bird of prey by Johnathon Ayles, on Flickr"><img alt="??? Unknown bird of prey" height="75" src="http://farm8.staticflickr.com/7001/6676366713_ee409410eb_t.jpg" width="100" /></a>
<a href="http://www.flickr.com/photos/gdbyjohnathon/6676371029/" title="Grey Wolf by Johnathon Ayles, on Flickr"><img alt="Grey Wolf" height="75" src="http://farm8.staticflickr.com/7017/6676371029_b514e5578f_t.jpg" width="100" /></a><br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6676372697/" title="Frog by Johnathon Ayles, on Flickr"><img alt="Frog " height="75" src="http://farm8.staticflickr.com/7006/6676372697_c40f8ac50c_t.jpg" width="100" /></a>
<a href="http://www.flickr.com/photos/gdbyjohnathon/6676375413/" title="bull moose by Johnathon Ayles, on Flickr"><img alt="bull moose" height="75" src="http://farm8.staticflickr.com/7004/6676375413_f617db8284_t.jpg" width="100" /></a>
<a href="http://www.flickr.com/photos/gdbyjohnathon/6676378323/" title="Brown Snake by Johnathon Ayles, on Flickr"><img alt="Brown Snake" height="75" src="http://farm8.staticflickr.com/7029/6676378323_9a5cfbf38a_t.jpg" width="100" /></a><br />
<br />
Hope you like these as much as I did taking them.<br />
<br />
Until next time....Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-21323310712473953092012-01-14T10:09:00.000-08:002012-01-14T10:25:59.260-08:00Testing Image linksOk, here are some wildlife photo's I've taken over the years. I hope they link properly.<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6676362779/" title="Peacock by Johnathon Ayles, on Flickr"><img alt="Peacock" height="325" src="http://farm8.staticflickr.com/7168/6676362779_a83567998f.jpg" width="450" /></a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Ok, the pic is here, let's try a link.
Here are some hockey cards that were done by Jason Horne, <a href="http://www.facebook.com/photo.php?fbid=219921324758333&set=a.219916538092145.55760.139301716153628&type=1&theater">Esquire Graphic Design</a>.<br />
<br />
Ok, now let's fix the size of the photo so it fits inside the column.
<br />
<br />
<a href="http://www.flickr.com/photos/gdbyjohnathon/6676362779/" style="margin-left: 1em; margin-right: 1em;" title="Peacock by Johnathon Ayles, on Flickr"><img alt="Peacock" height="75" src="http://farm8.staticflickr.com/7168/6676362779_a83567998f_t.jpg" style="cursor: move;" width="100" /></a><br />
<div class="separator" style="clear: both; text-align: center;">
</div>Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0tag:blogger.com,1999:blog-411687944273811138.post-37285513283632093292012-01-10T19:33:00.000-08:002012-01-10T19:33:34.203-08:00Hello allHello all,<br />
<br />
My name is Johnathon Ayles and I'm a graphic designer. There is so much covered by this umbrella of a title that I just wanted to take this opportunity to tell you a bit about myself.<br />
<br />
Beyond doing graphic designs for print (where most of my experience lies), I am also a passionate wildlife photographer and I really enjoy drawing and illustrating. Some of the artists that I look up to include Marcus To, Al Rio and Michael Turner along with all who carry on Aspen Comics. I gather a lot of my wildlife photos while exploring northern Ontario either on canoe/camping trips or as team captain of the Awesome Squad adventure race team at our events.<br />
<br />
I am excited to share my designs, illustrations and photos with you and hope you enjoy them as much as me. Anonymoushttp://www.blogger.com/profile/18428299553689481064noreply@blogger.com0