From the course: Introduction to Graphic Design: Photoshop, Illustrator, and InDesign
Unlock the full course today
Join today to access over 23,400 courses taught by industry experts.
Using wireframe elements
From the course: Introduction to Graphic Design: Photoshop, Illustrator, and InDesign
Using wireframe elements
- [Instructor] When you're building a design for a project like this, it's sometimes a good idea to create a wireframe of that project that can be turned into live content later. There are a number of reasons why you might do this, but one way is by working on the layout structurally without actually being distracted by the visual content contained inside. To create a wireframe, we're going to use three different elements inside of Photoshop, and that's what we're going to take a look at before we actually start to build the layout. I'm going to zoom in here on the top of my art board, so I'm just going to tap Z for the Zoom tool, and then just click and drag until I'm zoomed in like so. I'm then going to hold down the space bar or tap the H key, whichever way works for you, and then just pan into view like this. Now to get the best out of this, it's probably better if you are in the Essentials workspace inside of…
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
-
-
-
The Photoshop project51s
-
(Locked)
Creating an artboard document3m 1s
-
(Locked)
Creating a guide layout4m 7s
-
(Locked)
Using wireframe elements7m 1s
-
(Locked)
Challenge: Build the wireframe5m 54s
-
(Locked)
Solution: Build the wireframe5m 35s
-
(Locked)
Populating the frames5m 34s
-
(Locked)
Choosing type7m 50s
-
(Locked)
Using type styles6m 14s
-
(Locked)
Challenge: Using type styles1m 6s
-
(Locked)
Solution: Using type styles2m 33s
-
(Locked)
Creating a color theme6m 10s
-
(Locked)
Using Layer Comps3m 32s
-
(Locked)
Creating alternate layouts5m 40s
-
(Locked)
Exporting assets2m 45s
-
-
-
-