Rabu, 15 September 2010

Create an Amazing Floral Illustration in Photoshop

How to Create Amazing Floral Illustration in Adobe Photoshop CS5

Today, I’m going to show you how use brushes and Layer styles in Photoshop CS5 to create eye catching digital illustration. Layered PSD file included. Let’s get started!

Final Image Preview

How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 800px by 1280px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with #120807 color the new background layer.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Create a new layer which must be filled with white color, applying the Paint Bucket Tool (G). Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel. Apply the next filter on the mask Filter>Render>Clouds.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Let’s rasterize this layer by creating firstly a new one above and then press CTRL button to select these layers. Finally press CTRL+E to Merge Down. Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color (set Opacity to 40% in Options bar).
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Use this brush to paint in the mask to hide the next zones as it is shown next picture.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Set the Blending mode for this layer to Vivid Light.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Find a stock photo with a model represented on it, I used this photo from deviantart. I would like to thank the author of this photo, or if you prefer, you can substitute similar image of your own.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract and insert it on a new layer in our main document.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Click on Add a layer style icon from bottom part of the Layers panel and select Bevel and Emboss style for the girl’s layer.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Add Gradient Overlay.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
We’ve got the next result:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Next step we’ll download sets of brushes for in Adobe Photoshop, named: rebelFive_Linear_Brush_Set_1 and Florar_and_Enchanting_II_by_Coby17.
Create a new layer, choose the next brushes from rebelFive _Linear_Brush_Set_1 set and change the Foreground color to white.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Add the next brushstroke. The layer should be situated under the girl’s one.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Set Fill to 88% for this layer and change the Blending mode to Color Dodge.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
On the next new layer we’ll apply the next brush of the white color from rebelFive_Linear_Brush_Set_1 set and place the layer under the girl’s one.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay style for the brush’s layer.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
We’ve got the next gradient on the layer.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Next create a new layer (Ctrl+Shift+N) and apply here the next brush out of the earlier mentioned set of brushes of white color too. The layer needs to be situated under the girl’s layer.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay style for the brush’s layer.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
We’ve got the next result:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Create a new layer and use here the next brush of white color from rebelFive_Linear_Brush_Set_1 set. The layer will be situated under the girl’s one.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Set Fill to 57% for this layer and change the Blending mode to Vivid Light.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Let’s create the next new layer and select the next brush of white color from the same set of brushes.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Add brushstroke and place the layer under the girl’s one too.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Change the Blending mode to Vivid Light for this layer.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel. Select the Soft Round brush of black color from Brush Tool (B) and set the Opacity to 20% in Options bar.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Use this brush to paint in the mask to hide the next zones on layer as shown.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Let’s create a new layer and apply here the Soft Round brush to paint the background with the color #F300F3 (Opacity 10%).
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Place the layer under the girl’s layer.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Next choose the Pen Tool (P), set the drawing mode on Shape Layers in Options bar and draw the next shape as shown. Place the layer under the girl’s one.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow style for shape’s layer.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Add Inner Shadow settings:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Apply Gradient Overlay:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
We’ve got the next styles on the shape.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Make a copy of the last made shape and use the Free Transform (Ctrl+T) command to change the sizes and copy’s placement on the canvas.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Go to Layer Style and change the settings for Drop Shadow.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Set the new settings for Inner Shadow.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Change the Gradient Overlay settings.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Click in the color bar to open the Gradient Editor and change the color stops as shown. Click OK to close the Gradient Editor dialog box.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
We’ve got the next result:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Create a new layer under the layer containing the copy of the shape’s layer and choose the Soft Round brush of the color #DF0028 (Opacity 10%).
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Use this brush to paint the background as shown.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
On the next new layer we’ll apply the next brush from the earlier mentioned set of brushes (rebelFive_Linear_Brush_Set_1) of white color.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Change the Blending mode to Overlay for this layer.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Create a new layer again and apply here the Soft Round brush of white color to paint the central part of the canvas.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Place the layer under the girl’s one.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Apply on the layer with the brush the next filter: Filter>Filter Gallery>Sketch>Reticulation
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
We’ve got the next effect.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Set Fill to 60% for this layer and change the Blending mode to Color Dodge.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Make a copy of the girl’s layer and place it under the original girl’s layer. Apply for this layer the next filter: Filter>Blur>Motion blur
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
We’ve got the next result:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Change the Blending mode to Substract for this layer.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and select the Soft Round brush of black color (Opacity 20%) to hide the edges of the layer with the girl’s shadow.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Create a new layer which must be filled with black color using Paint Bucket Tool (G). Place the layer under the layer with the girl.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Add noise using Filter>Noise>Add Noise
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
We’ve got the next result:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and select the Soft Round brush of black color.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Use this brush to paint in the mask to hide the next zones on the layer as shown:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Set Fill to 63% for this layer and change the Blending mode to Color Dodge.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Now we have to rasterize the layer, containing the girl on it. In this case we’ll represent a new layer above the girl’s one and press CTRL button to select the both layers. Finally press CTRL+E to Merge Down. Create a new layer now above the rasterized layer with the girl on it. Select here the Soft Round brush. The brush’s color is #8E3625.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Use this brush to paint the girl’s left half as shown.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Hold down Alt (Windows) or Option (Mac OS) and click between layers in the Layers panel to create a clipping mask.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
We’ve got the next result.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Set Fill to 80% for this layer and change the Blending mode to Color Dodge.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Now we have to represent several dark zones on the girl’s body. In this case create a new layer and apply on it the Soft Round brush of black color (Opacity 10%).
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Hold down Alt (Windows) or Option (Mac OS) and click between layers in the Layers panel to create a clipping mask.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
We’ve got the next result:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Click Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to make a little color corrections.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
We’ve got the next result:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Hold down Alt (Windows) or Option (Mac OS) and click between layers in the Layers panel to create a clipping mask.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
We’ve got the next effect:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
On the next new layer we’ll apply the brushes from Florar_and_Enchanting_II_by_Coby17 set.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
They have white color.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Set Fill to 0% for this layer and click Add a layer style icon from bottom part of the Layers panel to select Stroke:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
We’ve got the next effect on the brushes.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and select Hard Mechanical brush of black color.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Use this brush to paint in the mask to hide the floral brushes coming above the girl’s body.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Make two copies of the last made layer:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Create a new layer now and select the next brush from Florar_and_Enchanting_II_by_Coby17 set of white color.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Add for the layer the same Stroke style we’ve used for the brushes in the previous example:
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and select the Hard Mechanical brush of black color to hide the floral brush coming above the girl’s body.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
Make a copy of the last made layer.
How to Create Amazing Floral Illustration in Adobe Photoshop CS5
The final result!

Tidak ada komentar:

Posting Komentar