Introduction:

Traditionally, matte paintings were made by artists using paints or pastels on large sheets of glass for integrating with the live-action footage. The first known matte painting shot was made in 1907 by Norman Dawn (ASC). Later on Matte Painting revolutionized to an extreme level for which Avatar is an example. In this tutorial we are going to cover few basic concepts and tricks in matte painting using Adobe Photoshop and designing the great and wonder of world Tajmahal.

Resources Used

Tajmahal: http://www.sxc.hu/photo/1089428
open land: http://www.flickr.com/photos/93392564@N00/2170136962/
wooden wheel: http://jantiff-stocks.deviantart.com/art/Replica-of-a-Roman-Crane-105705301?q=boost:popular+ancient+crane&qo=14

Hills: http://www.sxc.hu/photo/1271263
http://www.sxc.hu/photo/1271219

Elephants: http://www.sxc.hu/photo/814294
http://www.sxc.hu/photo/568128

Fog Brushes: http://zoozee.deviantart.com/gallery/#/dspkit

Sketch:

Before starting any Matte Painting it’s very important to make a rough sketch of the matte that you are going to make,it helps you very much while searching for the resource.

step1:

step2: 1)

Now import ‘country side’ pic and maskout the sky using the Magic Wand Tool(W).

2)Import the ‘country side’ pic onto the canvas and place it under the ‘marble estate’ layer.

3)Duplicate the layer to cover the background with hills as shown.

4)According to the laws of optics the far away object appear little blurred, so let’s add Gaussian Blur(Filter>Blur>Gaussian Blur) with radius equal to 1.6px.

step3:

Now place the image of the distant mountains under the previous layers.The sky in this pic suits the scene that we are going to create.

step4:

Maskout Taj Mahal from it’s original image using the Pen Tool(P).Then place it on the canvas as shown.

-Using the pen tool gives an accurate cut,so i prefer using it while cutting an image.If you feel any other tool can do  better feel free to use it.

step5:

Now by using the Clone Stamp Tool(S) remove the trees that are covering the base of the Taj.

step6:

Since we are going to show the construction of the Tajmahal, we must ceate some unconstructed parts of Taj. Hence mask out the parts where you want to show the unconstructed areas.

step7:

Maskout the background of the ‘roman crane’ using the Pen Tool(P).

step8: 1)

Now import the ‘roman crane’ onto the working canvas and transform it to the prospective using the Move Tool(V).

2)Using the Clone Stamp Tool(S) remove the excess rope from the wheel.

step9: 1)

The TajMahal exterior was built by red stone and then covered with the layer of marble.

To show the uncovered part of the redstone, mask some part of the Taj using the Lasso Tool(L) and change the                     Hue/Saturation levels to Hue=34,Saturation=34,Lightness=-27.

2)Similarly mask some part of the tomb of the Taj and set the Hue/Saturation levels to Hue=Saturation=34,Lightness=-      30.

3)With the whole Tajmahal layer selected change the Exposure(Image>Adjustments>Exposure) to Exposure=- 0.30,Offset=+0.0102,Gamma Correction=1.00.

step10:

To show the constructional rods of Taj use the Pen Tool.

Before using the pen tool set the Paint brush size to 2px and select hard round brush.Then select the pen tool and make a curve with it,then right click on the curve and select Stroke Path.In the stroke path drop down list select brush. Then you can see the path stroked with the brush properties selected.You need to make a new path for every rod, because all rods don’t look the same.

step11:

Before painting the construction support rods lets refer few pics to get the clear idea of how to paint them. Referring with real images is very important to get the maximum realistic look to the work.

step12:

Now by using the hard paint brush and with the dark brown color selected paint the constructional support for the tomb as referred in the reference.

step13:

step14:

step15: 1)

3)Similarly color correct the background layers using the curves. Make sure that the colour correction matches other layers.

step16: 1)

Now select the ‘roman wheel’ layer and colour correct to match the scene using the curves.

2) Set the exposure levels to Exposure=0.047,Offset=0.0020,Gamma Correction=1.02.

step17:

Now select the Burn Tool(O) and select the basic Chalk Brush from the brushes pallet,then set the brush properties to Size Jitter=100%,Minimum Diameter=0%,Angle Jitter=52%,Roundness Jitter=30%,Minimum Roundness=25%.Also make sure that Scattering and smoothing options are checked.

Then click on the ‘roman wheel’ layer thumbnail holding Ctrl to select the mask of the layer. Then using the burn tool add shadows to the wheel as shown.

step18:

Now click on the thumbnail of the ‘Taj’ layer holding Ctrl to select the mask in shape of Taj. Then by using a Soft  Round Brush and it’s opacity set to 37% with the black color selected paint some shadows to the Taj assuming that the sun is on the left side.

step19:

Since we are focusing on Taj the wheel appears to be out of focus, So let’s add Gaussian Blur of 1.1 Radius to it.

step20:

Also let’s blur some part of the ‘marble estate’ layer which is near to the screen.

1)Using the Lasso Tool(L) select some part of the estate layer and set the mask feather to 75px.

2)Now set the Gaussian Blur Radius to 1.0px.

Step21: 1)

Now import an elephant image onto the canvas and transform it to fit the matte using the Move Tool(V).

2)Add shadow to the elephant using an airbrush, then set the Opacity of th shadow layer to 32%.

step22:

Make a new layer and add some dust flying in the air using the brush tool,then set it’s Opacity to 45%.

step23:

Now add Lens Flare to the matte as shown and set the lens type to 35mm Prime.

Final Image:

taj mahal:http://www.sxc.hu/photo/1089428

open land: http://www.flickr.com/photos/93392564@N00/2170136962/

wooden wheel: http://jantiff-stocks.deviantart.com/art/Replica-of-a-Roman-Crane-105705301?q=boost:popular+ancient+crane&qo=14

hills: http://www.sxc.hu/photo/1271263

http://www.sxc.hu/photo/1271219

elephants: http://www.sxc.hu/photo/814294

http://www.sxc.hu/photo/568128

fog brushes: 

http://zoozee.deviantart.com/gallery/#/dspkit

Related posts:

1. How to create Imaginary Photo Manipulation Tutorial Introduction: Photo Manipulation is being used in all kinds...
2. Create an Famous Blog Logo Through Photoshop Tutorial Today we’re trying to present an short way for...
3. How to create Fantacy Woman in Amazing Photo Manipulation We sharing an creative tutorial, “How to create Fantasy...
4. Rainbow Colorful Glowing Text Effect Using Adobe Photoshop One of our new team member showing his effort...
5. Creative Brochure Design Tutorial in Adobe Photoshop Today with respect of users need just design an...

Related posts brought to you by Yet Another Related Posts Plugin.

Preview

Before moving on, take a look at the final image we’re going to create.

Source Needed

Tree

Apple

canvas

Torn Canvas

wall texture

Deser

Python Stock

Fantasy Dancer

step 1:

Open a new canvas in photoshop with width=1128,Height=1170 and resolution with 72 or 300dpi.

step 2:

Import a new ‘desert’ image onto the canvas we just created.

step 3:

1) Now open a dead tree image and cut the sky and the other background in the image using the Magic Wand Tool
(W).

2) After cutting the background import the dead tree onto the working canvas,and place it on the top right
corner as shown.

step 4:

1) Now duplicate the ‘desert’ layer and set the Blending mode to Overlay.

2) Open the Curves from Image>Adjustments>Curves and set the RGB Curve as shown.

step 5:

1)Using the Mask Tool(M) cut the bottom portion of the desert layer to represent the floor and place it above the
desert layers and set the blending mode to Normal.
2)Import an old canvas texture and place it under the desert layers.Make sure that both the desert
layers are set to Overlay.

step 6:

Now import a grunge wall texture and place the layer above all the layers and set the blending mode to Overlay.

step 7:

Now hence we finished the BG for our image,now it’s time to give it an old look.

1)Now import a damage canvas texture onto the top left corner of the workspace.
2)Now goto Channels beside the layers pallet and select Blue,then goto Image>Calculations and make sure that the
Channels in Source 1-2 are set to blue.Then an Alpha layer will be created in the Channels pallet.
3)Then goto Levels and set the Channel to Alpha 1 and the values to [0 1.00 174].

step 8:

Now select the damaged canvas layer in the layers pallet.Then open Select>Load Selection and choose Alpha 1
in the drop down list of channel.
2)Using this selection erase the desert layers and the canvas layer using a soft eraser(E).
3)Now place a wall texture behind the erased part,and use the same selection to cut the wall.

step 9:

1)Having the wall layer selected goto Image>Adjustments>Curves and set the curves as shown.

2)Then change the Exposure values to Exposure=-0.52,Offset=-0.0184,Gamma Correction=0.87.

step10:

1)Select the desert layers and the dead tree layer and Merge them,then name the layer as ‘dead tree’.
2)Right click on the ‘dead tree’ layer and select the Blending Opetions.Then a Layer Style box opens,in that box
check the Drop Shadow option and set the Distance=9px,Speed=8%,Size=18px.

step11:

Import the python.png image and cut the head off.

step12:

Since the body is too long,cut the middle part of the body using the Lasso Tool(L).

step13:

Bring the tail close to the snake body as shown.

step14:

Inorder to fill the gap between the body and tail,cut a small part of the snake body using the Lasso Tool(L).
and transform the piece to fit the gap using the Move Tool(V).

step15:

Duplicate the tail layer and make it completely black using the levels.Then place it under original tail layer,
and name the layer as ’shadow’.

step16:

Since the light in our image appears to come from left move the ’shadow’ layer slightly towards right as shown,
using the Move Tool(V).

step17:

Add Gaussian Blur of radius 6.1px to the shadow layer.

step18:

1)Now merge both the body and the tail layers,then name the layer as ‘body’.

2)Having the body layer selected goto Image>Adjustments>Curves and set the curves as shown.

3)Also change the Exposure settings to Exposure=+0.14,Offset=0.000,Gamma Correction=0.83.

step19:

1)Import the desert dancer image and resize it using the Move Tool(V),also make sure that the body proportions match the
size of the snake body.
2)After placing the dancer on the snake body,cut the gown using the Lasso Tool(L).Make sure that the gown looks torn.

step20:

With the dancer layer selectedadjust the curves to match the colour of the snake body.

step21:

In this image we can find the light comming from the left side, hence we need to add some shadow to the gown.

1)Using the Lasso Tool (L)cut the edge part of the gown we just cut in the step19,and make it completely dark using the
Levels.

2)Now place the darkened gown layer below the dancer layer and move it slightly towards right side using the
Move Tool(V).

3)Now by using the Gaussian Blur Filter(Filters>Blur>Gaussian Blur) add some blur of radius 1.9px.

step22:

Now cut the apple from it’s raw image using the Pen Tool(P) and plcae it in our image in such a way that the
women is trying to catch the apple.

step23:

1)Select the snake body image by clicking the thumbnail of the layer by holding Ctrl(Ctrl+click).

2)Using the soft brush with black colour selected and opacity set to 45% add some shadow to the snake body.

Related posts:

1. How to create Imaginary Photo Manipulation Tutorial Introduction: Photo Manipulation is being used in all kinds...
2. Create a Penguins Illustration Tutorial for Global Warming Cause Global Warming is one of the biggest problems of...
3. Create an Famous Blog Logo Through Photoshop Tutorial Today we’re trying to present an short way for...
4. Matte Painting Tutorial of Tajmahal Using Photoshop Introduction: Traditionally, matte paintings were made by artists using...
5. How To Create Floral Theme Typography Using Photoshop and Illustrator Few weeks ago I stumbled on a very beautiful...

Related posts brought to you by Yet Another Related Posts Plugin.

Whether you’re a graphic designer or you design solely for the web, I am certain you will learn quite a lot from those articles. Some of them are geared more towards web-design but some also refer to drawing and painting or simply talk about how to effective use whitespace to craft more interesting designs. I hope you’ll enjoy this post!

1. Enhancing Your Art with Negative Space

2. An introduction to Negative Drawing with Mike Sibley

3. Negative Space – A Drawing Tutorial

4. Negative Space

5. Positively Negative: A Tutorial about Negative Space

6. Negative Space: nothing says a lot

7. Using Negative Space Effectively In Logos

8. Whitespace

9. Using White Space Effectively In Web Design

10. Use Whitespace to Indicate Relationships Between Content Elements

11. Whitespace: The Underutilized Design Element

12. Use of White in Web Design: Tips and Trends

13. Improving typography through space

14. How To Add White Space

15. On White Space in Graphic Design

16. CSS 101

17. Design Tip: The Value Of White Space

18. White Space and Simplicity: An Overview

19. Grid Design, A Classic Beauty For Whitespace Freaks

20. White Space in Your Web Design & Graphic Design

Conclusion

I hope you learned a thing or two from those articles. Of course feel free to chime in and share your discoveries with the rest of us. Have you read a great article about negative space/ whitespace recently? Please drop the link in the comment section!

Tom Walker is a writer and designer who works for Cartridge Save where he reviews products such as the HP 337 ink cartridge and manages their design blog.

Related posts:

1. 25+ Inspirational Tutorials of Valentine’s Day Saint Valentine’s Day is a holiday celebrated on February...
2. 35 Excellent Poster Design Tutorials with Typography Art In this Print Media designs Posters always are excellent...

Related posts brought to you by Yet Another Related Posts Plugin.

Preview

Before moving on, take a look at the final image we’re going to create. Click here or click on the image to see it in full screen.

Source Needed

These are the resources used in this tutorial:

• Vintage Grunge Textures from princess-of-shadows
• Butterfly 3 from shoofly-stock
• Autumn Leaves PNG Pack from gild-a-stock
• Autumn Leaves 1 from sammykaye1sstamps
• Stock9-Yellow Flower from pralinkova-princezna
• Flower Stock 59 from anbdstock
• Vector Flourish Design from All-Silhouettes
• 5 Vector Floral Ornaments from QVectors

Step 1: Background

Open Photoshop. Create new file (File > New) with size 1280×1024 px, resolution 72 dpi, Mode: RGB.

Step 2

Activate gradient tool. Click preview box in option bar to open gradient editor dialog. Create gradient from #ffbc58 to #f95b1e.

Step 4

Create radial gradient from center to outside.

Step 5

Download vintage grunge textures and paste it on top of the image. Resize it until we find nice texturing.

Step 6

Change texture blend mode to Multiply with 20% opacity.

Step 7: Main Text

Add text on top of the image. Here, I use yellow color.

Step 8

Add this layer styles.

Step 9: Floral Shapes

Download Vector Floral Ornaments and open it in Illustrator. Select one of the vector shape. Hit ctrl+C to copy it to clipboard.

Step 10

Back to Photoshop. Hit ctrl+V for paste. Make sure you choose Smart Object. This way, pasted object will remain an illustrator file, so you’ll be able to resize it without degrading its quality. Rotate and resize the vector shape until you find it interesting.

Step 11

Now, we need to change its color to math overall color tone. From the Layers panel double click its layer thumbnail. You’ll probably get a dialog box like seen below, just click OK.

Step 12

The Shape wil be opened in Illustrator. Select it and change its color from Color Panel. After you finish edit the color hit ctrl+S to save it and ctrl+W to close it. Let’s go back to Photoshop and you’ll find the shape is also changing.

Step 13

Hold alt and move cursor on line between shape and text layers. The cursor will change into two overlapping center, click now to convert shape into clipping mask. The vector shape will goes inside the text.

Step 14

Repeat the process for other vector shape. Once you’re done, select the shape layers and the text then hit ctrl+G to put them into separate group. Name the group text.

Step 15: Add Subtle Floral Image in Background

Hold shift then click on thumbnail layer of shapes we have created earlier. This step will create selection based on the shape’s size.

Step 16

Create new layer underneath the text. Click Edit > Fill, use White then click OK.

Step 17

Remove selection by pressing ctrl+D. Click Filter > Blur > Gaussian Blur.

Step 18

Change layers opacity to 20%.

Step 19: Decorating Text

Back to Illustrator, open Vector Flourish Design and hit ctrl+A to select all shapes. From color panel change its fill color to white.

Step 20

All the shapes’s color is now white. Because the background is also white its very hard to see them. Click View > Preview to see shapes outline.

Step 21

Shape one of the shape. Press ctrl+C.

Step 22

Return to Photoshop, hit ctrl+V to paste the shape. Place it on top of the text. Add layer styles Drop Shadow.

Step 23

Repeat this process with other shapes.

Step 24: Add Depth to Text Decoration

Select all shapes and press ctrl+G to put them in one group. Duplicate the group by dragging it to New Layer icon.

Step 25

Hit ctrl+E to convert duplicated group into a layer. Double click layer to open layer styles dialog box. Select Layer Mask Hides Effect and add bigger drop shadow.

Step 26

Select text by ctrl+clicking its layer thumbnail. Hit ctrl+shift+I to invert selection. Make sure the floral layer is still selected and click Add Layer Mask icon. Change fill layer to 0%.

Step 27

Now, floral shape out side the text will have bigger and darker shadow. This gives impression as if they are higher from the background.

Step 28: Adding Real Flower

Open Yellow Flower in Photoshop. Use Quick Selection to select the flower. It’s very amazing how this tool works! All you need is just dragging inside the flower and they will automatically selected.

If you use earlier version of Photoshop, you may not have this tool. Use the magic wand to get similar result.

Step 29

Click Select > Modify > Contract. Use 2 pixel then click OK.

Step 30

Copy flower and paste it on our image. Right click flower layer and choose Convert to Smart Object. By changing the flower layerto smart object we will retain all its pixel information.

Step 31

Hit ctrl+T and change flower’s size.

Step 32

Add drop shadow to give the flower realistic look.

Step 33

Hold alt and drag flower to duplicate it. Again change its size.

Step 34

Open another flower, select it, and paste it in Photoshop.

Step 35: Add Dry Leaves

Download Autumn Leaves 1 and open it in Photoshop. This file is already cutted. All we need to do is just make rough selection around it, cpy, and paste it in Photoshop.

Step 36

Resize and put it on the text.

Step 37

Keep doing this to another dry leaves.

Step 38: Adding Butterflies

Open Butterfly in Photoshop. All the butterfly has already cutted. Just like we did with earlier dry leaves, select and paste them on Photoshop. Don’t forget to add drop shadow.

Step 39: Add Subtle Floral Shape in Background

Paste floral ornament we have opened earlier. Put it behind the text.

Step 40

Change fill layer to 0%. Add Bevel and Emboss.

Step 41

Add another floral ornament on the background. Don’t overdo this, keep them subtle. Otherwise the design will be too crowded and remove the focus from main text.

Step 42

I feel that there’s too much empty space in this design. To remove it we’l use crop tool. Open crop tool and drag around the text. I’m using Photoshop CS5 here and you can see that the crop box is divided into 9 grids that help us see the final image proportion. Once you have find the right size hit ctrl+Enter to start cropping.

Conclusion

Finally, we are done! I hope you like this tutorial and learn something here. Click here or click on the image below to see it in full size.

Related posts:

1. Create an Famous Blog Logo Through Photoshop Tutorial Today we’re trying to present an short way for...
2. Web Design Blog Layout with 3D Details Using Photoshop In this tutorial, we will create a blog layout...
3. Create Lady Birds Insect Tutorial Using Adobe Illustrator Lady birds, is there any other insect that symbolize...
4. How To Draw A Realistic Pencil and Break It Apart In this Photoshop tutorial, we will draw realistic pencils...
5. How to Draw A Very Detailed RadioTape From The 80’s Remember the old days where cassette tape and FM...

Related posts brought to you by Yet Another Related Posts Plugin.

Introduction:

Photo Manipulation is being used in all kinds of fields like Advertising, Poster designing in order to express a theme or an emotion. This tutorial covers some basic concepts of image manipulation and also about depth of field using Adobe Photoshop.

Final Result

Source Needed

Texture 1
Texture 2
Rose Petals
Outlet Pipe
Dead Trees
Globe
Thorns
Spooky Brushes

Crack Brushes
Crack Brushes 2
Spider Web
Clouds Brush
Waterfalls Brush
Fairy
Women

step 1:

Open a new composition of 1000X800px.Then cut the women from it’s original image using the Pen Tool(P). Now place the women on the right side as shown.

step 2:

Now import the BG texture under the ‘women’ layer and turn the texure to Black & White (Alt+Shift+Ctrl+B).

step 3:

Now import the fairy on to the canvas and place it to the left of the canvas,while placing make sure that the fairy is watching the women’s face.

step 4:

Mask the Drain outlet in the image using the Elliptical Marquee tool(M),and saperate the masked area to a new layer.
Now place the ‘drain outlet’ layer inbetween the fairy and the women.

Note: 1) Hold Shift while using Elliptical Marquee tool to get a round mask.
Note: 2) Hold Ctrl and press J(Ctrl+J) to make the selection a new layer.

step 5:

Select the Brush Tool(B) and paint out the rods of the drain as shown.Now having the Burn Tool(O) selected,choose the rust brush from the brushes pallet and add some burn to the drain outlet.

step 6:

Having the ‘women’ layer selected mask the face of the women using the Pen Tool(P) or Lasso Tool(L) and make the selection a new layer,and place it above the ‘women’ layer.

step 7:

Goto the Layer Style of ‘face mask’ layer and add Drop Shadow with Distance=6 ,Size=6 and Angle=120.

step 8:

Using the previous method make some blocks or any shape and add Drop Shadow.

step 9:

Make a new layer above the ‘women’ layer.Then select the Brush Tool (B) and select the cracks brush and add some cracks on the face,neck and hand.

step10:

Now make a new layer above the ‘bg texture’ layer and select the Brush Tool(B) and choose the cracks brush from the brushes pallet,then with black colour add cracks.

step11:

Using the Pen Tool(P) select the the skin part of the fairy to colour correct only the skin.

step12:

Now goto Image>Adjustments>Hue and Saturation and make sure the colorize box is checked in the Hue and Saturation box,then change Hue=22,Saturation=15,Lightness=+3.

Now adjust the brightness from Image>Adjustments>Brightness/Contrast Brightness=50,Contrast=17. Then add Diffuse Glow to the skin with Glow amount set to 14 and Clear Amount=20 (Filter>Distort>Diffuse Glow).

step13:

Make a new layer above all the layers and name it as ‘white clouds’,then add some white clouds using the clouds brush,the clouds should be in such a way that the fairy is emerging from them.

step14:

Now make a new layer above the ‘white clouds’ layer and add some black clouds in this layer.

step15:

With the Brush Tool selected add spider web in the corners of the canvas.

step16:

Draw some random mask with the Lasso Tool(L) on the ‘bg texture’ layer and make the selection a new layer,and name it ‘patch 1’.

step17:

Mask out the globe from it’s original image and import it on to our canvas and place it under the ‘patch 1’ layer and resize it using the Move Tool(V).

Then colour correct the globe Using the Hue & Saturation and Exposure.Playing with colours is fun,so enjoy colour correcting the globe.

step18:

Now buy using the waterfalls brush paint black on the ‘drain outlet’ layer to show that the drain is beeing used since a long time.

step19:

From here we will be concentrating on the depth of field. Using the spooky trees brush paint a tree near the fairy,assume that this tree is close to fairy.

step20:

Now add another spooky tree on the left side top corner.Let’s assume that this tree is far from the fairy,hence this tree must be out of focus,so let’s add Gaussion Blur to it.Goto Filter>Blur>Gaussion Blur and set the Radius to 0.9pixels.

step21:

Make a new layer inbetween the spooky tree 1 and 2 and add few birds with the Brush Tool(B), consider these birds to be near the fairy so that they will be in focus.

step22:

Select the rose petals brush from the brushes pallet and add some petals with red colour.

step23:

Similarly as in the above step add few more petals and transform it by using the Move Tool(V) in such a way that the petals are beeing blown by the fairy.

step24:

Having the second rose petals layer selected open the Layer Style by right clicking on the layer. In the Layer Style check the Gradiant Overlay and set the gradiant as shown.

step25:

With the Type Tool(T) selected and Font size set to 122pixels type in HOPE. Then place it at the bottom of the canvas as shown.

step26:

According to our assumption the ‘HOPE’ text should be out of focus,so add a gaussion blur of Radius of 7.6pixels.

step27:

Merge all tha layers except the text layer.Let the text layer be on top of all the layers. Having the merged layer selected mask with the Elliptical Marquee Tool(M) and set the feather radius to 40pixels.

step28:

Now goto Filter>Blur>Radial Blur and select Zoom and set the amount to 25.

Final Result

Related posts:

1. How to create Fantacy Woman in Amazing Photo Manipulation We sharing an creative tutorial, “How to create Fantasy...
2. Matte Painting Tutorial of Tajmahal Using Photoshop Introduction: Traditionally, matte paintings were made by artists using...
3. Create a Penguins Illustration Tutorial for Global Warming Cause Global Warming is one of the biggest problems of...
4. Create an Famous Blog Logo Through Photoshop Tutorial Today we’re trying to present an short way for...
5. How To Create Floral Theme Typography Using Photoshop and Illustrator Few weeks ago I stumbled on a very beautiful...

Related posts brought to you by Yet Another Related Posts Plugin.

Adobe Photoshop always ahead in this race usually the primary tool to consider, in this creative roundup you will find greatest trainings for design awesome poster designs. I hope that you enjoy reading these, and please feel free to leave a comment or share your loved poster design tutorial links.

Awesome Snowboard Poster

It’s fair enough learning some good Photoshop skills but putting them into practice to create good designs is what is important. Through this tutorial I’ll be teaching you how to create this cool looking poster design using some real simple techniques. We’ll be learning how to use different types of brushes effectively and also stock images.

Designing a Typographical Poster

In this tutorial I will take you through a few steps that will show you how I created a poster design. Also, because of the requests to write a tutorial on this design, I made some changes to it, and I decided to show you the design process behind this piece.

Creating a Retro Grunge Poster

This tutorial is an add on from the Poster article the other day, we will create a Retro/Grunge style poster using the pen tool some textures and playing with text to make it look more retro,

Create a Trendy Typographic Poster Design

Using simple shapes can produce some great looking contemporary designs that fit well as impactful posters, a good example being the recent Trendy Geometric Lines tutorial. This time we’ll look at stripping back the tools to creating an interesting and eye-catching poster with a single typographic word.

How to Make a Planet Terror Style Poster in Photoshop

Really awesome poster design where you scene vintage techniques with Photoshop tools awarness, hope you enjoy whole tutorial.

Creating an Old-Collage Effect Poster

Create incredible B-movie poster art

Prepare to shock! Terrify! Amaze! Mark Mayers demonstrates how to recreate the shlock B-movie posters of cinema’s golden age.

Poster From the Words

Would you like to make your own cool musical poster? Ok, now I will teach you how to do this.

Trendy Geometric Lines Design Tutorial

Stylish Fashion Advert

This tutorial teaches you how to take an ordinary photo and turn it into a stylish fashion advert.

Step Up 2 Poster

To show some support for this good movie, this Photoshop tutorial outlines how to design and create the cool poster that they are using. It is relatively simple, since we are going to be using ready-to-use brushes and stencils.

War Movie Poster

In this tutorial I will show you guys some simple but efficient techniques that will help you make great movie posters.

Furious Pink Panther Poster

Everyone knows the pink panther! I sure love the old cartoons and remember this old VCR tape packed with episodes I used to watch as a kid, over and over again. Well, there were lots of episodes, so it wasn’t as obsessive as it sounds…

Anyway, I thought it was time to give the old feline a modern, furious twist, and so I created this T-shirt for Design by Humans, for which I would greatly appreciate your vote!

Design A Killer Fashion Model Poster

This tutorial will show you how to make a killer Fashion Model Poster using basic Photoshop functions like Layer Styles, Vector Masks and Filters like Motion Blur. At a time when there’s more DOWNLOADING of source material than actually USING it, this tutorial will get you through the end with only three stock images—two if you have experience with Cinema 4D.

Also, instead of the monotonous step-by-step form of tutorials you find all over the net, I’m using a different approach. Basically I’ll be explaining each effect separately so that you can use this elsewhere and not restrict yourself to the final image here.

Lord Of The Rings Poster

Fragmented Golden Phone

Artistic Poster with Drawn Elements

In this tutorial, we’ll create drawn elements, use design brushes, bring them into Photoshop, and merge them into a unique poster composition that feels hand-made, stylistically unified, and personalized. The techniques here are focused on creating an original artistic illustration. Let’s see how this poster design was created.

Gigposter Design: The New Sex

A lot of people are making them. A lot of people suck. We don’t suck, and neither do you. This tutorial requires NO drawing talent… so don’t trip folks. You will however need Adobe Photoshop 7.0 or higher and Illustrator CS2 or higher. My name’s Dave, and this is my first ever solo tutorial.

I’m very unorthodox and direct… so forgive me if I lose you guys during any part of this. I’ll do what I can to answer questions for people who think my tutorial is too confusing. So we’re going to make a gig poster! Subject matter: Deftones and The Fall of Troy in Cleveland, Ohio at the House of Blues on May 30th. Why are the Deftones not first, you ask? Because I like The Fall of Troy better and this is an unofficial poster, who cares?

Poster Celebrating the Passing of Spring

Use a variety of techniques to create a poster celebrating the transition from spring into summer.

Create a Mock-Retro Poster Concept

This tutorial will teach you how to design a mock-retro poster. Learn how to manipulate photos and achieve a grungy, textured look.

Awesome Colorful Poster Tutorial

Hey guys this tuto is showing you how to use really cool colors on your images, in my case I created a poster with a good mix of typo and very strong colors. It’s a mix of simple techniques and a lot of style to bring your work to a new level, follow the tuto and have fun!

Stencil Poster Effects

Create an Awesome Grunge Poster in Photoshop

In this tutorial we will walk through the process of creating a grunge poster. We will cover techniques like creating diamond shaped patterns, knocking out white backgrounds and keeping layer transparency. This tutorial includes a text version as well as a video version. Both cover the same techniques so take what you prefer and enjoy!

Retro Boxing Poster

As it’s Graphic Design Week here on Psdtuts+, let’s take a look at some basic Graphic Design principles and cast an eye over the Boxing Poster aesthetic from yesteryear.

Creating a retrograde look is nothing new, but there are some things to keep an eye out for when mimicking Graphic Design from any decades past. We’ll be drawing inspiration from Poster Design from the 1960s, particularly Boxing Posters from that era. Let’s get started!

How to Design a Rockin 80s Party Poster

In this tutorial, I’ll show you how to design a poster for an 80’s anthem party. Throughout this tutorial, we’ll create some textures for background, manipulate a photo to give it a stylish look, and make some color variations. Let’s jump into this super rad tutorial.

How to Create an Ice-cold Poster with 3D Text

In this tutorial, you’ll learn how to combine stock images and 3D text into a cool poster. We’ll use an icy theme for it and color it the way we want. You’ll see it’s not that hard to create a simple appealing poster with effective use of text and imagery.

How to Design a Vintage Horror Movie Poster in Photoshop

In this tutorial I’ll be teaching you how to use basic tools and photo manipulation techniques to design a vintage looking horror movie poster similar to the classic Zombie film ‘Day of the Dead’ by George A. Romero.

Making a Anti-Terrorism Poster

Hi, I was thinking of writing some tutorial that deals with grunge, darkness, horror. Then I come up with an idea of making a poster against Terrorism. Well this tutorial is not a beginner tutorial. Please proceed if you have a decent knowledge of Photoshop, at least you should know how to apply vector mask. In this tutorial I am not going to explain all the steps, but give more stress on why So let\’s have a look at our asset. AK 47 – from Google image search

Create a Five-color Magazine Cover using a Spot Metallic

This is an advanced tutorial commissioned especially for Graphic Design Week. I’ll demonstrate how to integrate a spot-color metallic ink into your workflow using InDesign, Illustrator, Photoshop and Acrobat Professional. Let’s get to it!

Create an Explosive Cover with Precise Photo Manipulation Techniques

In this tutorial, we’re going to make a creative illustration in a style meant for a video game cover or sci-fi book cover. We’ll create this with mostly photo manipulation techniques. With some cool Photoshop options you can turn all the photos you chose, into one stunning looking explosive cover.

It’s amazing, how easy this can be done, all you need is just a good idea and some solid basics in Photoshop. The hardest part in doing this, is finding the right images. I chose them carefully, as the better photos chosen, the less time it will take you to create this quality illustration. Let’s get started!

3D Retro Strip Design

I was browsing around some web design templates and came upon quite an interesting concept, which gave me the idea for this graphic design Photoshop tutorial. Basically, it’s quite a simple technique to use with a pen tool, but it does create some really sweet results. Get ready in this web design tutorial to create a 3D Retro Strip in a series of simple steps.

Create an Awesome Music Poster

This tutorial uses a variety of techniques to create a funky music poster!

Retro Sunflower Design

Make a Turn of the Century Vaudeville Poster

In this tutorial, we’ll learn how create a turn-of-the-century Vaudeville poster. This uniquely appealing style of advertisement was popular in the late 1800s and early 1900s. You sir! You madam! Step right up and prepare to be amazed as we transport an image of two friends back in time to create a poster advertisement without compare!

Design a High Impact Gig Poster Suitable for Screen Printing

Screen-prints are a great way to exhibit artworks or advertise a gig. Creating a high impact poster suitable for the screen-printing process can be achieved relatively easily. In this instance, we’re going for a stylized and coarse effect, rather than a photo-realistic halftone interpretation of a design. So let’s create a 3-color design that looks great on screen, printed from your home printer, or screen-printed using the silk-screen printing method.

Related posts:

1. 25+ Astounding Typography Tutorials Today evening we’re With amazing listing of Typography Tutorials...
2. 40+ Gorgeous and Artistic Typography Tutorials Using Photoshop Typography is an example or designed text wave technique...
3. 10 Professional Brochure Design Tutorials In this graphics world we roundup an group of...
4. 35 Most Visited Photoshop Tutorials of the Year 2009 Today in the greeting of good bye 2009, we...
5. 55+ Exceptional Logo Design Tutorials I’m working as UI Expert (Web Designer) mostly logo...

Related posts brought to you by Yet Another Related Posts Plugin.

1. Let’s create a new file follow as: File –> New –> of 1280×960px/72 dpi.

2. Using the Paint Bucket Tool (Keyboard Key: G), give the new background layer black color.

3. On a new layer (Create new layer: CTRL + N) we’ll apply a standard brush (brush properties displaying in image below).

4. Brush represent a spot on the central part of the picture. The brush’s color is #fcff00

5. Select the next option for the layer containing the spot:  Fitler –> Distort –> ZigZag  (ZigZag Properties).

6. here is 5. step result after apply ZigZag

7. Now we just decrease fill parameters (100% to 30%):

8. Next we’re going to choose the Rectangle Tool (Keyword key: U) to draw three white rectangle lines which must be turned over (as you seen in image below) with Free Transform option.

9. Those three layers with the white lines must be combined in a group (select all three white rectangle layers and Press: CTRL + G), after that make rasterize this group and apply an filter as follow: Filer –> Distort –> Wave

10. after apple “Wave” you will get expected result as below image:

11. On the same layer (wave effect layer) we need to apply also Filter –>Blur –>Gaussian blur and expected result as image below:

12. Let’s move on next new layer we’ll apply again the standard brush of white color and Opacity of 45%

13. now shown result below of step 12.

14. One the same layer we are applying: Blending mode-Overlay (Opasity: 50% as shown image below)

15. in this step we just duplicate effected layer, 3 time duplicate and transform which must be turned over as you seen image below:

16. Write the text “SMASHINGBUZZ” as follow text properties:

17. showing canvas where you seen text as we instrected in step 16.

18. Now on text layer’s parameters: Fill 0% Blending Options –>Drop Shadow

19. Now on text layer’s parameters:  Blending Options –> Inner Shadow

20. Now on text layer’s parameters:  Blending Options –>Inner Glow

21. after these 2 options we may look at result as image below:

22. Now on text layer’s parameters:  Blending Options –>Bevel and Emboss

23. Now on text layer’s parameters:  Blending Options –>Bevel and Emboss –> Contour

24. Now on text layer’s parameters:  Blending Options –>Satin

25. Now on text layer’s parameters:  Blending Options –>Gradient Overlay

26. Now on text layer’s parameters:  Blending Options –>Gradient Overlay (now in this step we just setup rainbow colors as we need result)

1. #1c0424
2. #d45aaf
3. #ff1d00
4. #fff600
5. #a2ff00
6. #00baff
7. #081734

27. Now on text layer’s parameters:  Blending Options –>Stroke

28. Create a new layer and apply again the standard brush of white color (Opacity of 50%) to represent many dots.

29. The layer’s parameters: Blending mode –> Overlay as we get result in image below:

30. now make a copy of the last made layer (doted layer)

31. Make one more copies of the last created layer and choose again Free Transform option to turn around its axe the copy’s layer.

32. Make a copy of the last made layer, selecting here Filter –> Blur –> Radial blur , we showing settings below:

33. after radicle blue we showing expected result in image below:

34. Final Result

Download Source File

Related posts:

1. Create an Famous Blog Logo Through Photoshop Tutorial Today we’re trying to present an short way for...
2. 50+ Striking Adobe Photoshop Text Effects Tutorials We offering another big deal with 50+ Striking Adobe...
3. Web Design Blog Layout with 3D Details Using Photoshop In this tutorial, we will create a blog layout...
4. Creative Brochure Design Tutorial in Adobe Photoshop Today with respect of users need just design an...
5. Corporate Business Website Design Tutorial (Free PSD file) In this Corporate Business Website Design Tutorial you will...

Related posts brought to you by Yet Another Related Posts Plugin.

1. Create a new document of 1024×850 pixels.

2. Fill the background with color #1f1f1f

3. Next use your Rulers to make a selection area for place company logo and rest area for top navigation buttons.

4. Now choose “Rounded Rectangle Tool” with radius “5px” and draw as you need there top navigation buttons with two colors as you seen below screen.

5. I searched wallpapers-room.com(Download) and found a nice and simple photo to use for the purpose of header, you should use same size rectangle with white background for top and bottom border of this header image as you seen below image.

Download banner Image

6. now we’re going to make an heading on our header image which can be done as follow mentioned steps below on image.

7. in this step we’re going to more creative and professional our design when we just put there heading “Mixing your ideas with our creativity” with follow some specific steps, using “Photoshop free styles DOWNLOAD” and apply whereever you want for make more beautiful your header and also using “HelveticaInseratCyr Upright DOWNLOAD” font for heading font style.

Photoshop Style Download

HelveticaInseratCyr Upright DOWNLOAD

7.1. Ultimate Web 2.0 Layer Styles

I used these blending options onto the fonts layer

8.  we step forward for content area where we designing an latest concept and devide into 3 columns as follow design requirments, in this first colum “Web Design” with an illustrative icon download from iconfinder.net, in these 3 columns we follow some Photoshop techniques like blending options as you seen in below images.

Web Design Icon Download

Web Design Area with Icon

Web Design Icon Download

Print Media Area

Print Media Icon Download

Multimedia Area

Multimedia Icon Download

9. The content area and footer is attractive and illustrative for this business website layout, where 3 sections displayed as “Web Design” “Print Media” and “Multimedia”.

10. now we’re on final step where we designing our Business Website footer as follow some latest trends, in this step we draw light yellow background #fffac0 also place there company logo as you seen below image.

11. as all professionals know fotter requirments which we placed there according to our design needs.

Final Result Business Website Design Tutorial

When your finished you should have something like this.

Remember if you have any questions or comments about this tutorial to leave your responses in the comments below and we will get back to you very quickly and this will be really appreciated.

Download PSD Source File

Related posts:

1. Web 2.0 Portfolio Website Tutorial with PSD Source Talk-mania showing a great tutorial about Web 2.0 Portfolio...
2. Complete Grunge Web Layout Tutorial in Photoshop Today with my 6 hours effort for you peoples...
3. Creative Brochure Design Tutorial in Adobe Photoshop Today with respect of users need just design an...
4. 10 Professional Brochure Design Tutorials In this graphics world we roundup an group of...
5. 35+ Startling Free Adobe Photoshop Brushes All Photoshop Users can download free brushes and make...

Related posts brought to you by Yet Another Related Posts Plugin.

Step #1 Create New File

We’re start now, in this step create new file (Ctlr + N or File – New) that is 1400 wide and 1150 height.

Step #2 Download a grunge Backgound images

we just choose an free grunge background image for our website design
Grunge Backgrounds – Paper 4 by zerocustom1989

Step #3 Set Ruler Design Area

in this below screen shot you may get idea about design area where we put all contents, you may get idea from Photoshop info penel of right column in this below picture

Step #4 Designe Header Links Area

in below screen get futher idea to make top header link background using Photoshop custom shape tool.

Step #4 Designe Header Background

top area where we create background for add our required top links as you seen in below picture.

Step #5 Header with Top Menu

after create top background under top menus using font-face Myriad Pro, write there links as you seen in underneath picture, there we using an custome shape (rounded ractangle) with Background Color #cae10e and active link color is #010101 of active top Tab.

Step #5 Header (Company Name/Personal Name)

My header will contain only personal name, where you can write your company name too with same grunge font which also available here Download Link (Dead Secretary by Dirt2.com – Andrew2) now further with the logo, you seen our logo where font-size is 50pt, this should be aligned use guide.

Dead Secretary by Dirt2.com – Andrew2

Step #5 Header Social Bookmarking Area

We will add some famous social bookmarking website icons (twitter, Digg, facebook and stumbleupon), we’re getting these transparent icons from http://webtreats.mysitemyway.com, you can Download Free Glossy Orange Orb Social Networking Icons (3.8 MiB)

Step #6 Draw Guides for Body contents

In this below picture we draw guides as reference for decide our contents in 3 columns where we put Services, about and Experience description text which is design requirement.

Step #7 Body contents Title Background

this is very creative tip for you when we going to draw an background using brush”Charcoal Large Smear” 63 Master Diamiter, just draw wherever you want to make your titles.

Step #8 Body contents Title Area

Leave an titles with some description text box with the size of 340px wide and height according to text data which you seen there in single title example, with font color #000000.

Step #9 Body contents Title Area

Then duplicate the same content titles with description text the middle and right columns.
in portfolio category i am using sample portfolio screen shots from Templatemonster just as sample and not selling here.

Step #9 Body contents (Blog Detail Area)

in this step create an black background with the size of 1024px wide there we will be adding 6 blog designs (some of these are my friend blog websites) that showcase work from my blog websites, you find your own images that you want tp showcase and crop, resize, make white border the images will be 313px wide and 174px height.

Step #9 Footer Area

Another very importent area of any professional website where we put our links and copyright information.
there we create an rounded rectangle for write bottom links.

Step #10 Final Website Design Look

Here is finaly a professional look at what we have designed for you.

hope you’d like so you can Download PSD File use can your personal and commercial use, but please leave your comments below too about this tutorial effort.

Related posts:

1. Web Design Blog Layout with 3D Details Using Photoshop In this tutorial, we will create a blog layout...
2. Corporate Business Website Design Tutorial (Free PSD file) In this Corporate Business Website Design Tutorial you will...
3. 40 Best Ever Photoshop Tutorials of Web Layout Designs Adobe Photoshop ever famous Designing tool and most useful...
4. Creative Brochure Design Tutorial in Adobe Photoshop Today with respect of users need just design an...
5. How To Create Floral Theme Typography Using Photoshop and Illustrator Few weeks ago I stumbled on a very beautiful...

Related posts brought to you by Yet Another Related Posts Plugin.