Join Laurie Burruss for an in-depth discussion in this video Merging the screen captures in Photoshop, part of Web Site Planning and Wireframing: Hands-On Training.
Inside of Photoshop we will open the two screen captures that we made, put them…into one image layer and save it out as a PDF. So let's get going on this.…Let's go up to the File menu, scroll down to Open, which would be Command+O or…Ctrl+O, navigate out to our Desktop, and select Picture 1 and hold down your…Shift key and select Picture 2, and click on Open.…Notice in this version of Photoshop it opens in tabbed view, just click on one…of the tabs, and pull that off. You want to be able to work with them as unique…side-by-side images. I always use my top screen capture as the main image and…the bottom one, I'll add to this. So I know that I need to have the canvas size…be better. I'll go up to Image, scroll down to Canvas Size, and anything that…we're doing inside of web design or for screen design for that matter, should…not be using inches but pixels. Inches is of no value to us, so let's click and…make that pixels. Keep in mind whatever you do for web design or screen design,…any kind of interactive multimedia screen design, game design, use pixels.…
Download the free support materials here from the Exercise Files tab.
After learning the tools and techniques demonstrated in this course, viewers can continue on to the next course in this series: Creating a CSS Style Guide: Hands-On Training.
- Seeing, scanning, and reading a web page
- Understanding naming conventions
- Creating file structures
- Understanding page hierarchy
- Using Acrobat and Photoshop with wireframes
- Building a professional wireframe from scratch
- Identifying and using web standards in site design
- Usability Testing
Skill Level Beginner
1. How the Internet Works
2. Using Your Browser
Choosing a browser3m 12s
3. Deconstructing a Web Page
4. Learning the Ground Rules
5. Designing for the Internet
A case study4m 57s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.