Create Medieval Text with Timber Textures and Layer Styles in Photoshop

From this short tutorial you will learn from me fast and easy way to create cool Medieval Style Text Effect with the help of layer styles and two Tree Bark textures which are my own photos and unrestricted stock. The Font I have used is Black Initial Text and you can download it for free from http://www.1001freefonts.com/.

All Photoshop versions are applicable.

This is the result you should get if you follow all my twenty two steps:

STEP 1

Start your work with creating a new Adobe Photoshop .psd document. Set its Width to 1300px and Height to 900px. Type 96 Pixels/Inch for Resolution (if you don't intend to print the outcome) and select Transparent for Background Contents to get and editable first layer in your Layers panel. Choose also RGB Color from Color Mode drop down menu.

I have called my document Beautiful Medieval Text but you could use shorter name.

Those of you who prefer to print the Text when it is ready, should set its Resolution to 300 Pixels/Inch and select CMYK Color for Color Mode.

Rename your Layer 1 to Radial Gradient, then press Ctrl+G to place it in a group. Call the group Gradient.

STEP 2

While Radial Gradient layer is highlighted, navigate to the Menu bar and firstly Set Foreground Color to #063a3a then Set Background Color to Black- #000000.

Grab Gradient tool and go to the Options bar. Select the first Foreground to Background Gradient from the Gradient Picker and click on Radial Gradient icon.

Now drag with Gradient tool from the middle to a chosen corner of the image.

Your Background should resemble the result on my screenshot below after being colorized with the Radial Gradient:

STEP 3

Click on Tree Bark Texture 1 photo below in order to open it in high res in a new window, then right click and select Save As to save the image in the respective folder on your computer.

This and the next Tree Bark Texture which you are to download are my photos and unrestricted stock. You can use both of them for your own projects if you like them.

STEP 4

Now you have to Create a New Layer on top of Gradient group. Name it Tree Bark Texture 1 and keep this new layer selected.

Open in Adobe Photoshop the Tree Bark Texture 1 image which is already in your folder, press Ctrl+A (Select All) to Load Selection on it then press Ctrl+C to Copy it. Go back to your Beautiful Medieval Text.psd document and press Ctrl+V to Paste the Texture in its layer (Tree Bark Texture 1 layer). Well, the texture appears bigger than your canvas, so go to Edit, Free Transform and drag any node in inner direction in order to resize the texture to cover your canvas. Press Enter to apply the Transformation.

STEP 5

Change the Blend mode of Tree Bark Texture 1 layer to Multiply and you'll get this result on your canvas:

STEP 6

Now we'll start with the most important part of our tutorial- firstly typing then beautifying the Medieval Text.

For the purpose you have to download one super cool old style Font from here: http://www.1001freefonts.com/black_initial_text.font.

Install the font then select Horizontal Type tool from the Tools bar (hot key T). From the Font Family drop down menu choose Black Initial Text Font you have already downloaded and set its Font Size to 250pt. Choose #dcdd6f for Text Color then type The King using Capital Letters and Center Text option checked.

The Tracking for the Selected Characters should be set to 100.

Press Ctrl+G to place the The King Text layer in a Group. Name this newly created Group Text.

STEP 7

While your Text layer is selected, press Ctrl+J to make one duplicate. Reduce Fill Opacity of The King copy layer to 0%.

STEP 8

Go back to the original Text layer (The King), right click on it and select Blending Options to activate Layer Style dialog box.

STEP 9

The first Layer Style to be applied on The King layer is Drop Shadow.

STEP 10

Now tick Bevel and Emboss Layer Style to add 3D look to our Medieval Text.

STEP 11

The third Layer Style we have to apply on The King layer is Contour. It will improve the Bevel and Emboss Effect.

This is how your Medieval Text will look after adding the three Blending Options.

STEP 12

Now we'll start to apply layer styles on the duplicated Text layer so select The King copy layer, right click on it and choose Blending Options then firstly tick Gradient Overlay in Layer Style box. Select the default Gold Gradient from the Gradient Picker.

STEP 13

The second Layer Style that is to be applied on The King copy layer is Inner Shadow.

STEP 14

Let us add awesome relief to our Medieval Text. For the purpose tick Bevel and Emboss Layer Style.

STEP 15

The last Layer Style we have to add on The King copy layer is Contour. Choose Rolling Slope-Descending from the Contour Picker and change Range to 65%.

This is how our Medieval Text will look so far:

STEP 16

It is time to download Tree Bark Texture 2. See Step 3 for reference.

STEP 17

Create a New Layer on top of Text group and name it Tree bark Texture 2. Paste the Texture downloaded in the previous step in this new layer (see Step 4).

Use Edit, Free Transform to resize the Texture so that it covers the Text. Press Enter to apply the Transformation.

STEP 18

While Tree Bark Texture 2 layer is selected, hold down Ctrl and click on The King layer's thumbnail to Load Selection on the Text. Click on the screenshot below to open it in high res for a better visibility because the colors of the Texture prevent from seeing the Selection clearly.

STEP 19

With Tree Bark Texture 2 layer selected and Selection on the Text active, click on Add Layer Mask button at the bottom of Layers panel (Layer, Layer Mask, Reveal Selection).

Your result should be similar to the one on the screenshot below after adding Layer Mask to Tree Bark Texture 2.

STEP 20

Change the Blend Mode of Tree Bark Texture 2 layer to Overlay.

STEP 21

Double click on Tree Bark Texture 2 layer's thumbnail to call Layer Style box. Apply Outer Glow Layer Style to make the borders of the Texture look hot. :)

We finished our work on the Medieval Text. You should have these two groups in Layers panel:

1. Gradient Group with two layers in it: Radial Gradient and Tree Bark Texture 1 and
2. Text group which consists of three layers: The King, The King copy and Tree Bark Texture 2 layer.

STEP 22

This is my Medieval Text saved in .jpg format. You can improve the look of your .jpg file with Filter, Sharpen, Unsharp Mask.

Hope you find this tutorial interesting and easy and like the outcome. Many thanks for reading and God bless!

Please, leave a comment below if you have questions or critiques. :)

Create Enchanting Circles in Illustrator

In this tutorial I am going to show you in detail how to create awesome enchanting circles in Adobe Illustrator. Firstly we have to create patterned Background then we'll proceed with drawing and coloring the Circles. The final effect is achieved by using Blend with Specified Steps.

All Illustrator versions are applicable as I have used only basic instruments, default patterns and three effects- Drop Shadow, Blur and Halftone Pattern Filter.

You will see in the course of the tut that I have expanded only one of the objects. This is because I prefer to keep the objects editable. You may decide to change their colors or size in order to achieve more interesting results.

This is what you are going to create:

STEP 1

Start your work with creating new Illustrator .ai file (File, New). Name it Enchanting Circles, then insert 1000px for both Width and Height. Units should be set to Pixels. You have to modify also the Advanced Settings. Select RGB for Color Mode and choose Medium (150 ppi) for Resolution. As you can see, I have chosen Default option for Preview Mode. After you press OK button to apply the settings, Layer 1 will appear in your Layers panel. Rename it to Background.

Create the Background with Bronze Gradient and Lines Pattern

STEP 2

In this step we have to select Gradient for Fill Color. For the purpose you should click on the tiny arrow next to Fill Color in your Control Panel to open Swatches panel (Window, Swatches). Click on Swatch Libraries Menu (the little arrow at the bottom of Swatches pane), select Gradients from the fly-out menu, then choose Metals. Select Bronze Gradient from Metals swatches.

STEP 3

Select Rectangle tool and draw a rectangle which covers your artboard with the Bronze Gradient.

STEP 4

Select your Gradient Rectangle which covers the artboard using Selection tool. Navigate to the Menu bar and select Window, Gradient to activate Gradient panel. From Type drop down menu select Radial and you'll get this result on your artboard:

STEP 5

Now we have a little work to do in Appearance panel. To activate it go to Window, Appearance. Click on the tiny arrow to the right of Appearance pane and select Add New Fill.

STEP 6

Open again Swatches pane but this time select Patterns, Basic Graphics, Basic Graphics_Lines. Choose 10 lpe 20%. With this Lines Pattern will be added to your Bronze Radial Gradient.

Keep the Lines Pattern selected with Selection tool on your artboard.

STEP 7

Now in Transparency panel (Window, Transparency) set the Blend Mode of the Lines Pattern to Overlay and reduce its Opacity to 50%. You should get this outcome:

Draw Two Colorful Circles, Apply Blur and Halftone Pattern Filter

STEP 8

Lock Background layer and Create New Layer on top of Layers pane. Call it Circle.

Grab Ellipse tool and click once anywhere on your artboard to activate Ellipse dialog box. Insert 700 px for both Width and Height. Keep the Ellipse selected. For now its position, Fill Color or Stroke doesn't matter because we are going to change them in the next step.

STEP 9

While your Ellipse is selected, set Fill Color to none, then select CMYK Magenta for Stroke Color and set Stroke Weight to 120 pt.

Activate Align panel (Window, Align) and click Horizontal Align Center and Vertical Align Center icons. Your circle should resemble the result on my artboard shown below:

STEP 10

Drag Circle layer to Create New Layer icon at the bottom of your Layers panel to duplicate it. Lock and switch off the original Circle layer for now. Select the duplicated circle and change its Stroke Color. Choose Brass Radial Gradient (Gradients, Metals) for Stroke Color. Keep the duplicated Circle selected.

STEP 11

In Transparency panel change the Blend Mode of Circle copy layer to Soft Light.

STEP 12

Keep the Gradient Circle selected and navigate to the Menu bar. Select Effect, Stylize, Drop Shadow.

STEP 13

The settings in Drop Shadow dialog box should be like these: leave Blend Mode to Multiply, Color to Black, X Offset and Y Offset to 7px both but change Opacity to 100% and Blur to 30px.

STEP 14

Now move the original Circle layer (Magenta colored) on top of Layers panel, unlock it and switch it on. Lock Circle copy layer.

While the Magenta Circle is selected, choose Object, Expand from the Menu bar, in Expand dialog box uncheck Fill and tick Stroke.

STEP 15

After the Circle Stroke has been expanded, go to Effect, Blur, Gaussian Blur and move the Radius slider to 40px.

STEP 16

We have to add one more Filter to our Magenta Circle. This time select Filter, Sketch, Halftone Pattern.

STEP 17

When Halftone Pattern window appears on your screen, the Size should be set to 12, Contrast to the maximum of 50 and Pattern Type is to be set to Dot.

STEP 18

This is how your Circle will look after applying Halftone Pattern Filter. The Gradient Circle below is still not visible but we'll change it in the next step.

STEP 19

While the Halftone Pattern Circle is selected, change its Blend Mode to Overlay in Transparency panel.

Draw Three Circles Filled with Metal Gradients and Apply Blend with Specified Steps

STEP 20

Create New Layer on top of Layers pane. It is not necessary to name it as it will be blended with another layers later. I have called it Circle 800/800px for the sake of this tutorial and for your convenience. Keep the three layers below our new layer locked.

Select Ellipse tool, click on the canvas and insert 800px for both Width and Height then click on Horizontal Align Center and Vertical Align Center in Align panel. Fill the new Circle with Chrome Gradient (Gradients, Metals, Chrome) and select Radial Type from Gradient panel. You should get the following outcome:

STEP 21

Lock the previously created Chrome Gradient Circle layer. Create New Layer on top of Layers pane. I have called it Circle 540/540px. Yes, just draw a Circle with size 540px both Width and Height. Fill it with Brass Radial Gradient from Metals Gradients menu.

STEP 22

We have to draw a very small Circle in this step.

Firstly Create New Layer on top of Layers pane. I have called it Circle 50/50px. Lock the previously created Circle layer.

Take Ellipse tool and set its Size to 50px both Width and Height. This time fill it with Colored Chrome Gradient, Radial type.

STEP 23

Now unlock only the last created three Circle layers- Circle 800/800px, Circle 540/540px and Circle 50/50px. Select with Selection tool all these three circles, navigate to the Menu bar, select Object, Blend, Blend Options. In Blend Options dialog box select Specified Steps from Spacing drop down menu and insert 8 (steps).

STEP 24

Go again to Object, Blend, but this time select Make from the fly out menu.

STEP 25

Below is shown how your Gradient circles will look after being blended. Rename their layer to Blend and remove both empty layers below it which are left after the Blend have been applied. Keep these blended circles selected.

STEP 26

Change the Opacity of Blend layer to 90% to make the circles translucent.

STEP 27

Go to File, Export and save the file in format you prefer. Below is my result saved in .jpg format.

Hope you enjoyed this tutorial. Many thanks for reading it and God bless! :)

If you have questions or need more details, just drop a comment below. Critiques and curses are welcome too. :D