Colour Perfection

Here is a great website that i stumbled across a long time ago.  The purpose of the site is to get great colour schemes for use on your web templates.  The rang on this site is terrific, and there is also a great peice of software on there site.  Once installed you can go onto the website and download pre made schemes.  Open with the great software and all the colour values will be shown to you, The site is is :

http://www.colorschemer.com/

Check it out, its a resource that no designer should be without.

New Section Added

Slight update on this site today.  I have decided to add a ' Tips And Tricks ' Section.  This will contain all sorts of goodies from time saving tips and shortcuts, to useful links to aid you in creating wonderful graphics. If you have any tips you want to share with the community then fill in a contact form with your tips and tricks in and i will post them up on the site with full credit to the poster.

Great web 2.0 icons

Well in todays tips and tricks section, I am bringing you a secection of some great free icons to use in your web application. These great icons are provided by FamFamFam.com :

http://www.famfamfam.com/

Please check out the site and look at the great icon sets this site has to offer.

Adobe Photoshop - Carbon Fibre

In todays tutorial we are going to take a look at carbon fibre patterns. I have noticed that quight a few searches to my site lately have being looking for this tutorial so here it is.

Step 1 - Laying the foundations

Okay then, so the first thing we are going to do is open up a brand new document. Make it 4px by 4px and set the background color to white.

Read the rest of this entry »

Adobe Photoshop - Web 2.0 Style Button

Button Tutorials are probably one of the hottest categories in any Photoshop tutorial site and since Web 2.0 is such a hot topic now, lets go about doing a simple button suitable for any Web 2.0 application of websites. Read on!

Step 1. - Creating the button

Now the first thing we are going to do is start a new canvase with the size of 500px (width) x 400px (height) to start off the button design. Create a new layer call ‘bg01‘. Select the Rounded Rectangular Tool, hold SHIFT and draw a round sided square in the center. The reason we hold shift is to keep the image square. Any color is fine at the current stage as you fill colour.

Read the rest of this entry »

Adobe Photoshop - Web 2.0 Text Effect

So, you want to make a web 2.0 website but don't know where to start. Well here is a good place, Web 2.0 Text Effects. This tutorial would be a great start to your logo, either way this is a must read tutorial.

Step 1

Ok so first things first, let's make a new document. For this tutorial I have made mine 400 X 400, this will give us plenty of room to work. See Fig 1 :-

Read the rest of this entry »

Major Update

Hello everyone,

As you can see tutorial-zone is changing for what we hope the better. Don't worry we will soon be back with lots of new articles aswel as all the articles we had befor.

We will be adding some new and exciting things to the site and updating it on a hourly basis.

Keep watching this space for new things to come.

Regards
Tutorial Zone Team