Hi. This is Marty from Blue Lightning TV.
I'm going to show you how to create a fun,
retro, image that you can customize for someone you know.
I provided a Photoshop file that includes this blackboard and two textures.
The file is located in the video description or project files.
Change the Blend Mode of
the top layer to "Multiply" and reduce its
opacity to 50%. Click the thumbnail of "Scratches
2" to make that layer active and change its
Blend Mode to "Darken".
Open a photo you'd
like to use to place over the chalkboard.
I downloaded this one from Shutterstock.com.
We need to separate the subject from its background
by first making a selection around the subject.
For this example, I'll use the Quick Selection
Tool and 10 pixels for its size.
I'll drag the tool over my subject to select it.
To remove areas of the selection, I'll press
and hold Alt or Option and drag over those
areas. To refine the selection around her
hair, I'll go to Select and Refine Edge.
I did an in-depth tutorial on the Refine Edge
Tool, so I won't be going over all the features here.
I'll check Smart Radius. To adjust the size of your brush, press the left or right arrow key on your keyboard.
Now, I'll brush over the hair.
I'll output it as a Layer Mask and click OK.
Notice a layer mask of the selection
was placed next to the layer. Press "v" to
open your Move Tool and drag it onto the tab
of the chalkboard document. Without releasing
your cursor, drag it down onto the chalkboard
To resize it, open your Transform Tool by pressing Ctrl or Cmd + T.
Press Ctrl or Cmd + 0 to see the Transform's entire bounding box.
Go to a corner and when you see a diagonal,
double-arrow, press and hold Alt or Option
+ Shift as you drag it in or out. When you've
resized and positioned your subject, press
Enter or Return. To see your document at 100%,
press Ctrl or Cmd + 1.
We'll convert it into a Smart Object,
which allows us to modify
it non-destructively. To do this, click the
small icon at the top, right of the Layers
panel and click "Convert to Smart Object".
Click the Adjustment layer icon and click
Drag the Saturation all the way to the left.
Click the thumbnail of your subject to make it active
and click the "fx" icon. Click "Drop Shadow".
The Blend Mode is "Multiply", the color is black and
make the opacity: 40%. Uncheck "Global Light.
The angle of your drop shadow should be consistent
with the angle of the light on your subject.
For example, since the shadows on this subject
are mostly down and to the right, I'll make
sure the angle of the line in the circle is
pointing in that direction, as well. Make
the Distance: 180 pixels and the Size: 18 pixels
Go to Filter, Noise and "Add Noise".
Make the Amount: 15% and "Uniform".
We're ready to add text.
Make the Background layer active,
and open your Horizontal Type Tool. Choose Left Alignment
and go to Window and Character. Your Character
panel will open. Choose a font. I'm using
"Air Americana Regular". I provided links
to this font and another I'll be using later.
For this font, I'll make the size 120 points,
however, you may want to use a different size
depending on the font you use and the amount
of characters in your text. Click the color
box and for Brightness, type in 80%. Then,
Click on your document and type your text.
To make a character bigger, highlight
it and drag the Size icon to the right. To
lower or raise the character, slide the "Baseline
Shift" icon to the left or right. To adjust
the space between characters, click between
those characters and press and hold Alt or
Option as your press the right or left arrow
key on your keyboard. We'll convert your text
into a Smart Object, so in case we want to
change or modify it, we won't have to
redo all the effects. To do this, click your
Move Tool and go to Layer,
Smart Objects and
Convert to Smart Object. To angle your line
of text, open your Transform Tool,
go to a corner and when you see a curved, double-arrow, rotate it to an angle you like and position
it. Then, press Enter or Return. Click the
"fx" icon and click "Drop Shadow".
Reduce the opacity to 70% and uncheck Global Light. The Angle should be 120 degrees. Make the
Distance 24 pixels and the Size: 0. Then,
Click on your document again and pick another font.
I'm using "Honey Script
Semi Bold". I'll type in a temporary size
of 50 points and make the Baseline Shift: 0.
Type out your text. Highlight your text,
resize it to your liking and adjust its kerning.
To reposition it, click your Move Tool and
move it. If you want to italicize it, click
the "Faux Italic" icon.
Click the icon at the upper, right of the Layers panel
and click "Convert to Smart Object".
Click the "fx" icon
and click "Drop Shadow".
Make the opacity: 70% and uncheck "Global Light".
Make the Distance: 23 pixels,
the Spread: 100% and the Size:
7 pixels. Click Stroke. Make the Size: 6 pixels
and the Position: Outside. Click the color box
and click on the chalkboard next to your text
to pick up the chalkboard's color. Then,
click OK on both windows.
Use your Transform Tool to angle, reposition and resize your text.
Notice its covering the text below it.
I'd like to reverse their positions, so I'll
go to the Layer panel and drag the top text
layer below the other text layer.
To reposition it, just drag it.
We can close the Character panel, now.
Click the New Layer icon to make
a new layer. Let's name it "Border".
Change its Blend Mode to "Dissolve"
and make its opacity: 90%.
Open your Brush Tool, make the Size: 8 pixels
and the Hardness: 100%. Click
the gear icon and click "M Brushes".
When you see this message, click OK to replace the current brushes with the M brushes.
Click the gear icon again and choose "Small List".
Click the "square char" brush and make its size: 8 pixels.
Click the foreground color and for Brightness, type in 70%.
Go near the top, left corner of your document
and press and hold Shift as you drag a line across to
approximately the same distance from the edge
of your document. Then, release. Press and
hold Shift again and drag another line straight
down. Continue to do this until you've made
a rectangular border.
Next, I'll show you
how to add a cartoon drawing to the chalkboard.
Scroll to the bottom and make a new layer.
Name it whatever you like.
Change its blend mode to "Dissolve"
and make its opacity 90%. Invert the foreground and background colors
by pressing "x" on your keyboard or by clicking this icon.
Click the foreground color and for Brightness, type in 5.
This makes your
brush almost black. Then, click OK.
Go to an area you'd like to make your cartoon and draw whatever you'd like. We'll fill it in
with a light grey in a moment. Make a new
layer below your drawing. To do this Ctrl-click
or Cmd-click on the New Layer icon and then name it.
Change the Blend mode to "Dissolve".
Invert the colors and loosely brush in areas
inside your cartoon.
Lastly, I'll show you how to reposition your text and cartoon altogether.
The layer that should be presently active
is the inside of your cartoon. Shift-click
on the top text layer which will highlight
all the layers in-between. Now, when you drag
it, all the layers will move together.
This is Marty from Blue Lightning TV.
Thanks for watching!