Description

Photoshop CC tutorial showing how to design an origami-style, folded paper, text logo.

PSD file:
http://bltvfiles.com/files/Origami%20Text%20Template.zip

Origram Font:
http://dribbble.com/shots/1077232-ORIGRAM-Free-Font

Labtop Font:
http://www.1001fonts.com/labtop-font.html

How to Install Fonts:
https://www.youtube.com/watch?v=Cq_xrStCjX8

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

Metadata

Video ID 304
Youtube URL Photoshop Tutorial: How to Design an ORIGAMI Text Logo!
Captions Available Yes
Captions Downloadable Yes
Playlists
Duration 00:08:59
Definition hd
Keywords
License youtube
Embeddable Yes
Views 79766
Likes 1011
Dislikes 10
Favourites 0
Comments 100
Created 2017-05-04 1:00:44 PM
Updated 2017-05-04 1:13:45 PM

Captions

ASR: en

0:00:11.389,0:00:17.400
hi this is Marty from Blue Lightning TV

0:00:14.309,0:00:20.760
I'm going to show you how to create an

0:00:17.400,0:00:23.279
origami folded text logo using a

0:00:20.760,0:00:26.789
great-looking font called or a gram

0:00:23.279,0:00:28.830
designed by noon yo Diaz I provided its

0:00:26.789,0:00:34.320
link in the video description or project

0:00:28.830,0:00:37.200
files in addition I provided a Photoshop

0:00:34.320,0:00:39.660
file that includes this image created by

0:00:37.200,0:00:41.489
noon yo which shows how each character

0:00:39.660,0:00:44.100
should be rendered to simulate the foals

0:00:41.489,0:00:45.570
within them you can reference them when

0:00:44.100,0:00:48.690
you're ready to create the foals for

0:00:45.570,0:00:52.260
your text once you install or a gram

0:00:48.690,0:00:55.110
open your horizontal type tool and open

0:00:52.260,0:00:57.629
the font if you're not sure how to

0:00:55.110,0:00:59.940
install fonts watch my tutorial showing

0:00:57.629,0:01:04.409
how to do it I provided that link as

0:00:59.940,0:01:07.799
well I'll make the size 250 points sharp

0:01:04.409,0:01:11.250
and center alignment click on the color

0:01:07.799,0:01:16.590
box and pick a color that's not too

0:01:11.250,0:01:19.619
light nor too dark i'm picking 59 89 f 7

0:01:16.590,0:01:24.229
once you pick your color click OK or

0:01:19.619,0:01:27.090
press Enter or return type out your text

0:01:24.229,0:01:30.030
to increase or decrease the overall

0:01:27.090,0:01:34.400
space between the characters highlight

0:01:30.030,0:01:37.890
the line and go to window and character

0:01:34.400,0:01:40.470
the character panel will open go to the

0:01:37.890,0:01:47.850
tracking icon and drag it to the right

0:01:40.470,0:01:50.299
or left I'll set it at zero to adjust

0:01:47.850,0:01:53.670
the space between just two characters

0:01:50.299,0:01:56.820
place your cursor between them and press

0:01:53.670,0:01:58.710
and hold alt or option as you press the

0:01:56.820,0:02:03.780
right or left arrow keys on your

0:01:58.710,0:02:08.190
keyboard to reposition your text open

0:02:03.780,0:02:10.679
your move tool and move it temporarily

0:02:08.190,0:02:13.860
close the character panel by clicking on

0:02:10.679,0:02:17.100
this icon go to layer

0:02:13.860,0:02:19.050
rasterize and type click on the

0:02:17.100,0:02:22.470
thumbnail of the samples layer to make

0:02:19.050,0:02:25.740
the layer active since Z is the first

0:02:22.470,0:02:31.410
letter of my logo I'll drag the Z sample

0:02:25.740,0:02:32.670
next to it press D on your keyboard to

0:02:31.410,0:02:35.040
make the foreground and background

0:02:32.670,0:02:38.160
colors default to black and white

0:02:35.040,0:02:41.459
respectively open the zoom tool by

0:02:38.160,0:02:44.550
pressing Z on your keyboard drag it over

0:02:41.459,0:02:47.190
that area to zoom into it in this

0:02:44.550,0:02:51.680
example we need to darken these areas of

0:02:47.190,0:02:55.770
the Z make your text layer active and

0:02:51.680,0:02:57.959
open your rectangular marquee tool we're

0:02:55.770,0:03:01.350
going to render one shadow at a time

0:02:57.959,0:03:03.660
I'll start with this shadow carefully

0:03:01.350,0:03:08.910
drag a selection over your character to

0:03:03.660,0:03:11.940
the edge of where the shadow begins open

0:03:08.910,0:03:14.670
your burn tool and make sure the range

0:03:11.940,0:03:17.970
is mid-tones and the exposure is a

0:03:14.670,0:03:22.140
hundred percent also make sure your caps

0:03:17.970,0:03:26.540
lock key on your keyboard is not on make

0:03:22.140,0:03:29.580
the size 65 points and the hardness 0%

0:03:26.540,0:03:33.090
press the f5 key to open your brush

0:03:29.580,0:03:36.510
panel and make sure shape dynamics is

0:03:33.090,0:03:39.360
not checked press the f5 key again to

0:03:36.510,0:03:42.330
close the panel I'll brush across the

0:03:39.360,0:03:45.060
area seven times if you want your

0:03:42.330,0:03:48.209
shadows to be lighter or darker just

0:03:45.060,0:03:50.549
brush over it less or more times delete

0:03:48.209,0:03:55.760
the selection by pressing ctrl or

0:03:50.549,0:03:58.860
command D next I'll brush in this shadow

0:03:55.760,0:04:01.830
press m to open your marquee tool and

0:03:58.860,0:04:04.769
drag a rectangular selection up to the

0:04:01.830,0:04:08.459
edge of where the shadow begins press o

0:04:04.769,0:04:10.470
to open your burn tool and again brush

0:04:08.459,0:04:14.640
across the same amount of times you did

0:04:10.470,0:04:16.380
earlier delete the selection to see the

0:04:14.640,0:04:21.900
entire document at a hundred percent

0:04:16.380,0:04:24.060
press ctrl or command + 1 make the

0:04:21.900,0:04:26.610
samples layer active

0:04:24.060,0:04:29.669
since the letter E is my second

0:04:26.610,0:04:32.610
character I'll press V to open my move

0:04:29.669,0:04:35.940
tool and drag the e sample next to my

0:04:32.610,0:04:39.900
second character open your zoom tool and

0:04:35.940,0:04:43.320
drag over that area mick the text layer

0:04:39.900,0:04:46.320
active the first shadow on this

0:04:43.320,0:04:49.650
character will be this one so i'll press

0:04:46.320,0:04:51.810
m to open my marquee tool and carefully

0:04:49.650,0:04:55.050
drag a selection to the edge of where

0:04:51.810,0:04:57.600
the shadow begins press o to open your

0:04:55.050,0:04:59.370
burn tool and again brush across the

0:04:57.600,0:05:03.120
same amount of times as you did earlier

0:04:59.370,0:05:05.520
then delete the selection continue this

0:05:03.120,0:05:08.700
process until all your characters look

0:05:05.520,0:05:11.310
like the samples to see your entire

0:05:08.700,0:05:14.220
document at a hundred percent press ctrl

0:05:11.310,0:05:16.500
or command one alia the shadows on the

0:05:14.220,0:05:18.750
last letter of my logo based on its

0:05:16.500,0:05:21.000
respective sample once you're done

0:05:18.750,0:05:24.360
adding shadows you can hide the samples

0:05:21.000,0:05:27.300
layer we're ready to set the secondary

0:05:24.360,0:05:30.900
line of text open your type tool again

0:05:27.300,0:05:34.080
and choose a font for this example I'll

0:05:30.900,0:05:36.380
use a font called laptop if you'd like

0:05:34.080,0:05:39.479
to use it I provided its link as well

0:05:36.380,0:05:43.229
for this fun I'll choose a point size of

0:05:39.479,0:05:46.950
29 and black for the color go below your

0:05:43.229,0:05:49.050
logo and type out your text to increase

0:05:46.950,0:05:52.050
its tracking highlight the text and

0:05:49.050,0:05:53.880
press and hold alt or option as you

0:05:52.050,0:05:57.720
press the right arrow key on your

0:05:53.880,0:06:02.130
keyboard to reposition it open your move

0:05:57.720,0:06:05.430
tool and move it to center both lines on

0:06:02.130,0:06:08.550
your document shift click on the logo to

0:06:05.430,0:06:12.419
highlight both layers and press ctrl or

0:06:08.550,0:06:18.410
command a click the align horizontal

0:06:12.419,0:06:22.530
centers icon then delete the selection

0:06:18.410,0:06:25.590
make the background active and open your

0:06:22.530,0:06:28.110
elliptical marquee tool go to the top

0:06:25.590,0:06:29.880
left corner of your document and drag

0:06:28.110,0:06:34.020
out a selection to the bottom right

0:06:29.880,0:06:35.650
corner go to select and transform

0:06:34.020,0:06:37.780
selection

0:06:35.650,0:06:39.699
go to the top right corner of the

0:06:37.780,0:06:42.970
transform and when you see a diagonal

0:06:39.699,0:06:45.970
double-arrow press and hold shift and

0:06:42.970,0:06:49.840
alt on windows or shift + option on a

0:06:45.970,0:06:51.880
Mac as you drag the transform in then go

0:06:49.840,0:06:54.400
to the top middle and when you see a

0:06:51.880,0:06:57.729
vertical double-arrow repeat the steps

0:06:54.400,0:07:01.530
as you drag the transform down then

0:06:57.729,0:07:05.110
press Enter or return go to select

0:07:01.530,0:07:08.260
modify and feather feather it a hundred

0:07:05.110,0:07:12.250
pixels then click OK or press Enter or

0:07:08.260,0:07:16.360
return invert the selection by pressing

0:07:12.250,0:07:19.150
ctrl or command shift I click on the

0:07:16.360,0:07:22.270
foreground color and pick a light color

0:07:19.150,0:07:24.639
for this example I'll left click on the

0:07:22.270,0:07:27.430
medium color of my logo to pick up that

0:07:24.639,0:07:30.340
color now I'll move my cursor to the

0:07:27.430,0:07:32.860
left to pick up a lighter shade when

0:07:30.340,0:07:37.180
you've pick your color click OK or press

0:07:32.860,0:07:40.150
Enter or return fill the selection with

0:07:37.180,0:07:43.930
that color by pressing alt or option +

0:07:40.150,0:07:45.849
delete then delete the selection if you

0:07:43.930,0:07:48.160
want to give your entire image a

0:07:45.849,0:07:50.919
paper-like texture make a composite

0:07:48.160,0:07:54.520
snapshot by making your top layer active

0:07:50.919,0:08:00.520
and pressing ctrl shift alt e on windows

0:07:54.520,0:08:04.180
or command shift option e on a Mac go to

0:08:00.520,0:08:07.229
filter and filter gallery open the

0:08:04.180,0:08:10.960
texture folder and click texturizer

0:08:07.229,0:08:14.349
choose sandstone make the scaling a

0:08:10.960,0:08:19.210
hundred percent the relief two and the

0:08:14.349,0:08:21.280
light is from the top then click OK if

0:08:19.210,0:08:23.470
you'd like to adjust its color you can

0:08:21.280,0:08:28.690
do it a few ways click on the adjustment

0:08:23.470,0:08:33.539
layer icon and choose hue/saturation go

0:08:28.690,0:08:33.539
to hue and slide it to the right or left

0:08:38.650,0:08:46.670
another way is to choose color balance

0:08:41.750,0:08:49.220
and in mid-tones slide the three color

0:08:46.670,0:08:53.390
adjustments until you like the color of

0:08:49.220,0:08:57.730
your image this is Marty from Blue

0:08:53.390,0:08:57.730
Lightning TV thanks for watching

standard: en

0:00:03.070,0:00:09.970


0:00:09.970,0:00:11.589


0:00:12.000,0:00:14.889
Hi. This is Marty from Blue Lightning TV.

0:00:14.889,0:00:19.320
I'm going to show you how to create an
origami, folded paper, text

0:00:19.320,0:00:22.640
logo using a great-looking font called,

0:00:22.640,0:00:27.570
"Origram" designed by Nuno Dias.
I provided its link in the video

0:00:27.570,0:00:29.720
description of project files.

0:00:32.000,0:00:33.080
In addition,

0:00:33.080,0:00:36.530
I provided a Photoshop file that
includes this image

0:00:36.530,0:00:41.040
created by Nuno, which shows how each
character should be rendered to simulate

0:00:41.040,0:00:42.409
the folds within them.

0:00:42.409,0:00:46.360
You can reference them when you're ready
to create the folds for your text.

0:00:46.360,0:00:51.359
Once you install "Origram",
open your Horizontal Type Tool

0:00:51.359,0:00:56.230
and open the font.
If you're not sure how to install fonts,

0:00:56.230,0:00:59.960
watch my tutorial showing how to do it.
I provided that link,

0:00:59.960,0:01:03.750
as well. I'll make this size 250 points,

0:01:03.750,0:01:08.670
Sharp and Center Alignment.
Click on the color box

0:01:08.670,0:01:12.619
and pick a color
that's not too light, nor too dark.

0:01:12.619,0:01:16.800
I'm picking 5 9 8 9 F 7.

0:01:17.000,0:01:19.599
Once you pick your color, click OK

0:01:19.599,0:01:23.929
or press Enter or Return. Type out your text.

0:01:23.929,0:01:29.229
To increase or decrease the overall
space between the characters,

0:01:29.229,0:01:32.289
highlight the line and go to

0:01:32.289,0:01:36.420
Window and Character. The Character panel

0:01:36.420,0:01:40.630
will open. Go to the Tracking icon
and drag it to the right

0:01:40.630,0:01:45.099
or left. I'll set it

0:01:45.099,0:01:50.520
at Zero. To adjust the space between just
two characters,

0:01:50.520,0:01:54.470
place your cursor between them
and press and hold

0:01:54.470,0:01:57.739
Alt or Option as you press the right or left

0:01:57.739,0:02:02.800
arrow keys on your keyboard.
To reposition your text

0:02:02.800,0:02:09.800
open your Move Tool and move it.
Temporarily close the Character panel by

0:02:09.800,0:02:11.540
clicking on this icon

0:02:11.540,0:02:15.129
Go to Layer, Rasterize

0:02:15.129,0:02:20.200
and Type. Click on the thumbnail of the
Samples layer to make the layer active.

0:02:20.200,0:02:23.859
Since "Z" is the first letter of my logo,

0:02:23.859,0:02:30.000
I'll drag the "Z" sample next to it. Press

0:02:30.000,0:02:33.680
"D" on your keyboard to make the
foreground and background colors

0:02:33.680,0:02:37.900
default to black and white, respectively.
Open the Zoom Tool

0:02:37.900,0:02:44.499
by pressing "z" on your keyboard. Drag it
over that area to zoom into it. In this

0:02:44.499,0:02:45.370
example,

0:02:45.370,0:02:50.489
we need to darken these areas of the "Z".
Make your text layer

0:02:50.489,0:02:54.749
active and open your
Rectangular Marquee Tool.

0:02:54.749,0:02:58.260
We're going to render one shadow at a time.

0:02:58.260,0:03:02.510
I'll start with this shadow.
Carefully, drag a selection

0:03:02.510,0:03:06.200
over your character
to the edge where the shadow begins.

0:03:06.200,0:03:10.049
Open your Burn Tool

0:03:10.049,0:03:13.329
and make sure the Range is "Midtones".

0:03:13.329,0:03:16.840
and the Exposure is 100%. Also,

0:03:16.840,0:03:20.629
make sure your "CapsLock" key on your
keyboard is NOT on.

0:03:20.629,0:03:24.389
Make the Size: 65 points

0:03:24.389,0:03:30.170
and the Hardness: 0%. Press the F5 key to open your Brush panel

0:03:30.170,0:03:34.109
and make sure "Shape Dynamics"
is NOT checked.

0:03:34.109,0:03:37.469
Press the F5 key again, to close the panel.

0:03:37.469,0:03:41.019
I'll brush across the area 7 times.

0:03:41.019,0:03:44.620
If you want your shadows to be lighter
or darker,

0:03:44.620,0:03:49.079
just brush over it less or more times.
Delete the selection

0:03:49.079,0:03:53.040
by pressing Ctrl or Cmd + D. Next,

0:03:53.040,0:03:56.959
I'll brush in this shadow. Press

0:03:56.959,0:04:01.249
"m" to open your Marquee Tool
and drag a rectangular selection

0:04:01.249,0:04:04.790
up to the edge where the shadow begins.
Press

0:04:04.790,0:04:08.010
"o" to open your Burn Tool and again,

0:04:08.010,0:04:11.709
brush across the same amount of times you did earlier.

0:04:11.709,0:04:15.730
Delete the selection.
To see the entire document

0:04:15.730,0:04:20.000
at 100%, press Ctrl or Cmd + 1

0:04:21.000,0:04:22.790
Make the "Samples" layer

0:04:22.790,0:04:27.620
active. Since the letter "E" is my second
character,

0:04:27.620,0:04:31.260
I'll press "v" to open my Move Tool
and drag the

0:04:31.260,0:04:34.290
"E" sample next to my second character.

0:04:34.290,0:04:39.000
Open your Zoom Tool and drag over that area.

0:04:39.000,0:04:42.050
Make the text layer active.

0:04:42.050,0:04:45.610
The first shadow on this character
will be this one,

0:04:45.610,0:04:48.860
so I'll prss "m" to open my Marquee Tool

0:04:48.860,0:04:53.670
and carefully drag a selection to the
edge of where the shadow begins.

0:04:53.670,0:04:56.790
Press "o" to open your Burn Tool and again,

0:04:56.790,0:05:00.080
brush across the same amount of times
as you did earlier.

0:05:00.080,0:05:04.030
Then, delete the selection.
Continue this process

0:05:04.030,0:05:07.710
until all your characters look like the samples.

0:05:07.710,0:05:12.800
To see your entire document at 100%,
press Ctrl or Cmd + 1.

0:05:12.800,0:05:15.920
I'll add the shadows
on the last letter of my logo

0:05:15.920,0:05:18.930
based on its respective sample.
Once you're done

0:05:18.930,0:05:22.710
adding shadows,
you can hide the Samples layer.

0:05:22.710,0:05:25.970
We're ready to set the secondary line of text.

0:05:25.970,0:05:29.530
Open your Type Tool again
and choose a font.

0:05:29.530,0:05:33.620
For this example,
I'll use a font called, "Labtop".

0:05:33.620,0:05:37.100
If you'd like to use it,
I provided its link, as well.

0:05:37.100,0:05:40.510
For this font, I'll choose a point size of 29

0:05:40.510,0:05:44.030
and Black for the color. Go below your logo

0:05:44.030,0:05:47.890
and type out your text.
To increase its "tracking",

0:05:47.890,0:05:51.790
highlight the text
and press and hold Alt or Option

0:05:51.790,0:05:55.950
as you press the right arrow key
on your keyboard.

0:05:55.950,0:05:58.960
To reposition it, open your Move Tool

0:05:58.960,0:06:03.670
and move it.
To center both lines on your document,

0:06:03.670,0:06:07.220
Shift-click on the logo to highlight both layers

0:06:07.220,0:06:11.380
and press Ctrl or Cmd + A.

0:06:11.380,0:06:15.870
Click the "Align Horizontal Centers" icon.

0:06:15.870,0:06:19.140
Then, delete the selection.

0:06:19.140,0:06:22.800
Make the background active and open your

0:06:22.800,0:06:27.730
Elliptical Marquee Tool. Go to the top,
left corner of your document

0:06:27.730,0:06:32.080
and drag out a selection
to the bottom, right corner.

0:06:32.080,0:06:36.150
Go to Select and Transform Selection.

0:06:36.150,0:06:40.030
Go to the top, right corner of the Transform and when you see a diagonal,

0:06:40.030,0:06:41.180
double-arrow,

0:06:41.180,0:06:44.410
press and hold Shift + Alt on Windows

0:06:44.410,0:06:48.500
or Shift + Option on a Mac
as you drag the Transform in.

0:06:48.500,0:06:51.250
Then, go to the top middle

0:06:51.250,0:06:55.070
and when you see a vertical, double-arrow,
repeat the steps

0:06:55.070,0:07:00.410
as you drag the Transform down.
Then, press Enter or Return.

0:07:00.410,0:07:04.010
Go to Select, Modify and Feather.

0:07:04.010,0:07:07.440
Feather it 100 pixels. Then, click OK

0:07:07.440,0:07:11.880
or press Enter or Return.
Invert the selection

0:07:11.880,0:07:15.810
by pressing Ctrl or Cmd + Shift + I

0:07:15.810,0:07:19.790
Click on the foreground color
and pick a light color.

0:07:19.790,0:07:24.040
For this example, I'll left-click on the
medium color of my logo

0:07:24.040,0:07:28.180
to pick up that color.
Now, I'll move my cursor to the left

0:07:28.180,0:07:31.630
to pick up a lighter shade.
When you've picked your color,

0:07:31.630,0:07:35.940
click OK or press Enter or Return.

0:07:35.940,0:07:39.370
Fill the selection with that color
by pressing Alt

0:07:39.370,0:07:43.650
or Option + Delete.
Then, delete the selection.

0:07:43.650,0:07:47.440
If you want to give your entire image a
paper-like texture,

0:07:47.440,0:07:50.890
make a composite snapshot
by making your top layer

0:07:50.890,0:07:54.300
active and pressing Ctrl + Shift +Alt + E

0:07:54.300,0:07:58.000
on Windows or Cmd + Shift + Option + E

0:07:58.000,0:07:59.000
on a Mac.

0:08:00.310,0:08:03.730
Go to Filter and Filter Gallery.

0:08:03.730,0:08:07.660
Open the Texture folder
and click "Texturizer".

0:08:07.660,0:08:12.300
Choose Sandstone, make the Scaling: 100%,

0:08:12.300,0:08:14.060
the Relief: 2

0:08:14.060,0:08:18.100
and the Light is from the Top.
Then, click OK.

0:08:19.150,0:08:22.810
If you'd like to adjust its color,
you can do it a few ways.

0:08:22.810,0:08:25.850
Click on the Adjustment Layer icon
and choose

0:08:25.850,0:08:30.150
"Hue/Saturation". Go to Hue

0:08:30.150,0:08:32.100
and slide it's the right or left.

0:08:39.270,0:08:42.130
Another way is to choose "Color Balance"

0:08:42.130,0:08:45.200
and in Midtones,

0:08:45.200,0:08:50.150
slide the 3 color adjustments until you
like the color of your image.

0:08:50.150,0:08:54.690
This is Marty from Blue Lightning TV.

0:08:54.690,0:08:55.670
Thanks for watching!

Profiles

Profile 1

Purpose Tutorial (why)
Content
Participants Photoshop (m) geek, Audience
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