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

Ancient Banner


1. First create a new document, use the size 500 x 280px with a DPI of 300

2. Now get this photo of a map of somewhere around Libya

Copy it into the canvas and lower the opacity to about 30%

image 1

3. Create a new layer and do some grunge brushing with a red color (#ad230d)

image 2

Change the layer mode to Color Burn and the opacity to 40%

image 3

4. Create a new layer and make a selection (Mine is the whole width and 100px in height) and fill the selection with #ad230d

image 4

Apply these layer styles:

image 5

image 6

Result:

image 7

5. Use the Polygonal Lasso Tool to make a few selections and delete the sides to give a ripped effect

image 8

Add the text (I used the font Georgia) and this Drop Shadow

image 9

image 10

6. Create a new document sized 8 x 40 and create this pattern

image 11

Download it here if you can't get it quite right.

Create a new layer and fill the canvas with the pattern, delete all but one line of the pattern and move it to the top area of the box

image 12

Duplicate the layer and move it to the bottom of the box, merge the layers together.

image 13

Lower the opacity to 80% and apply this Drop Shadow

image 14

image 15

7. With a grungy brush erase some of the pattern, or make a layer mask and brush a little bit.

image 16

Create a new layer and paste the map again, re-size it to about 66% which is just a bit bigger than the canvas.

Hold CTRL and click the main banner layer, right click the selection and select Select Inverse

image 17

Now press delete (This should just get rid of the map on the outside of the banner)

Change the layer mode to Soft Light and erase a few bits with a large soft brush.

Ancient Banner Tutorial: Final Result



Author's URL: PhotoshopStar
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 "Ancient Banner"

Only registered users can write comment

No comments yet...