Cool Photography Layout

Cool Photography Layout

Cool Photography Layout
step6a

Your layout should now be looking like this.

step6b

Step 7

Using the text tool add the name of the site and a small description underneath. I've made up a name "PhotoSmart" for the site and the description is "Professional Photography" - alliteration :) The colorus I have used are #272727 (for the darker colour) and #7b7b7b (for the lighter colour).

step7

Step 8

Now we are going to be doing the actual logo of the logo ;) If you don't want to make a shape from scratch for your logo, just use a custom shape from Photoshop. I've filled my tick with the colour #85c7ff and added a small white outer glow (Layer > Layer Style > Outer Glow).

step8

Step 9

Create a new layer (Layer > New > Layer) for the top content background area. Using the rounded rectangle tool make a selection of 860 by 590 pixels and fill (Edit > Fill) with #181818.

step9

Step 10

Create another new layer and make a rounded selection of 860 by 400 pixels at the bottom of the background (leave a 10 pixel margin at the bottom). Fill this selection with white (#FFFFFF).

step10

Step 11

Add in some fill in text for the top content area. The colour I have used for the titles is #85C7FF.

step11

Step 12

Now we are going to be adding a divider between the two paragraphs. On a new layer make a selection of 40 by 180 pixels (however high it is between the top and bottom of the black section). Fill the selection with a linear gradient from #181818 to #1e1e1e using the gradient tool.

step12

Step 13

Duplicate the divider layer and go Edit > Transform > Flip Horizontally. Move the duplicated layer to the right so there is a one pixel gap between the original and the duplicate.

step13

Step 14

Add in some fill in and footer text in the white content area and you are complete.

step14

Final Results

Add some finishing touches, maybe a brush in the background underneath the navigation and you're complete. Click on the image below to see the full version.

step15-full

Pages: 1 2

Dark Conceptual Portraits Course (71% Off)
Sponsored

Discover how to create stunning photo manipulations in Photoshop. In this course, you'll learn everything from photographing models to creating dark conceptual artworks. If you enjoy our photo manipulation tutorials, you will absolutely love this course.

2 comments on “Cool Photography Layout”

Leave a Reply

Your email address will not be published.

cross