Author Archive

Showcase of Creative and Entertaining 404 Error Pages


  

When designing a website, many of us just neglect the error pages considering them insignificant. But the fact is many visitors come across these 404 error pages either because of typing a wrong URL or due to any other number of technical reasons.

Visiting an error page is not a pleasurable experience for a visitor but web designers can make it pleasurable by designing beautiful and creative error pages. All it needs is a little bit of creativity and some quality time, and your error pages will stand out. Here is a list of some creatively designed error pages that will inspire you.

Entertaining 404 Error Pages

Agens
This error page is designed with extreme creativity that features an astronaut being lost in the outer space.

Screenshot

Giraffe
Giraffe features a mascot guiding the lost visitors, showing them how they can get back to the site again.

Screenshot

Frywiles
The missing bird in the row represents something is misplaced and cannot be found. Proper navigation is provided to help users get back to the website.

Screenshot

iFolderLinks
A baby weeping over a computer greets you when you come across the error page on iFolderLinks.

Screenshot

Apartment home Living
A very interesting approach of designing 404 error page. A nice ol’ chap appears whenever you come across an error page and a lady peering from behind the frame lets you navigate the website properly.

Screenshot

Factor D
Factor D features a beautiful yet terrified vintage scream queen to indicate the horror of being lost.

Screenshot

Sure Dev
This error page comically appears as if the user has broken the site with their plate spinning shenanigans.

Screenshot

Blizzard Entertainment
Here is another example of the site appearing to have been broken by the user.

Screenshot

Milrayas
With a whimsical play on the Where’s Waldo series of books, this 404 error page playfully asks where is the page?

Screenshot

TK Designs
This page uses an illustrated, space age character running through exasperated and lost. The page includes a search box to help users find their way again.

Screenshot

Blue Daniel
This extremely interactive (complete with animation) design is brimming with creativity. Set in a mock NYC subway line dubbed track 404.

Screenshot

Bit.ly
Here the mascot is floating out to sea, far from the familiar shores of the site.

Screenshot

8bitpeoples
In true 8bit fashion, just what you would expect from this site, comes a little creativity to go a long way.

Screenshot

Audiko
Has an extremely colorful and artistically crafted error page. Bold and beautiful.

Screenshot

Cooklet
Appropriately designed 404 page that simply says you came too late, the empty plate an indicator that you have missed out on something.

Screenshot

NPR
The 404 error page for NPR is designed in such a way that it redirects the lost users to the stories of lost people, places and things.

Screenshot

Prime
The site’s creative way of demonstrating that something is missing, easily earned it a place in this showcase.

Screenshot

Spiritual But Not Religious
This site uses a tongue in cheek sense of humor that plays into the site and its mission wonderfully.

Screenshot

Good Old Games (GOG)
This innovative 404 design suggests that the page you were looking for has broken out of the site and is now lost somewhere in the cosmos.

Screenshot

Abduzeedo
A very creatively designed error page that also uses the lost in space theme to inform visitors that the page they sought could not be found.

Screenshot

HomeStarRunner.com
This 404 page takes a bit of a different tact. Instead of being helpful, they berate the user and tell them to go away.

Screenshot

Hoppermagic
Here Hoppermagic takes the whimsical route, deploying their rabbit logo who has chewed on the cables and caused the error.

Screenshot

WeAreTeachers
This error page plays on the age old excuse given to teachers when homework was left undone, which works well on a community site of teachers.

Screenshot

Wooga
This error page also goes more of the comical route with their weeping raccoon, saddened by the users error.

Screenshot

Zappos
Here the cute, little weeping penguin also plays on the idea that the users error has caused the sad face. They also provide you with navigation that can take you onward and the make the penguin happy again.

Screenshot

Blippy
A vividly colored and extremely beautiful 404 error page. With an animated rainbow that appears to make the sadness of the 404 error go away.

Screenshot

OrangeCoat
OrangeCoat has designed a creative 404 error page flowchart that works with its users to try and figure out what caused the 404 error and to then help them along their merry ways.

Screenshot

Jolie Poupee
This error page was designed for Jolie Poupee which is eco-friendly children’s clothes stores. It is the perfect blend of cute and creepy.

Screenshot

Warhammer online
This fantasy gaming site uses imagery from the realm, mixing humor with the lore for their 404.

Screenshot

Twinpx
A visually compelling 3-Dimensional rendering of a broken 404 image is used to grab the users attention and let them know they are lost.

Screenshot

Planetgeek
The page features a small bit of the classic 404 error page as an appropriately geeky t-shirt design, and gives the lost users proper navigation options to return back to the site.

Screenshot

Limpfish
A very simple and clean error page designed like a torn out wanted ad from a print publication announcing what the page is missing, and needs to be complete.

Screenshot

Deliciously Creative
Employing the imagery of a broken egg as they explain that something may have broken, their playful explanation playing into the imagery and site’s mission, this 404 page is wonderfully simple and creative.

Screenshot

D20srd
This playful and entertaining take on a 404 design sets up the page like a role playing game trap deployed on its visitors.

Screenshot

Clubpenguin
Using some of the sites animated penguins, who are checking a map to show they are lost, this 404 design has the penguins point you in the right direction…towards the navigation.

Screenshot

You may also want to consider our previous posts:

(rb)


40+ High Quality Free Icon Sets in PSD Format


  

It goes without saying that high-quality PSD files are some of the most precious resources for a designer. This is the reason why even the most skilled and experienced designers are constantly on the look out for new PSD files to add to their toolboxes so they are armed and ready for whatever their next client or project has to throw at them.

The fact that PSD files can easily be edited and modified as per your own needs and requirements makes them the preferred choice of the designers for getting their work done efficiently and swiftly. In this roundup, we are showcasing a collection of over 40 high quality icon sets that are available in PSD formats so that you can edit them at your ease. Enjoy the resources.

The Goods

All psd icon sets are free. Please read the license agreements carefully before using the psd’s for commercial use, the license can change from time to time.

Free Google Plus Icons Set
Google Plus Icons, set of free 13 different social icons (almost every style is included). Each icon of G+ from this set is available in different px size. Source PSD files are grouped and layered, so you can easily copy and paste icon design elements and create custom icons.

Screenshot

Key icon PSD
A beautiful icon of a key in PSD and PNG formats.

Screenshot

Yes, no icons (PSD)
The icons are created in Photoshop using shape layers to help you have no problem in resizing them. Also, these icons are isolated on transparent backgrounds in PNG format in sizes 512×512, 256×256, 128×128, 64×64 and 32×32.

Screenshot

Twitter bird PSD icon
The icon is designed in Photoshop using vector shape layers so this means that you can easily increase the size without losing the quality. The Twitter birdie is also isolated on transparent background in sizes 512×512, 256×256, 128×128 and 64×64 pixels for use in your web works.

Screenshot

3D Glossy Icon Set: 20 Free Icons (with PSD)
This set features beautiful, pixel perfect, glossy 3D icons. Each icon comes in 5 sizes (PNG format), with Photoshop PSD files in case you would like to tweak the icons.

Screenshot

Clean mono icons (vector PSD)
A set of 12 monochromatic icons in vector shape PSD format. These icons come in both normal and hover states, and each icon is isolated on a transparent background in size 32×32 pixels for use in your web design needs.

Screenshot

Flavours Icon Set
This set contains 177 icons in a resolution of 48×48 pixels. The files are available in both PNG and PSD versions, so you can modify the files as you wish.

Screenshot

Help icon (PSD lifebuoy)
This is a realistic life preserver icon in Photoshop format. The icon comes with full source layers along with PNG images on transparent backgrounds in sizes 512, 256, 128 and 64 pixels.

Screenshot

Mango fruit PSD icon
The mango icon is a highly detailed design created with vector shape layers in PSD format. Each part of the mango graphic is isolated on a transparent PNG background as icon so you can easily use it in your web project needs.

Screenshot

No-Smoking sign PSD & icons
This icon comes as transparent PNG files categorized as no-smoking sign with cigarette, without cigarette and the cigarette isolated on sizes 512×512, 256x256x, 128×128 and 64×64 pixels.

Screenshot

Movie clapperboard PSD & icons
These two icons come in fully separate layered PSD files along with their icons on transparent backgrounds in sizes 512×512, 256×256, 128×128 pixels which is useful for your web related projects.

Screenshot

Email icon PSD
These email icons (both the open and closed envelopes) come in fully layered PSD files and you can easily increase and decrease the size of the icons as they are created using vectors.

Screenshot

Facebook icon PSD
This set contains a simple, beautiful facebook icon complete with PSD.

Screenshot

Free Icons (with PSDs): 30 E-Commerce Icons
These icons come in 3 different sizes (128×128, 64×64, 48×48) along with a fully-editable and layered Photoshop PSD file for each icon.

Screenshot

Simplito: A free social icon set
The icons are provided as JPGs, PNGs and as a master PSD file for easy alterations.

Screenshot

Business user icon
This is a pretty wonderful business user icon in PSD and PNG format. You can use the icon for web applications, websites, forums, avatars, admin account, etc.

Screenshot

18 vector web icons
Beautiful web icon set in vector PSD and PNG formats. The set contains 18 excellent highly usable icons for your web works.

Screenshot

gCons: Free All-Purpose Icons for Designers and Developers
A set of free all-purpose 32×32px icons for designers and web developers (100 icons). The icons come in 12 different colors and are available in PSD, PNG, JPG and GIF formats.

Screenshot

The Ultimate Free Web Designer’s Icon Set
The set consists of web application icons, user interface icons, e-commerce icons, general use icons, desktop icons, blog icons, smiley icons, button icons, keyboard icons, national flags icons, popular online services icons and many others.

Screenshot

StormTrooper Icon
This set contains various sizes of this geek-chic Storm Trooper icon PSD for Star Wars fans.

Screenshot

Android Icon
This set contains some outstanding Android icons.

Screenshot

Free Social Media Icon Set
This package includes 42 64×64 icons in both PNG and PSD formats.

Screenshot

Kaching – Exclusive Free eCommerce Icons
The icons are available as PNGs (48×48 and 400×400) and also include the source files in PSD and Illustrator format so that you can customize it however you like.

Screenshot

Mini Social Icon Set
This set includes 25 Layered social media Icons in PNG JPG & PSD Format.

Screenshot

Setway Icon Set
This set contains 36 icons in JPG, PNG & PSD Format.

Screenshot

Modern compass icon (PSD)
Blue compass web icon. Stylized and modern looking graphic in PSD format. Edit with Photoshop to customize pointing direction.

Screenshot

Modern office telephone icon
A modern looking office telephone isolated on white. Perfect for a website contact or support page graphic in PSD format.

Screenshot

iPhone style – Mail icon
This set contains beautiful iPhone style mail icon PSDs.

Screenshot

Silver computer database icon
A silver, computer database graphic in PSD format. A simple icon for web hosting services, corporate servers, data symbol etc.

Screenshot

Excellent settings icon
This set contains an amazing set of settings icons with PSD files. The icon, created with care to pixel perfection, comes ready for scalability.

Screenshot

iVista Icon PSDs
This set contains 8 beautiful selected iVista PSDs.

Screenshot

OpenPhone
This set contains some really outstanding iPhone style PSD icons.

Screenshot

Computer processor, CPU icon (PSD)
Modern computer chip, CPU icon. A very detailed and photo realistic illustration in PSD format. Isolated on white, no shadow, with clipping path.

Screenshot

iKons 4 CS4
This set contains some stylish Adobe CS4 icons with PSD files.

Screenshot

Magnifa Pro
A beautiful magnification glass icon with PSD file. Perfect for use it as a dock icon or for any of your search icon needs.

Screenshot

PSD Avatar Icon Set
The set contains five avatars which could be used as icons as well. The icons are available in PSD format.

Screenshot

Radar screen icon (PSD)
Hi-tech, blue radar screen with target indicators in PSD format. If you would like to change the backlight color, play with the hue/saturation layer.

Screenshot

PLATE dock icons
This set contains 22 PNG icons (512 x 512 px) + PSD template.

Screenshot

Free simple icon
This set contains some beautiful and simple icons including PSD and PNG files.

Screenshot

Ish
This pack contains 9 icons, PSD and PNG format, 256 x 256 pixels.

Screenshot

Second free PSD icon pack
This set contains some simple and varied icons complete with PSD file.

Screenshot

iPhone 4G Black Icon and Psd
This is a sleek and stylish looking black iPhone 4G icon and PSD.

Screenshot

Sleek Volume Icon
For your sound/volume icon needs, this sharp, stylized set is the perfect fit.

Screenshot

Shopping bag icons
This is an excellent and very useful download to help you in your shopping / ecommerce related graphic needs, available in 3 color variations: green, brown and red. Each graphic is contained in a named folder with full layers for easy customization. Also, all the graphics are scaled down to 256x256px and 128x128px in PNG format to serve as transparent icons.

Screenshot

(rb)


Stunningly Creative and Unforgettable Print Ads


  

Advertising is done in order to catch the attention of a target audience and deliver a specific message in a clear and concise manner. An effective ad is one that catches the attention of the onlooker with its added wow factor. Here we have put together a creative collection of tremendous advertisements for your marketing inspiration.

In this collection you will find tons of unique ideas to market your business and goods or services. This collection includes print ads as well as several other outdoor advertisements for your to get your marketing wheels turning. Feel free to share your thoughts and opinions about this post with us in the comments. Enjoy!

Print Advertisements

FEDEX: USA-BRAZIL
This ad is done for FedEx showing their services from USA to Brazil. The concept of using maps makes this ad so outstanding.

Screenshot

Homelessness Awareness: WOMAN
This clever advertisement is done by Publicis Conseil Advertising Agency for Homelessness Awareness (Samusocial company) in France that highlights the public awareness message.

Screenshot

Panasonic 3D TV: Dino
This ad for Panasonic reflects the 3D quality that Panasonic TV’s possess, giving you the illusion of the reality.

Screenshot

ThaiHealth Promotion Foundation: Bike
This ad promotes the awareness that one should not drive in a sleepy state.

Screenshot

Sabesp: Sachets Ad
This overly creative ad to promote awareness of wasting water, incorporated the message into the presentation.

Screenshot

Protex Antibacterial Soap: Sneakers
This is truly creative ad for an antibacterial soap that shows germs lingering under a fingernail.

Screenshot

Berger: Sky
A clever Berger paints billboard advertisement playing on the truly natural tones of their colors.

Screenshot

Lion show
This is a uniquely eye catching ad revealing the how close to the wildlife this park intends to get its visitors.

Screenshot

Fabercastell Truecolours: Shark
This ad is for Fabercastell Truecolurs and has been done with extreme creativity that shows the color pencil in the shape of a shark.

Screenshot

Pizza & Love: Fight for the Amazonas
This ad was done for the campaign Pizza & Love: Fight for the Amazonas. Showing a slice of pizza representing the Amazonian rain forests against a grease-stain map on a pizza board globe.

Screenshot

dig2go.com: Ear Glasses
This ad is for Ear glasses is for audiobooks and effectively conveys the reading with your ears. Creativity speaks!

Screenshot

Pilot: Mummy
This ad is for Pilot Ball Pen which uniquely demonstrates the water resistant nature of their pen and ink.

Screenshot

CNN Turk: Camera Man
This creative ad connotes that dozens of other news channels and media outlets get information from CNN.

Screenshot

Replenish
This ad really stands out as it somewhat painfully communicates its message. Truly inspired and punishing.

Screenshot

ITV Injustice
This ad using negative space for effect was done for a program where questions are raised as how to treat violent criminals.

Screenshot

Advertisers Without Borders: Forest
Loads of brainstorming went into the creation of this ad that shows if you destroy forest, you are actually destroying yourself. The message conveyed in this ad is whatever you do to the world you do to yourself.

Screenshot

Amnesty International: Fight With Signatures
This ad signifies the power of the pen equating them with bullets, saying that a signature can as powerful as a bullet. Think twice!

Screenshot

BAND AID: HULK
Band-Aid’s, use of the Incredible Hulk to demonstrate the stretch-ability of their flexible fabric.

Screenshot

Samsung MP3 Player: Elvis
With Samsung MP3 players, the sound is so realistic its as if the band is singing right into your ear. Or so the ad would have you believe.

Screenshot

Mambocino Coffee Co.: Mug
The Mambocino Coffee Co.: Mug ad exceptionally conveys the strength of the company’s coffee in a playful and attention grabbing manner.

Screenshot

Kerrygold: Feather

Screenshot

SONY COTTON STICK
This ad was designed to show how much cleaner and clearer a sound Sony can offer its users.

Screenshot

WWF: Lungs
The ad creatively blends imagery and message using disappearing forests (the planets lungs) to impact the viewer and stir them into action before as the ad says, it’s too late.

Screenshot

AFTER WHISKY DRIVING RISKY
Here is public awareness message trying to convey the risks of driving while impaired by alcohol.

Screenshot

EYE BANK
This ad gives you a clear picture of how eye bank makes a difference in someone’s life.

Screenshot

Auckland Transport: Kids see roads differently
This ad suggests how dangerously kids view roads, encouraging the public to be aware and to slow down.

Screenshot

Samsonite: Protection
This ad creatively positions Samsonite’s bags as being strong and virtually indestructible. Or to quote the add, worldproof.

Screenshot

Olympus Binoculars: Koala
This imaginative binoculars ad playfully conveys how they make the object appear as if it is right in your face.

Screenshot

Aquafresh flex top toothbursh: Cleans all gaps
This toothbrush ad does a fantastic job conveying the cleaning power of the product, having it appear as dental floss.

Screenshot

Sleeping Leopard
This ad for a wildlife park that is open until midnight cleverly combines simple and whimsical ideas and images for a cute message delivery.

Screenshot

Cafe Rico
The message of undisturbable comfort creatively comes to life in this ad.

Screenshot

Capture the Moment
This ad brilliantly puts forth the idea of capturing the beautiful moments life has to offer and holding on to them to savor all they bring.

Screenshot

Outdoor Advertisements

Denver Water: Channel
This ad was designed on the concept of saving water using a minimalist approach baring the message that you should use only what you really need.

Screenshot

Tropicana: Billboard powered by oranges
Creativity goes way outside the box for this ingenious ad that extracts electrical energy from a large panel of oranges to power a neon sign. To indicate how much energy the body can get from orange juice.

Screenshot

The Economist: Lightbulb
This very clever ad hints at the Economists’ ability to give its readers an idea. That they get you thinking.

Screenshot

KITKAT
With the popular candybar slogan, “gimme a break” deliciously transformed into a bench to sit down and relax on takes this slogan to a whole new level.

Screenshot

STRONGERMARRIAGE.COM: ME
A very powerful message for stronger marriages done so simply and cleverly that the impact and message stand out boldly.

Screenshot

Donatos Pizza: Newscaster
The ad effectively demonstrates how desirable and tempting this pizza is by ‘incorporating’ the fake ad beside it.

Screenshot

Headache?
By incorporating the poles on which these clever ads hang, the imagery delivers the message in an ideal way.

Screenshot

Tibits vegetarian restaurant: Fork
This ad was created for a large vegetarian restaurant chain in Switserland demonstrating the freshness of Tibits food to the people walking by.

Screenshot

You may also want to consider our previous posts:

(rb)


40+ Websites with Unusual Navigation

Advertisement in 40+ Websites with Unusual Navigation
 in 40+ Websites with Unusual Navigation  in 40+ Websites with Unusual Navigation  in 40+ Websites with Unusual Navigation

Navigation is the most important part of a website without which no website can effectively operate. Achieving unique navigation that effectively fulfills its purpose is nearly akin to climbing Mount Everest. Having a unique navigation with perfect functionality makes the website easy to navigate, thus ensuring a better users experience.

Here, we have collected some sites with amazing and unique navigational elements that will not only inspire you, but will show you how to combine innovation with practicality. We hope you like this assortment. Enjoy!

CSS and JavaScript Based Navigation Menu

Small Stone
The navigation of this site goes with the theme. This is a website of a US based record label that is evident through its navigation.

Unusualnavigation27 in 40+ Websites with Unusual Navigation

BountyBev
BountyBev turns to their creativity to help make their navigation menu as unique and distinctive as it is.

Unusualnavigation8 in 40+ Websites with Unusual Navigation

I am Yuna
Beautiful navigation with exceptional hover effects. Navigation menu goes up and down when you hover over it with your mouse.

Unusualnavigation3 in 40+ Websites with Unusual Navigation

Racket
Truly exceptional and creative navigation that shows a hierarchy of menu up to its roots.

Unusualnavigation25 in 40+ Websites with Unusual Navigation

Side Show Press Shop
An easy to navigate website thanks to its well designed navigation menu.

Unusualnavigation10 in 40+ Websites with Unusual Navigation

TapTapTap
A restaurant menu like navigation is used here that looks really great. The navigation grabs the attention with its simplicity and creativity.

Unusualnavigation34 in 40+ Websites with Unusual Navigation

Studio-Output
Beautiful and appealing navigation. Selected area becomes highlighted and provides necessary information to the visitors.

Unusualnavigation9 in 40+ Websites with Unusual Navigation

Got Milk
Bold use of a centered navigation menu that never dislodges from its position. On hover, icons change to text.

Unusualnavigation41 in 40+ Websites with Unusual Navigation

CathyBeck
This website uses a unique navigation style that opens and closes like a scroll when a menu is chosen.

Unusualnavigation24 in 40+ Websites with Unusual Navigation

Unfold
Unfold has a simple yet most powerful navigation system that sets it apart from other websites.

Unusualnavigation2 in 40+ Websites with Unusual Navigation

Lab for Culture
Simply creative navigation menu is used here that not only is functional but looks visually interesting as well.

Unusualnavigation40 in 40+ Websites with Unusual Navigation

El Studio
Beautiful and easy to navigate website demonstrating the power of their navigation menu.

Unusualnavigation1 in 40+ Websites with Unusual Navigation

Acko
The site navigation is designed from a totally different perspective. Worth mentioning.

Unusualnavigation26 in 40+ Websites with Unusual Navigation

Jiri Tvrdek
Yet another creative way to present site navigation. Here the navigation is presented in the form of fruit bearing tree.

Unusualnavigation28 in 40+ Websites with Unusual Navigation

District Solutions
Vertical tabs are very rarely used as navigation bars, but this website proves that they can look stunning if used properly.

Unusualnavigation30 in 40+ Websites with Unusual Navigation

Dragon Interactive
Simple, neat and clean navigation that looks stunning with the stylish hover effect employed.

Unusualnavigation32 in 40+ Websites with Unusual Navigation

Helmy Bern
The navigation has a grungy style and jQuery dropdown menu.

Unusualnavigation33 in 40+ Websites with Unusual Navigation

Andreas Hinkel
Here the navigational elements are setup as handwritten captions on a Polaroid picture.

Unusualnavigation36 in 40+ Websites with Unusual Navigation

Cypher13
Cypher 13 possesses a flexible navigation that is supported by photographs and text. This style is appealing, practical and at times amusing.

Unusualnavigation37 in 40+ Websites with Unusual Navigation

Im Design
Navigate the site through the arrows and certain other keys of your keyboard, Mac users may require their mouse on some occasions.

Unusualnavigation38 in 40+ Websites with Unusual Navigation

Studio Stemmler
Studio Stemmler has a simple landing page. But the instant you choose a category, the interface transforms giving you several ways to access content.

Unusualnavigation39 in 40+ Websites with Unusual Navigation

Thibaud
Another dazzling portfolio with innovative navigation, this one is based on Flash color samples to select from. Similar items are grouped together.

Unusualnavigation42 in 40+ Websites with Unusual Navigation

SensiSoft
To help visitors connect with their creative navigation menu, SensiSoft puts a familiar-looking information stand in the center.

Unusualnavigation43 in 40+ Websites with Unusual Navigation

Flash Based Navigation Menu

Work Life Balance Centre
Work Life Balance Centre uses a balanced navigation menu that emphasizes all the necessary elements.

Unusualnavigation6 in 40+ Websites with Unusual Navigation

Narrow Design
This is a portfolio website where Nick Jones uses a simple but dynamic sort of navigation.

Unusualnavigation18 in 40+ Websites with Unusual Navigation

TBWA\HAKUHODO
Navigation is based on a beautiful artistic scenario where every element used adds life to the site, simply magnificent.

Unusualnavigation51 in 40+ Websites with Unusual Navigation

Gleis 3
Overall the site is simple and plain, but creatively used navigation makes this website look out of the ordinary.

Unusualnavigation4 in 40+ Websites with Unusual Navigation

Marc Anton Dahme
A unique concept of mouse and keyboard being used as the navigation that really stands out, all the while remaining practical.

Unusualnavigation52 in 40+ Websites with Unusual Navigation

Amore
Navigational menu is set at the bottom of the web page and has some cool hover effects incorporated.

Unusualnavigation5 in 40+ Websites with Unusual Navigation

Grip Limited
Here you can navigate with the simple scroll of your mouse or with the arrows keys of your keyboard.

Unusualnavigation7 in 40+ Websites with Unusual Navigation

65media
Bold use of navigational elements on this site stimulates a visual interest among users.

Unusualnavigation12 in 40+ Websites with Unusual Navigation

Organic Grid
Organic Grid uses an excellent approach to create navigation bars as if they are the main attraction of the website. Navigation bars move left and right when mouse over to it.

Unusualnavigation13 in 40+ Websites with Unusual Navigation

Innovative Imaging Professionals
Here a beautiful navigation menu with hover color effect is used that gives the website a very unique feel.

Unusualnavigation15 in 40+ Websites with Unusual Navigation

Moodstream | Getty Image
This website tweaks the mood sliders in order to squeeze your creative juices. This navigation style rocks.

Unusualnavigation16 in 40+ Websites with Unusual Navigation

Not forgotten Movie
Here navigation is presented in the form of tarot like cards which catch fire when clicked. The cards are based on a devilish and freaky theme to match the feel of the website.

Unusualnavigation17 in 40+ Websites with Unusual Navigation

Marc Ecko
This site’s navigation allows the visitors to take a tour of a virtual art gallery to move through the site’s offerings. A more traditional nav menu is also included.

Unusualnavigation19 in 40+ Websites with Unusual Navigation

Agency Net
This is a New York and Fort Lauderdale based design studio whose website uses a dramatic and astonishing navigation design.

Unusualnavigation20 in 40+ Websites with Unusual Navigation

Nickad
A flexible approach is taken while keeping the navigation easy to use. Stars when clicked change to navigation that simply look stunning.

Unusualnavigation21 in 40+ Websites with Unusual Navigation

Okaydave
The navigation is set at the bottom of the web page which is out of the ordinary in and of itself. Different images are used to point to the same content.

Unusualnavigation22 in 40+ Websites with Unusual Navigation

Section Seven
A colorful and vibrant pamphlet like navigation gives this site character and sets it apart from others.

Unusualnavigation23 in 40+ Websites with Unusual Navigation

Andreas Smetana
You can navigate through the photo thumbnails either by using your mouse wheel or the arrows.

Unusualnavigation53 in 40+ Websites with Unusual Navigation

You may also want to consider our previous posts:

(rb)


Outstanding Text Effects Tutorials in Illustrator

Advertisement in Outstanding Text Effects Tutorials in Illustrator
 in Outstanding Text Effects Tutorials in Illustrator  in Outstanding Text Effects Tutorials in Illustrator  in Outstanding Text Effects Tutorials in Illustrator

Adobe Illustrator is a powerful tool that you can create fluffy, vague, sparkling, gelatinous, glossy, glittery, retro and revolutionary effects with. Creating a particular text effect in Illustrator is not that difficult now; thanks to the availability of huge number of tutorials that guide you through each step.

Here we have gathered a collection of around 50 amazingly helpful tutorials that let you create breathtaking typographic effects in Illustrator. Some of them also use Photoshop to give the text effect its fully refined look. Let’s have a look at this collection.

Text Effects in Illustrator

Create a Poster Theme Illustration in Illustrator
This following tutorial lets you create beautiful poster theme illustrations simply, using Adobe Illustrator.

Texteffectstuts47 in Outstanding Text Effects Tutorials in Illustrator

How to Create a Neon Text Effect Using Adobe Illustrator
Create appealing and tempting neon text effects by using Gradient Mesh, 3D Modeling, Art Brushes and Transparency palette. Let’s begin!

Texteffectstuts41 in Outstanding Text Effects Tutorials in Illustrator

How to Create Colorful Neon Text with Adobe Illustrator
This tutorial teaches you some quick tips on how to create a colorful neon text effect. In this tutorial, you will learn the use of thick font and the Round Any Corner Script to create letter shapes and other techniques to create neon text effect.

Texteffectstuts1 in Outstanding Text Effects Tutorials in Illustrator

Creating a custom Font : Understanding the Dynamics of Blend Tool
This tutorial is designed to help you create a custom Font, while at the same time accepting the dynamics of the Blend Tool.

Texteffectstuts40 in Outstanding Text Effects Tutorials in Illustrator

How to Create a Colorful, 3D Text Effect
This tutorial is shared here to let you learn the technique of creating some colorful and appealing 3D texts.

Texteffectstuts36 in Outstanding Text Effects Tutorials in Illustrator

Create an Airport Time Table Type Effect
In this quick tutorial, you will learn to create an airport timetable text effect. Creating such an effect is ideal for websites, posters and even logos.

Texteffectstuts19 in Outstanding Text Effects Tutorials in Illustrator

How to Create a 3D Sketch Text Effect
This tutorial lets you learn how you can play with the 3D options in Illustrator to create 3D letters while also transforming them into a sketch text. Add any color that you like as the transparency allows you to place it on any background.

Texteffectstuts2 in Outstanding Text Effects Tutorials in Illustrator

Create a Jar Illustration and Splashy, Purple Text Effect
This tutorial walks you through creating a jar illustration with a splashy purple text effect. You will see how different layered shapes and opacities are used in this tutorial and how the paths and the Pathfinder tools are used to enhance the result and give your text dimension and style.

Texteffectstuts30 in Outstanding Text Effects Tutorials in Illustrator

Create Colorful, Layered Paper Type in Illustrator
Let’s create some vividly colored illustrations with layered text and ribbons. Here, you will learn to use Illustrator effects expansively to optimize your work.

Texteffectstuts32 in Outstanding Text Effects Tutorials in Illustrator

How To Create a Cool Chrome Text Effect in Illustrator
The following tutorial helps you get the skills required to create cool retro chrome text effects by using Illustrator. This tutorial teaches you all the steps from beginning to end.

Texteffectstuts38 in Outstanding Text Effects Tutorials in Illustrator

How to Create a Retro Style Textured Logo
This tutorial helps you learn to create a retro vector seal logo by using Illustrator with Ryan Quintal. This extremely easy to follow tutorial lets you create an awesome final effect.

Texteffectstuts3 in Outstanding Text Effects Tutorials in Illustrator

How to Create a Paper Style Alphabet using Illustrator 3D
With this, you will learn to create a paper style alphabet and the shadows of them by using 3D modeling. This tutorial is perfect for creating logo designs.

Texteffectstuts4 in Outstanding Text Effects Tutorials in Illustrator

Create a Chalkboard Type Treatment
This tutorial lets you create amazing chalkboard type treatments by using some gradients, a bristle brush, and some freebies from Vector Mill.

Texteffectstuts23 in Outstanding Text Effects Tutorials in Illustrator

Learn to Create a Variety of Script Lettering
This tutorial showcases three unique approaches to create different script lettering styles. The tutorial starts with a simple basic script and leads you to more advanced techniques.

Texteffectstuts5 in Outstanding Text Effects Tutorials in Illustrator

How to Create an Entangled Lettering Illustration
Creating a perfect entangled lettering illustration is what you will learn in this tutorial. You can also learn casting shadows and highlighting through abstract color shapes.

Texteffectstuts6 in Outstanding Text Effects Tutorials in Illustrator

Create a Variety of 3D Lettering Effects for Poster Design
This tutorial teaches you different techniques of creating simple 3D lettering effects in the context of poster design.

Texteffectstuts7 in Outstanding Text Effects Tutorials in Illustrator

Create a Green Viscous Text Effect
This tutorial helps you learn the use of existing font and 3D tools of illustrator to add dimension and create a green viscous text effect.

Texteffectstuts8 in Outstanding Text Effects Tutorials in Illustrator

How To Create a Simple Sticker Text Effect
This tutorial showcases the technique of using text and the Round Any Corner script to create a simple sticker effect. Such text effects can be used in graphics, including shapes and symbols.

Texteffectstuts9 in Outstanding Text Effects Tutorials in Illustrator

Create a Furry Calligram in Illustrator
Here you will learn to create your own calligram by manipulating a typeface, rendering fur and by adding dog features and various details.

Texteffectstuts10 in Outstanding Text Effects Tutorials in Illustrator

Learn to Create a Variety of Beveled Lettering
This tutorial is designed to teach you different techniques of creating beveled lettering styles. The tutorial starts with the least complex and moves on to the most polished and professional look.

Texteffectstuts11 in Outstanding Text Effects Tutorials in Illustrator

Cool Typography with the Blend Tool in Illustrator
Here you will use Illustrator’s Blend tool first and then use Photoshop for some final retouches in order to create cool typography.

Texteffectstuts13 in Outstanding Text Effects Tutorials in Illustrator

Create a Top Gun Badge on Illustrator
Here, you will see how to create a vector badge and then make it look more appealing by adding some features. Simple to execute.

Texteffectstuts14 in Outstanding Text Effects Tutorials in Illustrator

Tron Legacy Tutorial
In this tutorial, you will use Adobe Illustrator, Adobe Photoshop and Cinema 4D. This is an interesting tutorial that helps you learn all three of these programs simultaneously.

Texteffectstuts15 in Outstanding Text Effects Tutorials in Illustrator

Vintage Badge in Illustrator and Photoshop
In this tutorial you will see how to create a vintage badge by using Illustrator and Photoshop. Take a look!

Texteffectstuts16 in Outstanding Text Effects Tutorials in Illustrator

Grungy 3D Text In Illustrator
Use Illustrator to create appealing grungy 3D text with some smart shadow techniques.

Texteffectstuts17 in Outstanding Text Effects Tutorials in Illustrator

Create a Silky Ribbon Text Effect
This tutorial teaches you to use the Pen and Gradient tools in order to create a swirling ribbon text effect. You can also use this effect to create different shapes and scrolls.

Texteffectstuts18 in Outstanding Text Effects Tutorials in Illustrator

How to Create a Glassy Text Effect in Illustrator
In this tutorial, you will see how to create a splendid glassy text effect by using Illustrator. Here you will learn some clever techniques to enhance your skills.

Texteffectstuts20 in Outstanding Text Effects Tutorials in Illustrator

Create a Mummy Text Effect
This guide helps you give your text some classic mummy treatment by using a few gradients and the Appearance panel.

Texteffectstuts21 in Outstanding Text Effects Tutorials in Illustrator

Create a Polished Raised-Type Treatment
Learn to create a polished, lifted-type treatment by using the Appearance panel, some gradients and transforms. You can also apply the treatment to other fonts and vector elements as well.

Texteffectstuts22 in Outstanding Text Effects Tutorials in Illustrator

Create a Reusable Retro Type Treatment
Here you will see how to create retro type treatments by using some powerful Illustrator features and texture effects, Warp effects, and some simple layering.

Texteffectstuts24 in Outstanding Text Effects Tutorials in Illustrator

Create a Glossy Smooth Text Effect
This guide lets you discover how to create a glossy smooth text effect by using multiple fills and strokes with various blending modes and different opacity settings.

Texteffectstuts26 in Outstanding Text Effects Tutorials in Illustrator

3D Golden Text Effect
This tutorial will be great for beginners who want to create professional 3D text effects in Adobe illustrator. Here, you will see how to create text using 3D extrude and the techniques to clean up the broken shapes and then apply glow to the 3D text.

Texteffectstuts28 in Outstanding Text Effects Tutorials in Illustrator

Golden Text with Diamonds
This tutorial showcases the use of the appearance palette and scatter brushes to create this stylized text with diamonds. Several other useful techniques will also be taught in this tutorial that will help you in your future endeavors. So let’s get started!

Texteffectstuts29 in Outstanding Text Effects Tutorials in Illustrator

How to Add Decorative Glamour to Your Ordinary Script Font
Learn to add glamour to your ordinary scripts in simple to follow steps and add some extra sparkle to your ordinary font.

Texteffectstuts31 in Outstanding Text Effects Tutorials in Illustrator

How to Make a Flesh Ripping Zombie Type Treatment
Follow the artist’s steps and create flesh ripping zombie characters and type treatments for this blood-curdling illustration.

Texteffectstuts33 in Outstanding Text Effects Tutorials in Illustrator

Creating an Environmentally Friendly Green Type Treatment
This tutorial lets you create some cool and soothing environmentally friendly green type treatments that you can apply to your different projects.

Texteffectstuts34 in Outstanding Text Effects Tutorials in Illustrator

How to Create Candy-Cane Typography With Photoshop and Illustrator
Learn how to craft some lip smacking Candy-Cane type by using Illustrator and Photoshop and create the appeal that you always wanted to harness.

Texteffectstuts35 in Outstanding Text Effects Tutorials in Illustrator

How To Create Detailed Gothic Linework Typography
This step by step explanation demonstrates the design process for an amazing gothic typographic design.

Texteffectstuts37 in Outstanding Text Effects Tutorials in Illustrator

Multi-Stroke Tips for Adobe Illustrator
In this tutorial, learn to add multiple strokes to objects in Illustrator using the Appearance panel.

Texteffectstuts39 in Outstanding Text Effects Tutorials in Illustrator

Produce a Glowing Neon Open Sign Using Illustrator CS5
Here you will see how neon tubes are produced in the Illustrator world by simply altering a path and adding stroke colors with Gaussian blur. This will allow you to produce our own glowing neon open sign in Illustrator CS5.

Texteffectstuts42 in Outstanding Text Effects Tutorials in Illustrator

Create a Bubble Text Effect
Use different tools such as Ellipse, Rectangle, Rectangular Grid and Twirl along with some basic effects to create this Bubble Text Effect.

Texteffectstuts44 in Outstanding Text Effects Tutorials in Illustrator

Stylish text effect tutorial using Illustrator
Here you will see how to use Illustrator to create stylish and elegant text effects with a subtle vintage look that can be applied to any specific typeface.

Texteffectstuts45 in Outstanding Text Effects Tutorials in Illustrator

Create a Simple Blood Text Effect
This is an extremely easy to follow tutorial that will teach you how you can create simple blood text effect.

Texteffectstuts46 in Outstanding Text Effects Tutorials in Illustrator

Create a folded paper text effect
Create a simple folded paper text effect by watching this tutorial and also see how to improvise the final look.

Texteffectstuts48 in Outstanding Text Effects Tutorials in Illustrator

Make Grunge Type with Live Trace and the Pathfinder
This tutorial aids you in creating a grunge type effect by simply creating a vector texture with Live Trace first and then applying it to the text.

Texteffectstuts49 in Outstanding Text Effects Tutorials in Illustrator

How to Create a Piped Frosting Text
This tutorial will help you learn how to create a paste text effect. You will also learn the use of different tools to create the text effect that can be used to demonstrate a piped frosting effect.

Texteffectstuts50 in Outstanding Text Effects Tutorials in Illustrator

How to Create a Gummy Text Effect
Here you will see how to use the Offset Path function and various other coloring techniques to create cool and cute gummy text effects.

Texteffectstuts51 in Outstanding Text Effects Tutorials in Illustrator

How to Create a Zodiac Themed Graphic Style
This particular tutorial helps you learn the basic techniques to create a complex graphic style, using only the Appearance palette and commands from the Effect menu. This lets you create designs based on zodiac signs. Let’s get started!

Texteffectstuts52 in Outstanding Text Effects Tutorials in Illustrator

How to Create Smoky Brushes and Type In Illustrator CS4
Here you will see how the smoky brushes and type are created in Illustrator. You will be amazed to see the realistic results.

Texteffectstuts53 in Outstanding Text Effects Tutorials in Illustrator

You may also want to consider our previous posts:

(rb)


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress