Samstag, 10. Dezember 2011

Create a Werewolf Warrior Wielding a Flaming Sword in Photoshop

image004[4]
Learn how to create a fantasy-inspired photo-manipulation of two warriors: a werewolf wielding a burning sword and a human with a regular longsword. You will learn how to turn a human into a werewolf, create a flaming sword using a few brush strokes, and how to use adjustment layers to alter the color of the image.


Preview of Final Results

image004[4]

Download the PSD

Werewolf Warrior.zip | 37.18 MB
Download from Website

How to Create a Werewolf Warrior Wielding a Flaming Sword in Photoshop


Resources


Step 1: Create a New Image File

We will start by creating a new image file, go to the Menu bar and click File > New, and then input the following values on their respective fields:
  • Presets: International Paper
  • Size: C6
  • Width: 114 mm
  • Height: 162 mm
  • Resolution: 300 pixels/inch
  • Color Mode: RGB Color; 8 bit
  • Background Contents: White
image005[3]

Step 2: Create the Background

In this step, we will be creating the land for our background. To start, let's open the stock image: "Stock 5 by UmbraDeNoapte Stock. Next, activate the Move tool by pressing V on your keyboard; left-click the image while the Move tool (V) is activated and then drag that image to our canvas.
Move and position it in this manner:
image006[3]
Once you've done that, rename the layer you had just created/moved to "Background". To rename a layer, simply double-click on the words: "layer 1" (which is our layer - "Stock 5") to prompt a text box to appear. Once that appears, you may now rename the layer.
See sample below:
image007[3]
Next, we will then resize the layer to fit our canvas. To do that, make sure that the "Background" layer is active and then simply press Ctrl/Cmd + T to activate the Transform tool. Once the Transform tool is activated, resize the image as shown below:
image008[3]
The result of that should be similar to this:
image009[3]
Next, we are going to make the further part of the background a little foggy. To start the process, we would need to duplicate the "Background" layer by pressing Ctrl/Cmd + J. After doing that you'd notice that the layer has been duplicated because it says "Background Copy".
Now, activate the Magnetic Lasso Tool (L) because we would need to select the region we plan to create fog.
image010[3]
Now that you have it activated, create a selection area around the region shown below:
image011[3]
Once the selection area is complete, go to Filter > Blur > Gaussian Blur and then set the following:
  • Radius: 12 pixels
image012[3]
Once you hit OK, change the "Background copy" layer's Opacity to 70%.
image013[3]
Changing the Opacity of this blurred-duplicated layer will result to something like this:
image014[3]
After that, go to Filter > Blur > Lens Blur and input the following:
image015[3]
Once you hit OK, change this layer's Fill to 55% (Note: This is still the same layer that we've used the Magnetic Lasso Tool on, duplicated and Gaussian Blurred)
image016[3]
Now, the result of that would be like this:
image017[3]
Take note of that very obvious blur. Does it look nice? I don't think so, so what do we do? We erase it. Activate your Eraser tool (E) and then set the following:
  • Brush size: 250px
  • Hardness: 0%
  • Opacity: 100%
  • Flow: 100%
image018[3]
Erase the area shown below (make sure you select the duplicated layer before proceeding or else you'll be erasing the original layer).
image019[3]
The result:
image020[3]

Step 3: Add dramatic light to the Background

In this step, we will be using the Brush tool (B) to create light and darkness on our background.
To start, create a new layer (Ctrl/Cmd + Shift + N) above the "Background copy" layer (To do that, simply click on the "Background copy" layer and then press Ctrl/Cmd + Shift + N and a new layer will be automatically be on top of the selected layer).
Now that you have a new layer, rename this layer to "Light 1".
Activate the Brush tool (B) but before we start, make sure that the active Brushes are the default brushes. The default Photoshop brushes are shown on the image below, if that's not what you see, then follow the instructions below:
image021[3]
Right click the canvas while a layer is selected and while the Brush tool (B) is activated and then click on the button highlighted below:
image022[5]
Then click on "Reset Brushes" from the contextual menu.
image023[5]
Now, that that is done input the following settings for our Brush tool (B):
  • Brush size: 1100px
  • Hardness: 0%
  • Opacity: 25%
  • Flow: 100%
  • #: ffffff
Note: The "#" means the color of the brush.ffffff is the color white, but to make sure that you will be using that brush color follow the steps below:
image024[3]
After clicking the Foreground tool, the Color Picker box would open. Once open, input the following on the # space:
  • #: ffffff
image025[3]
Now, let's start painting in the light:
image026[3]
The result:
image027[3]
Next, create a new layer again (Ctrl/Cmd + Shift + N) and name it "Light 2".
Activate the Brush tool (B) next and input the following:
  • Brush size: 700px
  • Hardness: 0%
  • Opacity: 18%
  • Flow: 100%
  • #: ffffff
Then, paint:
image028[3]
The result of that should be similar to this:
image029[3]
Create another layer (Ctrl/Cmd + Shift + N) and name it "Light 3".
Activate the Brush tool (B) and input the following:
  • Brush size: 700px
  • Hardness: 0%
  • Opacity: 8%
  • Flow: 100%
  • #: ffffff
image030[3]
The result:
image031[3]
Next, we will darken some parts of the photo to make it look more dramatic. Create a new layer (Ctrl/Cmd + Shift + N) and name it "Darken 1".
Activate the Brush tool (B) and then input the following:
  • Brush size: 900px
  • Hardness: 0%
  • Opacity: 25%
  • Flow: 100%
  • #: 000000
image032[3]
Let's paint here:
image033[3]
The result should be similar to this:
image034[3]
Create a new layer once again (Ctrl/Cmd + Shift + N) and name it "Darken 2".
Activate the Brush tool (B) and input the following:
  • Brush size: 900px
  • Hardness: 0%
  • Opacity: 25%
  • Flow: 100%
  • #: 000000
image035[3]
The result of that should be similar to this:
image036[3]
Now let's enhance the exposure of the image. To do that, first click on the "Create New Fill/Adjustment layer" button.
image037[5]
Once up, click on "Exposure".
image038[3]
When the Exposure box opens, input the following:
  • Exposure: 0.44
  • Offset: -0.0098
  • Gamma Correction: 1.10
image039[3]
The result of that should be similar to this:
image040[3]

Step 4: Create the Warriors

Now, we will be creating the warriors who are battling for their life in this dark forest. To start, open the stock image: "Knights" by jmjvicente. Once open, activate the Polygonal Lasso Tool (L) and create a selection area around these warriors.
image041[3]
image042[3]
Once you've made the selection area, activate the Move tool (V) and drag those warriors to our canvas.
Position them as shown below:
image043[3]
Next, rename this layer to "Warriors".
After that, we would need to blend this layer's color to the background. We would need to make give them a bluish color - to do that, go to Image > Adjustments > Color Balance.
Once it opens, input the following:
  • Color Levels: -56, 0, 0
  • Tone Balance: Midtones
  • Preserve Luminosity: Checked
image044[3]
Next, open the Color Balance box once again and input the following:
  • Color Levels: 0, 0, 24
  • Tone Balance: Shadows
  • Preserve Luminosity: Checked
image045[3]
The result of both those changes:
image046[3]
Next, let's enhance the Brightness/Contrast of the warriors. Make sure that the "Warriors" layer is selected and then go to Image > Adjustments > Brightness/Contrast and then input the following once there:
  • Brightness: -44
  • Contrast: -50
image047[3]
The result:
image048[3]
That still isn't good, so let's lower the Brightness/Contrast levels a little further. Go to Image > Adjustments > Brightness/Contrast and then input the following once there:
  • Brightness: -33
  • Contrast: -17
image049[3]
The result:
image050[3]
Next we will reduce the intensity of their belt's color. To do that, make sure that the "Warriors" layer is selected and then go to Image > Adjustments > Hue/Saturation and then once it opens, input the following:
  • Edit: Reds
  • Hue: 0
  • Saturation: -100
  • Lightness: 0
image051[3]

Step 5: Create the Werewolf Warrior

Now we will be replacing one warrior's head with that of a wolf to make him a flaming-sword wielding werewolf. To start, let us first remove the head of the warrior in black. To do that, activate the Polygonal Lasso Tool (L) and then create a selection area around his head. See image below:
image052[3]
When the selection area has been created, just press Delete on your keyboard to erase the head.
The result:
image053[3]
Now that it has been erased, open the stock image: "Wolf 2" by dyet and then activate the Polygonal Lasso Tool (L). Create a selection area around the wolf's head. See image below:
image054[3]
When you're done with the selection area, activate the Move tool (V) and drag the wolf's head to our canvas. Position this layer below the "Warriors" layer.
Next, activate the Transform tool (Ctrl/Cmd + T) and then rotate the head of our wolf as shown on the image below:
image055[3]
We will then need to reduce the wolf's head color saturation, to do that go to Image > Adjustments > Hue/Saturation. Once open, input the following:
  • Edit: Master
  • Hue: 0
  • Saturation: -48
  • Lightness: 17
image056[3]
The result of that should be similar to this:
image057[3]
Next, we would need to erase the Wolf's head by using the Eraser tool (E) of course. Activate it and then choose the Eraser brush shown below by right-clicking on the canvas and then left-clicking on the brush:
image058[3]
Use the following settings for the Eraser brush (E):
  • Brush: 10px
  • Hardness: Default
  • Opacity: 100%
  • Flow: 100%
Use a zoom level of 200% on the Navigator window for you to be able to accurately erase.
image059[3]
Now, let's erase:
image060[3]
The result of that should be similar to this:
image061[3]
Next, we would need to use the Brush tool (B) to darken the lower part of the wolf's head. To start, create a new layer (Ctrl/Cmd + Shift + N) and name it "Darken" then put this layer above the wolf's head layer. Next, right lick on the "Darken" layer and then left-click on "Create Clipping Mask"
image063[3]
This Clipping mask will clip itself to the wolf-head layer so that the paint applied will only apply to the layer it is clipped on to.
It should appear like this:
image064[3]
Next, activate the Brush tool (B) and then input the following:
  • Brush size:900 px
  • Hardness: 0%
  • Opacity: 15%
  • Flow: 100%
  • #: 000000
  • Zoom level: 200%
Now, let's paint!
image065[3]
The result of that should be like this:
image066[3]

Step 6: Create the Flaming Sword

In this step, we will add flames to the sword of the werewolf warrior. To start, create a new layer (Ctrl/Cmd + Shift + N) on top of all the layers that we've created. Name this layer: "Fire 1" and then activate the Brush tool (B) - input the following settings for this tool:
Brush size: 70px
  • Hardness: 0%
  • Opacity: 50%
  • Flow: 100%
  • #: ffffe9
Let's start painting then!
image067[3]
The result of the first fire brush should be similar to this:
image068[3]
Next, let's create a new layer (Ctrl/Cmd + Shift + N) and then name it "Fire 2". Activate the Brush tool (B) and then open the Brush set: "Flame brushes" by sugar breezy. To open that brush set, simply follow the instructions below:
image022[6]
After that click on Load brushes:
image069[3]
Make sure that you've downloaded the brush set on this folder: Adobe > Adobe Photoshop CS2/3/4/5 > Presets > Brushes.
Once the brushes have been loaded, choose the following brush:
image070[3]
Now, your brush is shaped like a flame or flame pattern. Let us now input the following settings for the Brush tool (B):
  • Brush size: 400px
  • Hardness: Default
  • Opacity: 100%
  • Flow: 100%
  • #: fffebd
Then, let's now start painting:
image071[3]
The flame's position is a bit awkward so activate the Transform tool (Ctrl/Cmd + T) and then rotate "Fire 2" on the angle as shown on the image below:
image072[3]
The result of that should be like this:
image073[3]
Next, create another layer (Ctrl/Cmd + Shift + N) and name it "Fire 3". Use the following brush from the "Flame brushes" brush set:
image074[3]
Activate the Brush tool (B) and input the following:
  • Brush size: 300px
  • Hardness: Default
  • Opacity: 100%
  • Flow: 100%
  • #: fffdcb
Now, let's paint!
image075[3]
The result:
image076[3]
Next, create another layer (Ctrl/Cmd + Shift + N) and then name it "Fire 4". Activate the Brush tool (B) and then choose the following flame brush:
image077[3]
Now, input the following for the Brush tool (B):
  • Brush size: 250px
  • Hardness: Default
  • Opacity: 75%
  • Flow: 100%
  • #: ff9f6b
Let's paint:
image078[3]
Next, activate the Transform tool (Ctrl/Cmd + T) and then resize "Fire 4" as shown on the image below:
image079[3]
Activate the Transform tool (Ctrl/Cmd + T) and then rotate it as shown on the image below:
image080[3]
The result:
image081[3]
Create a new layer again (Ctrl/Cmd + Shift + N) and then name it: "Fire 5". Next, activate the Brush tool (B) and then choose this flame brush:
image082[3]
Next, input the following for the Brush tool (B):
  • Brush size: 200px
  • Hardness: Default
  • Opacity: 75%
  • Flow: 100%
  • #: ffc389
image083[3]
image084[3]
The result of those would be like this:
image085[3]
Create another layer (Ctrl/Cmd + Shift + N) and then name it "Fire 6". Activate the Brush tool (B) and then Reset your brushes:
image023[6]
Once the brushes have been set to the default ones, input the following for the Brush tool (B):
  • Brush size: 200px
  • Hardness: 0%
  • Opacity: 15%
  • Flow: 100%
  • #: ffc389
Now, let's paint:
image086[3]
The result of that should be similar to this:
image087[3]
Create another layer (Ctrl/Cmd + Shift + N) and then name this new layer: "Fire 7".
Activate the Brush tool (B) and input the following:
  • Brush size: 200px
  • Hardness: 0%
  • Opacity: 20%
  • Flow: 100%
  • #: ffdd56
image088[3]
The result:
image089[3]
Next, create another layer (Ctrl/Cmd + Shift + N) and then name it: "Fire 8". Activate the Brush tool (B) and then input the following:
  • Brush size: 500px
  • Hardness: 15%
  • Opacity: 15%
  • Flow: 100%
  • #: fffcc8
Now, let's paint:
image090[3]
The result:
image091[3]
Now, create the final layer for our flame brushes and name it "Fire 9". Activate the Brush tool (B) and then input the following:
  • Brush size: 90px
  • Hardness: 0%
  • Opacity: 25%
  • Flow: 100%
  • #: fffcc8
image092[3]
The result of that should be similar to this:
image093[3]

Step 7: Enhance the look and feel of our image

Now, we're going to enhance the color and overall brightness of our image. Let's start by creating a Gradient Adjustment layer. To create that, click on the "Create New Fill/Adjustment layer" button.
image037[6]
Now, click on Gradient from the contextual menu of the "Create New Fill/Adjustment layer" button".
image094[3]
image095[3]
After hitting OK, change the Blending Mode and Opacity to the following:
  • Blending Mode: Soft Light
  • Opacity: 60%
image096[3]
The result of that should be similar to this:
image097[3]
Next, create a Channel Mixer adjustment layer from the "Create New Fill/Adjustment layer" button".
image098[3]
When it opens, input the following:
  • Output Channel: Gray
  • Source Channels:
  • Red: +34
  • Green: +66
  • Blue: 0
  • Constant: 0
  • Monochrome: Check
image099[3]
Next, change the Blending mode and Opacity to the following:
  • Blending mode: Multiply
  • Opacity: 70%
The result:
image100[3]
Next, let's create a Solid Color adjustment layer from the "Create New Fill/Adjustment layer" button".
image101[3]
When it opens, it will show the Color Picker box, just input the following onto the # space.
#: 00011e
image102[3]
Next, change the Blending mode and Opacity:
  • Blending mode: Exclusion
  • Opacity: 50%
The result of that would be like this:
image103[3]
Next, let's create a Photo Filter adjustment layer.
image104[3]
When it opens, choose the following filter:
image105[3]
Finally, let's create an Exposure adjustment layer.
image106[3]
When it opens, input the following:
  • Exposure: 0.00
  • Offset: 0.0125
  • Gamma Correction: 1.00
image107[3]
The result:
image108[3]

Keine Kommentare:

Kommentar veröffentlichen