Video icon 64
Want to be a web designer? Skill up fast with video courses from Tuts+. Start your free trial.

Photoshop Techniques for Web Designers

with

Knowing how to use Photoshop is only the first step! Geared towards new web designers, this course teaches important techniques and workflow tips that are vital to any web professional working in Photoshop. Learn how to craft custom assets, prepare a web design in Photoshop, and more!

This course will teach you how to:

  • Craft important graphic elements of a website design.
  • Add depth to your designs using different textures.
  • Professionally source and implement stock assets.
  • Create custom buttons, banners, icons and more.
  • Speed up your workflow using grids and custom tools.
  • Keep your designs flexible for easy restyling.
  • Add the final polish that sets your work apart from the rest.
1× speed

Free Preview: Photoshop Techniques for Web Designers

Introduction

03:09

1.Introduction
1 lesson, 03:09

Free Preview
1.1
Introduction
03:09

2.Page Design & Build
7 lessons, 1:21:38

Free Preview
2.1
Textured Backgrounds
13:48

2.2
Pixel Patterns & Transparency
09:20

2.3
Design Grids
14:29

2.4
Fine Alignment
10:34

2.5
Incorporating Stock Assets
08:25

2.6
Boilerplates
16:43

2.7
Adobe Kuler in Your Workflow
08:19

3.Styles & Techniques
5 lessons, 1:33:58

3.1
Buttons, Bars & Tabs
24:34

3.2
Ribbons and Banners
24:52

3.3
Tiled Backgrounds and Seamless Textures
08:37

3.4
Creating Icons
14:41

3.5
Shadows
21:14

4.Putting it All Together
4 lessons, 31:32

4.1
Our Course Design
01:27

4.2
Wireframing
09:01

4.3
Restyling a Design
08:57

4.4
Polishing & Extra Details
12:07

5.Conclusion
1 lesson, 01:40

5.1
Conclusion
01:40


Preview for Photoshop Techniques for Web Designers
Lessons:
18
Length:
3.5 hours
Ben Gribbin is a reviewer on GraphicRiver and spends the rest of his time watching Formula 1, Snapping Photographs and working on his Land Rover.
+ Expand Bio- Collapse Bio