Photoshop Tutorial: How to Make a Dramatic, Split-Flap Display
Hi. This is Marty from Blue Lightning TV.
I’m going to show you how to recreate the logo
seen in the movie trailer called, “Non-Stop”. Create a new document by pressing Ctrl + N on Windows or Cmd + N on a Mac. Make the Width: 1920 pixels, the Height: 850 pixels and the Resolution: 72 pixels per inch.
Make sure the Color Mode is RGB at 8 bits per channel.
The background is White. Then, click OK or press Enter or Return. We need to zoom in quite a bit, so press Ctrl or Cmd and the Plus key on your keyboard 3 times.
Click on the New Layer icon to make a new layer. Open your Rounded Rectangle Tool and choose, “Path”.
If you have version CS5 or earlier, the Path Tool is here. Left-click on the center your document.
Make the Width: 154 pixels and the Height:108. Make the Radius: 4 pixels on the corners and check “From Center”.
Then, click OK. Right-click directly on the path and click “Make Selection”.
Feather the Radius: 0 pixels and click OK.
Open your Gradient Tool and choose the Radial Gradient.
Click on the Gradient bar and click on the lower, left stop.
Click the color box and type in 6 sixes. This gives us a 40% gray color. Then, click OK or press Enter or Return.
Click the lower, right stop and the color box. Pick Black and click OK on both windows. Go to the bottom of the selection
and press and hold Shift as you drag up the gradient line
to the top. To delete the selection,
press Ctrl or Cmd + D. Double-click on the thumbnail of Layer 1 to open its Layer Style window. Click Bevel and Emboss.
Make the Style: Inner Bevel, the Technique: Smooth and the Size: 3 pixels. Uncheck Global Light. Make the Angle: 135 degrees and the Altitude: 37 degrees. Make the Highlight Opacity: 100% Click Outer Glow and the color box. Pick Black and click OK. Change the Blend Mode to Normal and make the Size: 20 pixels. Then, click OK. Scroll down a little and make a copy of the layer by pressing Ctrl or Cmd + J. Press “v” on your keyboard to open your Move Tool
and press and hold Shift as you drag the copy straight down
slightly past the bottom of the top shape.
Double-click on the top layer’s Bevel & Emboss to see it in its Layer Style
window. Change the Technique to Chisel Hard and make the size 2 pixels. Make the Angle: 180 degrees and the Altitude: 32 degrees. Then, click OK. Ctrl-click or Cmd-click on the thumbnail of the
top layer to make a selection of its shape. Remember, the top layer is
actually the bottom shape and the bottom layer is the top shape.
The reason for this inverted layer order is because we want the Outer Glow of
the bottom shape to overlap the top shape.
I’ll show you the difference in a minute. Open your Gradient Tool and go to the top of the selection.
Press and hold Shift as you drag down the gradient line
to the bottom. Then, delete the selection. If we didn’t invert the layer order, the area of the
shapes that are closest to each other would look like this.
As I toggle back and forth, you can see the difference. Next, we’ll
covert both shapes into a Smart Object. Shift-click on the thumbnail of Layer 1 to highlight both layers and click on
the icon at the upper right corner of the Layers panel. Click “Convert to Smart Object”. To see your entire document, press Ctrl or Cmd + 0. Go to View and make sure Rulers and Snap are checked. If they aren’t just click on them. Open your Move Tool
and drag the shapes to the left. We’re going to make copies of the shapes
for each character of text that you’ll be setting. To start, make a copy by pressing Ctrl or Cmd + J. Press and hold Shift, as you press the right arrow key 16 times. Make another copy and repeat the steps. Continue until you’ve made a shape for
each character in your line of text. Next, we’ll center all the shapes
on your document. First, place all the shapes into a folder
by Shift-clicking on the bottom shape to highlight all of them and then pressing Ctrl or Cmd + G. I’ll name the folder “Flaps”. Double-click on the Background and name it “Base”. Then, click OK or press Enter or Return.
Open your Transform Tool by pressing Ctrl or Cmd + T. Click on the top ruler
and drag down a guideline until it snaps to the center of your Transform. If you don’t see the guideline,
press Ctrl or Cmd + H. Click on the left ruler and drag out another guideline to the center. Then, press Enter or Return. Make your folder active
and open your Transform Tool again. Drag the shapes to the center of the
guidelines. When it snaps in place, press Enter or Return. Click off the eyeball of the folder to hide the shapes
and make the Base active. Make a new layer and open you’re Elliptical Marquee Tool.
Go to the center of the guidelines and press and hold Alt or Option as you drag out a narrow elliptical selection. Press “Q” to make it into a quickmask and go to Filter, Blur and Gaussian Blur. Blur it 50 pixels and click OK. Press “Q” again to revert it back into a selection and then, invert it by pressing Ctrl or Cmd + Shift + I. We’ll fill the selection with black. If your foreground and background colors aren’t black and white respectively,
press D on your keyboard. Press Alt or Option + Delete to fill
the selection with the foreground color. Delete the selection
by pressing Ctrl or Cmd + D and hide the guidelines by pressing Ctrl or Cmd + H. Make the Base active and go to Filter, Render and Clouds. Make the Flaps folder visible and active. Click the Adjustment layer icon and choose Solid Color. Type in 4 6 7 6 7 0 and then click OK or press Enter or Return. Change the Blend Mode to “Color”. We’re ready to set our text.
Open your Horizontal Type Tool and pick a heavy, sans-serif font. I’m using “Zurich Cn BT”. If you’d like to use it, I provided its link in the video
description or project files. Type in 200 points for its Size, Sharp and Center Alignment. Click on the color box and pick White. Then, click OK. Click on the far, left shape and type the first character. To re-position it, click on your Move Tool
and move it to the center of the shape. Click on the “fx” icon and choose Outer Glow. Click the color box and pick Black. Then, click OK. Change the Blend Mode to Normal,
make the Spread: 6% and the Size: 6 pixels. Then, click OK. Make a copy of the character and drag it to the right until it snaps
to the middle of the next shape. Double-click on the large “T” of the copy
to highlight the text and type the second character.
Left-click on the large “T” to accept it. Make a copy of it
and drag it to the next shape. Again, double-click the copy to highlight it and type your third character.
Continue these steps until you have your entire line. Next, we need to remove the center of the text
where the flaps are split.
But first, let’s place all the text into a folder. Scroll to the bottom text layer and as
you did earlier with the shapes, shift-click on it to highlight all the text. Then, press Ctrl or Cmd + G. I’ll name it, “Text”.
Click on the layer mask icon to make a layer mask next to the text folder. Press “z” to open your Zoom Tool
and drag it over the middle of the first shape to zoom into it. Open your Rectangular Marquee Tool
and carefully drag a selection over the space between the two flaps. Zoom back out by pressing Ctrl or Cmd + 0. Go to Select and Transform Selection. Go to the right side of the selection
and when you see a horizontal, double- arrow, drag it across past the last character. Then, press Enter or Return. Press Alt or Option + Delete to fill
the selection on the layer mask with black.
This is masking out that area of the text. Delete the selection. Make the Base layer active and make a copy it. Press and hold Alt or Option as you
left-click the eyeball of the Base copy. This hides all the other layers. Press Ctrl or Cmd + L
to open your Levels window. Drag the Input white to 196 or you can type it in. Make the Input black 141. Then, click OK. Open the Channels panel and click on the
circular icon at the bottom. This makes the selection of all the tonal
values of your image. Open back up your Layers panel
and drag the Base copy to the Trash, since we have its selection.
Click the New Layer icon to make a new layer. We’ll fill it with white and since white is the background color,
press Ctrl or Cmd + Delete. Then, delete the selection. Drag Layer 2 above layer 1 and press and hold Alt or Option
as you left-click its eyeball to make all the layers visible.
Reduce the Opacity of Layer 2 to 30%. Go to Filter, Blur and Radial Blur. Make the Amount: 100,
the Blur Method: Zoom and the Quality: Best. Then, click OK. This is Marty from Blue Lightning TV. Thanks for watching!