Description

Photoshop CC 2014 tutorial showing how to create a fun, powerful, sleek, superhero-style emblem from scratch.

Create your logo online in a minute with Logaster: https://goo.gl/lviMSL

Part 2:
https://www.youtube.com/watch?v=AZOzSa364Kw

Kilogram Regular font: http://goo.gl/DA8gFi

Royalty Free Music provided by http://www.beatsuite.com
High quality, copyright-free music for YouTube.
Music track: "The Dark Knight's War". ID #: 8233

Subscribe to Blue Lightning TV!:
http://goo.gl/HEpuJ4

Website:
http://www.bluelightningtv.com/

Get up to 20% off Photoshop + Lightroom! Only $7.99 p/month:
http://goo.gl/QFznn7

Facebook:
https://goo.gl/fHLJsh

Twitter:
https://twitter.com/bluelightningtv

Check out my tutorials on Skillfeed!:
https://www.skillfeed.com/instructor/12

Captions

ASR: en

0:00:09.940,0:00:15.519
hi this is Marty from Blue Lightning TV

0:00:12.700,0:00:18.730
I'm going to show you how to create this

0:00:15.519,0:00:25.689
powerful superhero style emblem of a

0:00:18.730,0:00:28.239
letter from scratch this tutorial is in

0:00:25.689,0:00:29.950
two parts in the first part I'll show

0:00:28.239,0:00:32.469
you how to create this carbon fiber

0:00:29.950,0:00:35.260
background and design the template for

0:00:32.469,0:00:39.420
your emblem in part 2 i'll show you how

0:00:35.260,0:00:39.420
to add color texture and dimension

0:00:39.720,0:00:43.680
the first step is to make your

0:00:41.700,0:00:46.110
foreground and background colors white

0:00:43.680,0:00:48.690
and black respectively if they aren't

0:00:46.110,0:00:51.330
click this icon to make them black and

0:00:48.690,0:00:53.540
white and invert them by clicking this

0:00:51.330,0:00:53.540
icon

0:00:53.870,0:01:02.180
create a new document by going to file

0:00:56.750,0:01:07.250
and new name it whatever you'd like make

0:01:02.180,0:01:11.090
its width 1550 pixels its height 870

0:01:07.250,0:01:15.470
pixels and the resolution 150 pixels per

0:01:11.090,0:01:18.170
inch the color mode is RGB and 8 bits

0:01:15.470,0:01:21.920
per channel open your list of background

0:01:18.170,0:01:24.640
contents and click background color then

0:01:21.920,0:01:24.640
click OK

0:01:24.700,0:01:33.770
make a copy of the background

0:01:28.500,0:01:33.770
ctrl J on Windows or command J on a Mac

0:01:33.840,0:01:40.109
go to view and make sure rulers and snap

0:01:37.500,0:01:43.369
are checked if they aren't just click on

0:01:40.109,0:01:45.869
them go to the ruler on the left and

0:01:43.369,0:01:47.759
drag out a guideline to the center of

0:01:45.869,0:01:50.100
your document it'll snap in place

0:01:47.759,0:01:52.590
because we have snapped checked if you

0:01:50.100,0:01:56.009
don't see the guideline press ctrl or

0:01:52.590,0:01:58.380
command H go to the ruler at the top and

0:01:56.009,0:02:00.380
drag down another guideline to the

0:01:58.380,0:02:04.130
center

0:02:00.380,0:02:07.090
open your gradient tool and make sure

0:02:04.130,0:02:10.670
your radial gradient icon is active

0:02:07.090,0:02:13.580
click the gradient box which opens the

0:02:10.670,0:02:16.130
gradient editor click the top left

0:02:13.580,0:02:18.860
preset thumbnail which represents your

0:02:16.130,0:02:23.950
foreground and background colors click

0:02:18.860,0:02:23.950
the lower left stop and the color box

0:02:24.170,0:02:31.250
in the brightness field type in fifty

0:02:27.200,0:02:35.470
percent this gives us 50% gray then

0:02:31.250,0:02:35.470
click OK on both windows

0:02:36.210,0:02:42.270
go to the middle and press and hold

0:02:39.300,0:02:44.010
shift as you drag the gradient line to

0:02:42.270,0:02:46.060
the right edge of your document then

0:02:44.010,0:02:50.760
release

0:02:46.060,0:02:55.430
go to filter and filter gallery

0:02:50.760,0:02:59.189
open the distort folder and click glass

0:02:55.430,0:03:03.950
make the texture tiny lens the

0:02:59.189,0:03:06.890
distortion 20 the smoothness one

0:03:03.950,0:03:09.310
and the scaling fifty percent then click

0:03:06.890,0:03:09.310
OK

0:03:11.000,0:03:15.610
click the new layer icon to make a new

0:03:13.550,0:03:18.580
layer

0:03:15.610,0:03:22.060
open your pen tool

0:03:18.580,0:03:25.720
and choose path if you're working on

0:03:22.060,0:03:28.000
version cs5 or earlier the path tool is

0:03:25.720,0:03:30.550
here

0:03:28.000,0:03:33.820
click approximately here on your

0:03:30.550,0:03:36.820
guideline and release click again

0:03:33.820,0:03:40.450
approximately here this draws a straight

0:03:36.820,0:03:43.060
path release and press and hold shift as

0:03:40.450,0:03:45.790
you click again approximately here to

0:03:43.060,0:03:49.720
add a 45 degree path holding shift

0:03:45.790,0:03:52.570
adheres the path to 45 90 and 180

0:03:49.720,0:03:55.209
degrees release and press and hold shift

0:03:52.570,0:03:58.150
again as you click on the guideline to

0:03:55.209,0:04:00.160
add a horizontal path release and press

0:03:58.150,0:04:02.550
and hold shift again as you click your

0:04:00.160,0:04:06.200
first anchor point to close the path

0:04:02.550,0:04:10.310
right click directly on the path

0:04:06.200,0:04:14.950
and click make selection keep the

0:04:10.310,0:04:14.950
feather radius 0 pixels and click OK

0:04:14.960,0:04:19.460
we'll fill the selection with black and

0:04:17.510,0:04:23.840
since black is the background color

0:04:19.460,0:04:28.389
press ctrl or command + delete to

0:04:23.840,0:04:31.770
deselect it press ctrl or command D

0:04:28.389,0:04:31.770
make a copy of it

0:04:32.129,0:04:40.429
go to edit transform and flip horizontal

0:04:40.540,0:04:46.420
press V to open your move tool and press

0:04:43.360,0:04:48.790
and hold shift as you slide it across

0:04:46.420,0:04:51.090
until it snaps to the vertical guide

0:04:48.790,0:04:51.090
line

0:04:51.249,0:04:56.879
merge the two shapes by pressing ctrl or

0:04:54.159,0:04:56.879
command E

0:04:57.129,0:05:02.639
hide the guidelines by pressing ctrl or

0:04:59.860,0:05:02.639
command H

0:05:03.200,0:05:07.600
double-click on an empty area

0:05:05.200,0:05:12.940
of the shaped layer to open its layer

0:05:07.600,0:05:16.540
style window click inner glow change the

0:05:12.940,0:05:20.170
blend mode to normal and the opacity a

0:05:16.540,0:05:25.570
hundred percent make a technique precise

0:05:20.170,0:05:30.360
and the source edge make the choke a

0:05:25.570,0:05:35.730
hundred percent and the size 45 pixels

0:05:30.360,0:05:39.540
click stroke make the size 12 pixels and

0:05:35.730,0:05:43.040
the position inside

0:05:39.540,0:05:43.040
then click ok

0:05:44.639,0:05:49.340
click off the eyeball next to the

0:05:46.650,0:05:53.449
gradient background to hide the layer

0:05:49.340,0:05:57.190
we're ready to add text

0:05:53.449,0:05:59.770
open your horizontal type tool

0:05:57.190,0:06:02.140
and choose a heavy font i'm using

0:05:59.770,0:06:04.840
kilogram regular if you'd like to use

0:06:02.140,0:06:07.320
this font as well i provided its link in

0:06:04.840,0:06:09.790
the video's description or project files

0:06:07.320,0:06:14.950
temporarily make its size a hundred

0:06:09.790,0:06:17.980
points sharp and center alignment the

0:06:14.950,0:06:20.680
color should be white click in the

0:06:17.980,0:06:23.710
middle and type your character for this

0:06:20.680,0:06:27.220
font i'm using uppercase to enlarge it

0:06:23.710,0:06:29.560
click your move tool and open your

0:06:27.220,0:06:34.030
transform tool by pressing ctrl or

0:06:29.560,0:06:36.370
command t go to a corner and when you

0:06:34.030,0:06:40.930
see a diagonal double-arrow press and

0:06:36.370,0:06:44.830
hold alt or option + shift as you drag

0:06:40.930,0:06:47.890
it out to reposition it go inside the

0:06:44.830,0:06:50.320
transform and move it you'll probably

0:06:47.890,0:06:53.290
notice it's not moving smoothly that's

0:06:50.320,0:06:55.490
because Snap is still active go back to

0:06:53.290,0:06:59.849
view

0:06:55.490,0:07:02.620
and click snap to deactivate it

0:06:59.849,0:07:04.870
continue to reposition and resize it

0:07:02.620,0:07:06.910
don't be concerned with the areas of

0:07:04.870,0:07:09.340
your text that's outside the background

0:07:06.910,0:07:11.740
shape we'll take care of that next to

0:07:09.340,0:07:13.860
accept the transform press Enter or

0:07:11.740,0:07:16.409
return

0:07:13.860,0:07:19.469
click the layer mask icon to make a

0:07:16.409,0:07:21.930
layer mask next to the text using the

0:07:19.469,0:07:24.950
layer mask will hide areas of the text

0:07:21.930,0:07:28.960
that extend past the background shape

0:07:24.950,0:07:28.960
open your rectangular marquee tool

0:07:29.880,0:07:33.930
section over the top of your character

0:07:31.560,0:07:36.030
will fill the selection with black and

0:07:33.930,0:07:40.020
since black is the foreground color

0:07:36.030,0:07:42.500
press alt or option + delete then

0:07:40.020,0:07:46.340
deselect it

0:07:42.500,0:07:49.700
open your pencil tool and the pencil

0:07:46.340,0:07:53.420
picker make it size approximately 70

0:07:49.700,0:07:55.670
pixels and its hardness and opacity a

0:07:53.420,0:07:57.910
hundred percent then press Enter or

0:07:55.670,0:07:57.910
return

0:07:57.920,0:08:02.600
if you don't see your pencil you

0:08:00.410,0:08:05.510
probably have the shift key active if

0:08:02.600,0:08:08.120
you do just press the caps lock key to

0:08:05.510,0:08:10.670
see your pencil now draw over the bottom

0:08:08.120,0:08:14.390
areas of your character that extend past

0:08:10.670,0:08:17.540
the background shape click the large t

0:08:14.390,0:08:20.120
to make your text active open the

0:08:17.540,0:08:23.000
channels panel if you don't see it go to

0:08:20.120,0:08:25.850
window and channels click the small

0:08:23.000,0:08:28.420
circular icon at the bottom to make a

0:08:25.850,0:08:32.330
selection of the image on your canvas

0:08:28.420,0:08:34.670
open back your layers panel and click

0:08:32.330,0:08:37.310
the new layer icon to make a new layer

0:08:34.670,0:08:42.529
in this empty layer fill the selection

0:08:37.310,0:08:45.170
with black then deselect it

0:08:42.529,0:08:47.899
make the gradient background visible and

0:08:45.170,0:08:53.360
hide the text and the original

0:08:47.899,0:08:55.399
background shape in part 2 i'll show you

0:08:53.360,0:08:58.670
how to transform it into a powerful

0:08:55.399,0:09:01.040
superhero style emblem this is Marty

0:08:58.670,0:09:03.069
from Blue Lightning TV thanks for

0:09:01.040,0:09:03.069
watching

standard: en

0:00:10.520,0:00:16.580
Hi. This is Marty from Blue Lightning TV.
I'm going to show you how to create this powerful,

0:00:16.580,0:00:21.060
superhero-style, emblem of a letter from scratch.

0:00:24.540,0:00:27.600
This tutorial is in 2 parts. In the first part,

0:00:27.880,0:00:32.380
I'll show you how to create this carbon
fiber background and design the template for

0:00:32.390,0:00:38.050
your emblem. In Part 2, I'll show you how
to add color, texture and dimension.

0:00:40.320,0:00:45.240
The first step is make your foreground and background
colors white and black, respectively.

0:00:45.520,0:00:52.220
It they aren't, click this icon to make them black
and white and invert them by clicking this icon.

0:00:54.060,0:01:00.660
Create a new document by going to File
and New. Name it whatever you'd like.

0:01:01.960,0:01:11.720
Make its Width: 1550 pixels, its Height: 870 pixels
and the Resolution: 150 pixels per inch.

0:01:12.620,0:01:19.060
The Color Mode is RGB and 8 bits per Channel.
Open your list of Background Contents

0:01:19.300,0:01:22.800
and click "Background Color". Then, click OK.

0:01:25.220,0:01:27.060
Make a copy of the background

0:01:28.100,0:01:32.120
by pressing Ctrl + J on Windows or Cmd + J on a Mac.

0:01:34.300,0:01:37.900
Go to View and make sure Rulers and Snap are

0:01:37.900,0:01:44.670
checked. If they aren't, just click on them.
Go to the ruler on the left and drag out a

0:01:44.670,0:01:49.070
guideline to the center of your document.
It'll snap in place because we have "Snap"

0:01:49.070,0:01:56.360
checked. If you don't see the guideline, press
Ctrl or Cmd + H. Go to the ruler at the top

0:01:56.360,0:01:59.040
and drag down another guideline to the center.


0:02:00.840,0:02:04.580
Open your Gradient Tool and make sure your Click the


0:02:04.590,0:02:11.750
Radial gradient icon is active. Click the gradient box, which opens the Gradient Editor.

0:02:12.540,0:02:17.240
Click the top, left preset thumbnail, which
represents your foreground and background

0:02:17.250,0:02:26.920
colors. Click the lower, left Stop and the
color box. In the Brightness field, type in

0:02:26.920,0:02:34.200
50%. This gives us 50% grey. Then, click OK on both windows.

0:02:36.680,0:02:40.200
Go to the middle and press and hold "Shift"

0:02:40.600,0:02:45.000
as you drag a gradient line
to the right edge of your document. Then, release.

0:02:46.820,0:02:55.400
Go to Filter and Filter Gallery.
Open the Distort folder and click "Glass".

0:02:56.260,0:03:05.980
Make the Texture: Tiny Lens, the Distortion:
20, the Smoothness: 1 and the Scaling: 50%.

0:03:06.360,0:03:07.500
Then, click OK.

0:03:11.420,0:03:14.200
Click the New layer icon to make a new layer.

0:03:16.080,0:03:20.540
Open your Pen Tool and choose "Path".

0:03:21.160,0:03:26.480
If you're working on version CS5 or
earlier, the Path Tool is here.

0:03:28.540,0:03:32.520
Click approximately here on your guideline and release.

0:03:33.180,0:03:37.180
Click again approximately here. This draws a straight

0:03:37.180,0:03:43.240
path. Release and press and hold Shift as
you click again approximately here to add

0:03:43.240,0:03:51.760
a 45 degree path. Holding Shift adheres the
path to 45, 90 and 180 degrees. Release and

0:03:51.770,0:03:57.740
press and hold Shift again as you click on
the guide line to add a horizontal path. Release

0:03:57.740,0:04:02.380
and press and hold Shift again as you click
your first anchor point to close the path.

0:04:03.320,0:04:11.180
Right-click directly on the path and click
"Make Selection". Keep the Feather Radius

0:04:11.180,0:04:19.200
0 pixels and click OK. We'll fill the selection
with black and since black is the background

0:04:19.200,0:04:26.920
color, press Ctrl or Cmd + Delete. To deselect
it, press Ctrl or Cmd + D.

0:04:28.720,0:04:29.740
Make a copy of it.

0:04:32.540,0:04:38.740
Go to Edit, Transform and Flip Horizontal.

0:04:41.200,0:04:45.000
Press "v" to open your Move Tool and press and hold Shift

0:04:45.600,0:04:49.300
as you slide it across until
it snaps to the vertical guide line.

0:04:51.440,0:04:55.260
Merge the 2 shapes by pressing Ctrl or Cmd + E.

0:04:57.400,0:05:01.200
Hide the guide lines by pressing Ctrl or Cmd + H.

0:05:03.700,0:05:08.460
Double-click on an empty area of the
shape layer to open its Layer Style window.

0:05:09.740,0:05:19.220
Click "Inner Glow". Change the Blend Mode
to Normal and the Opacity: 100%. Make the

0:05:19.220,0:05:30.000
Technique: Precise and the Source: Edge. Make the Choke: 100% and the Size: 45 pixels.

0:05:31.020,0:05:32.260
Click "Stroke".

0:05:33.600,0:05:41.160
Make the Size: 12 pixels and the
Position: Inside. Then, click OK.

0:05:45.100,0:05:48.680
Click off the eyeball next to the gradient background
to hide the layer.

0:05:50.040,0:05:51.680
We're ready to add text.

0:05:53.780,0:06:01.000
Open your Horizontal Type Tool and choose
a heavy font. I'm using "Kilogram Regular".

0:06:01.300,0:06:06.220
If you'd like to use this font as well, I
provided its link in the video's description

0:06:06.229,0:06:14.229
or project files. Temporarily make its size
100 points, Sharp and Center Alignment.

0:06:14.780,0:06:16.160
The color should be white.

0:06:17.620,0:06:22.580
Click in the middle and type your character. For this font, I'm using upper case.

0:06:22.860,0:06:29.500
To enlarge it, click your Move Tool and open
your Transform Tool by and pressing Ctrl or

0:06:29.500,0:06:37.640
Cmd + T. Go to a corner and when you see a
diagonal, double-arrow, press and hold Alt

0:06:37.650,0:06:47.580
or Option + Shift as you drag it out. To reposition
it, go inside the Transform and move it. You'll

0:06:47.580,0:06:52.750
probably notice it's not moving smoothly.
That's because "Snap" is still active. Go

0:06:52.750,0:06:58.310
back to View and click "Snap" to deactivate it.

0:07:00.340,0:07:02.680
Continue to reposition and resize it.

0:07:02.940,0:07:07.300
Don't be concerned with the areas of your
text that are outside the background shape.

0:07:07.640,0:07:12.680
We'll take of that next. To accept the Transform, press Enter or Return.

0:07:14.500,0:07:18.240
Click the Layer Mask icon to make a layer mask next to the text.

0:07:19.000,0:07:21.340

Using the layer mask, we'll hide areas of

0:07:21.350,0:07:27.610
the text that extends past the background
shape. Open your Rectangular Marquee Tool

0:07:29.020,0:07:34.120
and drag a selection over the top of your
character. We'll fill the selection with black

0:07:34.120,0:07:41.120
and since black is the foreground color, press
Alt or Option + Delete. Then, deselect it.

0:07:43.000,0:07:51.420
Open your Pencil Tool and the Pencil Picker.
Make its size approximately 70 pixels and

0:07:51.430,0:08:00.410
its Hardness and Opacity: 100%. The, press
Enter or Return. If you don't see your pencil,

0:08:00.410,0:08:05.220
you probably have the Shift key active. If
you do, just press the “CapLocks” key

0:08:05.220,0:08:10.870
to see your pencil. Now, draw over the bottom
areas of your character that extend past the

0:08:10.870,0:08:18.470
background shape. Click the large "T" to make
your text active. Open the Channels panel.

0:08:18.680,0:08:25.480
If you don't see it, go to Window and Channels.
Click the small circular icon at the bottom

0:08:25.490,0:08:32.409
to make a selection of the image on your canvas.
Open back your Layers panel and click the

0:08:32.409,0:08:38.629
New Layer icon to make a new layer. In this
empty layer, fill the selection with black.

0:08:40.080,0:08:45.160
Then, deselect it. Make the gradient background visible

0:08:45.800,0:08:49.200
and hide the text and the original background shape.

0:08:51.620,0:08:57.420
In Part 2, I'll show you how to transform it into a powerful, superhero-style emblem.

0:08:57.900,0:09:01.320
This is Marty from Blue Lightning
TV. Thanks for watching!

Profiles

Profile 1

Purpose Tutorial (why)
Content
Participants Photoshop (m) geek
Form Tutorial (how)
Time
Place

Profile 2

Purpose Tutorial
Content Text
Participants Photoshop (m) geek
Form Tutorial (how)
Time Real time
Place Desktop

Profile 3

Purpose
Content
Participants
Form
Time Medium
Place Desktop

Profile 4

Purpose
Content Text, Object
Participants
Form
Time
Place