Tag: parody posters

Parody Poster: Grey’s Anatomy

This was one of the easier posters to recreate. Here’s what the original poster looks like:

Grey’s Anatomy - original poster

I started out looking for a similar font, settling on Haettenschweiler. Some of the letters were slightly different and the apostrophe was very different, but it was close enough for me! I created two separate text layers for each word and then added a red rectangle for the accent.

Finding a similar font

Next, working on the original poster jpeg in Photoshop, I used the pen tool to map out similar rectangular shapes. Each rectangular shape in the original poster isn’t necessarily a distinct photo, however; some shapes combine to hold a larger image, as demonstrated here:

Combined shapes

So, here’s what I did:

1. Used Pen Tool and clicked four points to create a rectangular Vector Shape layer.

Creating first rectangle

2. Clicked on the vector mask to select it in the Layers palette, then clicked the “Add to Shape Area” icon in the options bar. (I thought “Auto add/delete” had to be checked when I made my diagram, but as it turns out, that has more to do with using the pen tool to remove or add points to an existing path, so you can ignore that part!)

Changing option to add to shape

3. Used the Pen Tool to draw the second rectangle shape. The new shape, instead of appearing on its own shape layer, is added on to the existing shape layer.

Second shape added to same layer

4. Clicked on “Create new shape layer” icon in the options bar, then created other rectangles.

Choosing create new shape layer icon

Eventually, I ended up with a bunch of shapes that were close to the original. These shapes were all over the original poster, though, which was a low resolution jpeg and about 1/8 of the size of my finished document. So, selecting all the layers, I dragged them from the Layers palette and dropped them on top of the new document to copy them over.

Selecting all layers

Then I used the Transform command (Ctrl-T) to resize all the layers at once to make them big enough for the new document.

Shapes in new poster document

Now it was a simple matter to paste in different photos. I used the shape layers as clipping masks for the photos:

1. Paste in a photo and move the layer in the Layers Palette so it is immediately above the shape that you want to use as a clipping mask:

Paste photo

2. Place the cursor in between the two layers. Hold down the Alt (PC)/Option (Mac) key and you’ll see the cursor change. Click in between the two layers, and you’ll see the top layer indent with a small arrow added. The top layer has just been “clipped” by the bottom layer. You can move the top layer around, but only the areas that overlap with the bottom layer will show up.
Creating clipping mask

Repeating this with the other photos, I also added some adjustment layers (Curves, Levels, etc.) to adjust the photo contrast and clipped them to the appropriate shape layers as well.

And here’s what the final poster looks like:

Final parody poster

See other articles in the Parody Posters series.

Parody Poster: Heroes

Here’s the first of a new series of posts describing how I created various TV show parody posters using Photoshop.

First, here’s the original reference desktop graphic that I used as inspiration:

Heroes poster

The first step was to come up with a font that was similar. In Photoshop, I typed “HEROES” and changed the font several times to find a close sans-serif font. I wanted to be close, but I didn’t care about being exact because of the short deadline I was working with. I finally settled on Futura; the “S” is slightly different but the shape of the “R” was the closest of the fonts I had on my system:

Trying to match Heroes font

Next, I worked on the eclipse graphic. First, I created a black vector circle shape and applied a slight outer glow effect to it. (My examples are on a blue background so you can better see the effects.)

Eclipse - vector circle.

I added a new layer and, using the brush tool with a soft edge, painted a white fuzzy blob behind the vector shape. The strongest part of the lighting effect is at 1-2 o’clock, with another stronger edge at 7-8 o’clock. In the diagram below, I’ve lowered the opacity of the black circle layer so you can see the relative shape of the white blob layer.

Brush layer

I used the smudge tool with a soft brush shape to drag out “rays” in the white blob layer:

Smudging the white layer

With the smudging, the effect was a little too big for me, so I transformed the layer and shrunk it slightly.

Slightly smaller effect

Next, I created a new layer over the black vector shape and made a small fuzzy white blob. Using the smudge tool again with a slightly smaller brush size, I dragged out from the center of the shape to make the sharper highlight points.
Highlight layer

A little more tweaking to the various smudge layers, and here’s what I ended up with:

Final text effect

Now for the blur to the words. I duplicated the text layer, right-clicked on the layer in the Layers palette and chose “Rasterize Type.” I applied a motion blur filter (set to vertical). Then I lowered the opacity slightly (60%) of the blurred layer:

Text effect with blur

Now for the photo collage. I had two istockphoto images and a photo of youth staff and volunteers taken by someone else:

istockphoto - corporate office

istockphoto - dramatic clouds

Original photo

I started by creating a document that had a very faint background gradient – pure black at the top, #08090b at the bottom, and moved in my recreated Heroes logo:

Starter document

I pasted in the people photo and used the dodge tool to slightly darken the bottom edge of the photo:

Adding people

I applied a Levels adjustment layer to get the background to be blacker and to increase the contrast slightly.

Levels adjustment layer

I added a Channel Mixer adjustment layer to give the picture a sepia tone:

Channel mixer layer

The original had a bit more tonality in it as opposed to being a flat sepia image. So under the Channel Mixer layer, I added a Curves adjustment layer and played with the different channels until I got something that worked better for me.

Curves adjustment layer

After curves adjustment

I pasted in the two stock photos under all the adjustment layers, flipping the office building and lowering the opacity of both layers to 38%. Then I added layer masks and used a soft brush to mask out the edges of the photos and blend them over the people photo.

With stock photos

The last step was to add in the little “FBC Studios” logo in the corner, and my poster was complete:

Final Heroes parody poster

See other articles in the Parody Posters series.