Discover how to design websites like a pro using photoshop. In this step by step tutorial series you'll learn how to design 2 different styles of websites - Minisites and traditional websites.
You'll also discover how to make lots of different website elements such as, bullets, optin boxes, video player skins, banners and more.

1. Installing and setting up Photoshop ( 3 items )

1.	Where to get a trial version

2.	Downloading the trial version

3.	Installing and setting up Photoshop for web development

2. Designing a Minisite ( 33 items )

1.	Minisite Background - Create Solid Background

2.	Minisite Background - Creating Gradient Backgrounds

3.	Minisite Background - Repeating image Background

4.	Minisite Background - Repeating Text Background

5.	Minisite Body - Basic page layout

6.	Minisite Body - Adding Rounded Corners

7.	Minisite Body - Adding Rounded Edges

8.	Minisite Body - Adding Shadow Effects

9.	Minisite Body - web 2.0 reflection

10.	Minisite Header - Using a Solid Background

11.	Minisite Header- Using a Gradient Effect

12.	Minisite Header - Adding an Image to your Header

13.	Minisite Header - Adding multiple images to the header

14.	Minisite Header - Adding rounded corners

15.	Minisite Header - Adding text to the header

16.	Minisite Header - Creating a full width header

17.	Minisite Header- Adding Stylized text to your header

18.	Minisite Nav Bar - Creating a horizontal Nav bar

19.	Minisite Nav Bar - Create a 3d style navigation bar

20.	Minisite Footer - Adding text menu in your footer

21.	Minisite Footer - Adding copyright info

22.	Minisite Page Elements - Create a colored box with rounded corners

23.	Minisite Page Elements - Creating a banner

24.	Minisite Page Elements - Create an email optin box

25.	Minisite Page Elements - Create various bullets

26.	Minisite Page Elements - Create various buttons

27.	Minisite Page Elements - Create a 3d Text heading

28.	Minisite Page Elements - Create a guarantee seal

29.	Minisite Page Elements - Making a clear background for images

30.	Minisite Page Elements - Create a Testimonial box

31.	Minisite Page Elements - Create a Bonus box

32.	Minisite Page Elements - Create a Video skin

33.	Minisite Page Elements - Create your own Ebook graphic

3. Designing a Typical Site ( 25 items )

1.	Create a Solid Background

2.	Creating Gradient Backgrounds

3.	Using repeating image background

4.	Creating a repeating text background

5.	Basic page layout

6.	Adding rounded corners to your page body

7.	Adding rounded edges to your page body

8.	Adding a web 2.0 reflection

9.	Using a Solid background

10.	Using a gradient effect

11.	Adding an image to your header

12.	Adding multiple images to your header

13.	Creating web 2.0 style header

14.	Creating a full width header

15.	Add text to your header

16.	Adding Stylized text to your header

17.	Create a horizontal Navigation bar

18.	Creating a Tabbed style navigation

19.	Create a 3d style navigation bar

20.	Creating a basic vertical menu

21.	Adding Rounded corners to your menu

22.	Adding Rounded edges to your menu

23.	Adding a Drop shadow to your menu

24.	Adding your copyright information

25.	Add text menu in your footer

4. Creating Text effects ( 10 items )

1.	Text With a sparkle

2.	Mirror reflection effect

3.	Text With a glow

4.	Glowing text

5.	3d style effect

6.	Text With a drop shadow

7.	Light shining text

8.	Glass effect text

9.	Brushed silver effect text

10.	Gel effect text

5. Preparing your photos and images for the web ( 10 items )

1.	Preparing your design for the web

2.	Saving for Web

3.	Adjust image brightness levels

4.	Adjust image colors

5.	Remove red eye from a photo

6.	Touch up spots

7.	Create rounded corners

8.	Removing an object from a photo

9.	Cutting out an image

10.	Optimizing an image for the web

Search for tutorials

Latest Tutorials

Start Training

Free Tutorials

JoomlaMadeSimple

WebDesignMadeSimple

DreamweaverMadeSimple

DreamweaverMadeSimple Advanced

PhotoshopMadeSimple

WordpressMadeSimple

GimpMadeSimple

HTMLMadeSimple

CssMadeSimple

Kompozer Made Simple

Other Courses

Our Products