Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Dating Site Header

Dating Site Header


Start by creating a new file of a header size. Apply a nice gradient to the background.

image 1

Type "{" in big size with a bold font. Rasterize the layer. Press Q to enable quick masking.

image 2

From filter menu select noise>>add noise.

image 3

Apply settings as shown.

image 4

Press Q again to disable quick masking.

image 5

Press delete to remove the selection from the text layer.

image 6

Duplicate the layer. Press Ctrl+T. Right click the layer and select flip horizontal.

image 7

Create a rounded rectangle using rounded rectangle shape tool.

image 8

Insert an image of a girl. Make sure the girl layer is right above the rounded rectangle layer in layer window.

image 9

Press Ctrl+Alt+G to create a clipping mask.

image 10

Create a duplicate of the rounded rectangle layer. Select the rounded rectangle layer which is below in layer order. Fill with white color. Scale up a bit.

image 11

Rasterize this layer. Press Q to enable quick masking. From filter menu select noise>>add noise. Keep the settings as it is.

image 12

Press Q again to disable quick masking.

image 13

Press delete key to remove the color from selection.

image 14

Similarly insert more images and create similar frames for these images.

image 15

Type a catchy punch line along with login fields.

image 16

Type site name in bigger size.

image 17

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

image 18

Dating Site Header Tutorial: Final Result



Author's URL: Aviva Directory
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Dating Site Header"

Only registered users can write comment

No comments yet...