Original subtitles

Now that we're done with the

storyboard, it's time to take it to the

next stage and put it on a drawing

canvas to set up our work files.

But before we get into that, I want to

first explain the canvas size guide and

based on what did I choose the

dimensions that I'll tell you about.

So when it comes to canvas size guide,

webtoons are long vertical scrolling

comics and they consist of multiple

pages, let's say.

The dimensions of one of those pages is

really dependent on the platform you're

gonna put it on.

But in this course, I'll be mainly

focusing on the main platform for

publishing for indie creators, which is

Webtoon Canvas.

For Webtoon Canvas, the required

dimensions for one page or one image is

800 pixels in width by a maximum height

of 1280 pixels.

This is the maximum height.

Your image can be smaller, but it can't

be bigger.

So, based on this page requirement, I

usually set my drawing canvas to have 7

pages of this page.

That means it would be 800 pixels in

width times 1280 pixels times 7 pages,

which is this number, 8960 pixels.

But then again, this number is just for

screen size, and since you're putting a

lot of work in your webtoon, you might

consider printing it later and making

it a book format, that's why it's

highly recommended that you don't just

draw on this size specifically, but go

a little bit higher and size up your canvas.

For me, I draw on a canvas that is 3

times the size of this 7-pages canvas.

So that means 800 pixels times 3 in

width, which is 2400 pixels, and this

number times 3, which gives us this

number, 26800 pixels.

so in summary the file size I'll be

going for is this one this number by

this number so let's make use of these

numbers already let's create our work

files or drawing canvas we'll go to

file new and then choose webtoon over

here personally I name it by the name

of the chapter so far now I'm working

on chapter 14 and I'll call it just

that when you click on this button you

Choose the directory where you want

your files to be saved, and over here,

under the canvas, this is where we're

going to make use of these numbers that

I mentioned here.

So the width of the canvas will be 2400

pixels by a height of 26880 pixels.

Make sure the basic expression color is

set to color, and the paper color I

usually leave it as it is in white.

Now, for this page settings over here,

this feature is only available for X

version of Clip Studio Paint.

So I set it to a number of six pages

and when I click OK, it's gonna create

me six long pages of the dimensions

that I've set.

So it's like a page management file has

been created.

That means that if I right-click any of

these pages, I can see options of

opening the page, deleting, adding,

duplicating and so on.

to show you how it looks like in the

file format a file is created for me

here called chapter 14 which is the

page management file of Clip Studio

Paint and then it created another six

pages so if I close this now and open

up chapter 14 I'm gonna get this page

management file and as you can see it

has created six files for the six pages

that I specified so if you are an X

user then you can follow this and get

the same result but if you a pro user,

you can do exactly the same thing by

going to file, new, webtoon and then

creating these files separately.

So basically you're gonna create them

without having a binder to combine them.

That's why it's not gonna make much

difference when it comes to the work

files themselves.

The X version only makes it easier for

you to manage your pages.

Now I'll open up the first page of my

chapter and I'll go back to the

storyboard file and drag it and then

I'll keep my pages on the left side

over here so that I can see what's

going on.

So as I mentioned in the storyboard I

drew every column of it on a separate layer.

So I'll go to the first layer and click

Ctrl A to select all and then Ctrl C to copy.

Or you can also go to select, select

all and then edit and copy.

And I'll go back to my page and click

control V on my keyboard or edit and

paste is the same thing.

And now I'll click control T to bring

up the transformation box.

As you can see I have handles that

allow me to resize my storyboard.

If you don't have a keyboard and want

to bring up the transformation, there's

this button that we set up earlier in

the command bar.

When you click on it, it will also

bring up the transformation box or you

can also go to edit Transform scale

rotate and it will also show up the

same thing now.

I'll zoom out a little bit and Hold the

space bar to pan my canvas and I'll

drag this box on the corner to resize

it Now to resize it with proportion you

have to make sure that over here keep

aspect ratio is ticked if it's not

ticked then you have to press shift on

your keyboard and resize.

So I'm going to bring it back.

So I resize my storyboard so that it

fits my canvas size and then click OK

to apply transformation.

One really cool thing we can enable is

going to view and then selecting

on-screen area, webtoon.

With this enabled, we can see how the

view looks like on one webtoon page.

so that means that we can adjust the

distance between our panels and check

how it would look like on phone so

basically this rectangle is the phone

view by the way you can adjust the

settings of this on-screen view by

going to view on screen area settings

webtoon and then adjusting the ratio

from over here but I usually keep it as

is so I'm just gonna click cancel now

I'll zoom out so I can have a better

view and I'll go for the key tool over

here and using the rectangular

selection I'll select starting from

this canvas and then go to the move

tool over here and move this down while

holding shift so that I only move the

panels down in the vertical side and

not in the horizontal side.

After I'm done I'll click this button

to deselect and I'll go ahead again and

select the following panels.

If you want to select other stuff, then

you can make use of the lasso tool over here.

And make sure that you have this button

on, add to selection, so that you add

to the selection that you currently have.

And if you choose this button over

here, then you can subtract from the selection.

These settings are available for all

the selection options, so keep them in

mind to make good use of them.

I'll go back again to the Move tool and

hold Shift and move it down.

I'll use the Lasso tool this time and

move down again and then click this or

you can also click Ctrl plus D on your

keyboard to deselect.

And finally, this last panel, I'll hold

Shift and bring it down.

As for the first panel in this chapter,

I'll be reusing the last panel from my chapter.

So I'm gonna go ahead and copy it from

here and paste it over here.

So I'll go to edit, paste to shown

position so that it's pasted in the

right position.

I'll move it a little bit to adjust it.

With the arrows on my keyboard I can

zoom in and check that everything is

looking fine.

So now when I zoom out I can see that

this panel is taking almost the

majority of page and I'll scroll down

with the pan tool to check how the

chapter is coming together.

I felt that this panel was too close so

I'm gonna change the distance between

them and move it down a little bit more.

The distancing between panels is very

important because it also contributes

to the pacing of your storytelling.

So the bigger gaps you leave between

panels the more breaks between the scenes.

So for example over here I want to some

sort of fearful emotion so I want to

give this character more space to show

her fearful emotion.

That's why I'm gonna leave bigger space

between the panels before and after it.

So I'll scroll down and I'll have the

panels over here closer to each other

because I want them to seem quicker and

I'll check the pacing again by scrolling.

I'm gonna bring this last panel a

little closer to the previous panel so

that the pacing feels quicker since I

want the guy to quickly grab his sword

and transform and now since I finished

transferring the first column I'm going

to do the same thing for the second

column so I'll choose layer 2 and since

everything is still selected I'll also

control C again to copy and I'll go

edit paste to shown position so I can

see it because if I just paste it like

this, I'm not gonna see where it is I

don't know like it's lost so I use

paste to shown position instead But

anyway, if you lose any of your layers

without finding a trace just to click

ctrl T and then the Transformation box

will show up and then you can drag your

layer and you know find it again So

yeah edit paste to shown position and

I'll also Transform this and resize it.

As you can see I'm approaching the end

of the page So it looks like I'm going

to discard the next few panels and

leave them for the second page Again, I

check the pacing by scrolling and

adjust accordingly so I decided to keep

this panel only so I'm gonna select the

next one and click this button over

here to delete or click the delete

button on my keyboard or go to Edit ->

Delete and then Control-D to deselect.

And I'll bring this panel a little bit downwards.

Now if I want to remove this excess

space and crop this canvas, I can do

that by simply using the Rectangular

Selection Tool and selecting my canvas

up to where I want to cut and then go

to Edit -> Crop.

so this way this first page ends here

and if I want to change the dimensions

of the page and make it longer then I

can go to edit change canvas size from

here I can change my dimensions for

example let's input 28,000 pixels but

as you can see when doing this the

extra canvas size is coming on both the

top and the bottom of the canvas that

is because the reference point is set

to center in this case.

So I don't want that I want the

extension to be on the bottom side only

so I'm gonna click reset and choose the

reference point to be the top over here

and now I can type the height I want

again and as you can see the extension

is coming at the bottom but I'm gonna

cancel and I'm gonna keep it as it is.

Now since I'm done with this first page

I will merge those layers of the

storyboard by clicking on the layer and

holding shift and clicking on all the

storyboard layers I have and then

right-click and merge selected layers.

So now all of my storyboard is on one layer.

I'm gonna rename this layer to storyboard.

The extra step I also do is click on

this button over here to change the

layer color to blue so that it's easier

for me later when I'm sketching.

If you don't see this button by the way

your layers window might be too small

just to drag it a bit and it should

show up.

And if you still don't see, you can get

the same effect as well under the layer

properties by clicking this button,

layer color, so clicking it would

enable and clicking again would disable it.

And you can play around with the color

you want from here, any color you want,

but I usually keep it to the default blue.

So for the rest of the storyboard, I do

the same thing to transfer all of my

rough drafts to the work files and then

once I'm done, it's time to create

frames for my panels.

And we can easily do that by going to

the frame border tool over here and

then choose rectangular frame.

You can pick the color you want for the

border of your panel.

I usually go for solid black.

Now click and hold to draw the panel

over your rough draft and once you

release you'll see over here that a

frame layer has been created.

It comes with a raster blank layer and

a frame background so I beneath it.

Now that this frame has been created,

if I click on any layer inside it and

draw, anything I draw will be inside

the frame.

But if I drag the layer outside the

frame, then I can take it outside and

it's no longer bound by the frame area.

To edit the settings of almost anything

in Clip Studio Paint, you make use of

the object tool under operation.

So when using the object tool and

clicking on the panel, you can

immediately see the over here.

You can either keep the border or if

you untick this the border will be removed.

You can change the color of the border

from here to whichever color you want

and you can also change the size of the border.

I usually go for size 8.

I find it suitable for my dimensions.

Now the border of the frame is

basically a vector so most of vector

layer properties apply to it.

We'll talk more about vector layers

later when we're in the line art but

for now I want to show you how you can

edit lots of the settings of the border

by treating it as a vector layer.

First of all click on the correct line

button over here and choose the control

point subtool.

Over here you have multiple settings.

The border of the panel is made up of

control points so if I click on move

control points I can move them and

therefore adjust the shape of the panel.

If I click on add control point I can

add another control point and now if I

move this new control point then I can

get a new shape and if I click delete

control point then that control point

will be removed and if I click on

switch corner then it's gonna make it

into a smooth corner instead of a sharp

one and if I click on adjust line width

and click on a control point and drag

upwards then I'm gonna see that the of

thickness created.

And if I click and drag down then the

line width gets smaller and almost non-existent.

The last two options don't seem to work

with frame borders and we don't really

need them anyway.

So for now I want to adjust the shape

of this panel while I can just move

this control point over here.

As you can see the line is not

perfectly horizontal and I want to keep

horizontal I don't want to mess that up.

So what I'll do is I'll add a control

point over here where the slanted line

ends and then I'll delete the control

point over here and as you can see a

slanted line was created while keeping

the horizontal line straight but I'm

gonna change it a little bit because it

was too slanted and I'm gonna put it

here and delete.

Now I usually do an step for my storyboard.

With a pen I go around and number my

panels because that's how I keep track

of them so that I can rename my frames

as well to the numbers of panels.

And it's also the way I keep track of

my progress in a document that I'll

introduce to you later.

So now since I numbered my panels I'll

go ahead and and rename the first frame

I added and call it one so that every

frame I'll draw from now on will have a number.

You You can also use the object tool to

quickly move the control points.

In this case I don't have any

horizontal lines to worry about so I

just dragged them and adjusted the slant.

So I'll continue adding frames for the

rest of the panels in this page to show

you the process.

I found out that using slanted lines

for some scenes make them look more dynamic.

Especially if you have fight scenes in

your comic, I find that it really makes

them more lively.

that's why I decided to go for slanted

look over here and maybe I'll make them

even more slanted.

For this panel I decided to go for a

full view so that the frame fills the

screen so I'm going to have it as a big

panel and continue drawing the

character later.

Probably I'll draw more of the body of

the character so that this last panel

number 6 will come on top of it.

Also to move your panels around well

you could use the object tool to move

it If you had content inside the panel,

moving it around with the object tool

doesn't move the contents inside it.

That's why, when you want to move a

panel, make sure to use the move layer

tool instead, so that you can move the

whole thing together.

So that's all about how to add frames

or panels.

I'll repeat the same process for all of

the other pages until I have all of the

storyboard transferred to my work files.

In the next lesson, we'll move on to

add speech bubbles so that we can see

our characters finally speaking.