From the course: Infographics: Planning and Wireframing

Unlock the full course today

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

Wireframing a basic layout with boxes

Wireframing a basic layout with boxes - Photoshop Tutorial

From the course: Infographics: Planning and Wireframing

Start my 1-month free trial

Wireframing a basic layout with boxes

“

A wireframe is a blueprint, or basically a skeleton of your design. In this video, I'm going to walk you through the basics of mocking up a wireframe for an infographic in Photoshop, and then we'll use that foundation to talk about the wireframe I used for the multi-channel giving infographic we've been studying for this lesson, and you can use that to recreate that infographic yourself. Using the exercise file for the multi- channel wireframe we have here, you'll see that we have an example of the finalized infographic hidden on this layer here that says actual infographic. You can toggle it by clicking this box where an eye appears, so you can see the infographic underneath, and you can toggle on and off the example wireframe by clicking this eye too. But we're going to practice creating our own wireframe using the blank 850 by 5000 pixel canvas we created in the last video. Wireframes are little more than transparent boxes that you can move around on your canvas to decide where you…

Contents