Digital Tutors - Your First Day Designing Websites in Photoshop

Duration3h 16m Level Intermediate Project Files Included

Software used

Photoshop CC v14.2.1

What you will learn

Photoshop can be an intimidating program, there?s no doubt about it. If you find yourself tasked with mocking up a website for the first time and have never used Photoshop, this training is for you.

We'll focus on getting you up to speed so that you can start building website designs as soon as we're done here. This tutorial is packed with nuggets of Photoshop knowledge that will be useful for someone just starting out in web design. We'll start at the beginning, learning about things such as: creating and saving files, color and layers. From here we will move swiftly into Photoshop?s vector toolset, masking and type. To wrap things up we'll learn how we can begin breaking our design up and getting individual assets out of

Photoshop so they can be incorporated into our site.After finishing this course, you will have a solid understanding of the core Photoshop tools and techniques you'll need to be successful as a front end web designer.

1. Introduction and project overview 01:14

2. Creating, opening, and saving files 08:26

3. Creating custom document presets 04:17

4. Interface and document navigation 09:04

5. Setting up a grid with guides 07:02

6. Working with color 08:46

7. Understanding Photoshop layers 09:06

8. Working with Layer Styles 08:42

9. Masking with pixels 08:27

10. Understanding gradients 07:55

11. Vector shape tools 09:33

12. Masking with vectors 05:38

13. Changing the canvas size 04:20

14. The Move Tool 05:34

15. Understanding undo and history 07:09

16. Placing images and graphics 07:24

17. Using Free Transform 07:56

18. Resampling images and layers 09:41

19. Understanding Smart Objects 08:51

20. Creating and formatting text 09:21

21. Type on websites 08:39

22. Making selections 09:28

23. Understanding Layer Comps 04:58

24. Slicing and selecting slices 08:32

25. Using Save for Web 09:49

26. Saving assets with Asset Generator 06:08