Movie magic movie poster tutorial

A tutorial in movie poster design by Art Director and founder of Pureworks, Victoria Jordan.

Lately, I’ve been inspired by a few of the big summer movies like the Dark Knight Rises and The Bourne Legacy which I was lucky enough to screen last week (definitely go see it…lots of great action!) As an homage to summer blockbusters, I looked for a subject among the cool images that Bigstock has to offer. I found this one, which I love, that made me think of the new Total Recall remake. With that inspiration in mind, I'm going to design a poster inspired by Total Recall, in celebration of the summer blockbuster. Keep in mind this is just an inspirational ad. Make sure to check copyright laws when working on your own designs.

Movie magic movie tutorial: bigstock-Synapse-6391584

Movie magic movie tutorial: bigstock-Synapse-6391584

So, looking at this image, I think what I’ll do is put a silhouette of a man with a gun into the middle part of this synapse and then bring the title in at the bottom. For the silo of the man, I’ll go back to Bigstock's collection…

The first thing I’m going to do is to delete the white background from behind our guy. I’ll go to Select > Color Range and use the eye dropper in the white area of the image. This will select all the white areas.

Movie magic movie poster color range
Movie magic movie poster color range

That worked pretty well, but some of the lighter parts of the image (like his forehead, neck and hand) were selected as well and I don’t want to lose those when I delete the white background so I’ll hold down option and use the Lasso tool to subtract those parts from the selection.

Movie magic movie poster color range

Now I’m going to select the inverse of this selection (Select > Inverse) so that I have our guy selected rather than the white background. I’ll copy, and then paste into our synapse image, which I’ve already rotated 90° clockwise (Image > Image Rotation > 90° CW) so that it’s more vertical, like a movie poster.

Movie magic movie poster scale and rotate

Now, I’m going to scale and rotate our guy to fit into the center of the synapse.

Movie magic movie poster scale and rotate

Next, I’m going to use the Pen tool to create a path to block out the offshoots of the synapse that exist beneath our silo'd guy.

Movie magic movie poster create a path
Movie magic movie poster fill foreground color

I’ll create a new layer and fill the selection with the same black that makes up the background of the synapse image. [Edit > Fill > Foreground color (use the eyedropper that comes up when this dialog box is on the screen to select the background color of the synapse image.)]

Movie magic movie poster fill

Now I’m going to put in the title. I’d like to use some of the texture that the synapse has in the title so I’ll duplicate the background layer. I’ll do this by dragging the background layer down to the Create A New Layer button in the Layers palette.

Movie magic movie poster delete background layer

OK, I’ve set my type, and I’m going to bring the synapse texture in on the “Recall” part of the title since it’s a heavier weight and will still be readable with a texture in it.

Movie magic movie poster color range

Using the Select > Color Range we used before, I’m going to go back to our duplicate background layer, make the other layers invisible, and select the black in the synapse image. Then I’ll feather it by 1 px (Select > Modify > Feather) so that the edges aren’t so harsh and I’ll hit delete.

Movie magic movie poster select color range

Now I’ll duplicate our title layer and turn on the original background layer so we can see the texture of our duplicated synapse as we work. I’ll also duplicate the text layer the same way we duplicated the background layer. Next, I’ll Rasterize the type on this layer (Layer > Rasterize > Type). This will make it into an image and un-editable as text, but it will also make it easier to play with texture.

Movie magic movie poster rasterize type

I’ll drag the duplicate background above our rasterized type and position it where I want it.

Now, I’m going to select the “Recall” letters.

Movie magic movie poster select recall letters

Now I’ll go to our first duplicate background layer and Select > Inverse and delete.

Movie magic movie poster duplicate background layer and select> inverse

I want to make sure that you can see the texture in the letters so I’ll select inverse again and go back to my rasterized text layer and hit delete. Now that it’s allowing some of the black to show through from the background there’s a more vivid representation of the texture.

Movie magic movie poster crop

Next, I’ll crop a bit of the right side of this off so that my image and title are centered properly.

We could stop here and have a very simple, clean movie poster, or we could add a simple 3D effect. To do the effect, the first thing I do is open a new document In Illustrator and type set the title the same way I did in Photoshop. Then I make a shape out of the type by going to the Type menu and selecting Create Outlines.

Movie magic movie poster add 3d effect
Movie magic movie poster add 3d effect

The next thing I’ll do, is to copy the title and drag the duplicate above the first title. (Hold down Option + Shift and click on the first title and drag to where you want the duplicate to be.)

Next, I’m going to scale the duplicate title down so that we can create a growth effect. I want the title to look like it’s emerging from the background of our synapse image. (When you have the duplicate title selected, a bounding box will automatically appear. Hold down Command + Option + Shift and drag from one of these corners to scale down, in perspective and centered.)

Movie magic movie poster add 3d effect

Since the background of the synapse is black I’ll send the smaller title to the back (Object > Arrange > Send to Back) and make it black. Since our title is basically white, I’ll make the large title white. Now, I’m going to use the Blend tool to create our growth effect. I’ll select both titles, double click on the Blend tool which will bring up a dialog box in which I’ll select “Specified Steps” (this will allow me to control the smoothness of the growth from small title to big title)…

Movie magic movie poster blend options

Then I’ll click first on a point in the small title, then I’ll click on the SAME point on the large title (ie. the top right point that makes up the “L” in “Total”). And we’ve made our fab effect!

Movie magic movie poster add 3d effect

Now, I’m going to select all (Command + A) and copy and paste it into our Photoshop document as a Smart Object.

Movie magic movie poster add smart object

Next, I’ll make sure it’s behind our type layers and move it down to where it lines up with the title, and take the opacity of the layer down and…

Movie magic movie poster lower opacity
Movie magic movie poster

Voila! We have our movie poster!


Posted
AuthorCristin Burton
CategoriesTutorials