Photoshop Tutorial: How to Create a Dynamic, Split-Colors Logo

standard: en

0:00:00.359,0:00:06.030
This episode is brought to you by Skillfeed.
Whether it's Photoshop, Web Development, 3D

0:00:06.030,0:00:11.829
Software, Photography or Motion Graphics,
Skillfeed helps you learn it. Get 2 free weeks

0:00:11.829,0:00:17.160
of membership with no obligation by clicking
the link located in the video description

0:00:17.160,0:00:22.700
which is located below the title of this video.
If you decide to continue membership, it's

0:00:22.700,0:00:28.490
only 19 bucks per month. Learn what you want.
Learn what you love. Thanks Skillfeed for

0:00:28.490,0:00:30.550
supporting Blue Lightning TV.

0:00:44.440,0:00:47.080
Hi. This is Marty from Blue Lightning TV.

0:00:47.540,0:00:53.480
I'm going to show you how to easily create
this off-registered, RGB, color effect that

0:00:53.489,0:00:56.869
you can utilize and apply to a logo or symbol.

0:00:59.060,0:01:04.860
Go to File and New. Make the Width: 1550 pixels,

0:01:04.860,0:01:12.000
the Height: 870 pixels and the Resolution:
150 pixels per inch. Then, click OK.

0:01:14.900,0:01:20.680
Open your Horizontal Type Tool and make sure your foreground and background colors are black

0:01:20.680,0:01:29.000
and white, respectively. If they aren't, press
" D" on your keyboard. Go to Window and Character.

0:01:29.890,0:01:36.450
The Character panel will open. Choose a font. I'm using "Aldo the Apache Regular".

0:01:36.880,0:01:42.740
If you'd like to use it, I provided its link in the video description or project files. For this

0:01:42.750,0:01:48.740
font, I'll choose a size of 174 points
and I'll click the "Faux Italic" icon

0:01:48.740,0:01:56.340
to slant the text. Click on your document
and type out your text. If you want to increase

0:01:56.340,0:02:02.880
the size of a character, highlight it and
drag the Size icon to the right.

0:02:05.140,0:02:12.640
To center the larger character on your line of text, drag the "Baseline Shift" icon to the left.

0:02:14.230,0:02:20.760
To adjust the space between characters, click
between those characters, press and hold Alt

0:02:20.760,0:02:25.540
or Option and press the left or right arrow
key on your keyboard.

0:02:27.600,0:02:29.080
To reposition your text,

0:02:29.980,0:02:39.500
open your Move Tool and move it. Make 2 copies
of the layer by pressing Ctrl or Cmd + J twice.

0:02:40.760,0:02:47.200
We'll name the top layer: "Red", the second
layer: "Green" and the original layer: "Aqua"

0:02:47.209,0:02:55.609
or "Cyan". Go to Image, Mode and make sure RGB Color is checked and 8 Bits/Channel.

0:02:56.640,0:03:02.480
Click the eyeballs of Aqua and Green to hide the layers and click the large "T" next to Red

0:03:02.489,0:03:08.789
to make the layer active. Click the “fx”
icon and click "Blending Options".

0:03:10.620,0:03:18.400
Next to "Channels", you'll see checked boxes for Red, Green and Blue. Uncheck the Red channel to

0:03:18.410,0:03:25.890
make your text red. Then, click OK. Hide the
Red layer and make the Green layer visible

0:03:25.890,0:03:31.650
and active. Click the "fx" icon and again,
click "Blending Options".

0:03:32.960,0:03:37.740
Uncheck the Green channel to make your text green. Then, click OK.

0:03:39.140,0:03:42.019
Hide the Green layer and make the Aqua

0:03:42.019,0:03:50.599
or Cyan layer visible and active. Click the
"fx" icon, click "Blending Options" and uncheck

0:03:50.599,0:03:52.539
the Green and Blue channels.

0:03:55.040,0:03:58.740
Make the other layers visible and the Green layer active.

0:03:59.700,0:04:06.180
Press and hold the Shift key and press the
left arrow on your keyboard twice. This moves

0:04:06.180,0:04:13.180
the Green layer to the left 20 pixels. Make the Aqua or Cyan layer active, press and hold

0:04:13.360,0:04:19.540
Shift and press the left arrow key 4 times
to move the layer 40 pixels to the left.

0:04:20.700,0:04:26.080
If you want to make the black characters touch, press the left arrow key without pressing Shift.

0:04:27.620,0:04:31.600
This moves the Aqua layer to the left,
1 pixel at time.

0:04:31.610,0:04:38.219
Next, we'll separate and off-register the
logo. First, let's place the text layers into

0:04:38.219,0:04:44.949
a folder. To do this, Shift-click on the top
layer to highlight all the text layers. Then,

0:04:44.949,0:04:47.489
press Ctrl or Cmd + G.

0:04:49.480,0:04:54.059
Open your Rectangular Marquee Tool and drag a rectangle over the

0:04:54.059,0:05:01.029
top half of your logo. Click the Layer Mask
icon to make a layer mask of the selection

0:05:01.029,0:05:07.330
next to the active layer, which is the text
folder. Make a copy of the layer and invert

0:05:07.330,0:05:15.330
the active layer mask by pressing Ctrl or
Cmd + I. Make the original folder active and

0:05:15.330,0:05:21.449
press and hold Shift as you press the Right
arrow key once. This moves the top half of

0:05:21.449,0:05:28.050
the logo 10 pixels to the right. Next, we'll
add the full name of the company. Go to the

0:05:28.050,0:05:34.649
bottom of your document and press "T" to open
your Type tool. Click on your document and

0:05:34.649,0:05:40.649
choose a font. I'm using "Dosis Book". If
you'd like to use it, I provided its link,

0:05:40.649,0:05:47.809
as well. I'll temporarily choose a size of
40 points and type out the company's name.

0:05:48.920,0:05:53.280
To reposition it, open your Move Tool and move it.

0:05:55.900,0:05:57.899
For this example, I'd like to resize

0:05:57.899,0:06:03.990
the line of text, so its right edge is flush
with the right edge of the logo. To do this,

0:06:03.990,0:06:05.690
I'll open my Transform Tool

0:06:05.960,0:06:08.080
by pressing Ctrl or Cmd + T,

0:06:09.200,0:06:13.060
go to the lower, right corner and when I see a diagonal, double-arrow,

0:06:13.789,0:06:20.219
I'll press and hold Shift as I drag the corner
up and in until the right edge of the text

0:06:20.219,0:06:25.469
is flush with the right edge of the black
character of the logo. Then, I'll press Enter

0:06:25.469,0:06:29.489
or Return and close the Character panel.

0:06:31.560,0:06:34.179
Have fun experimenting with the channel colors

0:06:34.179,0:06:35.439
and registrations.

0:06:35.980,0:06:38.480
This is Marty form Blue Lightning TV.

0:06:38.740,0:06:39.720
Thanks for watching!