TUTORIALS :: WEB

    Back to tutorial home |

Create an online portfolio

for Photographers and designers using nothing but Photoshop.

Transparent Gifs

How to create clean, sharp transparent gifs.
Mattes explained.

Rollover effects in ImageReady 3

Create a Rollover button effect. (The Different states are still relevant in CS4+)

Interfaces #2 Glassy Buttons


Make round glassy buttons.

IInterfaces #1 The basic shape

We will walk you through making a Hi-Tech Interface. 1/ The basic shape in shiny metal.

Realistic Screws

Create an effect that looks like a realistic Screw.


Interfaces #3 Segmented Pipes

Make chrome segmented pipes

Create rounded corners

This is more than just using rounded rectangles, this technique helps with all manner of shapes.

Request a tutorial

 

 

 

 

 

 

 

 

 

 

Part 1: Preparing the background SUPER TUTORIAL 2.

Building a webpage in Photoshop/ Imageready and Dreamweaver

Part 2 Add Design Elements

Building a webpage in Photoshop/ Imageready and Dreamweaver

Part 3 Preparing Rollovers

Building a webpage in Photoshop/ Imageready and Dreamweaver

Part 4 Slicing

Building a webpage in Photoshop/ Imageready and Dreamweaver


Part 5 Testing rollovers

Building a webpage in Photoshop/ Imageready and Dreamweaver

Part 6 Optimizing and Publishing

Building a webpage in Photoshop/ Imageready and Dreamweaver

Part 7 Bringing it into Dreamweaver

Building a webpage in Photoshop/ Imageready and Dreamweaver

Part 8 Turning the page into a website

Building a webpage in Photoshop/ Imageready and Dreamweaver