Share
View previous topicGo downView next topic
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Basic Splitscreen Tutorial!

on 4/27/2010, 9:15 pm
Split Screen is basically this,


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:

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 Very Happy
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 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,, 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 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






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!
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

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.






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!
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

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







[The Return]
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profilehttp://www.youtube.com/user/Granadicohttps://www.twitch.tv/granadico/profile

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





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"
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

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.
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profilehttp://www.youtube.com/user/Granadicohttps://www.twitch.tv/granadico/profile

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?





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"
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

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.
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: Basic Splitscreen Tutorial!

on 4/27/2010, 11:30 pm

Like this right?
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: Basic Splitscreen Tutorial!

on 4/28/2010, 12:00 am
joshl92 wrote:
Like this right?
Ewww...naruto





Watch your ass.
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profilehttp://www.youtube.com/user/Granadicohttps://www.twitch.tv/granadico/profile

Re: Basic Splitscreen Tutorial!

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

i was waiting for you or someone to say that





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"
avatar
Banned
Banned
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: Basic Splitscreen Tutorial!

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





Perhaps...we all mad?
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: Basic Splitscreen Tutorial!

on 4/28/2010, 12:03 am
@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





Watch your ass.
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: Basic Splitscreen Tutorial!

on 4/28/2010, 1:00 am
about time >:[ now i can show off to darkwolf :3
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: Basic Splitscreen Tutorial!

on 4/28/2010, 8:57 am
Whoa, thanks... I didnt know how to make that :3.
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: Basic Splitscreen Tutorial!

on 4/28/2010, 10:48 am
Cool... I try later, now Im lazy xD
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profilehttps://twitter.com/@ptr_01

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... :)



avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profilehttps://twitter.com/@ptr_01

Re: Basic Splitscreen Tutorial!

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



avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

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







[The Return]
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

YAAAY

on 5/7/2010, 6:53 am
.........AT LAST THE SECRET HAS BEEN REVELED.....(cries a little)
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

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.







[The Return]
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

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





avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

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






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!
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

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





avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

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
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

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)





View previous topicBack to topView next topic
Permissions in this forum:
You cannot reply to topics in this forum