Join over 55,891 Subscribers Today! FREE UPDATES!
Get The Only Freelancer crash course you will ever need to read!
Oh, this is a bit different collection I hope, because I couldn’t find really similar articles like this one. I did very big research through youtube, delicious, good-tutorials, vimeo, google and many more websites to find interesting Photoshop, little coding and tips video tutorials. What’s great with video tutorials? – you can see every mouse click and in the same time you hear author’s voice explaining things to you verbaly. In my opinion this is the fastest and the best way how to learn new techniques.
Actually I got this article idea, when I accidentaly found great video tutorial on Deviantart which by the way is the first video in this list as well. It is Photoshop tutorial, where author explains several of his great techniques while creating designs – what font to choose, how to think about spacing, wirefrime, colors, blending options and a lot more hidden tips.
This video will walk you through Derek Toigo design process of a simple website template. He will explain and unreveal many hidden tips and techniques in his daily designing process.
In this tutorial you will learn how to create the trendy letterpress or emboss text affect thats flooding the web design scene at the moment.
This video tutorial will show you step by step how to create this really stunning spark beam effect which can be commonly seen in cell phone ads for example.
In this tutorial you will create iPhone application icon for address book in Adobe Illustrator with some Photoshop touches.
The first part of an WordPress theme tutorial. This video will cover the Photoshop/design part of the WordPress theme.
Mantrastic is a great artist on Deviantart, you should view his photomanipulation works and you will understand what I mean and why you definitely should download and see this great video tutorial straight away!
Basic Layout is now uploaded and ready to view and runs for around 36mins. This tutorial covers basic CSS/XHTML to get a simple design from Photoshop into a web page. This tutorial is aimed at beginners who are just starting out with CSS/XHTML and need a few tips on how to do simple layout.
A little video on a typical outline working with a client on their website.
Interesting Photoshop web design tutorial, explaining how to create simple but good looking layout.
A Photoshop tutorial showing how to achieve a great effects you can use in your designs everywhere.
This tutorial will walk you trough the creation of a Web 2.0 style gloss orb with lights and shadows in Photoshop.
In this video you will see how to design a Web 2.0 Style Menu Bar with lights and Shadows using Photoshop.
This video covers the basics of web design, mainly composition design, and the process that I go through to create mockups. The video covers basic wireframing, grids, psd structure and general design techniques. This video is for people who are new to web design, and the techniques used are basic, more advance design tutorials in the future.
Part 2 of my webdesign tutorial, covers building out the rest of the site, this video is intended for beginners only.
This 10 minute standalone video demonstrates how easy it is to install and use the popular Lightbox 2.0 javascript effect in your web design projects.
The tutorial takes you step-by-step through the whole process, from downloading to integration to testing.
If you know more of this type tutorials with unique webdesign techniques, please share! It was really hard to find something good out there from keywords, so I believe I should more listen to recommendations.
Get The Only Freelancer crash course you will ever need to read!
Dainis Graveris is 23 years old blogger and designer, founder of 1stWebDesigner, now more silently managing everything behind the scenes. He usually hangs out in Twitter tweeting design related links and chatting with people. If you have any questions or feedback that's the best place to start! Cheers!
Wednesday, January 27th, 2010 10:06
Loving this web video based design inspiration, using it for my own portfolio as well!
Sunday, January 24th, 2010 20:53
This is fantastic article happy with this and expect more from you soon.
Friday, January 22nd, 2010 21:51
Very cool, and I don’t even mean the tips. This blog is very well made – the video’s are incredibly helpful… Thanks again!
Friday, January 22nd, 2010 19:57
Great Post!! I know what I’ll be doing over the weekend (besides watching the NFL conference finals ) Go Saints!!!
Thanks
Thursday, January 21st, 2010 16:36
Great post Dainis! It’s great to view tutorials in a different medium, I never think to learn via Screencasts usually.
Thursday, January 21st, 2010 13:03
Thanks Dainis for this great list of tutorials. Def bookmarked for future reference.
Thursday, January 21st, 2010 07:21
pity .I couldnot see anyone !
i am in china!
Wednesday, January 20th, 2010 16:55
actually i dont watch videos online. my internet connection is slow and i prefer to buy video tutorials in DVD or CDs. anyway nice collections. thanks.
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
jeprie
Wednesday, January 20th, 2010 16:55
actually i dont watch videos online. my internet connection is slow and i prefer to buy video tutorials in DVD or CDs. anyway nice collections. thanks.
Dainis Graveris
Thursday, January 21st, 2010 10:14
You’re right – of course such DVD’s are in much higher quality, but this free stuff is for the most of people who want to learn, but don’t want to pay just yet :)
I should release commercial webdesign CD,DVD’s article as well for my own research and others who are ready to pay for really good stuff.
Thanks for comment!
mupet
Thursday, January 21st, 2010 11:35
Great lists Danis, i like most of theme
julio
Wednesday, January 20th, 2010 17:07
nice job putting this post together!
seeker
Thursday, January 21st, 2010 07:21
pity .I couldnot see anyone !
i am in china!
Dainis Graveris
Thursday, January 21st, 2010 10:12
why it is so? Click on links to load videos on vimeo or youtube homepages. Shouldn’t be so slow internet..
Smashing Share
Thursday, January 21st, 2010 13:03
Thanks Dainis for this great list of tutorials. Def bookmarked for future reference.
Tom Ross
Thursday, January 21st, 2010 16:36
Great post Dainis! It’s great to view tutorials in a different medium, I never think to learn via Screencasts usually.
Webdesign
Wednesday, January 27th, 2010 10:06
Loving this web video based design inspiration, using it for my own portfolio as well!
PsdDude
Wednesday, January 27th, 2010 11:49
Great article! Lots of useful information! thanks
Jamal Mohamed
Sunday, January 24th, 2010 20:53
This is fantastic article happy with this and expect more from you soon.
Mark
Friday, January 22nd, 2010 21:51
Very cool, and I don’t even mean the tips. This blog is very well made – the video’s are incredibly helpful… Thanks again!
Salmen
Friday, January 22nd, 2010 00:24
Great post :)
Luis
Friday, January 22nd, 2010 19:57
Great Post!! I know what I’ll be doing over the weekend (besides watching the NFL conference finals ) Go Saints!!!
Thanks