30 Web-Design Related Photoshop Tips, Tutorial Screencasts

Posted in Tutorials4 years ago • Written by 14 Comments

Title-web-design-photoshop-vide-screencastOh, 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.

If you enjoyed this article, get email updates (it's free).

Join over 77,235 Subscribers Today.

215 Written ArticlesWebsiteGoogle+

Dainis is 25 years young man, who struggled for 3 years while studying in design academy and working for local design agency, because of ignorant teachers and agency boss. He couldn't believe this is all life could offer to him! And then he discovered true Internet possibilities, he was lucky to find his passion early in life and take advantage of this beautiful Information (Internet) Age! Now he is committed to help others succeed, to help others take charge of their life and follow their passion! His goal is to open Your eyes and help unveil Your true potential!

14 Comments Best Comments First
  • Tom Ross

    Thursday, January 21st, 2010 16:36

    8

    Great post Dainis! It’s great to view tutorials in a different medium, I never think to learn via Screencasts usually.

    +1
  • Jamal Mohamed

    Sunday, January 24th, 2010 20:53

    12

    This is fantastic article happy with this and expect more from you soon.

    +1
  • PsdDude

    Wednesday, January 27th, 2010 11:49

    14

    Great article! Lots of useful information! thanks

    +1
  • mupet

    Thursday, January 21st, 2010 11:35

    6

    Great lists Danis, i like most of theme

    0
  • julio

    Wednesday, January 20th, 2010 17:07

    2

    nice job putting this post together!

    0
  • seeker

    Thursday, January 21st, 2010 07:21

    3

    pity .I couldnot see anyone !
    i am in china!

    0
    • Dainis Graveris

      Thursday, January 21st, 2010 10:12

      4

      why it is so? Click on links to load videos on vimeo or youtube homepages. Shouldn’t be so slow internet..

      0
  • Smashing Share

    Thursday, January 21st, 2010 13:03

    7

    Thanks Dainis for this great list of tutorials. Def bookmarked for future reference.

    0
  • jeprie

    Wednesday, January 20th, 2010 16:55

    1

    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.

    0
    • Dainis Graveris

      Thursday, January 21st, 2010 10:14

      5

      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!

      0
  • Webdesign

    Wednesday, January 27th, 2010 10:06

    13

    Loving this web video based design inspiration, using it for my own portfolio as well!

    0
  • Mark

    Friday, January 22nd, 2010 21:51

    11

    Very cool, and I don’t even mean the tips. This blog is very well made – the video’s are incredibly helpful… Thanks again!

    0
  • Luis

    Friday, January 22nd, 2010 19:57

    10

    Great Post!! I know what I’ll be doing over the weekend (besides watching the NFL conference finals ) Go Saints!!!

    Thanks

    0
  • Salmen

    Friday, January 22nd, 2010 00:24

    9

    Great post :)

    0
  • PsdDude

    Wednesday, January 27th, 2010 11:49

    14

    Great article! Lots of useful information! thanks

    +1
  • Webdesign

    Wednesday, January 27th, 2010 10:06

    13

    Loving this web video based design inspiration, using it for my own portfolio as well!

    0
  • Jamal Mohamed

    Sunday, January 24th, 2010 20:53

    12

    This is fantastic article happy with this and expect more from you soon.

    +1
  • Mark

    Friday, January 22nd, 2010 21:51

    11

    Very cool, and I don’t even mean the tips. This blog is very well made – the video’s are incredibly helpful… Thanks again!

    0
  • Luis

    Friday, January 22nd, 2010 19:57

    10

    Great Post!! I know what I’ll be doing over the weekend (besides watching the NFL conference finals ) Go Saints!!!

    Thanks

    0
  • Salmen

    Friday, January 22nd, 2010 00:24

    9

    Great post :)

    0
  • Tom Ross

    Thursday, January 21st, 2010 16:36

    8

    Great post Dainis! It’s great to view tutorials in a different medium, I never think to learn via Screencasts usually.

    +1
  • Smashing Share

    Thursday, January 21st, 2010 13:03

    7

    Thanks Dainis for this great list of tutorials. Def bookmarked for future reference.

    0
  • mupet

    Thursday, January 21st, 2010 11:35

    6

    Great lists Danis, i like most of theme

    0
  • seeker

    Thursday, January 21st, 2010 07:21

    3

    pity .I couldnot see anyone !
    i am in china!

    0
    • Dainis Graveris

      Thursday, January 21st, 2010 10:12

      4

      why it is so? Click on links to load videos on vimeo or youtube homepages. Shouldn’t be so slow internet..

      0
  • julio

    Wednesday, January 20th, 2010 17:07

    2

    nice job putting this post together!

    0
  • jeprie

    Wednesday, January 20th, 2010 16:55

    1

    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.

    0
    • Dainis Graveris

      Thursday, January 21st, 2010 10:14

      5

      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!

      0

Comments are closed.

54.81.170.136 - unknown - unknown - US