Blue Will

Aid Necessities Transporter

AMATOYA – Fire Reconnaissance Vehicle

Audi A9 Hybrid Sports Sedan

Audi One Cultural Achievement Award

Audi Shark

Citroen GT

Citroen Survolt

Cobra Venom

Coupe Concept

Hussar Inspired Dakar Rally

Local Motors WFA Concept

Tear Drop Futuristic Car

Opel Siderium

PEUGEOT – Concept Car

Peugeot Capsule

Renault DeZir

SHC – Concept Car

Sintesi Concept Car

Slugger

I realize this is a motorcycle, but thought it deserved a mention.

Out of Bounds (OOB) is an interesting photo effect where the object or scene in the image seems to jump right out of the photo or its borders. It is a photo manipulation technique to add an illusion of 3-dimsnsionality to a flat photo. Getting an interesting OOB effect depends largely on the photo angle and the overall execution of the concept. It is lots of fun to create an OOB effect. You can use any photo editing software such as Photoshop or Gimp. With some imagination, creativity and basic photo editing knowledge you can create an amazing OOB image that captivates the viewer’s attention. This article showcases 50 most spectacular examples of Out of Bounds photo effects. We have also featured some excellent tutorials if you are interested in learning how to create this effect in Photoshop. So lets venture into this mesmerizing world where you will find creatures, people, and vehicles jumping right out of the screen.

• 50 Captivating Out of Bounds Creations
• Tutorials on Out of Bounds Effect
• Further Resources

50 Captivating Out of Bounds Creations

The Train

Lizard Popping Out

Get Me Out

Get Me Out is an amazing surreal styled Out of Bounds effect. The old antique photo frame, the expression of the subject and the clever use of lighting and shadow gives the entire image an extra dimension and adds a surreal effect. You can easily create a photo effect like this with a great original image, some stock resources, if necessary and with the effective use of Photoshop . Some of the tutorials featured at the bottom of this article can also guide you to create a surreal Out of Bounds illustration.

Bridge

Napoleon

Wildlife Book

You would not want to read a wildlife book where animals come out of the book! The concept of creating an Out of Bounds effect with the book is brilliant. The idea is beautifully executed.

VROOOOOM!

You might have seen many Out of Bounds effects with a car jumping out of photo frame, but this one is fantastic. The dust, the tire tracks and the whole execution of the concept adds action and depth which makes the outcome realistic.

Dress Lady

Fish – Out of Bounds

Snake Book

Snake Book is another very unique and original idea where the subject, a snake in this case, is shown coming out of magazine’s page. It is amazing to see how 2 different images (a book and a snake image) are put together and how the whole composition is given an Out of Bounds effect.

Holding Hands

Holding Hands is a clever example of what you can do with Photoshop. The concept is brilliantly executed with five different images of hands pulled together to create a simple yet incredible piece.

Bridge To Somewhere

Hungry Snail

A cool Out of Bounds effect of a snail coming out of a photo for food. In this meticulously executed idea, four different source images are used and they work really great together.

Hang On

Taking Off

The Escape

The idea of television sinking in the sea and the cute joyous fishes jumping out of its screen makes The Escape a visually appealing piece of Out of Bounds photo effect.

Sports Gallery

Escape in Time

Cave Nymphs

Out of Boundry

Possible with Photoshop

Slides

Slides is an amazing and unique style of Out of Bounds effect with the creatures coming out of slides. The little details like water drops and dirt really add to the over all image and keeps the viewers attention.

Interactive

That is one smart monkey who can jump out of photograph for food, a very interactive piece indeed.

Waterfall

Humm, Pizza

It wouldn’t be wrong to say that Humm, pizza is a drooling and mouth watering Out of Bounds effect. If you ever wished you could eat your favorite food directly from an advertisement or photo, you can do that with Photoshop.

The Lady Loves Chocolates

And if you think pizza isn’t enough, here are some chocolates.

Zodiac

Honeymoon

Honeymoon is a cool romantic example of Out of Bounds effect. The expression on the face of subject, the way he is jumping out of frame, the colors of the image and the background scene makes it an awesome piece of work.

OOB Guy

Battle

Out of Bounds – OOB Art

Loves Me

Surfing

Pulling Crackers

In Pulling Crackers, subjects are coming out of hinged picture frame. The soft pastel colors of the images in frame and all the decoration around it makes it a beautiful piece.

Internet Kiss

Riding China Style

Living Art

The Easy Way

Photoshop Solutions

A creative way to solve water shortage problems.

Comming Out Clean

Spiderman

Reaching Out of Bounds

Catch of the Day

Bubbles

Sticking Out

Snail

Beer

Hold Yourself Together

This actually is not an out and out photo manipulation but a drawing done with a graphite pencil from a reference. The style of this portrait is really very creative, all the pieces of polaroids with the hands holding them makes the concept an interesting Out of Bounds artwork.

Little Artist

Bridge

It is impossible to not get inspired and fascinated. Well, I also created one Out of Bounds effect.

Tutorials on Out of Bounds Effect

Create an Out of Bounds Fantasy Illustration

This fantastic tutorial from Psdtuts+ shows you how to create an Out of Bounds fantasy illustration where you create a painting on a wall which is a real world. It guides you through the process of creating a fantasy scene, making water pour out of a painting. You can create this surreal illustration with the use of absorption effect, colors and a variety of stock resources. You can also watch a video tutorial complimenting this text and image tutorial. If you have never experimented with surreal concepts in your artworks and want to incorporate it, we have an excellent Creative Sessions’ article, Incorporating Surrealism Concepts into Your Digital Artwork to guide you.

Out-of-Bounds

A simple and easy tutorial that can get you started with Out of Bounds photo effects. This tutorial shows you how after carefully analyzing the image you should decide where the best perspective is for the frame (the part that will set it out of bounds), how to hide the part of image with Layer Mask and how to add the shadows to add the extra dimension to the image.

Create an Out of Bound Photo in Photoshop

This easy to follow tutorial shows you how to create Out of Bounds photo effects in Photoshop using the Polygon Lasso Tool, Warp Effect and how you can tweak the colors using color saturation levels.

3D Border Breakout

A detailed step-by-step tutorial on how to create an Out of Bounds effect. This tutorial also shows you how to give the illusion that the subjects are jumping out of the picture by adding depth through perspective, shadows and some imagination.

Photos Out of Bounds

Here is a fun Photoshop tutorial that shows you how to make a picture jump out of the frame into another photo. You’ll use two images for this tutorial, Pen Tool to extract the part of image, Transform Tool to set up perspective and Layer Styles for more effects.

Using Photoshop To Make an Image Jump Out of Frame

The following tutorial teaches you how to create an Out of Bounds photo using basic Photoshop skills to isolate the target, giving it a realistic look with proper perspective and other effects. It highlights the importance of choosing the right photo to get a true 3D effect.

Create an Out of Bounds Surreal Photo Manipulation in Photoshop

This tutorial is a detailed walkthrough of an artwork, which shows you how to create a surreal out of bounds effect in Photoshop. The tutorial uses variety of stock images and highlights the advantages of adjustment layers and how important they are to create a intense photo manipulation. In this detailed step by step walk through it is interesting to see how the subject, a shark in this case is shown coming out of antique photo frame and how the photo manipulation is given a realistic look using various Photoshop tools and effects.

Midnight Magic Scene Creation in Photoshop

This again is a very interesting tutorial if you want to show a subject coming in or going out of TV screen and a big photo frame. This tutorial demonstrates how you can give a dramatic effect to the scene by using Blending Modes, Layer Styles and Photoshop Filters.

Photo Cutout

This tutorial demonstrates a very simple technique where the subject is extracted from the image using Extract tool and a clever use of Layer Mask to hide the part of image to create a effect that makes the subject look like it’s coming in or out of a photo. In this tutorial you will learn how to use Photoshop’s Extract tool, Layer Masks and Layer Styles to create a cutout from a photo.

Out of Bounds Photoshop Action

And finally, a bonus! This actually is not a tutorial but a Photoshop Action which simplifies the steps needed to create the impressive Out of Bounds photo effect. The Action allows you to define the border size, the perspective of the image, the out-of-bounds areas and you can also add the shadow effects. The action is very flexible and makes use of layer masks, which allows you to fine tune the effect at a later stage. There is also a video that guides you through the process of using this Photoshop Action to create an amazing OOB photo effect. At Panosfx you will also find some more great Photoshop Actions.

Further Resources

As you work through above tutorials to create an OOB effect (or any photo manipulation) it is essential to know some of the basic Photoshop techniques like working with Layers, Layer Masks, Selection and Transform techniques. Below we have listed the links to some of those tutorials.

• Working with Layers in Photoshop
• Unveiling Photoshop Masks
• A Basic Guide to Photoshop CS4 Adjustment Layers
• A Comprehensive Introduction to Photoshop Selection Techniques
• Using Transform in Photoshop
• Photoshop 101: How To Use The Free Transform Tool
• 10 Steps to Improving Your Photoshop Skills
• 30+ Useful Resources for Improving Your Photoshop Efficiency

  

Everyone is always looking for interesting and effective ways to organize their website and allow users to move about and find things. But there’s a fine line between unexpected and unusable. Three points to consider in any navigation scheme are consistency, user expectations and contextual clues.

If page is long and provides different levels of navigation, will users be able to find their way through the site and use proper navigation quickly? Forcing visitors to use certain keystrokes to navigate, rather than what they’re used to, might be novel, but is that effective if you have to explain instructions prominently on your home page? Here are some examples for your reading pleasure.

[Offtopic: by the way, did you know that there is a Smashing eBook Series? Book #2 is Successful Freelancing for Web Designers, 260 pages for just $9,90.]

Made by Water

A JavaScript-Powered Vertical Fun

The large bold headings and modern color palette on Made by Water feel fresh and fun. The grid layout is nice and clear, while the background texture is subtle but interesting. The icons at the top are visually appealing, and the animation makes them fun to click. It’s not immediately apparent what they are for, though. Some text would help to clarify that they are for navigation.

Vertical navigation buttons with icons.

The other problem with the navigation is the yellow “up” arrow that is displayed in the footer of the page. One would expect it to bring you back to the top of the page, but it leaves you more in the middle. The circle of stripes that follows you down as you scroll doesn’t match the background pattern, but we can’t tell if it’s part of the navigation. At any rate, we clicked it to no effect.

Finally, while the text at the top is fun and exciting, finding the “Who am I” section is a bit hard. It’s not immediately clear what the website is about.

Made in Haus

Horizontal Slideshow as Navigation

The large page keeps Made in Haus from feeling unoriginal, and the smooth motion is a bit different from many of the sliders we’ve seen. Bumping the accompanying text up into the body of each slide is a good way to keep it above the fold and visible as the user flips through the slides. The sliders on the sub-pages are also effective, being an easy way to skim through a fair amount of content. Also, nice hover-effects under the slideshow look attractive and give an insight into the work of the agency.

Bold horizontal navigation.

One drawback is that the triangle on the far right of the upper navigation menu is a bit confusing. It appears to link to the home page, as a logo would, but we’re not quite sure why. Also, the arrow on the right side of the slideshow may be a bit too tiny, making it a bit difficult for users to navigate the slideshow. We’ve seen a similar navigation earlier, on Weightshift which is a nice example of an alternative implementation of this technique.

Foundation Six

Animated Text Scrolls Down With the User

Foundation Six features a few big bold screenshots at the center of the page, giving us the impression that they were interactive in some way. The first thing that we did was try to click on the screenshots, but nothing happened (except for the central one which links to the description of the project featured in the center of the page), which was a little frustrating.

Text moves instead of images.

The headings are large and very clear, and the type is handled nicely throughout. The color palette is very soft and clean, and it nicely matches the atmosphere of the site. The call-to-actions buttons are large and easy to find, read and click. The subtle hover effects in the upper navigation enhance the user experience, making it smooth. Additionally, the contact form tracks well and is nicely laid out, while the map is a nice touch. The company scores bonus points for linking to Bring Down IE6.

On the projects page, the way the explanatory text slides down instead of the images is original. But being so unexpected, it could be a little disorienting, which may or may not be a good thing: is explanatory text really the best place to make a statement with moving parts?

Word Refuge

Textual Content in a Horizontal Slider

Word Refuge features an old-fashioned bookish vibe. Because it is a copywriting service, this seems appropriate. The contact form is prominent, easy to find and easy to use. The logo is also nicely done, and the color palette is rich and regal.

Various arguments for the company are organized into slides.

One small point is that the tag lines in the main navigation are effective under some of the menu items but not under others. Some of them feel redundant, as if they’re there only to balance things out. As a rule, if text doesn’t add any explanation, it shouldn’t be there. That said, the text throughout the website is nicely kerned, and while the page is wordy, the text is easy to skim through and read.

Relogik

Animated Horizontal Slideshow Navigation

Relogik is another example of minimalism done well. The logo is understated and sophisticated. Most design elements are semi-transparent and appear on hover. The close-up images are bold and make the content the focal point of the page. The code is clean and well-structured and uses a solid grid layout with pulls to keep everything squared up.

Sliding horizontal navigation.

The classic numeric navigation makes it easy to navigate the slideshow. One weakness is that the contact information has a very low contrast against the background. A darker color would help to highlight it. The project detail pages do a good job of showing rather than telling and of displaying each piece in a real-world context.

Drexler

Horizontal Navigation… If the User Follows Instructions

The horizontal navigation on Drexler works both with the arrow keys and mouse clicks. On the first glance, it’s not clear how to navigate the site: you need to either read the hint in the upper area of the site (“User your arrows”) or experiment with the design to figure it out. To browse blog posts, users need to click on the illustration of the post or use keyboard arrows. The design itself is visually appealing, but the navigation scheme isn’t straightforward.

“Use your arrows” to navigate.

The retro color palette and big bold fonts make the website colorful and energetic, but they also might be a little overpowering. The “t” for Twitter in the upper right is an interesting break from the usual little bird, but the downside of breaking with convention is that you might lose clarity. We didn’t know what the icon was for until we clicked it, and we probably wouldn’t have clicked it if we were merely visiting the website as a normal user. The contact button is amazing indeed, as it claims. The multi-column contact form is an interesting take on the email form. It seems effective, and it tracks very well. This is a design that needs to be explored to be understood — but maybe it was the intention of the designer in the first place?

The logo is simple and clean, but again, it adds a note of confusion. The yellow underline on mouse-over feels unbalanced, because the rest of the logo isn’t highlighted. One other thing to note is that the page changes color to match the project being displayed. This is an unusual take on the portfolio. Usually, projects are displayed uniformly, sometimes to the point of being indistinguishable. This approach makes the projects stand out, in a good way.

Komrade

Vertical Navigation With a Twist

This page allows users to forge their own path through the website. Komrade features original illustrations, a fresh color palette and an original “Choose Your Own Adventure”-style navigation scheme. The navigation has the following cracks in it, though:

1. The light blue text looks like it’s hyperlinked. One of the first things a user sees upon loading the page is the blue “Who’s Komrade” heading. The first thing we did was click it, but nothing happened. This started the user experience off on the wrong foot. With this unusual scrolling navigation, distinguishing the clickable from the unclickable is extremely important.
2. The numbered navigation for Komrade’s past work does not stand out enough. The red circles look like yet more flowers, which caused us to pass over them several times before figuring out that they were the navigation. This goes back to the clickable/unclickable issue. Well-placed labels would go a long way here.

“Choose Your Own Adventure”-style navigation.

All For Design

Scrolling Navigation and “Shelf”-Navigation

All For Design feels light and airy, with its crisp woodcut headings and subtle effects such as the Twitter icon that flies on hover. The design os single projects pages is especially nice, making clear exactly what was involved in each project. The section “some inspiration” nicely puts books, useful websites and articles on a “shelf” and has subtle shadow- and hover-effects. The only problem is that the title-attribute is displayed on hover together with the screenshot which makes it a bit difficult to focus on one of them.

“Shelf”-navigation.

Calendar next to the contact form.

The calendar next to the contact form is also a great idea: it sets expectations and makes it easy for potential clients to plot a timeline. While the font is scannable, it still feels a bit too wordy overall, although the shadow effects, subtle borders and custom icons keep the eye flowing down the page.

Digital Labs

Horizontal or Vertical Navigation?

With the prominent screenshots on this website, one would think the page would have horizontal navigation; in fact, the page is static. Digital Labs uses a wide layout, with a nice textured background. The dark colors make it feel spacious without being too spacey. One issue, though, is that the orange ribbon on the right looks like it should be clickable, but it isn’t. The text-based social media widget, which responds to mouse-over, is an interesting touch. The web design scene is full of social media icons, so a text-based widget stands out.

The static screenshots above look like a slideshow.

The other issue is that the “Are you ready to get started?” link at the bottom is a mailto: link, rather than a link to a contact form. This is acceptable, but a drop-down form in that space would really kick things up a notch.

Calobee Doodles

Classic Thumbnail and Lightbox Combination

Calobee Doodles, an illustration-based portfolio website, has fun details, such as the objects and people falling from the sky. The cloud menu items could be clearer, though. At first, we were not sure what “Custom” stands for (it stands for custom design and illustration work). However, the menu benefits from descriptive tooltips and appear on hover. Still, a different wording, for instance “Work”, would have been clearer.

The website uses the classic thumbnail and lightbox navigation.

A thumbnail gallery is a common way to display work, but in this case illustration thumbnails are a bit too small, and they are linked to images. A lightbox may work better in this context. The bottom-up-navigation may be useful for some readers, and the footer is truly remarkable. Also, it would be nice to remove dotted lines appearing on click in the navigation menu. A simple outline: none; for links with proper styles for :focus and :active states would suffice.

Build

Classic Top-Level Navigation

While the overall layout of Build is clean and modern, the content could stand to be more easily scannable, for two reasons for this. A look at that code suggests that the margins and padding are a bit arbitrary. The padding for the main body conforms to a design pattern, but the major content elements do not. Maybe it would be a good idea to use multiples of a set base number for the margins, padding and borders, so that there is a consistent ratio throughout.

Classic top-level navigation.

Secondly, the contrast of the text in the content sections has some problems. The contrast between strong white and strong grey background is very striking, and maybe a bit too strong. The second part of the page looks a bit busy and a bit difficult to scan, probably because the colors of the headings and descriptions are very similar. Maybe if the headings were kept as a serif, the content blocks could be distinguished a bit by making the text lighter and using a sans-serif font. Some textual variation or typographic work might add visual interest as well. Subtle hover effects for links are attractive and fun to click on: nice touch!

We liked the listserv sign-up widget in the footer of the page. A sample email in the relevant field, along with more space on the line, could be a helpful, though. Also, an explanation of what exactly users are meant to type here would be great — for instance, a sample e-mail in the input field. Also, the mouse pointer should change after you click on the submit-button, but in this case it doesn’t. We fumbled a bit at first until we looked at the code.

Mail Chimp

Graphics-Heavy Vertical Page With No Navigation Other Than Browser Scroll Bar

Mailchimp’s promo page is a visually appealing website with a lot of interesting vintage graphics. Some real strengths of this website are the many interesting textures and patterns. The color scheme is modern and appealing. There are, however, a few usability problems. First, there is actually no navigation. We’re as big a fan of shedding unnecessary conventions as the next guy, but if we were an existing customer visiting this website, we would have no idea what to do. The “Sign in” link is obscured at the bottom of the page, with few visual cues to reward the user’s patience as they scroll down. Even a few small links at the top would add some structure and provide some cues for navigation, which would make the whole website make more sense.

Graphics-heavy vertical website.

Secondly, the edgy graphics, while fun and visually interesting, don’t give much sense of what the main point of the page actually is (if you are visiting the site for the first time). The primary message is only delivered in the paragraph towards the middle, and even it is a bit hard to read, with the small white text over the shades of gray. The paragraph would be more effective if it were bigger and had more contrast. The promotional videos are really great and remarkable, though.

Pline Studios

Minimalism in Vertical JavaScript-Based Navigation

Pline studios is an architecture firm, so it makes sense for it to have a spacious vertical layout with graphic touches that are reminiscent of CADD drawings. The big headings are clean and visually appealing and do a great job of leading the eye around. In an unconventional navigation scheme, making it clear where to click is critical, and this website makes it extremely clear. The navigation is repeated in each section, so the user is never stranded and left to scroll.

One problem, though, is the project descriptions; so much focus is on the images and animations that there’s actually very little explanation about the projects themselves.

Minimal vertical navigation.

Transformology

Persistent Toolbar-Navigation

Transformology shows another way to handle navigation on a vertical page. When the user scrolls the page, the navigation menu at the top of the site changes accordingly. The elaborate headings in the text blocks are visually appealing, but almost to the disadvantage of the content that should be showcased. The headings make the content easy to see but more difficult to read. The website has a clean, solid grid layout, but it may not always do an effective job of displaying the content, which sometimes feels overpowering.

Static navigation follows wherever you go.

Burton

Sliding Captions and Tabbed Boxes in a Vertical Layout

The first thing we noticed about Burton is the nice visual details, such as the animated eyes on the “Search and Destroy” search box, and the animated GIF on the mouse-over logo. The jigsaw layout is clean, bold and easy to scan. The mouse-over labels are a good way to display details without overwhelming users with text, and the mini-tabbed layouts inside the content blocks keep things clean and minimal. All of the content is available without being visible all at once.

The scrolling vertical navigation is aided by the jigsaw sections with sliding captions.

A problem with the navigation, though, is the up and down arrows on the side of site’s pages. We expected that they would allow us to move up and down the page; instead, they pop out a text-based navigation menu. Not knowing what sections of the page correspond to the labels (for instance, when you visit the page for the first time), this isn’t very useful. Still, overall very nice, original and memorable design.

New Adventures in Web Design

Fun Shapes That Feel Like Navigation

At the first sight, the interactive shapes in the middle of the New Adventures page feel a bit like navigation, in that they change as you move through the website, providing cues that the page has changed. New Adventures is an example of a clean and solidly structured design. The rainbow of dynamically transforming shapes is fun and original. Adding more color could make the design a bit stronger; the brown palette is calm and professional, but it probably could have been be more interesting with some accent colors.

The shapes move all over the place!

The typography overall is effective, and the line heights and margins make the information very clear and concise. An interesting touch of the design would be to highlight the speaker’s photo when a user hovers over his or her name in the list of speakers. Also, when trying to return to the front page, we clicked on the text logo in the left upper corner (“New Adventures in Web Design”), but it isn’t clickable which is a bit confusing. We had to use the small “Home”-link in the upper left corner instead.

Christopher Kaufman

Wide Horizontal Slider With a Difference

On Christopher Kaufman’s page, the sub-content panels slide up as the slider moves left to right. The layout is clean and organized, the background is colorful and unique, and the slideshow adds plenty of eye candy. The logo is minimal but detailed, and the top-level navigation is clear and effective. One drawback is that the background image is a pretty big file; as it loads, it creates a flashing effect that can be disorienting. One could argue that the height of the slideshow is optimized for larger screens; but scrolling through the slideshow content, some users can see that the content below has changed, yet have to scroll down to read all of it. This isn’t necessarily a big issue, but the slideshow panels could be a bit shorter.

The wide horizontal navigation forces users with small screens to scroll.

Chapolito

Another Example of Tabbed Navigation

Chapolito is really a unique website. The footer animation catches the eye right away, and the abstract shapes in the top-level navigation are original, as is the way the logo is integrated in the navigation, which keeps the brand as a focal point. We do have a suggestion for the sub-navigation in the portfolio section, though. The circles-as-progress indicator probably works best for slideshows of about five pieces of content or fewer. With such an extensive showcase, the user might get lost and not be able to find a particular project again. If numbers were in the circles, that would help.

Interesting top navigation.

Flywheel Design

Sliders and Graphic Tiles That Flip on Mouse-Over

Flywheel Design gives a good overview of its work right on the home page. The hover-over navigation is fun and gives users an incentive to mouse around and explore. The background is simple without being boring, making this a good example of minimal design. One problem for us was the slider navigation on project sub-pages: almost too minimal, because it took us a while to figure out it was there. Making it a little bigger or adding a splash of color might help.

Flip-tile style navigation.

Wishbone Design

Flash-Based Animated Navigation

Wishbone Design is created for kids and parents, so it makes sense for it to be fun and full of Flash animations. The navigation is entertaining but a little hard to use. Having the sub-elements open on hover seems to be the root of the problem; changing it to a click might give users a greater sense of control. Hover navigation should be as speedy as possible. The main slideshow is eye-catching, but you really have to dig to figure out that this is actually a company manufacturing bicycles (among other things). An explanatory blurb or even some slides would help new visitors. Another problem: if you’re going to have audio, please give users a way to turn it off! Overall, the site is truly remarkable, with attention to details. Nice work, this is what Flash is supposed to be used for!

Flash-based navigation.

Basmatitree

Flash-Based Animation That Could Be Navigation

We can’t lie: on first arriving on 60 mq missione casa, we were really hoping that the spoons were the navigation. We were sad to find out they aren’t. That said, this is a pretty fun layout for a food blog. The typography could benefit from some more variation, though. Also, the posts would be easier to scan if some texture or color variation were added to the columns.

Flash-animated spoons are fun!

Minus Five

An Entirely Horizontal Sliding Website

Horizontal navigation can be problematic. In this case, though, Minus Five is larger than life and colorful. The hover-over “Forth” and “Back” controls are large and easy to see, making it abundantly clear where you can click and what you are supposed to do, and avoiding one of the common drawbacks of unconventional navigation.

Entirely horizontal navigation.

For a portfolio, one thing that could confuse users is that the featured websites are not linked to anything. Using images embedded in a Mac frame to convey that they are websites is a good idea, but they make it a little hard to see the details in the designs. Another questionable design choice is positioning the portfolio pieces to the right of the background image. This makes it feel as though the background is the focus, instead of the portfolio pieces themselves. Also, the page is difficult to browse if you don’t have a proper wide screen display, because you see only small chunks of the site at once.

Retinart

Completely Text-Based Navigation

Retinart is a lovely example of a typography-focused website. The nice, even gutters and margins are relaxing on the eyes. One thing that’s a little unexpected is that the “Feedback” tab on the left side doesn’t pop out from the side (as most users would expect), but rather opens a modal window.

The beautiful typography goes well with imaginative language.

Notice the careful attention to language. In conjunction with beautiful type, a designer can really take it to the next level by using beautiful language to emphasize the quailty of the site.

Collision Labs

Classic Tabbed Navigation

Collision Labs is energetic. We immediately wanted to take this design firm’s advice and fasten our seat belts! The large header block is exciting without being overpowering. The portfolio sub-pages are clear and do a good job of both telling and showing what the projects were about. The typography, though, is a little uniform. One thing that confused us was the Twitter icon in the footer navigation: the bird flips upside down on hover. We couldn’t really see the reason for this, so it felt vaguely unsettling. Overall, though, an effective website, and a good example of judicious and not excessive icon usage.

Bold color and traditional navigation.

Summary

In sum, navigation is as much about communicating instructions for finding content as it is about being fun and interesting. There are some points to take away. For instance, if something is clickable, make sure it looks clickable. If it’s not clickable, make sure to communicate that, too. Also, be fun without being confusing. And show, don’t tell. If you have to tell users what to do, then the navigation has failed. After all, the crucial attribute of any truly exceptional website is both aesthetics and the usability of its navigation.

Related Posts

• Showcase of Modern Navigation Design Trends
• Showcase of Beautiful Vertical Navigation Designs
• The Case Against Vertical Navigation
• Navigation: Menus, Trends and Examples
• Showcase of Well-Designed Tabbed Navigation

Would you like to see more similar showcases on SM?

Let us know what you think in the comments to this post! And please like this article below if you find it useful and would love to see more similar posts on Smashing Magazine in the future. Thanks.

© Sarah & Adrienne Kahn for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: navigation, showcases

Textures can add visual interest to an otherwise-minimalist design, or can add that extra bit of detail that really makes a design pop.

Paper textures are by far the most common, but other regularly-seen textures include stone, concrete, rust, and fabric. And they’re not just used for backgrounds, either. Some sites incorporate textures into every aspect of their design, while others just use them for accents.

Below are more than thirty great website designs that make use of textures. Feel free to share your favorites, whether featured here or not, in the comments…

Kohette WebDesign

A stone-textured background is set apart with subtle coloring in the header. The texture repeats throughout the background.

Hugs for Monsters

Hugs for Monsters uses a bold stone texture throughout the background on their site. Incorporating it into the header adds a sense of cohesiveness to the site.

Forest Edge Music Festival

The Forest Edge Music Festival site is a striking and colorful grunge design, with multiple textures used throughout. A cardboard texture is the most prominent, though there are also more subtle paper textures.

GO Mammoth

The grungy paper texture in the background here is echoed in other page elements, including the navigation menu. It adds visual interest to what would otherwise be very modern aesthetically.

Pigeon & Pigeonette

The heavy textures used here almost resemble a sponge-painted wall. Heavy use of textures like this should be done with caution so as not to overwhelm the content. Here it works because the content is very minimal.

Benestar

The Benestar website uses a mix of paper, fabric, and wood textures, along with a variety of subtle patterns. It creates a very rich, multi-layered design.

Marie Catribs

Repeating similar textures across a site, as is done here with handmade paper textures in various colors. The hand-drawn elements further accent the paper texture.

Crush + Lovely

Subtle textures like those used here can have a very rich effect on a minimalist site design. Mixing textures while maintaining a monochromatic color scheme enhances that effect.

Think. Do. Create.

Textures don’t have to be used throughout a site to make an impact. Here, paper textures are just used in the header and sidebar, leaving the bulk of the background white.

Wearable Print

When subtle textures are combined with subtle patterns, the end result is refined and elegant, with that extra something that makes a design stand out.

Coastal Connection

A heavy paper texture, like the one used here, makes a big difference in the aesthetics of a site. Without the texture, this would be a very minimalist site.

Sibling Rivalry

Another example of a grunge-style site that makes heavy use of paper textures.

What Katie Does

What Katie Does is another site that combines a subtle paper texture with a repeating pattern (both in the background and header). Other design elements echo the paper motif.

The Hipstery

The Hipstery uses a paper-textured background behind their main content, as well as behind the background pattern. It adds to the vintage feel of the site.

Doublenaut

This background combines a pattern and a texture, in the form of what looks like weathered graph paper. It adds extra interest to a site that is otherwise very minimalist.

Digital Podge 2009

Another site that uses a paper texture for its background. Subtle but effective.

Infinitum

A light, stone-textured background is subtle enough to be used directly behind text. Be careful using bolder textures in such a manner, though.

TypeFaces

Another graph paper-textured background that’s subtle enough to have type placed directly on top of it.

Duchy of Cornwall Nursery

Using different shades of color on effectively the same background texture adds depth and interest to a design.

Questionable Characters

The concrete-textured background here adds a ton of visual interest and is a bit unexpected considering the rest of the site utilizes paper-themed elements.

Sky’s Guide Service

Here’s a site that utilizes a number of textures, including wood grain and paper. They’ve added elements like staples and water stains to further accentuate the textures.

Bermon Painter

A slightly different ruled paper background, complete with water stains and weathering. It’s subtle yet adds a lot of aesthetic value.

Paul Bennett

Another site that uses a subtle paper texture for the background with text placed directly on top.

Matthew & Sara Are Getting Married

The textured wallpaper-style background here is something a bit different than is normally seen. It’s sort of a combination of a texture and a pattern, and works brilliantly.

The Waiting Room

Vintage-style sites gain a lot by using weathered, antique-looking paper for their background.

Christopher Calicott

Another textured background that also adds a bit of a pattern in the form of subtle squares. The transparency in the main content area further highlights the texture.

Design Development & the Pursuit of Happiness

Another fantastic example of a paper-textured background, this time with a more gray tone than many of those seen above.

Amy Herndon Photography

The background here is a monochromatic canvas texture. It adds to the natural look of the site, and has a very organic feeling.

Rhett Canipe

Rhett Canipe’s site uses a variety of textures for a grunge look. Mixing watercolor effects with textures makes for a much richer design.

Fiore Designs

Fiore Designs incorporates a variety of textures: the background is a grungy linen and paper textures are used throughout the main design elements. It’s a very visually interesting result that feels very elegant and exclusive.

Every Time I Die

The bolder stone texture used throughout the Every Time I Die site adds to the overall grunge look. Stronger textures like this should be used with caution, as they can be overwhelming if not incorporated properly. Here, the bold colors and graphics compensate for it.

Evan Stein’s Internet Studio

A grungy, layered paper texture in the background here is another example of a strong texture. The simple color scheme here, though, keeps it from being overwhelming.

InkByte

The InkByte site uses a stained paper texture for its background, which looks great without overwhelming the content.

Kathryn Thurman

A variety of paper and cardboard textures throughout the design of this site give a vintage and grungy feeling to the design.

Francesco Molezzi Design & Multimedia

Another subtle paper textured background, which makes the entire site appear more retro, despite the fact there’s only one really retro-looking graphic on the page. Notice also that other textures are subtly incorporated, including a denim texture in the header and more paper in the top navigation.

Written exclusively for WDD by Cameron Chapman.

Have your own favorite website designs that use textures well, or maybe some tutorials that talk about good use of textures? Please share them in the comments below!

If you find an exclusive RSS freebie on this feed or on the live WDD website, please use the following code to download it: H0Oa9C

This collection will help you to feed your imagination with fresh and creative ideas from furniture design range. Some of the listed examples are very creative and you’ll be surprised that bookshelf could look so impressive and be functional in the same time.

1. T.SHELF

2.  “Krea” bookcase

3.  Saba Italia

4. Twin Shelves

5. The Swollen Wall

6. WisdomTree

7. Cardboard Bookshelf

8. Digitally Fabricated Bookshelf

9. Toboga Bookcase

10. Domino Expo

11. The Laica Bookshelf

12. Bibliotheque Tree

13. MYDNA Twist Bookcase

14. Books on the wall

15. Curly bookshelf

16. Circle

17. Elfa desk

18. “M40″ wardrobe and bookcase

19. Yellow

20. Bookshelf

21. Ideas for the office

22. TOTO

23. MDAY bookcase

24. “Krea” bookcase

25. Sfuggenti scaffali

26. Libraryland

27. Celebrity Equinox: Library

28. A bookshelf designed by Ron Arad

29. Wall of books

30. OBA

31. Max

32. Circle

33. Sinapsi

34. Cebunext

35. Bookcase

wingcheng.com

Portfolio of Wing Cheng, graphic & web designer.

Christopher Meeks

Yaron Schoen

Hugs for Monsters

The work of visual artist Joe Lifrieri

Future in Bold

Future in Bold is a showcase of graphic design and art direction work by Graeme Stephenson.

Sylvain Toulouse

Art directing and graphic design by Sylvain Toulouse.

Giles Revell

Giles Revell’s work is an ongoing exploration of the possibilities of graphic, ideas-based imagery and the different ways in which photographic images can imply form, surface or texture via the simplest means.

kyletezak.com

Kyle Tezak is a visual designer living and working in Chicago. He likes icons, letters, logos and being concise.

Ewen Spencer

grid.

Grid is the online presence of graphic designer Ashwin Patel.

Christian Knopf

Portfolio of Christian Knopf.

Adham Dannaway

madebytj.com

Portfolio of project manager and graphic designer Thibault Jorge.

Mindwork 3d

Mindwork 3d is the online portfolio of the 3D artist Can Tuncer.

Derry Lozano-Hoyland

Simon Foster

Markus Holmroos

hm-andrei.ro

Carl Rosekilly

mybrainart.com

This is Vasjen Katro’s portfolio.

Rich Brown

bcarosini.com

Portfolio Bia Carosini.

Alex Carabi

Josh Sullivan

rourkery.com

Portfolio of Ryan O’Rourke.

Fernando Lins

Alexander Munk

Shannon Moeller

Serial Cut

Serial Cut is a Madrid based studio, established in 1999 by Sergio del Puerto, working on a wide variety of worldwide projects, but focussing mainly on Art Direction.

Justin Maller

Dean Oakley

Jesse Willmon

enila.fr

Portfolio of Aline Caron.

Les Illustrations de Lapin

Made Like Me

The home of illustrator Daryl Campbell.

Marko Prljic

Peter Pearson

vectorstories

I’m Helen Gizi – a graphic designer from Thessaloniki, Greece.

Chris Meisner

Source:

Site Inspire
The CSS Awards
unmatchedstyle

About the Author

Gisele Muller is someone that recently discovered a new career online. A person that really likes technology, design, photography and creativity. An eternal geek wannabe, tech fan and a communication lover! Current location: Porto Alegre, RS – Brazil. Twitter: @gismullr

In this article, we have selected 75+ various design quotes. Some you will recognize coming from the great artist like Pablo Picasso. Others are inspiring quotes created by designers across the world based on their mindset.

Picasso Type – Quote by Picasso

Design’s fundamental role is problem solver.

- Fast Company, 2005

Design is in everything we make, but it’s also between those things. It’s a mix of craft, science, storytelling, propaganda, and philosophy.

- Erik Adigard

Design is not just what it looks like and feels like. Design is how it works.

- Steve Jobs, 2003

Pablo Picasso

If you think it’s expensive to hire a professional to do the job, wait until you hire an amateur.

- Red Adair

Invention is 10% inspiration and 90% perspiration.

- Thomas Edison

…designers can make life more bearable by producing stuff that touches its audience rather than fucks them in the head.

- Jon Wozencraft

Dead Serious

Good design is good business.

- Thomas J. Watson Jr.

The only important thing about design is how it relates to people.

- Victor Papanek

A design isn’t finished until somebody is using it.

- Brenda Laurel

Creativity

You are what you are seen to be.

- Erik Spiekermann

To say that something is designed means it has intentions that go beyond its function. Otherwise it’s just planning.

- Ayse Birsel

A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.

- Antoine de Saint Exupéry

Sweet In The Sour

Truly elegant design incorporates top-notch functionality into a simple, uncluttered form.

- David Lewis

Create your own visual style… let it be unique for yourself and yet identifiable for others.

- Orson Welles

I am always doing that which I cannot do, in order that I may learn how to do it.

- Pablo Picasso

Excellence – Aristotle

Design is as much a matter of finding problems as it is solving them.

- Bryan Lawson

Be a first rate version of yourself, not a second rate version of someone else.

- Judy Garland

The large print giveth and the small print taketh away.

- Tom Waits

Person You Are

Good art inspires; Good design motivates.

- Otl Aicher

Color is a creative element, not a trimming.

- Piet Zwart

Sometimes you can draw more inspiration from the people who don’t believe in you, then from the ones who do.

- William Childs

You Learn Something New Everyday

Education is not the answer to the question. Education is the means to the answer to all questions.

- William Allin

Design is where science and art break even.

- Robin Mathew

I’m convinced that without bad design, the world would be a far less stimulating place; we would have nothing to marvel over and nothing to be nostalgic about.

- Carrie Philips

Typography

The definition of an expert is someone who knows what not to do.

- Charles Willson

Practice safe design: Use a concept.

- Petrula Vrontikis

Just because something looks good doesn’t mean it’s useful. And just because something is useful does not make it beautiful.

- Joshua Brewer

Never Tell Me

Good design goes to heaven; bad design goes everywhere.

- Mieke Gerritzen

When you eliminate quality as a requirement, the entire design process becomes a whole lot easier.

- Jared M. Spool

If you’re more susceptible to interruption, you do more out of the box thinking.

- Don Norman

Life Is…

By far the dominant reason for not releasing sooner was a reluctance to trade the dream of success for the reality of feedback.

- Kent Beck

You can have an art experience in front of a Rembrandt… or in front of a piece of graphic design.

- Stefan Sagmeister

I don’t think that design needs theory, but I think designers need theory.

- Johanna Drucker

The Only Thing Worse

Design is the contrast of the core of limitations therefore there are no boundaries. It is simply an interpretation of creativity.

- Jenaiha Woods

Don’t worry about people stealing your design work. Worry about the day they stop.

- Jeffrey Zeldman

Simplicity does not mean want or poverty. It does not mean the absence of any decor, or absolute nudity. It only means that the decor should belong intimately to the design proper, and that anything foreign to it should be taken away.

- Paul Jacques Grillo

Fight With Tools

I know the price of success: dedication, hard work & an unremitting devotion to the things you want to see happen.

- Frank Llyod Wright

Design is creativity with strategy.

- Rob Curedale

There ain’t no rules around here. We’re trying to accomplish something.

- Thomas Edison

BeAmazing

Design is an opportunity to continue telling the story, not just to sum everything up.

- Tate Linden

Typography has one plain duty before it and that is to convey information in writing. No argument or consideration can absolve typography from this duty.

- Emil Ruder

Wisdom is to knowing what to do next, skill is knowing how to do it, and virtue is doing it.

- David Starr

Compassion Will Cure…

Designers have a dual duty; contractually to their clients and morally to the later users and recipients of their work.

- Hans Hger

Imitation may be the “sincerest form of plagiarism,” but it is also the mark of an inferior person.

- David Ogilvy

Art does not reproduce what we see; rather, it makes us see.

- Paul Klee

Rising Sun

Some designers create things to show you what they did. I design things to tell you what I solved.

-  Brian Yerkes

The quality of any creative endeavor tends to approach the level of taste of whoever is in charge.

- John Gruber

Simplicity is the ultimate sophistication.

- Leonardo da Vinci

Quotation 6

The secret of joy in work is contained in one word: excellence. To know how to do something well is to enjoy it.

- Pearl S. Buck

Designers think everything done by someone else is awful, and that they could do it better themselves, which explains why I designed my own living room carpet, I suppose.

- Chris Bangle

The world always seems brighter when you’ve just made something that wasn’t there before.

- Neil Gaiman

Mr.Mandela Said…

Designing a product is designing a relationship.

- Steve Rogers

The real issue is not talent as an independent element, but talent in relationship to will, desire, and persistence. Talent without these things vanishes and even modest talent with those characteristics grows.

- Milton Glaser

Every act of creation is first an act of destruction.

- Pablo Picasso

Reminders

I never design a building before I’ve seen the site and met the people who will be using it.

- Frank Lloyd Wright

I don’t design clothes, I design dreams.

- Ralph Lauren

Design is a plan for arranging elements in such a way as best to accomplish a particular purpose.

- Charles Eames

Worth Having

We hope you can be inspired and motivated by the quotes in this post. Join and tell us which is your favorite one or if you have your own quotes, feel free to write it down on the comments. In the meantime here’s mine.

You can’t reach the top before you start climbing from the bottom

- Ari Suardiyanti

For more design inspiration please see:

• Design Inspiration: Splatter Effects
• Design Inspiration: Graffiti Art Showcase
• 33 Excellent Business Card Templates for Your Own Use
• 33 Letterpress Business Cards for Your Inspiration
• 25 Embossed Business Cards for Your Inspiration

In today’s world of art, we’ve seen pretty much everything up to several times already, especially when talking about digital pieces. So this time we’ve decided to make a nice collection of Moleskine sketches. These show the great creativity and skills of several artists and can be very inspirational to have a look at.

Let’s have a look!

1. Unicorns

2. Moleskine of Roger Haus

03. “Moleskin 01″

04. “Moleskin 04″

05. “And old house in Gradac”

06. “Sarangkot, Nepal”

07. “Microbus”

08. “Moleskin 02″

09. “Cruisin’ car”

10. “My souvenir”

11. “Newari house”

12. “Moleskine sample 8″

13. “Moore’s law”

14. “Moleskine”

15. “Moleskine 1″

16. “Untitled”

17. “Trevor Henry’s sketchbook”

18. “Woman on the bus to Dumre”

19. “First sketch”

20. “Moleskine X”

21. “First Person Shooter”

22. “Sketch 64″

23. ” The living room”

24. “The African campaign”

25. “Summer of 2010″

26. “Summer of 2010 (2)”

27. “Plague of buzzards”

28. “Ariel”

29. “Dragon lady”

30. “Towneater”

31. “Home”

32. “Moleskine practica 07″

33. “Moscow”

34. “Moscow (2) “

35. “Moleskine 1″

36. “Quest 38″

37. “Jaguar Toad”

38. “12 horse powers”

39. “Moleskine 4″

40. “Brussels”

41. “First love”

42. “Moleskine practica 13″

43. “Kobe Suma Beach”

44. “Preparing for the big race”

45. “Power tools”

We hope you’ve enjoyed this collection!

We’d love to hear your comments, and if you have a picture of your own Moleskine somewhere – leave the link!

Thanks for reading.

Like his creations, there are many layers to Garry Milne. While some of his images may have dark undertones, Milne is anything but. Here he talks about his inspirations, skateboarding and the importance of being nice to people.

Mark Twain once said, “Clothes make the man.” If such a statement is true then we’re in for a hell of a ride with UK-based Illustrator Garry Milne as he describes his usual outfit as being a skin tight zebra print jumpsuit. That was quickly followed by the obligatory, “I’m kidding,” of course but still…

So do I start with Garry Milne the person or Garry Milne the artist? Both are equally fascinating. Here are some quick facts about him: he enjoys a “super nice” White Russian, can flick his slipper into the air and catch it back on his foot, and chose the 1990s hip hop anthem “Jump” by Kriss Kross as the music to feature on his MySpace page, though on that same page he says his favorite kind of music is “anything with a pan-pipe solo long enough to make me question what I’ve done with my life.” If that alone doesn’t endear you to him then maybe I should mention the fact that his intricate, complicated illustrations have been featured in publications such as 4 Talent Magazine and The Skinny’s Student Guide.

The Secret’s Out

Milne currently resides in a flat in Hertfordshire with his girlfriend Nadine who is pursuing a PhD in Psychology. It makes you wonder if she can read into Milne’s complicated illustrations and discern anything about the inner workings of his mind. He assures me that he never puts any secret images or inside jokes into his client work but “that’s not a bad idea, though…maybe [I] should!” He says he leaves the “strange stuff” for his personal work.

As a child he said he was loud and outgoing, and credits that to having an older brother to look after him. In addition to his older brother Stuart, his family consists of his parents who have always been extremely supportive of his artistic endeavors, allowing him to “make a mess of their living room for many years.” Stuart, who has featured some of his photography work alongside his brother’s in an exhibit titled “Milne vs. Milne”, was a different story in Milne’s early days. According to him, his older sibling taught him his first lesson in perseverance, in a way that only an older sibling can:

"I drew a picture of the Bushwackers- a WWF wrestling tag team back in the day. I was so pleased with it and I was showing everyone. It was sooo bad but everyone was being nice. I showed my brother and he couldn’t keep the laughter in – he cracked up. I got in a strop and tore it up. The next day I did another one which was better than the first. I think that taught me a valuable lesson about not settling on your first attempts."

Lessons Learned

Interesting enough, Milne passes that “big brother torch” to those starting out in design, “Don’t give up. No matter how unlikely it seems – remember why you started art/design – because you love it and things will happen. Also be nice to people. It’s a real cliché, but knowing the right people is a big part of the game.”

Right now Milne has a day job as a Graphic Designer at a local company where he does the typical promotional and corporate work. It’s at night and some weekends when he does his illustrating and creates pieces like Day Dreamer, Head or Heart and Piece Offering. I wouldn’t have been doing my job if I didn’t be a pain and ask him to explain that one, particularly because he describes it on his website as a “Personal comment on how I sometimes avoid explaining my work.” Milne played nice and answered the question for me, but I feel like I’d somehow be taking away some of the mystique if I revealed his answer.

To prepare for his career Milne went to school and then stayed on to 6th form before heading to college to do an art foundation degree. After that he went on to university to study graphic design and Illustration. While at university he chose to specialize in illustration, but also learned a lot about design. About that he says, “That has helped me develop my style and also helps when it comes to commissions – I’m not just providing illustrations.”

After university he started doing some freelance design work and then concentrated on illustration. As is common, it took a while for him to get work and be noticed. This is where his big brother’s earlier lesson in perseverance kicks in again. “Once I was given a few briefs – more seemed to follow. I think it’s just a case of proving you can deliver a job and being in mind when the right job comes up.”

Patience is a Virtue

So far Milne’s been lucky enough to have fairly long deadlines when it comes to his work so it lets him take on more than one project at a time. While he handles those deadlines like the consummate professional that he is, he admits that they can be hard sometimes. "If you get really into a brief sometimes you’d just like to continue working on it, maybe change some things – take it further."

Luckily, though, Milne says he seems to get “fairly open briefs [and] usually the client tell me their loose idea or some aspects they want featured and I get to work.” He always starts with pencil drawings that are then scanned in and colored on the computer. Though he typically has a rough composition in mind when he starts, that often changes while he works using pencils, pens, paintbrushes, a scanner and a Mac. When in the need for some inspiration he turns to his large collection of art books as seeing the work of others makes him want to create something of his own.

Working on that Mac has sped things up when it comes to the amount of time he spends on each illustration and the longest he’s ever spend on a computer-generated one is two weeks. The longest he’s ever spent on one piece was a painting that took him two months. While painting is his favorite artistic activity, it’s something where he finds he lacks the patience he’s mastered with his illustrations. “I really enjoy painting. When you can see the effort that’s gone into a painting it’s hard not to appreciate it on some level. I’m a little impatient though – I want to see the end result now.”

One of Milne’s current projects is a series of skateboards for Motive which will be released soon. Skateboarding is another passion of Milne’s. He’s been very active in it since he was a child and even gave up playing football and basketball in school in order to pursue that more. There was a time when he thought about pursuing a professional career in it but that “didn’t really work out.” While participating in skateboarding may not have worked out career wise, it doesn’t mean that it hasn’t still played a big part in the career path he did choose. The Motive project won’t be his first foray into designing boards. He’s also done a series for Discipline, which he features on his website.

I really enjoy painting. When you can see the effort that’s gone into a painting it’s hard not to appreciate it on some level.

A Clean Slate

Other than skateboarding, Milne never really set out into the world with a clear idea of what he wanted to pursue. Maybe that’s why his favorite part of any project is the blank page. That page doesn’t stay blank for long, though at the moment his workload is heavy since he’s juggling a full-time job and his freelancing. Eventually, though, he’d like to be able to devote more time to his freelance illustrating, painting and exhibiting.

At 27, though, Milne has learned some hard lessons about the design world. “Don’t take things too literally. You can get promised a lot of things and sadly they rarely come through. That sounds a bit pessimistic but just don’t get too excited about things until they’re definitely happening.” It’s safe to say, though, that things are definitely happening with this brilliant illustrator.

More From Garry Milne

On the Web

Check out Garry Milne on the web.