TuTsRUS - All Adobe Tutorials - Photoshop | Illustrator | Encore | Premeire | After Effects » Illustration

Creative Uses of Illustration in Web Design

Thu, 26 Jan 2012 21:36:51 +0000

Using illustration in web design has become quite trendy these days. People love to see beautifully designed illustration based websites because they stand out from the rest. Not only because of the beautiful illustrative art work and carefully crafted web designs but also because of the perfect balance struck between these two important components.

Today, we want to dig into some creative ways you can work beautiful illustrations into your web design projects. We hope that this compilation will inspire some new ideas. You can see in the examples where designers have captured a certain illustrative style and wonderfully integrated it into website design in various ways. These unique illustrative styles make a website more memorable. Enjoy!

The Showcase

Plavacek.net
Plavacek.net takes a unique and gorgeous approach with its design that certainly looks great and attention grabbing. The designer imaginatively presents the underwater and above water scenes in a single frame brilliantly.

Meomi
In this web design, although the mascot is not the only bit of illustration and character work present it does add a lot of personality. The overall illustrations and style of the site make it a less formal presentation.

The Last March
This is another illustration driven web design that demonstrates the different levels of playfulness and whimsy these types of illustrated elements can add beyond pure decoration.

Pampaneo
Pampaneo’s lively use of yellow and green with idiosyncratic characters creates a bold look with depth and balance.

The Pixel
This is another site with a very stylish design, but with a much busier layout. The blue-tone gives a very strong impression.

Pojeta
With this web design, the designer conveyed his own personal and unique style with a single illustration against a vast amount of whitespace. This makes the design look hugely impactful and very beautiful.

YODAA
This website successfully manages to be unique in its own way by highlighting the illustration with carefully positioned content; and since this is accomplished effectively, the result is quite spectacular.

Aussie BBQ Legends
What makes this website stand out is not only the stunning illustrative art work or the vigilantly crafted design; rather it is the beautiful balance between these two components like was mentioned in the opening.

Ufo.lt
This website demonstrates a beautiful submersion in illustration. You can see how creatively the designer makes use of their illo skills.

Pieoneers
The illustration presented in this website although it is very colorful and has some depth, it still maintains a bit of a simplistic feel. The muted tones used for the rest of the site really make the splash of color in the pie very pleasing to the eyes.

Html5 Lab
Html5 Lab has a bold site, using large 2D illustrations and some light embellishments coupled with a sharp color scheme of grey and red with little traces of white and black to pull the design together.

Pigeon and Pigeonette
The uncharacteristic layout and quirky, vibrant illustration make Pigeon and Pigeonette worthy of exploring.

Teamnomad
Teamnomad’s header reinforces its own theme simply and in an understated way, though it is still extremely apparent, creating a strong brand connection quickly. The rest of the page leaves enough room to breathe, so viewers aren’t overwhelmed.

Iwit
A large stream of character illustration is paired with an otherwise simple website design, creating a very attention-grabbing result. There truly isn’t much here that could use improving.

Rays-lab
Here the design uses a rich, vibrant illustration that provides a stunning foundation for the design to work off of.

Coopers kids
Coopers kids’ illustration doesn’t carry on all through the page, but it works wonderfully with the peaceful color scheme creating a look that is both simple and effective.

Ericsteuten
Although very eventful, with lots of movement to draw the eye, the design here is still balanced well. This balance seems so simply struck that it makes the whole process look easy.

Attack of the web
Attack of the web mostly confines the use of exceptional illustrative elements to the over-sized header of the single page site. This is a great example of a functionality driven site with a strong use of illustration.

Cubeclub-chemnitz
This web design has a strong letterpress print feel, with bold text and original icons. The repeated texture pattern is a nice touch.

Dedoce
In this design, the underwater scene possesses loads of grunge and texture which keep it from looking like just another vector built website.

Cool Brush Design
Cool Brush Design’s site throws restraint out the window yet still manages to pull off sophistication with ease. The majority of the illustration serves both ornamental and functional purposes.

Arbel Designs
The illustration work in Arbel Designs’ site is extremely attractive and attention grabbing, however the way the tabs adjust when they are clicked is somewhat distracting; but the overall design is still extraordinary.

Toris Eye
In this web design, illustrations are put to work to create an overall theme that looks visually alluring and appealing.

Racket
Here the thematic illustrations are used establish a very surreal tone or theme for the site, and they certainly grab the attention of the users.

Get my boss to North Cape
This web design whimsically repeats its fundamental mission statement through the illustration which comically recreates the site title whilst simultaneously establishing a theme.

Egopop
This is another site with an atypical layout in this collection. The illustrations in the design let you know about the individual this site represents as well as break the normal web mindset a visitor may have.

Duirwaign Studios
Duirwaign Studios makes use of illustration in a very beautiful and breathtaking manner. It also provides some life and movement to the design putting a memorable face to it.

Mellow Mushroom
In this case, the interactive illustrative elements provide much more than mere decoration, adding an edge which smartens the design in a way that only interactive illustration can.

The Great Bearded Reef.com
The Great Bearded Reef makes use of creative illustration to create this playful masterpiece. This is a distinctively fun, tongue-in-cheek design which fits and serves its purpose well.

Moshi Monsters
Here, the illustrations are relatively strange yet tempting owing to their inimitability and innovation. The big and bold typography definitely is the first thing that gets noticed, and compliments the rest of the design well.

The Alamo Basement
The background texture of this website provides it an extraordinarily captivating and personal feel. The visual explosion of characters and colors is great for getting the reader’s attention.

Florida Flourish
This is an enormously stunning illustration full of interactive elements which comes with an unmatched style that captivates the visitors.

Webbli World
This website illustration instills a sense of enjoyment and wonder that engages the visitors with its appealing design.

Old Loft
Old Loft brings into play an artistic and inventive illustration that makes this website both unforgettable and exceptional.

Visit Cascadia
The overall style of this website feels like an illustration, and still, it doesn’t have the characteristic humanistic elements.

Veerle
Here the illustration lends more backup support, with many brilliant background elements in play. Some of these are more corporeal than others, although in general they are more about visual support than anything else.

Tea Round App
This is an ideal example of illustrated design. The style is tremendously stunning, totally unique, and very appealing.

Pixel Baecker
The hand rendered design here showcases the designer’s talent. It demonstrates that they creates artwork with their hands that connects flawlessly to their animation skills.

Chernobyl heart
In this web design, the illustrated text is far more subtle than most. Rather than driving the whole direction of the design, it merely plays along nicely.

Instant Ad Legend
The somewhat singular style of this design delightfully incorporates the large illustrative elements which play several roles in the overall design.

(rb)

Noupe

Illustration Inspiration for the Weekend

Fri, 14 Oct 2011 21:38:16 +0000

On multiple occasions in the past, we have compiled the works of several artists to give our readers an extra dose of inspiration for the weekend. This post follows along that theme, only we are refining the inspirational artists to a particular medium, illustrators. So this installation is going to veer off a bit from its predecessors, but we promise the inspiration will still deliver.

Below is a showcase of some artists you may or may not have heard of before, but who’s work we couldn’t help but shine a light on. Their illustrations range in styles and depth, but all share one important trait; their ability to connect with viewers and inspire them. We hope you enjoy this illustration inspiration collection.

Joe Fenton

Joe Fenton has a gallery filled with rich and deeply detailed work, often featuring retro-styled, exaggerated cartoonish characters. This injection of whimsy still maintains something of a dark edge, however, giving the work attitude and tone.

Jacqui Oakley

Jacqui Oakley has a colorful, vintage style of work that embodies an innocent nature. His vibrant illustrations feel like they could have been lifted right out of another era. Such a simple feel, from pieces that are actually anything but.

Irina Vinnik

Irina Vinnik has a wonderful, almost Victorian artistic sensibility that shines through from her gallery. Such gorgeous illustrations brimming with soft colors and layers of detail.

Pale Horse

Pale Horse has a gallery that is full of highly intricate, masterfully detailed pieces that speak volumes to the viewer. This emotive, at times darkly so, portfolio varies in theme, but never in quality or lacking in punch.

Natalie Sklobovskaya

Natalie Sklobovskaya is an illustrator with something of a uniquely simplistic seeming style. When in reality, the work is deeply layered and at many times abstract. All of which feeds its poignancy.

Miss Led

Miss Led has a gallery that is rife with passion and playfulness, lightly circling the edges of sensuality at times. Subtle and mostly character driven, these fantastical pieces are rich without being overpowering.

(rb)

Noupe

First Vector Illustration

Sun, 13 Jun 2010 04:01:40 +0000

Check out these vector tutorials images:

First Vector Illustration

Image by edknowles
Yey!!
So I’ve fallen in love with psd.tutsplus.com only because I’m at home and havn’t got After Effects.
I made the illustration above on Adobe Illustrator CS4 its all vector shapes, lines and gradients. Just wanted to share my new love for one of my forgotten programs!

cloud_tutorial

Image by plusonetwo
Tutorial at www.pointsandpaths.com/tutorials/13/cartoon-clouds

clover_tutorial

Image by plusonetwo
Tutorial at www.pointsandpaths.com/tutorials/16/create-a-lucky-clover…