Category : Photoshop Tutorials

in Features, Photoshop Tutorials, Tutorials

Create a Vintage Horror Movie Poster for Halloween

Last week I did a post for GraphicRiver call “The Scariest Movie Posters of All Time.” They were really just a showcase of cheesy old horror movie posters. Because I am such a fan of that style, I thought I would show you how to create poster with a similar style. Its really easy to do and produces an awesome finished product. I was inspired by one of the posters I saw on the list. Can you guess which one?

Step 1

Create a new document with the following settings: 8×10 and 72dpi and add your background color to white.

Step 2

Create a red box (#d72323) with a yellow stroke that is 7px wide.

Step 3

Find a nice picture with a lot of action to use for your background silhouette. I used this picture of a witch from ShutterStock.

Cut out the background as you see fit and add to the inside of your red box.

Step 4

Adjust the brightness and contrast to the witch layer. Use the following settings:

Step 5

Add a black color overlay to the image as well.

Step 6

Use a Gaussian Blur and add a slight blur to your image.

Step 7

Find a nice picture with a lot of action to use for your background silhouette. I used this picture of a surprised bride from ShutterStock.

Step 8

Resize your image to fit the design. You will also want to cut out the background as you see fit.

Step 9

Once you have the picture resized, tilt the image just a little bit and get rid of any portion of the image that isn’t inside the red box.

Step 10

Destaurate the the image so that you have a nice back and white version of the photo.

Step 11

Adjust the brightness and contrast to the following settings:

Step 12

A a yellow color overlay that matches the border color of your red box.

Step 13

Create a black box and rotate it slightly. This is where our movie title will go.

Step 14

Add your movie title into the black box. You will need to rotate it slightly to fit the same angle of your box from the previous step. I used a premium font called Calgary Script.

You will also wan to create some additional content for your movie poster.

Step 15

To finish of the poster and give it that vintage touch, we are going to add an image of some old, folded paper. I used this image of folded paper from ShutterStock.

Add the image as your top layer. Set the layer blend mode to multiply.

The reduce the fill of the paper layer to about 50%

October 5, 2009
by Danny Outlaw
0
32

in Features, Photoshop Tutorials, Tutorials

Make a Sleek Car Ad in 7 Simple Steps

Step 1

Create a new document with the following settings: 8×10 and 72dpi and add your background artwork as needed. I decided to use Starry Night.

Step 2

Add your car image and remove any background portion of the photo as needed. I used this stock photo from Shutterstock.

Step 3

Select your artwork layer and copy the layer. Then select the ground portion of your car image layer.

Step 4

Go to Edit> Paste Into and paste your artwork layer into the ground portion of your car image.

Step 5

You will have to rotate and flip the layer you made in step 4 to create a mirror image of your artwork layer.

Once you have done that, add a gradient fill to the layer.

Step 6

Create a simple black box near the bottom of the page.

Step 7

Add the finishing touches such as text and car companies logo. I used this logo.

Final

August 12, 2009
by Danny Outlaw
0
18

in Photoshop Tutorials, Tutorials

Create a NFL Style Advertisement in Photoshop

This tutorial shows how you can use extreme shadows and highlights to create a trendy and powerful NFL magazine advertisement. This tutorial is interesting, as it really walks you through the process from start to finish, and the changes that happen along the way. It shows that design aren’t perfect from conception.

Step 1

Find a cool close up picture of a sports player. I used this stock photo from Shutterstock, but there are plenty of free images just like it elsewhere.

Step 2

On your main image, go to Layer > Smart Objects > Convert to Smart Object

Next, go to Image > Adjustments > Shadows and Highlights. Follow the setting below:

Step 3

Next, create a new Levels Adjustment Layer. Change the setting to the following:

Step 4

Now we need to stamp a copy of this layer. Hold down command, ALT, Shift, and then press E.

Next, desaturate the layer by going to Image > Adjustments > Desaturate

Then invert the image

Step 5

Set the blend mode of that layer to Overlay

Step 6

With the inverted layer selected, ad a Gaussian Blur with the following settings:

Step 7

Click on the Levels Adjustment panel and change it to the following settings:

Step 8

To create a more sharper image, add a Unsharp Mask filter. Use the following settings:

Step 9

Create a new layer with the following settings:

Step 10

Get a Brush Tool with a small size and set the Opacity to 10%

Paint over any major creases and facial details to help darken them more.

Step 11

Get a Brush Tool with a small size and set the Opacity to 10% and set the foreground color to white.

Paint over any bright spots to help them stand out, like the eyes or teeth.

Step 12

Select the background of your image.

Step 13

Delete the background of your image and add some sort of storm cloud image to the background.

Set the layer Blend Mode to Overlay.

Step 14

Adjust the Curves of this layer a little to make them a little more stormy looking.

Step 15

Add some Noise using the filter with the following settings:

Step 16

Start adding some text to your poster. I used:

And slight reduced the opacity of the text.

Step 17

Add some finishing touches like the NFL logo and some filler text.

Step 18

I wasn’t liking how the color of the clouds looked with the rest of the image. So I adjusted the Hue/Saturation.

Image > Adjustments > Hue/Saturation to the following settings:

Step 18

Be sure to proof read your designs! I noticed some typos in my design and changed them.

July 29, 2009
by Danny Outlaw
0
32

in Features, Photoshop Tutorials, Tutorials

Create a Kill Bill Style Movie Poster in Photoshop

As you might have noticed from the other photoshop tutorials on this site, I am a bit of a movie buff and enjoy recreating movie posters. In today’s tutorial I am going to show you how to make a cool Kill bill style movie poster complete with bloods, swords, and girls.

Step 1

Create a new document with the following settings: 10×8 and 72dpi.

Step 2

Find a cool close up picture of a female ninja or something of the like. I used this stock photo from Shutterstock, but there are plenty of free images just like it on Deviant Art.

Step 3

The one color that is associated with Kill Bill posters in yellow. Create a yellow Fill Layer under the image of your main subject.

Step 4

Delete any white space in your image so that the yellow background will show through.

Step 5

Now we want to Desaturate the main image. This is under Image > Adjustments > Desaturate

Step 6

To give the main image a little more punch, we are going adjust the levels to the following settings:

Image > Adjustments > Levels

Step 7

Now we are going to prepare the sword for the blood. Select the blade portion of the sword. Then create a new layer above your main image.

Step 8

For adding the blood you can easily just use some blood or paint Photoshop brushes, but I wanted to use this image from Shutterstock.

If you use a stock image, use the Paste Into Layer function on the layer we created in the last step.

Step 9

To make the blood look more realistic set the layer blending options to Multiply

Step 10

I still felt the main image was lacking as far as movie poster style goes. So I decided to spice it up a bit more by up the contrast:

And adding some noise with the Noise filter:

Step 11

Now Im going to add the main movie title text. I used the following settings:

Step 12

I wanted to make the movie release date look as though it was written in the blood on the sword. So I wrote the date with the following setting and rotated it slightly.

Step 13

Rasterize the the type on the date layer by Control Click on the layer and selecting Rasterize Layer. Next you will Command click on the layer to mask it

Step 14

Withe the text layer still masked, click on the blood layer we created earlier and then hit delete. This should cut out the lettering in the blood layer. You will need to go back and hide/delete the original text layer.

July 20, 2009
by Danny Outlaw
0
34

in Photoshop Tutorials, Tutorials

Make a Russian Propaganda Poster in Photoshop

Last week I did a tutorial on how to create a WWII propaganda poster in Photoshop. This week I thought I would do a similar tutorial, but on the flip side. This weeks tutorial is fairly similar to last weeks, but rather than create a patriotic poster, we are going to create a communist style propaganda poster. This one is a little bit easier than last weeks and should be a fun little project for those who wish to try it out.

Step 1

Create a new document with the following settings: 8×10 and 72dpi.

Step 2

Find a nice wrinkled paper background to use as the surface for your poster. I used this stock photo from Shutterstock, but there are plenty of free images just like it.

The image was a bit to orange, so I adjusted the images hue and saturation to lighten it up a bit.

Step 4

Find a picture of a soldier that you want to add to your poster. Cut away any background from the picture and paste the image on top of your paper layer.

I am using this image from Shutterstock.

Step 5

Next you will need to desaturate the image. To do this, go to Image > Adjustments > Desaturate

Step 6

To give this photo more of a vintage poster look, we are going to apply a Poster Edges Filter to it.

Step 7

Create a red box behind the layer your soldier is on. To help it blend with the paper better, set the layers blending options to Multiply

Step 8

Now we can start adding some text. It seems like most of the poster of this style have a line of giant text running the length of the poster. Think of something clever for your poster.

I used the Soviet font from dafont.com

Step 9

With the text layer you just created selected, change the Blending Options to Color Dodge.

Step 10

Add some more text to your poster.

Step 11

I added a 3px white stroke around the text that lays on top of the red banner to help make it stand out.

Step 12

Using the rectangle tool, I created some stripes to add a little character to the poster.

Step 13

The poster looked like it needed a touch more color, so I drew a white rectangle above and below the the red stripe.

Step 14

To give the poster that grainy shadow look that so many of these types of posters have I added a Inner Shadow to the white rectangles we just created.

Open the Layer FX box and set the Inner Shadow to the following settings:

Final Image

July 15, 2009
by Danny Outlaw
0
25

in Photoshop Tutorials, Tutorials

How to Create a WWII Propaganda Poster in Photoshop

This past weekend was the Independence Day holiday weekend here in the States. As such, I felt it was my patriotic chore to create a a Photoshop tutorial to show my pride. So, here it is, a World War II Propaganda Poster. I hope you enjoy it, as I had a lot of fun making it. I even listen to the star spangled banner on repeat while I made it.

Ok…I lied about that last part…

Step 1

I added this background image from Shutterstock. But, any image of polished concrete should work pretty well.

Step 2

Find an image of a head shot of a soldier. I used this image from Shutterstock. Get rid of any background that your picture may have.

After you have added your image, you will want to desaturate it. You can do this by going to Image > Adjustments > Desaturate

Step 3

In the Filter Gallery, you will want to apply the Sumi-e filter with the following settings:

You image should look something like this:

Step 4

To make the image blend more naturally with our background, use the layer Blending Options and set it to Multiply

Step 5

Because this is a patriotic poster, it is only natural that it should consist of patriotic colors. To do this, you will use the Layer Options and Color Overlay. Use the setting below:

After you add the color overlay, you will want to reduce the over all fill of they to about 62%

Step 6

Now we will add in our patriotic American who is pumped to be buying war bonds. I used this image from Shutterstock. If you deside to use another image, be sure to cut out and background colors or texture.

Step 7

To give this image the look of the older printer posters, we will apply the Cutout Filter to this image. Open the Filter Gallery and use the following setting with the Cutout Filter:

the result should look something like this:

Step 8

We now need to change Blending Options of this layer as well. Change them to Multiply.

Step 9

Keeping this poster patriotic, will will change the color of this image by adding a color overlay with the following setting:

Step 10

Obviously with all these blending options, our layers are overlapping and not looking so good. You need to get rid of the soldier portrait layer that falls behind our patriotic American. You can use the Erase tool.

Or you can Auto Mask the layer of the man by command clicking on his layer. Next, click on the layer of the soldier portrait and just hit delete. This should make a perfect erase.

Step 11

The layer of the soldier portrait was looking a little bold to me. So I reduced his transparency some. But this step is a bit irrelevant, because I adjust the colors in the next few steps. I simply added this step because I wanted to show you how the image evolved as I made it.

Step 12

A war poster wouldn’t be complete without stars and stripes. While they are easy enough to create in Photoshop. I just ended up buying this image from Shutterstock to save time.

After you add the layer to your document, you will need to use the Blending Options again to set the layer to Multiply. Adjust the Fill to 56%.

You will then need to erase the portion of the layer that overlaps our other main layers. Feel free to use the method from step 10.

Step 13

Now the image is really starting to take shape. But, I dont like how the colors look at this point. So I decide to play with the colors of our two main subjects. First, I adjust the Color Overlay from step 5 again. I changed them to the following:

I also decided to get rid of the color overlay on our patriotic American all together.

Step 14

To give the poster that grainy look of the old war posters, I create a new Fill Layer on top of all my other layers. I use the color #72acb9, set the fill to 20%, and the blend mode to Multiply.

I then use the Layer FX to create a inner glow with the following settings:

Step 15

Under the layer from the previous step, I create a basic rectangle and add some text.

July 6, 2009
by Danny Outlaw
0
12

19174 Subscribers. Subscribe Today!

Featured Posts
- Recycled Circuit Board Clip Board
  I dont know who still uses clipboards these days, but…
- swissted
  swissted is an ongoing project by graphic designer mike joyce…
- Life in Greenville
  I love, love, love this website. I already wanted to…
- Bearded Man Film Co.
  Really clever logo with great presentation.

Twitter: @dannyoutlaw

230 Professional Textures & Video Elements for only $29! - NOW ON: 230 Professional Textures & Video Elements for on... http://t.co/n7vrBmgm about 7 hours ago from HootSuite
Type faster with TextExpander for Mac - only $17! - NOW ON: Type faster with TextExpander for Mac - only $17!Expires... http://t.co/hXqNpJmW 12:50:36 PM February 07, 2012 from HootSuite
SetSeed: A Super-Slick Self Hosted CMS - only $39! - NOW ON: SetSeed: A Super-Slick Self Hosted CMS - only $39!Expir... http://t.co/jn9kbINT 12:54:03 PM February 04, 2012 from HootSuite
RT @AppSumo: Who wants a free MacBook Air this time around? http://t.co/4hFKxnKv Mac lovers, please RT :) 07:09:49 PM February 03, 2012 from TweetDeck
@rachelfinder Cool. Send a DM to @pictalo with your email and I'll email you the details. 06:41:06 PM February 03, 2012 from TweetDeck in reply to rachelfinder