Quicklinks to all course lessons: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Lesson 4 sections: 4-1 4-2 4-3 4-4 4-5 4-6 4-JFF 4-IDEA
Lesson 4 sections: 4-1 4-2 4-3 4-4 4-5 4-6 4-JFF 4-IDEA
A04-05: Using grids for clean layout design
Objectives:
Learn:
- Learn how creating a grid system can help you create clean, organized layouts
- Learn how to create grid layouts in Photoshop
- Learn how to use Photoshop's Frame Tool
Learn:
Video: Working on a grid (0:55)
|
|
|
As we've discussed the principle of alignment, we've learned that applying that principle can bring order from chaos. It can lead the eye by forming strong visual lines. Alignment uses the gestalt principle of continuation, because our pre-attentive visual processing causes our eyes to naturally follow a line or curve - even if it is only implied.
Grids are used widely in web design, magazine layouts, and other print media such as brochures, flyers, etc. Photoshop has ways to set up grids by dragging grid lines from the rulers. Watch the videos on this page! The first video below, Creating Grids and Guides in Photoshop, will show how to do that in Photoshop. The second video will show you how use Photoshop's new frame tool. In the other videos, John McWade will show you how to apply grid layouts to create clean and professional looking graphic designs. Please watch them. |
|
Photoshop: Creating Grids and Guides in Photoshop CC. (2:04)
|
Video: How To Use The FRAME TOOL in Photoshop CC 2019 - Placeholder Images
|
Video: Design on a square grid, part 1 (6:25)
|
Video: Design on a square grid, part 2 (5:44)
|
