Advertisment
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.
1. Website design walkthrough from Derek Toigo
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.
2. Letterpress text tutorial from che mcpherson
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.
3. How to slice a Photoshop image into a website
4. Fancy Frames Photoshop Tutorial
5. 3D Web Design Effect in Photoshop
6. Web 2.0 Footer in Photoshop
7. Vista Inspired Menu in Photoshop
8. Create a Watercolor-Themed Website Design with Photoshop
9. How to Make a Highly-Textured Site Layout in Photoshop
10. Web Text Box and HTML: Photoshop Tutorial
11. Photoshop Tutorial Text Mirror Effect
12. Web Design Tutorial – Apple Navigation in Photoshop
13. Spark Beam Photoshop Video Tutorial
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.
14. Creating a Website: From Start to Finish Part 1
15. iPhone icon design tutorial from SoftFacade
In this tutorial you will create iPhone application icon for address book in Adobe Illustrator with some Photoshop touches.
16. jQuery slider tutorial from Dimics DM
17. Wordpress theme tutorial Part 1 (PS) from Dimics DM
The first part of an Wordpress theme tutorial. This video will cover the Photoshop/design part of the Wordpress theme.
18. Frames and Peels in Photoshop from Navdeep
19. Style Techniques of Mantrastic by Mantrastic
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!
20. Photoshop – Learn how to create an Apple iPod Shuffle from kakkuk
21. Web Development – Tutorial 1 – Basic Layout from Michael Daley
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.
22. J Taylor Design ~ Web Design from J Taylor
A little video on a typical outline working with a client on their website.
23. K-DESIGN Windows Blue – Your Choice Tutorial from
Mo4itajs
24. Photoshop Tutorial 1 from Alistair Rossini
Interesting Photoshop web design tutorial, explaining how to create simple but good looking layout.
25. How To: Gradient, Gloss, Shadow & Reflection Effects from Ryan
A Photoshop tutorial showing how to achieve a great effects you can use in your designs everywhere.
26. Web 2.0 Gloss Orb from Navdeep
This tutorial will walk you trough the creation of a Web 2.0 style gloss orb with lights and shadows in Photoshop.
27. Web 2.0 Menu Bar from Navdeep
In this video you will see how to design a Web 2.0 Style Menu Bar with lights and Shadows using Photoshop.
28. Web Design Tutorial Part One from andrew
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.
29. Web Design Tutorial Part 2 from andrew
Part 2 of my webdesign tutorial, covers building out the rest of the site, this video is intended for beginners only.
30. Integrating Lightbox 2.0 in to your web design projects from Psmeg
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.
I received my cheapest ghd iv mini styler today, very impressed. They are like sort of a massive slipper, soft, easy to wear and light.My ghd iv styler uk arrived today, I’m very pleased with them. So silky smooth and soft I can’t believe it. I researched the whole ghd iv mini styler uk thing last year but decided not to order because I really couldn’t afford a pair. This year I read about Whooga’s in a fashion forum and decided to give them a try. I ordered a size too small initially and had to return them for a 6 which was a bit annoying but eventually worth the wait, I’m a 5.5 in most shoes but boots sometimes vary between 5.5 and 6. I probably should have measured my foot, anyway I’m very pleased. cheap ghd iv mini styler …
A great set of photoshop tutorials. Thanks for sharing!
A great set of tutorials for photoshop. Thanks for sharing!
ama ben bunu çok sevdim :)
this is thank you.. :)
heyy thankss sure… :)
Excellent information about web designing. It would be very useful for the designer who are going to participate in a web design contest. I would grab all this ideas and confidently participate in the contest running by grafikguru.com.
Great article! Lots of useful information! thanks
PsdDude´s last blog ..Chocolate Tablet Effect
Loving this web video based design inspiration, using it for my own portfolio as well!
Webdesign´s last blog ..Microdesign ruilt Den Haag in voor Rotterdam
This is fantastic article happy with this and expect more from you soon.
[...] 30 Web-Design Related Photoshop Tips, Tutorial Screencasts | Graphic and Web Design Blog -Resources … (tags: design tutorials webdesign tutorial photoshop cool layout jquery video tips blog web graphic list compilation screencast screencasts videos tutoriais) [...]
[...] 30 Web-Design Related Photoshop Tips, Tutorial Screencasts [...]
[...] 30 Web-Design Related Photoshop Tips, Tutorial Screencasts [...]
Very cool, and I don’t even mean the tips. This blog is very well made – the video’s are incredibly helpful… Thanks again!
Great Post!! I know what I’ll be doing over the weekend (besides watching the NFL conference finals ) Go Saints!!!
Thanks
[...] 30 Web-Design Related Photoshop Tips, Tutorial Screencasts | Graphic and Web Design Blog -Resources … [...]
[...] January 21st, 2010 Randall Hand Goto comments Leave a commentHere’s the pixels for today:30 Web-Design Related Photoshop Tips & Screencasts158+ Beautiful coffee stains brushes for free99 Brilliant Examples of Infrared PhotographyQuick Tips [...]
Great post :)
Salmen´s last blog ..How to enhance Photo with High Pass filter And Bokeh Filter
[...] 30 Web-Design Related Photoshop Tips, Tutorial Screencasts [...]
Great post Dainis! It’s great to view tutorials in a different medium, I never think to learn via Screencasts usually.
Thanks Dainis for this great list of tutorials. Def bookmarked for future reference.
Great lists Danis, i like most of theme
pity .I couldnot see anyone !
i am in china!
why it is so? Click on links to load videos on vimeo or youtube homepages. Shouldn’t be so slow internet..
Thanks for the info, another great article.
[...] hier om het te [...]
Thanks for the compilation. I especially like the jQuery and Lightbox stuff.
Extremely informative tutorial, well researched and clearly presented. Thanks for the hard work.
[...] Photoshop’u kullanarak yapılan web tasarım ipuçları için tıklayınız. [...]
nice job putting this post together!
julio´s last blog ..16 Websites to display your Creative Work
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.
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!
really nice set of tutorials here. Very useful for some upcoming projects.