When i first started learning photoshop, automotive impressionism (virtual cars) was the first thing i learned how to do. In this rounded-up ive selected 21 fantasticly excuted virtual cars.

 

VCTuner Scirroco

Nissan 370z

Evolution X Greedy

Alfa Romeo GT

Eclipse

Camaro

Hot Rod

Lamborghini Murcielago

Cadillac Provoq

VW Scirocco

Suzuki Surf

Subaru Impreza

Shelby GT500

Mini Cooper Dirty Racer

BMW e46 Coupe

Shelby Mustang GT500

Virtual Tuning WTB

Nissan 370z

Beetle Rod

Mercedes vs BMW

Subaru Impreza

Theres many many others that didnt make the list. Maybe you could share with us which ones are your favourite? or maybe you’ve done a virtual car and would like to share it with everyone, feel free to post them up in the comments area.

What are meta tags??? – Answer – Meta tags are snippets of informational code located in thesection of your HTML pages.

 

There are many “meta tags” you can use, but what do they all do and mean??? Here are 12 meta tags and wether to use them or not.

Meta Title

An example of this tag looks like this.

 <META NAME="Title" CONTENT="Page Title Here">

The title meta tag is used to set your webpage title, what ever you type inside thetag its displayed in the browser title bar or tab.

Meta Content Language

An example of this tag looks like this.

 <META HTTP-EQUIV="Content-Language" CONTENT="en-GB">

This tag basically declares your webpage language, robots use this tag to assist non-US English sites in getting categorized properly by the search engines. You should only really use this tag if your website isn’t written in english.

Meta Keywords

An example of this tag looks like this.

 <META NAME="keywords" CONTENT="photoshop, tutorials, learning">

The meta tag keywords are something you should definitely include into your website. It basically defines the content of your website and is very important for search engines. When there defined search engines use them to categorize your website.

Meta Content Type

An example of this tag looks like this.

 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Meta content type is used to declare the character set of a website. It is recommended to always include this tag even if you use a DTD declaration above the header. If you don’t include it, it can cause your webpage to display incorrect. For example the Meta Content Type tag helps properly display the page if the document uses UTF-8 punctuation characters, but is displayed in ISO or ASCII character sets.

Meta Language

An example of this tag looks like this.

 <META NAME="Language" CONTENT="english">

The language meta tag is used when declaring the language of your website, its use is to simply set the primary language.

Meta Copyright

An example of this tag looks like this.

 <meta name="copyright" content="Copyright 2008">

The meta copyright tag is used if you want to include a copyright or trademark to your webpage. It is not required of you to use this tag, it doesnt protect you or your websites content in any way.

Meta Description

An example of this tag looks like this.

 <META NAME="description" CONTENT="Adobe Photoshop Tutorials.">

This tag simply gives a short description of the current webpage, normally consisting of about 25 words or less. Search engines use the description tag on their search results pages. Normally there displayed underneath the title of your website.

Meta Designer

An example of this tag looks like this.

 <META NAME="Designer" CONTENT="Your Name">

Meta designer is like an author tag, its normally used to declare the designer of the website, search engines dont use or need it when indexing your website but you could add it for advertising purposes or to catch out website rippers.

Meta Distribution

An example of this tag looks like this.

 <META NAME="Distribution" CONTENT="Global">

This tag is used to declare the distribution of your content. It consists of three different attributes “global”, “local” and “IU”. Global means the entire web, local means to reserve for the local IP block of your website and IU means internal use, not for public distribution.

Meta Generator

An example of this tag looks like this.

 <META NAME="Generator" CONTENT="Adobe Dreamweaver">

Although this tag serves no real purpose some applications like to include it. The tag generates the publishing tool name and/or version. If you notice it in your website delete it as like i said it serves no real purpose.

Meta Refresh

An example of this tag looks like this.

 <META HTTP-EQUIV="Refresh" CONTENT="3;URL=http://www.yoursite.com/a-page.html">

The refresh meta tag is used to declare a delay in seconds before the browser automatically reloads the URL specified. An ideal example of this would be when you fill in a search form, on completion of the search form you are sent to a thank you page, the thank you page then redirects you back to the homepage.

Meta Robots

An example of this tag looks like this.

 <META NAME="ROBOTS" CONTENT="NOINDEX,FOLLOW">

The meta robots tag controls the search engine robots, its recommended you not use this tag and instead control the search engine robots via the “robots.txt” file or the HTACCESS file.

Last week i submitted my first tutorial over at six revisions as a guest writer, lucky for me it got accepted

 

In this web design tutorial, you’ll learn how to create a professional web design with an illustrated “vector” header in Photoshop. You’ll see many techniques here including how to draw using the Pen Tool and a excellent type treatment using layer styles.

Thank’s for looking and keep watch for my next one

PSD to HTML conversion is proberbly the most popular and most sort after tutorial on the internet. In this article ive made a round-up of the most popular tutorials. Also included are 20 premium websites to go to if you want a professional conversion.

 

Build a Sleek Portfolio Site From Scratch

Encoding a Photoshop Mockup Into XHTML & CSS

PSD to HTML: Hawk Studios

From PSD to HTML: A Set of Website Designs Step-By-Step

From PSD to HTML

The Design Lab: PSD Conversion

PSD to CSS/HTML In Easy Steps

Coding a Creative Design Layout

CSS Template Tutorial: Setting Up

Coding Your First PSD

PSD to HTML

PSD to HTML: My Project

Web Design Layout: Site Build

BlooPRESS PSD to HTML

Coding a Layout

Portfolio Layout Site Build

Converting a Design From PSD to HTML: Screencast

Slice and Dice That PSD: Screencast

Portfolio Layout #4

PSD to HTML Slicing Tutorial

 

Premium PSD to HTML Services

 

SB-Designs uk

Feather Code

Pixel Crayons

Quality XHTML

W3 Markup

Markup 4 u

CSS Rockstars

Markup Service

XHTML 4 u

PSD to HTML

XHTMLized

The Chopper

HTML Blender

XHTML Slicer

CSS Ninja’s

Slice and Dice It

XHTML Mania

Yodiv

PSD Slicing

XHTMLizers

If ive missed any feel free to fill me in below in the comments area. If you liked this article why not subscribe via our RSS feeds and/or twitter. Your help and support is much appreciated.

16 Free premium icon sets from around the internet all free to download and use, post also includes 12 icon tutorials.

 

Fresh Addon Icon Set

Bright Free Icon Set

Nurture Social Icon Set

Aquaticus Icon Set

Candy Milk Icon Set

Web Injection Icon Set

Function Free Icon Set

Star Trek Icon Set

Project Icon Set

Woothemes ultimate Icon Set

Old School Icon Set

Baggy Icon Set

Futuristica Icon Set

Coquette Pt4 Icon Set

Classy Icon Set

Aesthetica V2 Icon Set

 

Selection Of Icon Tutorials

 

The Making Of An Icon

Carbon Style Icon

Professional Tecnique For Creating Icons

7 Principles Of Effective Icon Design

Military Icon Tutorial

Custom Hard Drive Icon

CS3 Style Icons

Itune Icon

Compact Disc Icon

Dock Icon Folder

USB Portable Speaker Icon

Share This Icon

Hope you enjoyed this article, dont forget to subscribe via RSS and promote this post by using the share and enjoy icons below. Your support is much appreciated.

 

In the past couple of weeks ive been busy re-designing and helping re-develop a website called SB-Designs, finally the website is now complete and in full swing. SB-Designs is a website / graphic design company based in the West Midlands. They specialise in building quality websites at affordable prices for small businesses and individuals.

They also offer other services like graphic design, ecommerce and email marketing, Some of you guys also might be intrested to hear they offer PSD to HTML from as little as £80 which is quite cheap.

Anyway enough said get yourself over there and see what they can do for you.

Todays article features 23 photo effects, you’ve proberbly seen most of them knocking about sometime or other but still worth another look.

 

Textures & Uneven Surfaces

Twisting Water Photo Manipulation

Smoke Fading Effect

Retro Comic Book

Ghosting

Cutaway Illustration

Warhol Pop Art

Dynamic Lighting

3D Photo

Slick Dusky Lighting

HDR

Iphone Light Beams

Pencil Sketch

Stencil Art

Pop Art

Selective Sepia

Sincity Effect

HDR

Dark Light

Blue Prints

Light Your House On Fire

Halftone Dots

Sketch

Thanks for reading this article, dont forget to subscribe via rss and twitter to stay informed of future articles and tutorials.

Small selection of FREE CSS Templates and the odd FREE premium wordpress theme. Ive search the internet for hours and these are the only decent worth while free templates id recommend.

 

Frozen Age

 

Snow Glass

 

Impress

 

Squick

 

Forte Blue

 

Jewelry Shop

 

Floral Impact

 

Liqidity Graph

 

Business Events

 

Green Web

 

Web Application

 

 

Good evening all today were going to explore the sick world of photo manipulation. This article contains some of the most realistic horror photo manipulations. *WARNING* View at your own risk.

 

Eye Spy

Friendly Fire

Half The Zombie I Used To Be

Miss Deadlock

My Fears Have Become Phobias

Perfect Death By SentencedXIII

Ripped Away

Shinybinary’s Horror

Why So Freaking Serious?

Witch

Zombie Manip

Bacarath

 

Tutorials & Resources

 

Devils Eye

Creating A Zombie

Transform Into An Alien

Bloody Saw Blade

Crack & Peel

Wounds

Bloody Method

Killer Portraits

Dark Book

Turning Into An Alien

Zombie Tutorial

 

Create a new document 820×700, color background #89887c. Select the rounded rectangle tool and draw out a rectangle leaving about 100pixels at the bottom. Color the rectangle with a gradient using the colors #c4c5b6 & #ebebe2, add a 2 pixel white stroke to your rectangle. You should have something like this.

Select the rectangular marquee tool and draw out to rectangles the same width as your rounded rectangle, color the 1st rectangle the color #f0f0f0 and the second rectangle #e5e5e5. You should have something like this.

Merge the two rectangles together and add a 1pixel white stroke to it. You should have something like this. (see link below).

CLICK HERE TO SEE RESULT SO FAR.

Select your type tool and add some text to your navigation.

Create a new layer and select the “pencil tool” select a 1 pixel brush and draw two 1 pixel lines inbetween your text on your navigation. Use the colors #d9d9d9 and #ffffff.

You should have something like this (see link below)

CLICK HERE TO SEE RESULT SO FAR.

For this next part your going to need some “nature brushes”, a great site for some free brushes is “brusheezy“. Once you have your brushes select one and add them above your navigation.

I used a total of 2 brushes to create the effect above.

Now add your site title, ive added a gradient overlay, drop shadow and a stroke, the effects used are very easy to create, all the options are standard apart from colors, just choose what ever works best.
You should have something like this (see link below)

CLICK HERE TO SEE RESULT SO FAR.

Now lets add our content boxes, select the rounded rectangle tool, draw out a small rectangle color it with the color #e7e7d8 and add a 1 pixel stroke to it using the color #c2c2b4.

Now duplicate your navigation bar and drag over the top of your content box at the top. (be sure to drag the layer over your content box layer).

Click your content box layer whilst hold the the key “CTRL” on the keyboard to make a selection. Select the duplicated nav bar layer and goto “select > inverse” then hit the delete key. You should be left with this.

Press “ctrl + t” to enter free transform mode, just make your content box header abit smaller, and change the layers stroke to the same as the content box. Add more boxes to suit your style following the steps above, You should end up with something like this.

CLICK HERE TO SEE RESULT SO FAR.

And with some content it could look like this.