free web directory

Friday, March 9, 2012

Making a Superhero Movie Teaser Poster


Making a Superhero Movie Teaser Poster
In this tutorial I will give you an example of how to create a movie teaser poster. It will show you how to draw a mask for your character using the pen tool , blend modes and textures.
Also, I will be talking about usage of color for your environment, how to make your images sharper and I will give some tips on how to add more detail to your work.

Preview

Share your tutorial results on our facebook page! The work with the most likes will win a Premium WeGraphics Account. If you are already a member, you will win $14 in cash (2 months of premium membership).

Step 1

Start out with a dark canvas #080808 of 1600×2300 pixels (300dpi). I like to work on a high resolution so you keep your images sharper, more flexible and optimal for printing purposes if needed.

Step 2

To make the background a little more interesting and give it some “body” I used this free stained paper texture. Desaturate the texture, set your blending mode to hard light and pull the opacity down to 30%.

Step 3

Add the Nebula image in a new layer on top of the texture, flip it and use Hue Saturation (192, 26, 0). It should give a blue color as shown. Now use your mask tool to blend the image in the background. Only left, right and bottom should be masked (see image).

Step 4

Next up is adding the horizon image. Just like the steps before, desaturate the image and use soft light on your blending mode. I duplicated the image to make it show a little more detail. Use your gradient tool to mask the image from the top. We only need to see the mountain / rocks and a small piece of the sky.

Step 5

Pentool out the woman stock and place it on the nebula. Use a soft brush with 30% opacity to make the marked parts softer and blend them a little more into the background. The lower part of the woman has to be removed. I also used the smudge tool 30% strength) to retouch the face and arm.

Step 6

Use your pentool to draw the shape on the cheek of the woman. Colors used and layer styles are shown in the image. The only thing left to do is give the shape a soft light blending mode and a drop shadow on the top with an opacity of 25%. To make the shape blend more you can make a mask and use a soft brush on the left side of the shape.

Step 7

Let’s add some more detail. In a new layer use a soft white brush (20%) to make the space marked in the red circle a little lighter. This gives more depth and makes the shape more shiny. Also add a brush stroke with your pentool to the top of the shape.
Use the scratched metallic texture pack to add some scratches to the shape. Place the texture in the canvas, desaturate it and clip it on the shape as shown in the image. Set the opacity between 20-40%.

Step 8

Now we added the metallic scratch texture we are going to add extra detail to the shape. Make a selection of the computer chips stock and place it on the shape (opacity 85%, blending mode: soft light). Use your mask tool to mask it in the shape. I usually use a soft brush around the hard edges to blend it in. Finally, I also added two layers where I drew blue strokes and sparkles to give it more depth. To make the stroke on the top of the shape even more shiny you can add a white radial gradient.

Step 9

Make new layers and draw two shapes with your pentool as shown in the image. As we did before again use a soft white brush to highlight some parts of the shape. Only the top shape needs a drop shadow on the bottom. You can make a mask on your shape and brush out the hard edges of your pentooled shape. The next texture based steps are the same as used on the blue shape.

Step 10

If you followed the steps of texture usage and detail placement again, you we have a similar result as shown in the picture. To make the character more “superhero like” I added a glow to her eyes. Just use a radial gradient on top of the eyes (color: #10bdee) and set your opacity to 50% and layer style to screen.

Step 11

Create a folder called color adjustments and place it on the top of all your layers. That way it will effect all the layers below it.
Color fill:
color: #020317, set layer style to screen
Selective color:
Reds: +37, -10, -33. +30
Yellow: +25, 0, -15, 0
Neutrals: +5, 0, +2, +2
Blacks: +20, 0, 0, 0
Brightness / contrast:
Brightness: 11
Contrast: 7
Finally add a level layer. This really depends on how dark or light you want the image to be.

Step 12

Select the layer of the woman. Use your marque or lasso tool to make a selection of the part you want to make a cut from. Copy the selection and paste it in the exact same place. Use inner shadow and you get results as shown in the picture. For the arm part I did it a little different. I made a selection and filled it with color: #705e53. Then gave it an inner shadow.

Step 13

For the arm part you can use the steps I explained for the head shapes. Only thing added here is the placement of an electric symbol. Draw this with your pentool and fill it with color: #FFFFC1. You can make it fall in the shape with a subtle inner shadow.

Step 14

The rest of this tutorial is really up to your imagination. For this piece, I added helicoptersand used dazzling lightings vector set for example. Just let your creativity run free and add anything you like to the piece until you are satisfied with your result.

Step 15

To finish it up add the the text. I used lightning beams covering the text. To do this, just copy a beam on the canvas, put it on top of the text and set blending mode to overlay. I used a soft brush to mask bits of the text. The font I used it called “The Sans”.
To finalize the image and make it more crisp I used smart sharpen (filter -> sharpen). Set it to about 30%. Don’t overdue it.

Finished



Friday, March 9, 2012 by Unknown · 0

Quick Tip: Create a Realistic Broken Glass Effect in Photoshop

In this brief tutorial I will explain how to apply a realistic broken glass effect to a background image using Photoshop brushes. After publishing our last PS brush set I received a couple of tutorial requests via email about how to create the preview image. Let’s discover it together!



realistic broken glass effect
Step 1
The process behind this tutorial is very easy and quick. All we need is a background image and one of our shattered glass brushes. You can download the free sample if you’re not a member.
For a background image, I downloaded this beautiful panoramic shot and opened it in Photoshop.
realistic broken glass effect
Step 2
Reduce the saturation by going to Image>Adjustments>Vibrance. Enter a saturation value around -70 and +15 for vibrance.
realistic broken glass effect
Step 3
Just to add a nice detail to the scene, let’s write something with a sans serif font. I usedPirulen, which is a clean and crisp free font.
Font color is #56767d.
realistic broken glass effect
Step 4
In order to merge the text with the background, grab the eraser tool, select a grunge brushand eliminate some parts of the text. You need to rasterize the text first (right-click on the text layer thumbnail>Rasterize type). Use the eraser tool especially on the bottom area of the text, along the horizon.
realistic broken glass effect
Layer opacity is too high in my opinion. Reduce it to 40%. This is my result:
realistic broken glass effect
Step 5
At this point we can add the never-boring lens flare! Create a new layer and fill it with black. Then go to filter>Render>Lens flare.
realistic broken glass effect
Set the layer blending mode to screen to eliminate the black areas. Done!
realistic broken glass effect
Step 6
We can now create the broken glass effect. Download our shattered glass brushes, select a brush and click once on a new layer. Foreground color is black.
Note that you could obtain the same effect with a broken glass image, however using a Photoshop brush is easiest.
realistic broken glass effect
Step 7
To make the effect realistic, we need to blur the background area which is covered by the glass. From the layers window select all the layers except the one with the brush, and click alt+ctrl+E (option+cmd+E for Mac) to merge them into a new layer. Then apply the blur filter (Filter>Blur>Gaussian blur) with a radius around 3px.
realistic broken glass effect
Step 8
With the blurred layer still active, add a layer mask by pressing the apposite button at the bottom of the layers window.
realistic broken glass effect
Now you can use a black round brush to eliminate some areas from the blurred background. Basically with the layer masks you can use black brushes to eliminate areas, and white brushes to replace them, without ever losing pixels.
realistic broken glass effect
Step 9
After all the “broken area” has been deleted, the crisp original background will be visible and you’ll get a realistic broken glass effect:
realistic broken glass effect
Step 10
To finalize the work, just play with a couple of adjustment layers. Start by radically modifying the color combination with a gradient map layer (Layer>New adjustment layer>Gradient map). Select the default gradient going from purple (#6f156c) to green (#00601b) to orange (fd7c00). Set the layer blend mode to screen, with opacity around 70%.
realistic broken glass effect
Step 11
To make the style even more vintage, let’s play a bit with a color balance layer (Layer>New Adjustment Layer>Color Balance). I just modified the midtones until I was satisfied:
realistic broken glass effect
Finito!
Here is my final result! I hope you’ve enjoyed this tutorial.
realistic broken glass effect

by Unknown · 0

Full width widgetized zone

All Rights Reserved . | Blogger Template by Bloggermint