Designing A Sword & Shield Wallpaper

Since we are offically well into the new year I wanted to create an new shield tutorial. This time I decided to with understated color and a cool background, but I still wanted it to look good. So using some simple design elements I am going to show you how to create this new Wallpaper.

To begin let’s create a new document the scale of our screen depth. In my case that is 1680×1050. Now we are going to add a nice blue gradient to our base layer. Go to your blending options and select Gradient Overlay. Now we a going to build a nice cool gradient. Set the starting color to #42657B at location 0, #5A8294 at location 25, #5A798C at location 50, #29455A at location 75, #102C42 at location 100.

Then find a nice celtic knotwork design, we are going to use that as our base wallpaper pattern. One you have it placed how you like it in a new layer we are going to add a nice platinum gradient. Set the starting color to #FFFFFF and the ending color to #CECDD3. Set the gradient blend to overlay and the layer fill to 0%

Now Download Asset01 here. Then center and scale it to fit in our document. Now set the layer blend to multiply.

Now Download Asset02 here. Make two copies of the sword and center and cross them over the wings.

Next add a color overlay. Set the blend to Mulitply, the color to #7F3B04, and the Opacity to 50%

To make the shield you can create this base images below one of two ways, Either copy this image into your document and trace it with your pen tool or make your own. This is totally up to you.

Now that you eave this shape added we are going to add three blending options. The first a drop shadow (Set the distance and spread to 0 and size to 10). Next is a gradient overlay (Set the starting color to #0D0D0D and the ending color to #3A3A3A). And lastly a Gradient stroke (Set the starting color to #7A3E0F at location 0, #935914 at location 15, #935914 at location 30, #BF9523 at location 50, #D5B32F at location 70, #102C42 at location 90.) Set the gradient to reflected, the size to 6 and the position to inside.

Then CTRL+Click the base shield layer. Make a new layer, then go to Select > Contract. Set the contraction to 20 pixels. Use the same gradient stroke as before. Now we are going to add a new Gradient Overlay. Set the starting color to #9A4303 and the ending color to #BD8F16.

Duplicate this layer and remove the current blending options then add a Black to White Gradient Overlay. Set the Opacity to 40% and the scale to 150. Then set the layer fill to 0%. Then CTRL+ Click the layer and contract the selection 65 pixels and hit the DEL key.

Now taking your Pen tool Make and arching selection on the interior of the sheild. Make your path a selection and fill it with white. Then CTRL+Click the inner base shield layer and remove the white outside this selection. Then CTRL+Click the white layer again and Contract the selection 5px and cut the new selection to a new layer. Now go to Filter > Blur > Gaussian Blur set the radius to 5 – 10 px and hit OK. Set the layer to overlay and the fill to 20%.

Using your magic wand tool make a selection of the area you cut out of the black and white gradient. Then contract the selection 5 pixels. Make a new layer and fill the selection with black. Now we are going to had some new blending options. The first an Inner shadow (Set the blend to Normal, the distance and choke to 0 and size to 30). Next is a gradient overlay (Set the starting color to #513110 and the ending color to #BC8E4C). And lastly a Gradient stroke (Set the starting color to #C79A71 at location 0, #D3A478 at location 20, #B58966 at location 40, #A77C5C at location 60, #A97E5E at location 80, #A77C5C at location 100.) Set the gradient to reflected, the size to 6 and the position to inside.

Next Add any crast you like to the center of our shield and add this gradient overlay: Set the starting color to #0D0D0D and the ending color to #3A3A3A.

Duplicate the inner shield to a new layer and move it above the emblem layer. Now we are going to add 6 new blends. The first a drop shadow (Set the blend to Multiply, the opacity to 35%, the distance to 5, the spread to 3 and size to 5). Then an Inner shadow (Set the blend to Multiply, the color to #828385, the opacity to 85%, the distance to 11, the choke to 25 and size to 22). Now an Inner Glow (The color set to #3A3A3A, size to 8, and the opacity to 50%. Then and Inner smooth Bevel in an upward direction (Size to 11, Soften to 3, Angle to 90, Altitude to 67, and a small half arch contour.) The color overlay set to color #B6BABD. Lastly a 1 pixel black stroke. Finally set the layer fill to 10%.

Then recreate the missing arch glare inside the inner shield. Only this time to not blur it.

Next use you Elipse Marquee tool to make a circle that will serve as the shield bolts. Add an inner shadow (Set the distance and spread to 0 and size to 3). Then use the base shield stroke as the circles gradient just do not reflect it. Them make as many or as few as you like in the black area.

Lastly add a soft white gradient to half of the fuul shield. Set the Opacity to 30%.

Leave a comment