Basic Splitscreen Tutorial!

Split Screen is basically this,


And, this is how you do it

---

---------------------------------------------------------------------------------------------------
Step 1
Open up flash, and create a Document.

Step 2
Get your first screen ready. For example,

Spoiler:

Step 3
Add a new layer in top of your first screen, name it "Mask", and create a rectangle, it can be any color you want it doesn't matter.( I always use green... dunno why..)
Also, place the rectangle wherever you want your Split Screen to happen, as shown in this picture.

Spoiler:

Step 4 *
Create another layer under the "Mask" layer, and put your second screen there.
This is how it works, the green square, will be like your second camera, so what ever you put under that square will show. Just like a V-cam.

I recommend you to switch the green square to "and outline" by pressing on this button, . (Color may change)
So...

Spoiler:

Step 5
Right click on the "Mask" layer, and click on "Mask", and bang! You got it

Spoiler:

Be sure to have the mask layer and the masked layer locked so it can work.
-----------------------------------------------------------------------------------------------
Extra
So far you should have this

Spoiler:

But, all is missing is the line that "splits" the two screens.

All you do is make a line and put it in between where the two screens split, like this

Spoiler:

however, that looks boring... We have to make it look better
How about if we make it a gradient?

Click on the line that you just made, and go to the "Color" window, if it isn't already there press "shift + f9" on your keyboard.
Now in this window, click this button,, click the little drop down menu that says "Type: Solid", and click on Linear.
So far it should look a little something like this;

Spoiler:

Now, press "F" on your keyboard, and something should come up around your line.
At the very end of your line there should be a box with a circle in it, go around the any corner of that little box and your cursor should change to a rotating cursor.

Spoiler:

Rotate it 90 Degrees and change the colors of the gradient to whatever you want, I will change them to this.

Spoiler:

Now Click, and hold this button, . And move it closer to the line like this

Spoiler:

Zoom in if you need to make it closer, just try to make it look like this.

Spoiler:

The final product should look something like this;

Spoiler:

.


Remember to be creative, and try to make it as cool as possible

Note:
Do NOT use a glow instead of using the gradient, because it might not show in the SWF if you are using a V-Cam.
PM me if you need help.
------------------------------------------------------------------------------------------------------------------------------------------------------------
Written by DarkZeroXP

If you got it right, show me a screenshot of it :3 I wanna see how yours look like.

Yay, I got it right in my little tut. Also, great tutorial, very explanatory, nothing, being too desciptive, and nothing being too vague. Very good job. I like it, also, the outcome isn't even the same as the outcome for the tutorial. XD

Any who...good job, and I like how you didn't just embed all the images and the page isn't huge. Good use of the spoilers pal. :3

how do you even do the spoiler thing. and good tut, doubt i'd use it though

I knew this before all of you i don't care

Eric wrote:I knew this before all of you i don't care

so why are you cryin?

Granadico wrote:

Eric wrote:I knew this before all of you i don't care

so why are you cryin?

Because so

Like this right?

joshl92 wrote:
Like this right?

Ewww...naruto

Eric wrote:

joshl92 wrote:
Like this right?

Ewww...naruto

i was waiting for you or someone to say that

Eric wrote:

joshl92 wrote:
Like this right?

Ewww...naruto

off-topic their bro.

TheCaptainBadAss wrote:

Eric wrote:

joshl92 wrote:
Like this right?

Ewww...naruto

off-topic their bro.

It was kinda on topic. since Naruto was in the picture! Anyway don't try to continue an off topic post like I'm doing..
/bans self

about time >:[ now i can show off to darkwolf :3

Whoa, thanks... I didnt know how to make that :3.

Cool... I try later, now Im lazy xD

looks like an awsome tut, but i just need to verify...
can it be done in flash 8?
I don't wanna try something and then find out that i don't have the right program... :)

yes it does. :)

Peter95240 wrote:looks like an awsome tut, but i just need to verify...
can it be done in flash 8?
I don't wanna try something and then find out that i don't have the right program... :)

Yes, it can be done in Flash 8. :3

Also, good job to who ever made there's. xD

.........AT LAST THE SECRET HAS BEEN REVELED.....(cries a little)

The only thing I think you guys should do for a test for this, is a background that just, isn't identical. So that you can actually see how it was more, masked. What I mean is, in the left part, there's trees, then on the right, like a building. So that others can really tell that it is a split screen rather than just two pictures.

whoooooooo i did it and it looks awesome.thank you dzp you talented S.O.B you.LOL

madfacespriter wrote:whoooooooo i did it and it looks awesome.thank you dzp you talented S.O.B you.LOL

lol show me a screenshot of it I wanna see it

Nice tutorial It helped me make a dramatic seen in Ness vs. Shadow

now that i know the basics of it ima do some wild stuff with this....(old dog new trick well i be damned)