Home Photoshop Web Layout Sleek and Modern Wedding Photography Web Template Tutorial

Sleek and Modern Wedding Photography Web Template Tutorial

Added: Jan 28, 2011 Level: Beginner Software: Photoshop

Author: surfaceblur More by this author

Step 1

Open a new image in Photoshop with a Width and Height of 1024 and a Resolution of 300 DPI.

Step 2

Using the Paint Bucket tool (G), fill the Background layer with #515151.

Step 3

Using the Rectangle Shape tool (U), draw a white rectangle in the middle of the canvas. Ensure the right and left borders of the rectangle overflow the canvas as shown below.

Step 4

In the Blending Options of the Rectangle Shape Layer, check the Inner Shadow box. Change the Size parameter to 16 px as shown below.

Step 5

Still in the Blending Options of the Rectangle layer, check the Gradient Overlay box. Change the Opacity value to 23% as shown below.

Step 6

See the desired effect below.

Step 7

Create a new Gradient Fill layer (Layer-New Fill Layer). In the Gradient Fill property window, select Radial from the Style dropdown. Click the Gradient mini-window to bring up the Gradient Editor. Ensure that the gradient color scheme is solid white to transparent. Click OK to both windows to proceed.

Step 8

Change the Opacity of the Radial Gradient layer to 50%.

Step 9

Using the Single Row Marquee tool (M), create a selection along to top edge of the white rectangle. In a new layer, create a stroke (Edit-Stroke), ensure the Width is 1 px, the Color is white and the location is Center as shown below.

Step 10

Duplicate the Top Stroke Layer and rename it Bottom Stroke. Move the stroke from its original position to the bottom edge of the white rectangle as shown.

Step 11

Open and copy the Grunge Floral graphic referenced in the Resources section into a new layer in the current project.

Step 12

Change the Opacity of the Grunge Floral layer to 10% and the Blend Mode to Soft Light.

Step 13

Using the Comfortaa font mentioned in the Resources section, create a text logo and menu items.

Step 14

In the bottom left corner of the project, using the Comfortaa font, type the copyright info. Change the Opacity of the Type layer to 48%.

Step 15

Using the wedding themed brushes referenced in the resources section - using white as the color - paint rings both above the logo and on the bottom.

Step 16

Create a new group called Body by clicking the folder icon at the bottom of the layers panel. Select all the layers except the background layer and drag them into the group.

Step 17

Using one of the images from the Resources section, in a new layer above the Body group, paste the image into the white rectangle area.

Step 18

Open the Blending Options of the Image layer. Check the Inner Shadow checkbox and change the parameters to match the ones shown below.

Step 19

With the Blending Options window still open, check the Stroke checkbox and change the parameters to match those below.

Step 20

Paste the remaining two stock images into new layers, which I have named Image2 and Image3.

Step 21

Right click the first image and select Copy Layer Style, then right click the two remaining layers and select Paste Layer Style.

Step 22

Using the Elipse Shape tool (U), create a small circle shape with the color #515151 under the middle image.

Step 23

Duplicate and rename the original circle layer (command(ctrl)+J). With the Move tool (V), move it to the left of the gray circle layer. Double-click the color property of the duplicated circle layer and change it to White.