Taking Artist Concept Art To Realistic Render Art

So I got to playing The Legend Of Zelda: Link To The Past this week and it rekindled my love of old school RPG. There is one scene when you find the master sword in The Lost Woods. I always loved that part so I decided this weeks tutorial would be taking the concept art of the master sword and turn it into a piece of realistic art.

To begin I am going with my new native screen size of 1920×1080. You can use whatever screen size you like. Fill the document with #364143.

Then do a search for a nice large forest make sure there a no people in the picture. Add it to our document. Then hit CTRL+U check the colorize box. Using the base color as a reference adjust the hue and brightness to match.

Now we are going to add our first set of fog. There are some awesome fog brush set on deviantart I found a few there I used in this tutorial. Make a new layer Now using these three colors (#467170, #6c9696, and #425354) and using the fog brushes you found make a mixture of different colors and brush to get an out come like below:

Next we are are going to add our first set of light beams through the trees. Using your Pen tool Make three 45° angle selections of various widths. Then go to your Paths Palette and CTRL+Click your work path. Make another layer and fill the selection with #81a38a. Again using the pen tool remove some of the color from in front of the trees. Then go to Filter > Blur >Gaussian Blur and select a radius of 20 – 40 and hit OK. Finally set the layer fill to 50%.

Use the same steps as above create another light beam. Make another layer and fill the selection with #FFFFFF. Then go to Filter > Blur >Gaussian Blur and select a radius of 20 – 30 and hit OK. Finally set the layer fill to 80%.

Next we need to find a good photo of a knarled tree for our foreground. Once you have found one remove it from it’s back ground and add it to our document. Follow the same blending method as we used on the background forest.

Make a new layer. Using your pen tool make a shape like below and fill it with #355155. This will serve as a base for our marble monument.

Now again do a search for a highres stone texture. Once you have found one you like add it to the document. Then go to Edit > Transform > Perspective and move the top width to a third of the base. Next CTRL+Click you marblebaselayer to make a selection. Copy the stone texture in that selection. Set the new texture layer to Multiply.

Again Using your pen tool make a slection of the top. Using the selection you just made copy out the selection from the original stone texture. Then go to Filter > Blur > Gaussian blur and give it about a 5 – 10 radius blur. Finally go to your blending options and add a coloroverlay. Set the Overlay to mode to color and the color to #87a5a3.

Now we are gonig to add out last Light Beam. Make a new layer and using you pen tool make a 45° selection like below. Fill the selection with white and use the same Gaussian Blur as on the others. Set the fill to 60%

Again do a search for a CG render of Link’s Master Sword. Then cut it from it background and add it to our document.

Make a new layer. Now we are going to make our midground fog. Using the same steps as on the first set of fog make this layer but this is only going to cover a part of the monument.

Now do a search for a nice rounded top stone tablet. If you find one you like but it has writing on it we can remove it or rather cover it using the clone tool. Once you have the one you like cut it from it’s back ground and add it to our document. Next using a soft eraser at 20% opacity remove a a bit of the bottom.

Make a new Layer. Using your pen tool make a rounded selection at the top of the tablet where it meets the sword. Fill the selection with black. Then go to Filter > Blur > Gaussian Blur use 10 – 20 and hit OK. Set the Layer Fill to 75%

Next CTRL+Click the sword layer to make a selection. Make a new layer and fill the selection with black. Then go to Edit > Transform > Perspective and angle Sharply to the left. Then go to Filter > Blur > Gaussian Blur use 10 – 20 and hit OK. Set the Layer Fill to 75%

Now we are going to add some text. I used “Angerthas Moria” ,which is a free font, but you can use any rune based font. Then using that font type out “Who so ever pulls this sword from this stone shall be king” (10 points if you know where that’s from). Then break the sentence into two line make the second longer then the first and center the entire phrase. Scale the text to fit on the stone. Now we are going to add a bevel and emboss. Go to your blending options and select Bevel and Emboss set your style to Outer Bevel, Technique to Soft Chisel, and your size to 2px and hit OK. Finally set the layer fill to 25%.

Now that we have most of the shadow and the text we need to finish the shadow from the sword. So again grab your pen tool and make an angled selection over the top left of the tablet. Make a new layer and fill the selection with black. Then go to Filter > Blur > Gaussian Blur use 10 – 20 and hit OK. Set the Layer Fill to 60%

Now make a selection of the stone tablet and make a new layer. Fill the selection with #203133. Then set the layer blend to Vivid Light and the fill to 50%

Now we are going to add a bit of light glare on the tablet. So again take your pen tool and make a 45° right angle jagged top and rounded bottom selection the width of the tablet. Fill the selection with white. Then go to Filter > Blur > Gaussian Blur use 10 – 20 and hit OK. Set the Layer Fill to 25%

Next make a new layer and CTRL+Click the Top Marble selection. Then using a soft brush with black as the color make two filled areas like below. Set the Layer Fill to 40%

Next find some good selections of ferns by doing a search on google the larger the image the better. Once you have 4 – 5 images cut out the ferns and add them to the document. Thens scale the ferns down and mke a blanket of them at the lower portion of the document. Merge the fern layers. Then hit CTRL+U check the colorize box. Using the fog layers as a reference adjust the hue and brightness to match. Then add a dropshadow. Set the blend to multiply, the opacity to 75%, the distance to 10, and the size to 30

Make a new layer. Now we are going to make our foreground fog. Using the same steps as on the other sets of fog make this layer but this is only going to cover a parts of the ferns.

Finally make a new layer and fill is with #121714. Then using your Eliptical Maruqee tool make a nice large oval. Then to Select > Modify > Feather. Then feather the selection 10 – 20 pixel and hit Ok. Next hit the delete key. Set the layer to 90% and you are finished.

There you have from arisit concept art:

To realistic render art:

Let me see what you come up with and I will post them here.

Leave a comment