30 Web-Design Related Photoshop Tips, Tutorial Screencasts

Posted in 1216 days ago • Written by 14 Comments

30 Web Design Related Photoshop Tips, Tutorial ScreencastsOh, 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.

Join over 55,891 Subscribers Today! FREE UPDATES!

Get The Only Freelancer crash course you will ever need to read!

212 Written ArticlesWebsiteGoogle+

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!

14 Comments Best Comments First
  • 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
  • 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
  • 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.

    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
  • PsdDude

    Wednesday, January 27th, 2010 11:49

    14

    Great article! Lots of useful information! thanks

    0
  • Jamal Mohamed

    Sunday, January 24th, 2010 20:53

    12

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

    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
  • Salmen

    Friday, January 22nd, 2010 00:24

    9

    Great post :)

    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
  • PsdDude

    Wednesday, January 27th, 2010 11:49

    14

    Great article! Lots of useful information! thanks

    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
  • Jamal Mohamed

    Sunday, January 24th, 2010 20:53

    12

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

    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
  • 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.

    0
  • 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.

x

Do You Know How To Freelance And Get More Clients?

E-Book

If not, then it's time to learn how to:

  • Start as web design freelancer for dream lifestyle!
  • Design beautiful designs your clients will love!
  • Get your first clients and get more clients!

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!

unknown - US