Graphic Design Exercises
Photoshop: Web Mockup
Objective |
|
To learn to Adobe Photoshop production techniques by example.
To learn layout and web design techniques in Adobe
Photoshop by recreating this front page
|
Discussion |
|
Photoshop is often used by web designers as a layout tool to create "mockups" of screen shots for client approval prior to production. When using Photoshop as a layout tool, consider taking advantage of Photoshop's "smart objects" feature to retain the integrity and scalability of imported art. Having a visual mockup helps web developers in the coding process. A web mockup can also serve as a "contract proof" as any changes requested by the client during production can be chargeable. See example of the entire process
|
Procedure |
|
prepping the image
laying out the front page
laying out the inside page
grading
|
Version 1.0 Last updated: 9/4/09 Webmaster: Paul Young
