From the course: Photoshop for Designers: Designing with Grids and Guides

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Create breakpoints

Create breakpoints - Photoshop Tutorial

From the course: Photoshop for Designers: Designing with Grids and Guides

Start my 1-month free trial

Create breakpoints

- [Instructor] My next step is to duplicate my art board to create the different sizes of my responsive website cop. And I'm going to click on the tab of the art board. That takes me to the art board tool on the tool panel. I'll just pan over to the left and then hold down optional alt as I click on this plus symbol to the right of the art board. That makes a duplicate of that art board. Notice that the guides on the original are now no longer visible because I am not showing inactive art board guides. Up on my tool options is where I can change the size of the new art board, and i want my second size to be 1280 pixels. Let's just pan over to the left again. And you can see that we have these now redundant columns on the right. We're all going to come to the view menu and down to new guide layouts and change the number of columns. We want to go from having 24 columns on our largest art board, to having 16 columns here. Same gutter space of 20 pixels and same left and right margin of…

Contents