From the course: Photoshop for Web Design
Unlock the full course today
Join today to access over 23,800 courses taught by industry experts.
Design tips and tricks - Photoshop Tutorial
From the course: Photoshop for Web Design
Design tips and tricks
- [Instructor] As we're getting started with the web design process, I do want to mention a couple of miscellaneous tips that will help to streamline your workflow. Here I have a new blank document. When I'm designing for the web, I like to work with guides and grids. They make it so much easier for me to ensure that all of my elements are aligned properly. In this version of Photoshop, we have a really easy way to create guides and grids that are great for web use. If you go to the View menu and you choose New Guide Layout, it's going to open up your New Guide Layout dialog box. You can go ahead and set the number of columns that you want, so I usually like to work on larger screens with a 12- or 16-column layout and on smaller screens with perhaps a six-column layout. So if I choose 12 columns, I can specify the widths of the column, or if I leave that blank, Photoshop will automatically interpolate the size of the widths for me. I can also choose the gutter. The gutter is the…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
What is responsive design?3m 11s
-
(Locked)
Set breakpoints1m 41s
-
(Locked)
Design tips and tricks7m 22s
-
(Locked)
Layer comps7m 51s
-
(Locked)
Creating navigation elements3m 41s
-
Seamless textures and backgrounds6m 21s
-
(Locked)
Smart objects: Embedded5m 9s
-
(Locked)
Smart objects: Linked3m 7s
-
(Locked)
Convert Smart Objects7m 22s
-
(Locked)
Preset templates3m 26s
-
(Locked)
Custom templates8m 22s
-
(Locked)
Styles panel5m 28s
-
(Locked)
-
-
-
-
-