Poke the Merch

Poke the Merch is now over a year old and it only just occurred to me that I had never posted the progress of how I developed the logo for that blog.  Since "Poke the Merch" was the original title my partner and I thought of, we decided we wanted a finger in our logo (to emphasize on the poke).

I took several photographs of my hand in certain poking positions.

 

Eventually I vectored over the one that looked best in Illustrator and tried out various designs.  Below are some results.

We used this one in the end as a watermark for our photographs.

This one is used for our banner so it's easier to develop a design around the hand.

You can check out the blog here!

Developed in: Adobe Illustrator

Lighting Effects

Oh, how I miss using light in a lot of my work.  I used to do it a lot back in the old days, so I want to try it again.  I tried out some sample pieces first based off a tutorial I quite enjoyed a while back and from there I began adding items to it, making it my own.

It started off like this:

(Yes, I like the word Fantabulous, despite it being made up)

Then I wanted to create a fantastical night scene out of it because that blue was just gorgeous.

I borrowed a set of cloud brushes from Brusheezy and a moon from Google and combined it with a photo I had taken in Japan a few years back.  Having a weak spot for soft light, I cropped out part of the ocean from my Japan photo first and changed the mode to soft light so it melded with the blue background, immediately creating a night scene.  Afterwards, I split the moon in half and created a reflection in the water with it and then threw some clouds into the scene.  Because the clouds were so gray, I applied an outer glow to it.  Finally I created some speckles for stars and  threw them in the background, and here is the final result!

Developed in: Adobe Photoshop

Music

Music is and always will be a wonderful thing.  It always calms me down when I'm sad or upset, and surprisingly enough, it doesn't take more than three songs to help me simmer down.  So here's a layout for a made up music site, just because I love music.  Originally it was just black in the background, but I added coloured sound echoes/ripples to make it more interesting.  Needless to say, I'm pleased with the final result.

(Clearly a title for the site hasn't been created)

Developed using: Adobe Illustrator and Adobe Photoshop

Icons - Because they're awesome

I'm back!  With some icons this time as well!  I keep looking at my Android phone thinking about how I could develop my own.  I guess it inspired me to make some of my own set for different purposes.

Here's a compass I made in Adobe Illustrator using various gradients, and I must admit I'm very proud of this one. A compass would definitely come in handy for someone as directionally challenged like me.   You can see why I made a compass first!  I vectored random shapes in the background to make it look like a map.  It was much better than leaving it a plain blue.

Next up we have music and videos, because most phones nowadays have these options.  The video one is rather straightforward, but I wanted to have fun with the music icon.  I gave the note a set of headphones because it made it more fun!

Finally we have a map.  There isn't much for me to say except I'm extremely grateful phones have map applications.  They tend to be lifesavers for people like me, so I wanted to make a map icon with the other three.

And there you have it!

Developed in: Adobe Illustrator

Magazine layout

Here comes another magazine layout!  Another one for Poke the Merch, that is.

A friend of mine is currently working on a review for these figures, and I just really wanted to create a magazine layout with some photographs we took a while back.  Interestingly enough, both characters (Takasugi and Kamui from Gintama) are crazy, but they look great in natural areas.  Fortunately there are some nice, quiet, green areas in my neighbourhood.

We definitely wanted to capture Kamui (below) in the shade because he isn't able to stand in the sun for a long period of time.  It also worked with his shady expression.

For now, I'm using Lorum Ipsum, but I'd love to add actual text once the reviews are done!

Developed in: Adobe InDesign
Photos edited in: Adobe Photoshop

A Bag Full of Fashion

Here's a typographic purse I did a short while back!

I had to look up quite a few synonyms to fill this pretty thing up, but I managed to do it.  Having recently watched more Project Runway I wanted to create a bag and fill it with a wide variety of terms relating to the fashion.  I had a lot of fun making this.  I think next time I'll do a PS3 controller and fill it with gaming terms.  The gamer in me is itching to try it out at some point!

Developed in: Adobe Illustrator

Website work in progress

It's been a while since I've posted anything, so I figured I'd show off a WIP.

I've decided to revamp my website.  This time I'm going for a stationary-themed design, and I'm quite content with what I have so far.  I've added textures to the background, and I've added some bright colours to contrast the gray tones.  The paper has some texture on it as well.  I created my own paper texture and set it as hardlight over a light gray.

I liked the idea of using sticky tabs as well.  It reminds me of the good old school days when I had to carry around countless textbooks.  Stickies would be hanging out from the sides and even from the top.

Once I find enough time I'll break it apart and hopefully piece it together using DreamWeaver! It's exciting!

(Okay, it's actually supposed to be the portfolio page, but I accidentally kept the "about" tab on top...You get the idea)

Currently being developed in: Adobe Photoshop CS3

Cyber-Seniors Banner

Whew, it's been a while since I've updated, but I'm back with a nice banner I designed for the Cyber-Seniors booth at the Healthy Living Fair 2012 (located at Christie Gardens).  I wanted to keep the images around the logo circular so I used round masks on the photos provided by Cyber-Seniors.  To keep the banner nice and bright, I stuck with blue tints as well.  I'm quite happy with the way it came out.  Originally I had some facebook/youtube/twitter icons at the bottom left corner, but it didn't work out, so I replaced them with a nice swirly design.  The result was great!

Also, I used the Verdana font for the website link because it was easier on the seniors' eyes.

Developed in: Adobe Illustrator CS3
Photos and logo belong to their respective owners.

Icons

I think it's time I made some icons using the Adobe programs.  At first I couldn't decide which ones to start with.  Then I looked at my Android and thought I could try different weather icons.  It gave me a chance to think of various designs since the weather is ever changing.

I thought about three different versions for each.  One large one, one gadget for the computer, and one small icon for the phone.  I'm pleased with how they turned out.  I used various gradients for the background, the clouds, and the sun.  Then I created symbols out of the sun and clouds.

Developed in: Adobe Illustrator CS3

This way or That way?

Here is another vector piece I developed a short while back. I originally made it a red vs blue theme, but then the colours (mixing with white) reminded me of some flags... So I changed up the red and made it green. I'm still pleased with the outcome. I've always liked vector arrows along with nice, round shapes.

Developed in: Adobe Illustrator CS3
Edited in: Photoshop CS3

Vectors

Boy, do I love blue gradients.  They feel so cool and icy sometimes.  I just felt the need to do something with blue in Adobe Illustrator, so I went right at it!

As you can see, there is a lot of blue in this vector.  The circles overlapping reminded me of pulses or beats, so I chose to include some notes, which spread out.  I also had fun turning the star shapes into flowers.

Developed in: Adobe Illustrator

The good old days

Thinking back to my time at Sure Print & Design I felt like making a nice but simple poster template for long distance rates.  I love the orange and yellow gradient.  I felt I didn't use it often enough so I used it for a poster template.  Adding in the faded white in the background just gives it a nice extra effect.  Maybe some day the text boxes will be filled with information!

Basically a logo, title, or banner would go at the top, the information would go around the centre, and finally, copyright, disclaimer, contact info, etc... would be placed at the bottom of the poster!

Developed in: Adobe Illustrator CS3