Photoshop offers designers multiple ways to align and distribute content. In this video, learn about how to set up grids, document guides, artboard guides, and guide layouts for exact positioning of your content.
- [Instructor] Photoshop has a number of great features…to help you keep your work organized,…aligned, and laid out in a consistent way.…One of those options is grids.…To enable grids, go up to the View menu,…and choose Show, and enable the Grid option.…A grid adds reference guidelines at regular intervals.…I'm going to zoom in here to show you what I mean.…Here you'll see that there are a number…of dark, solid lines that are subdivided by dotted lines.…
The default setting in Photoshop is that…you'll get a dark, solid line every inch,…and it's going to be subdivided four times.…You can configure this from Photoshop's Preferences…by choosing Guides, Grid, and Slices.…Here in the center section under Grid,…you can change it so that there's a grid line…every x number of pretty much any unit type you'd like.…And you can also alter the number of subdivisions.…I'm going to click Cancel.…
With art boards, the grid resets to the top left corner…of each individual art board, which is handy.…The reason the grids are helpful…
- Creating a document with artboards
- Using grids, guides, and guide layouts
- Adding placeholders and text
- Using ligature fonts for icons
- Using layer comps to display states
- Using Adobe Preview CC
- Exporting artboards for review
- Exporting assets for use in InVision
- Working with user interface kits
- Extracting CSS values from a design
Skill Level Intermediate
Q: This course was updated on 11/14/2017. What changed?
A: New videos were added that cover how to use user interface kits to create pixel-perfect designs.
Q: This course was updated on 07/10/2018. What changed?
A: We added one video, "Mobile preview on Adobe XD."