Designing for the WEB and Creating a ‘Look and Feel’ with Photoshop
Tonge IT Suite, Brookes, Gipsy Lane, Oxford
In this session we are going to look at Photoshop as a means to build a web site prototype.
We will use:
- layers
- text
- blends
The objective is to build a home page for our blog as a graphic in Photoshop so we can use this visual to build a web page with HTML and CSS.
We will create the image in Photoshop; reatin this version with layers, amd then save as a web compatible image to pst on our blog for all to see.
- Crafting the look
- Keeping it simple
- Structures
- The web browser window
- Deconstructing a few examples
- arranging stuff in a rectangular space
Note: Each student will create at least one proposed layout for their site ready for next week. This will be posted on each person’s site and then critiqued during the following week.
For this session we will also focus on the banner of your web site. We will use Photoshop layers to create 2 images; one for the page layout and another for the background of the CSS. We will learn about the PNG image format that makes use of transparency.
See also:
Adobe and Macromedia are now One
Largest Digital Image on the Web
Presentation Links:
Posted on 30 Jun 2011 around 8am