Great Web Design Tutorials on Vimeo!

Looking around Vimeo the other day I decided to have a look for some web design tutorials, here are 5 great ones that I found, have a look through them and see if any take your fancy.

1: 3D Web Design Effect in Photoshop

In this tutorial I will show you some very easy techniques, using gradients and layer styles, that we can use to produce nice subtle 3D effects in our web designs

3D Web Design Effect in Photoshop from godonholiday on Vimeo.

2: CSS Shorthand: Margins

Andrew Turner has started a series over at his blog that will explain the different methods of writing shorthand CSS for different properties.

Writing Shorthand CSS is a great method of not only writing better code, but it also can reduce load times and speed up development time by almost halving the code to be written

CSS Shorthand: Margins from Andrew Turner on Vimeo.

3: Web 2.0 Menu Bar

In this video you will see how to design a Web 2.0 Style Menu Bar with lights and Shadows using Photoshop

Web 2.0 Menu Bar from Navdeep on Vimeo.

4: Message Strip in Photoshop

In this tutorial, we’re going to make a little message strip in Photoshop that you can place in the top-right corner of a design. These little strips look very trendy and Web2.0-y, particularly in Web designs! It’s quite an easy effect to do, and in this tutorial we’ll add some shadow and light to make it pop!

Message Strip in Photoshop from godonholiday on Vimeo.

5. Fancy Frames

A simple photoshop tutorial making some cool page curl effects.

Fancy Frames from TUTcandy.com from che mcpherson on Vimeo.

Bonus: HDR Photography Tutorial

A bonus for all you photographers out there, If you havn’t checked out HDR photography yet, have a look at this great tutorial or check out the worlds master (in my honest opinion) on the subject over at *stuck in customs*.

In this tutorial I show how you can blend three differently exposed images using Photomatix, and then demonstrate how to use some basic Photoshop techniques to touch-up the resulting image.

HDR Tutorial from 2bit Photos on Vimeo.

Ellie And I Avatar

About The Author: Odin Dutton

My name is Odin ‘twe4ked’ Dutton. I love front end webdesign and focus on Wordpress themes. Follow me on twitter (@twe4ked) to keep up with this blog and more, @reply me and i'll follow back. Read more about me here.

6 Responses to “Great Web Design Tutorials on Vimeo!”

  1. Hey,

    Thanks for featuring my screencast, I’ll be recording another today for release next week ;)

  2. twe4ked says:

    No problem man :)

  3. [...] is the original:  Great Web Design Tutorials on Vimeo! | twe4ked studios SHARETHIS.addEntry({ title: “Great Web Design Tutorials on Vimeo! | twe4ked studios”, url: [...]

  4. Miss66 says:

    I like the billable hours part. ,

  5. driver88 says:

    Most of them don’t have to be displayed at 100% but at the size i decide in the embed codeAnd how google treat the associated flashvars ? ,

Leave a Reply