Share
Go down
DarkZeroXP
Spritan
Spritan
Age : 25
Number of posts : 401
Registration date : 2010-03-21
Location : Florida
View user profile

Basic Splitscreen Tutorial! Empty Basic Splitscreen Tutorial!

on 4/27/2010, 9:15 pm
Split Screen is basically this,
Basic Splitscreen Tutorial! Splitscreen1

And, this is how you do it Very Happy

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

Step 2
Get your first screen ready. For example,
Spoiler:
Basic Splitscreen Tutorial! Untitl10

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:
Basic Splitscreen Tutorial! Untitl11

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,Basic Splitscreen Tutorial! Untitl12 . (Color may change)
So...
Spoiler:
Basic Splitscreen Tutorial! Untitl13

Step 5
Right click on the "Mask" layer, and click on "Mask", and bang! You got it Very Happy
Spoiler:
Basic Splitscreen Tutorial! Untitl14

Be sure to have the mask layer and the masked layer locked so it can work.
-----------------------------------------------------------------------------------------------
Extra
So far you should have this
Spoiler:
Basic Splitscreen Tutorial! Untitl15

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:
Basic Splitscreen Tutorial! Untitl16

however, that looks boring... We have to make it look better Very Happy
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,Basic Splitscreen Tutorial! Untitl18, 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:
Basic Splitscreen Tutorial! Untitl19

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:
Basic Splitscreen Tutorial! Untitl20

Rotate it 90 Degrees and change the colors of the gradient to whatever you want, I will change them to this.
Spoiler:
Basic Splitscreen Tutorial! Untitl21

Now Click, and hold this button, Basic Splitscreen Tutorial! Untitl22. And move it closer to the line like this
Spoiler:
Basic Splitscreen Tutorial! Untitl23

Zoom in if you need to make it closer, just try to make it look like this.
Spoiler:
Basic Splitscreen Tutorial! Untitl24

The final product should look something like this;
Spoiler:
Basic Splitscreen Tutorial! Untitl25
.


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

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


Last edited by DarkZeroXP on 7/1/2010, 3:18 pm; edited 1 time in total

___________________________________________________________________________________________

Basic Splitscreen Tutorial! Signaturevs
This our website! There are many like it, but this one is ours! Without us, The Spritas is nothing! Without The Spritas, I am nothing!
DarkZeroXP
Spritan
Spritan
Age : 25
Number of posts : 401
Registration date : 2010-03-21
Location : Florida
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/27/2010, 9:21 pm
If you got it right, show me a screenshot of it :3 I wanna see how yours look like.

___________________________________________________________________________________________

Basic Splitscreen Tutorial! Signaturevs
This our website! There are many like it, but this one is ours! Without us, The Spritas is nothing! Without The Spritas, I am nothing!
Patt
Administrator
Administrator
Age : 24
Number of posts : 13138
Registration date : 2009-03-28
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/27/2010, 9:22 pm
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

___________________________________________________________________________________________

Basic Splitscreen Tutorial! Purple11

[The Return]
Granadico
Administrator
Administrator
Age : 23
Number of posts : 12947
Registration date : 2008-11-18
Location : On the computer
View user profilehttps://www.youtube.com/user/Granadicohttps://www.twitch.tv/granadico/profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/27/2010, 9:52 pm
how do you even do the spoiler thing. and good tut, doubt i'd use it though Razz

___________________________________________________________________________________________

Basic Splitscreen Tutorial! Granadico made by Knux184

We can learn from the past
But those days are gone
We can hope for the future
But there may not be one
-Mike Portnoy "A Change of Seasons"
Eric
Administrator
Administrator
Age : 24
Number of posts : 4284
Registration date : 2008-10-20
Location : New York
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/27/2010, 9:52 pm
I knew this before all of you i don't care Sad

___________________________________________________________________________________________

Watch your ass.
Basic Splitscreen Tutorial! Banned1a7c7e438gif
Granadico
Administrator
Administrator
Age : 23
Number of posts : 12947
Registration date : 2008-11-18
Location : On the computer
View user profilehttps://www.youtube.com/user/Granadicohttps://www.twitch.tv/granadico/profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/27/2010, 9:53 pm
@Eric wrote:I knew this before all of you i don't care Sad

so why are you cryin?

___________________________________________________________________________________________

Basic Splitscreen Tutorial! Granadico made by Knux184

We can learn from the past
But those days are gone
We can hope for the future
But there may not be one
-Mike Portnoy "A Change of Seasons"
Eric
Administrator
Administrator
Age : 24
Number of posts : 4284
Registration date : 2008-10-20
Location : New York
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/27/2010, 9:54 pm
@Granadico wrote:
@Eric wrote:I knew this before all of you i don't care Sad

so why are you cryin?
Because so Sad

___________________________________________________________________________________________

Watch your ass.
Basic Splitscreen Tutorial! Banned1a7c7e438gif
『Joshl92』
Spritan
Spritan
Age : 23
Number of posts : 228
Registration date : 2009-03-04
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/27/2010, 11:30 pm
Basic Splitscreen Tutorial! Narutovspain
Like this right?
Eric
Administrator
Administrator
Age : 24
Number of posts : 4284
Registration date : 2008-10-20
Location : New York
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/28/2010, 12:00 am
joshl92 wrote:Basic Splitscreen Tutorial! Narutovspain
Like this right?
Ewww...naruto

___________________________________________________________________________________________

Watch your ass.
Basic Splitscreen Tutorial! Banned1a7c7e438gif
Granadico
Administrator
Administrator
Age : 23
Number of posts : 12947
Registration date : 2008-11-18
Location : On the computer
View user profilehttps://www.youtube.com/user/Granadicohttps://www.twitch.tv/granadico/profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/28/2010, 12:01 am
@Eric wrote:
joshl92 wrote:Basic Splitscreen Tutorial! Narutovspain
Like this right?
Ewww...naruto

i was waiting for you or someone to say that

___________________________________________________________________________________________

Basic Splitscreen Tutorial! Granadico made by Knux184

We can learn from the past
But those days are gone
We can hope for the future
But there may not be one
-Mike Portnoy "A Change of Seasons"
TheCaptainBadAss
Banned
Banned
Age : 22
Number of posts : 656
Registration date : 2010-04-24
Location : Place
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/28/2010, 12:02 am
@Eric wrote:
joshl92 wrote:Basic Splitscreen Tutorial! Narutovspain
Like this right?
Ewww...naruto
off-topic their bro.

___________________________________________________________________________________________

Perhaps...we all mad?
Eric
Administrator
Administrator
Age : 24
Number of posts : 4284
Registration date : 2008-10-20
Location : New York
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/28/2010, 12:03 am
@TheCaptainBadAss wrote:
@Eric wrote:
joshl92 wrote:Basic Splitscreen Tutorial! Narutovspain
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

___________________________________________________________________________________________

Watch your ass.
Basic Splitscreen Tutorial! Banned1a7c7e438gif
XSpriteAP88X
Spritan
Spritan
Age : 24
Number of posts : 248
Registration date : 2010-04-24
Location : earth
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/28/2010, 1:00 am
about time >:[ now i can show off to darkwolf :3
Jemaster800
Spritan
Spritan
Number of posts : 541
Registration date : 2010-03-21
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/28/2010, 8:57 am
Whoa, thanks... I didnt know how to make that :3.
Zeldd
Spritan
Spritan
Age : 23
Number of posts : 35
Registration date : 2009-08-13
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/28/2010, 10:48 am
Cool... I try later, now Im lazy xD
Peter95240
Spritan
Spritan
Age : 23
Number of posts : 615
Registration date : 2009-10-07
Location : United Kingdom
View user profilehttps://twitter.com/@ptr_01

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/28/2010, 11:54 am
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... :)

___________________________________________________________________________________________

 Mad 
- Twitter
- Gaming YouTube Channel [ChillaxersPlay]
- Personal Gaming Channel + Animations [PTR]
Peter95240
Spritan
Spritan
Age : 23
Number of posts : 615
Registration date : 2009-10-07
Location : United Kingdom
View user profilehttps://twitter.com/@ptr_01

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/28/2010, 2:55 pm
yes it does. :)

___________________________________________________________________________________________

 Mad 
- Twitter
- Gaming YouTube Channel [ChillaxersPlay]
- Personal Gaming Channel + Animations [PTR]
Patt
Administrator
Administrator
Age : 24
Number of posts : 13138
Registration date : 2009-03-28
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 4/28/2010, 3:00 pm
@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

___________________________________________________________________________________________

Basic Splitscreen Tutorial! Purple11

[The Return]
Face
Spritan
Spritan
Age : 30
Number of posts : 13013
Registration date : 2010-04-29
Location : Returned-ed
View user profile

Basic Splitscreen Tutorial! Empty YAAAY

on 5/7/2010, 6:53 am
.........AT LAST THE SECRET HAS BEEN REVELED.....(cries a little)
Patt
Administrator
Administrator
Age : 24
Number of posts : 13138
Registration date : 2009-03-28
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 5/7/2010, 8:13 pm
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.

___________________________________________________________________________________________

Basic Splitscreen Tutorial! Purple11

[The Return]
Face
Spritan
Spritan
Age : 30
Number of posts : 13013
Registration date : 2010-04-29
Location : Returned-ed
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 5/11/2010, 8:05 pm
whoooooooo i did it and it looks awesome.thank you dzp you talented S.O.B you.LOL

___________________________________________________________________________________________

Basic Splitscreen Tutorial! Untitl15
DarkZeroXP
Spritan
Spritan
Age : 25
Number of posts : 401
Registration date : 2010-03-21
Location : Florida
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 5/11/2010, 8:06 pm
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

___________________________________________________________________________________________

Basic Splitscreen Tutorial! Signaturevs
This our website! There are many like it, but this one is ours! Without us, The Spritas is nothing! Without The Spritas, I am nothing!
Face
Spritan
Spritan
Age : 30
Number of posts : 13013
Registration date : 2010-04-29
Location : Returned-ed
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 5/11/2010, 10:28 pm
@DarkZeroXP wrote:
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
Basic Splitscreen Tutorial! Hiei_210

___________________________________________________________________________________________

Basic Splitscreen Tutorial! Untitl15
Knux
Spritan
Spritan
Age : 24
Number of posts : 2829
Registration date : 2010-02-17
Location : The core of your heart <3
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 5/12/2010, 1:27 pm
Nice tutorial Very Happy It helped me make a dramatic seen in Ness vs. Shadow Razz
Face
Spritan
Spritan
Age : 30
Number of posts : 13013
Registration date : 2010-04-29
Location : Returned-ed
View user profile

Basic Splitscreen Tutorial! Empty Re: Basic Splitscreen Tutorial!

on 5/13/2010, 4:17 pm
now that i know the basics of it ima do some wild stuff with this....(old dog new trick Shocked well i be damned)

___________________________________________________________________________________________

Basic Splitscreen Tutorial! Untitl15
Back to top
Permissions in this forum:
You cannot reply to topics in this forum