Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Creating Content Boxes for Websites
rss

Creating Content Boxes for Websites

Author: Head Nerd More by this author


Start by creating a rectangle using rectangular shape tool.

image 1

Double click the layer to open layer style window. Apply settings as shown.

image 2

image 3

Create another rectangle using rectangular shape tool. Apply same layer style.

image 4

Double click the layer to open layer style window. Apply settings as shown.

image 5

image 6

Duplicate the layer. Scale up vertically and place as shown.

image 7

Create a rectangle using rectangular shape tool. Place it on the top.

image 8

Type your demo content here.

image 9

Create a small rounded rectangle using rounded rectangle shape tool. Type ">>" and place it over the rounded rectangle.

image 10

Type heading using a nice font. Apply some drop shadow.

image 11

Insert an image.

image 12

Create a rectangular selection using rectangular marquee tool. Click add vector mask button from the bottom of the layer palette.

image 13

Apply a thin stroke layer style.

image 14

Similarly insert more images and apply same layer style.

Creating Content Boxes for Websites Tutorial: Final Result



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Creating Content Boxes for Websites"