Reply to topic  [ 21 posts ]  Go to page 1, 2  Next
 Flash lessions to get your toes wet. PART 1 

I think...
I learned something. 50%  50%  [ 6 ]
My penis is fucking me. 25%  25%  [ 3 ]
I no has a dong!. 0%  0%  [ 0 ]
META SHOCKSOCK FOR WORLD PRESIDENT. 25%  25%  [ 3 ]
Total votes : 12

 Flash lessions to get your toes wet. PART 1 
Author Message
Level 39
Level 39
User avatar

Cash on hand:
2,187.55

Bank:
5,250.50
Posts: 21063
Joined: Sat Feb 14, 2009 11:44 pm
Group: Sysop
Post Flash lessions to get your toes wet. PART 1
Introduction

You've all been to failgrounds, walfas and swfchan, and spent hours fapping away at stuff, right?. Now you want to stop thinking of Flash Animation as an eldritch secret and try it yourself, right?

Not to worry. Fire up the program and get ready to go!.

BRACE FOR IMPACT!

There are three simple things you need to get started.

Vision: What do you want to make?. Do you have a script? A game plan?. Aim high and shoot higher!
Will: You can do this!
Time: You'll need time, lots of time. Because sloppy flash is made in less than 5 hours.

Things you'll be learning.
1) Frames and Layers
2) Objects. The "cell", basic unit of animation creation.
3) Actionscript 2.
4) Sleep deprivation.

Frames:
Ah yes, The empty canvas. So oozing with potential, yet nothing is there. There are two things you need to know about this sucker. There are two types of frames. Frames and Keyframes.

Keyframes will be your primary area of interest so let's start there. A keyframe is the virtual "film screen" on a film roll. A 'page' of flash, so to speak. A bunch of keyframes with different stuff will loop endlessly, making for great .gif creation.

Frames, on the other hand, are place4holders that tell Flash to show the same object in it's keyframe.

A series of Keyframes
[/][|][\][--][/][|][\][--][/][|][\][--][/][|][\][--]
You play this flash and you'll see a stick spinning in place.

A keyframe, and frames following.
[/][_______________________________________]

The 'stick' will not move at all, but will remain stationary.

Using Keyframes is vital for making basic flash loops.

Now onto the next subject... LAYERS.

-

Using layers for the first time can be a daunting experience, but once you master it, it shall become a valuable tool in your flash-making arsenal. Some simple things to keep in mind will be of great use when dabbling in this feature.

Layers are like transparent canvas. The layer displayed highest will be the ones who'se objects and drawins overlay everything else. With a little experimenting, you can make pseudo 3D landscapes.

-

Objects:
What are objects?. They can be anything from a button to Shinobu Maehara's Left Eyeball on flash. Go ahead. Scribble something. Like a rainbow penis.

Now you realize there's nothing lasting about this. How do flash artist do those clever effects with them?!. Simple!. Just select the object, and right click it, and convert it into an object!.

Image

Now you realize that you can't do much with just a scribble. Heck, you'd have to hand-draw every keyframe to make something worth anything.

Upon selecting 'convert to object', you are hit by the next obvious question. Buttons? Graphics? Movieclips?! WTF.

Image

Okay, calm the fuck down.

Look at the "X" key on your keyboard. That's a button. You press it, and things happen, but then the button can be pressed again!.

How do we do that in flash?.

Simple, you draw a buttony looking shape- heck, use that scribble of a penis if you want, but it has to EXIST, and be SELECTABLE!.

You select it and convert it into a symbol by right clicking it and selecting 'convert to symbol', then choosing 'Button'. in the dropdown menu!.

DONE!.

... What, you want to know how to make the button work like one?. Okay!. Double-click your new button, and it'll take you to the button editing screen!. You'll notice that the frames have changed from many to just four. The four frames show the button in four states. Untouched, mouse pointer touching, pressed and I have no idea how hit works.

Insert new keyframes and draw the buttons in their stages, and you're done!.

What, you want to make your grotesque button DO something?.

That takes actionscript, which I will explain in a moment.

Next... MOVIECLIPS!.

What do you do when you want a spinning stick in a frame? Or a twitchy stickfigure?. That's right, movieclips. Think of movieclips as a 'series of pictures', or a gif embedded on a website.

All you do is convert it into a movieclip, then doubleclick on it!. You are taken to the editing screen for the movieclip. Add keyframes and draw stuff, until satisfied.

Graphics.

Do I have to explain this to you, ya dumbshit?. It turns your scribble into an editable, playable piece of pixel art!.

With that out of the way... let's move on to Actionscript.

-

So you've done a flash of scrappy lineart and watched your creation loop out of control with no interaction whatsoever. You want to chnage that, right? Right!. Actionscript's the way you can add some pizzaz to your wad of flash.

1) Stopping infinite loops.
You want your flash to stop at a certain point, so as to give time to click buttons and stuff?.

Click the frame where you want to stop and press F9.

This brings up the action page. Type

stop();

That makes the flash stop on the frame that code shows up.

2) Using buttons to move from frame to frame.
Vital to creating walfas style flash, this instruction allows you to use buttons to navigate to frames.

Step 1) Create a button.
Step 2) Click on it, THEN press F9

enter the following code

on (release) {gotoAndStop(X);}

where X is the frame you want the button to go. Needless to say, this command takes you to a certain frame and STOPS.

Take a wild guess what
Code:
on (release) {gotoAndPlay(X);}

does!

REMEMBER: Those codes work only on button actions.

You now have enough skill to start making simple flash based 'comics' a la Walfas style.

IN THE NEXT EPISODE:

Sounds, music, Audacity and you! Don't miss it!.

_________________
Image
Yeap.

_________________
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
4 pcs.


Fri Feb 25, 2011 2:17 pm
Profile E-mail WWW
Level 14
Level 14
User avatar

Cash on hand:
52,153.50
Posts: 1430
Joined: Sat May 02, 2009 6:24 am
Group: Registered users
Post Re: Flash lessions to get your toes wet. PART 1
AT FIRST I WAS SKEPTIC, BUT NOW I'VE READ THIS I FEEL CONTEMPT FOR MY OLD, IGNORANT SELF.

YOU CAN BECOME HARDER THAN AN ADAMANTIUM PENOR MY FRIENDS, COME ONE, COME ALL.


Sun Feb 27, 2011 7:27 am
Profile E-mail
Level 35
Level 35
User avatar

Cash on hand:
1,745,184.60

Bank:
55,666.50
Posts: 8888
Joined: Fri Feb 18, 2011 3:52 pm
Group: Registered users
Post Re: Flash lessions to get your toes wet. PART 1
awesome tutorial

_________________
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.


Sun Feb 27, 2011 6:11 pm
Profile E-mail
Level 39
Level 39
User avatar

Cash on hand:
2,187.55

Bank:
5,250.50
Posts: 21063
Joined: Sat Feb 14, 2009 11:44 pm
Group: Sysop
Post Re: Flash lessions to get your toes wet. PART 1
Is there anything that needs to be added for it?

_________________
Image
Yeap.

_________________
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
4 pcs.


Thu Mar 03, 2011 4:22 pm
Profile E-mail WWW
Level 35
Level 35
User avatar

Cash on hand:
1,745,184.60

Bank:
55,666.50
Posts: 8888
Joined: Fri Feb 18, 2011 3:52 pm
Group: Registered users
Post Re: Flash lessions to get your toes wet. PART 1
I will get back to you when I actually read all of this and get a decent program again. (ep 0 getting a decent program jk lul)

Edit: I may be incorrect because I don't have a program right now, but aren't the names for the button actions different "Untouched, mouse pointer touching, pressed and I have no idea how hit works." aren't these like "OnMouseOver" and shit?

Edit2: forgot to keep the ActionScript red as in "on (release) {gotoAndStop(X);} " anyway good job with the way this is presented. I'm sure I would have probably said WTF IS THIS SHIT? too. Helpful for real people. Solid work for a forum post. Why is this not in tutorials? (better yet have flash have its own set of tutorials [own folder structure or thread or w/e]).

_________________
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.


Wed Jun 15, 2011 2:29 am
Profile E-mail
Level 35
Level 35
User avatar

Cash on hand:
1,745,184.60

Bank:
55,666.50
Posts: 8888
Joined: Fri Feb 18, 2011 3:52 pm
Group: Registered users
Post Re: Flash lessions to get your toes wet. PART 1
You didn't say shit about audacity in the next one lol

_________________
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.


Mon Jun 27, 2011 3:39 pm
Profile E-mail
Level 14
Level 14
User avatar

Cash on hand:
52,153.50
Posts: 1430
Joined: Sat May 02, 2009 6:24 am
Group: Registered users
Post Re: Flash lessions to get your toes wet. PART 1
That's how Yom rolls.


Mon Jun 27, 2011 3:51 pm
Profile E-mail
Level 35
Level 35
User avatar

Cash on hand:
1,745,184.60

Bank:
55,666.50
Posts: 8888
Joined: Fri Feb 18, 2011 3:52 pm
Group: Registered users
Post Re: Flash lessions to get your toes wet. PART 1
sick fuck. My flash skillz need some serious community help :D anyone interested head over to OC Friday which I am temp making my new flash learning topic lol

_________________
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.


Mon Jun 27, 2011 4:08 pm
Profile E-mail
Level 39
Level 39
User avatar

Cash on hand:
2,187.55

Bank:
5,250.50
Posts: 21063
Joined: Sat Feb 14, 2009 11:44 pm
Group: Sysop
Post Re: Flash lessions to get your toes wet. PART 1
I turned my Flash Tutorials into a sitcom, involving loli, hammmland and submarines.

_________________
Image
Yeap.

_________________
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
4 pcs.


Mon Jun 27, 2011 4:56 pm
Profile E-mail WWW
Level 35
Level 35
User avatar

Cash on hand:
1,745,184.60

Bank:
55,666.50
Posts: 8888
Joined: Fri Feb 18, 2011 3:52 pm
Group: Registered users
Post Re: Flash lessions to get your toes wet. PART 1
sounds like a good time.

_________________
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.


Mon Jun 27, 2011 5:05 pm
Profile E-mail
Expert Cumsniffer
Expert Cumsniffer
User avatar

Cash on hand:
75,561.50
Posts: 4786
Joined: Mon Oct 27, 2008 8:08 am
Location: Elsewhere
Group: Oldies
Country: United States (us)
Post Re: Flash lessions to get your toes wet. PART 1
Thanks for posting these. I wish I found your tutorials back in 2003 when I was really interested in Flash. The tutorials that came with the program were awful.

_________________
"Freedom is the right to tell people what they do not want to hear."
-George Orwell


Mon Jun 27, 2011 9:07 pm
Profile
Level 35
Level 35
User avatar

Cash on hand:
1,745,184.60

Bank:
55,666.50
Posts: 8888
Joined: Fri Feb 18, 2011 3:52 pm
Group: Registered users
Post Re: Flash lessions to get your toes wet. PART 1
8===================D

_________________
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.
Click the icon to see the image in fullscreen mode  
1 pcs.


Mon Jun 27, 2011 10:09 pm
Profile E-mail
Level 27
Level 27
User avatar

Cash on hand:
363,786.35

Bank:
4,444,444.44
Posts: 4903
Joined: Mon Apr 20, 2009 12:12 pm
Location: The Inner Sanctum.
Group: Їи$aиїту
Country: United States (us)
Post Re: Flash lessions to get your toes wet. PART 1
Nope I am the Dumb and became remarkably confused once I hit the Button making part... so yes... right after we learn what frames are I'm fucking lost.

_________________
Spoiler: show
Image
Image
Image
Spoiler: show
Image


Tue Nov 26, 2013 4:19 pm
Profile E-mail
FH Clairvoyant
FH Clairvoyant
User avatar

Cash on hand:
10,174.50

Bank:
54,702.10
Posts: 309
Joined: Tue Mar 26, 2013 12:30 am
Group: Special Access
Country: Poland (pl)
Post Re: Flash lessions to get your toes wet. PART 1
This is actually a really good tutorial, keep it up!

_________________
Image
People are entirely too disbelieving of coincidence.


Tue Nov 26, 2013 8:38 pm
Profile E-mail WWW
Level 27
Level 27
User avatar

Cash on hand:
363,786.35

Bank:
4,444,444.44
Posts: 4903
Joined: Mon Apr 20, 2009 12:12 pm
Location: The Inner Sanctum.
Group: Їи$aиїту
Country: United States (us)
Post Re: Flash lessions to get your toes wet. PART 1
I wouldn't know. I am dumb... been trying for the past 5 hours. No fucking button I am the dumb.

_________________
Spoiler: show
Image
Image
Image
Spoiler: show
Image


Tue Nov 26, 2013 9:13 pm
Profile E-mail
Display posts from previous:  Sort by  
Reply to topic   [ 21 posts ]  Go to page 1, 2  Next
 

Similar topics

 
Coding with Renpy, Part 2
Forum: Tokyo U
Author: Pantsman
Replies: 0
Electro-convulsive therapy, part one
Forum: ./General Spam
Author: 「H A N Z O」
Replies: 2
Part of teh j00n33v00rz
Forum: ./Image Board
Author: joshex
Replies: 1
Commencing operation Flash Flood
Forum: ./General Spam
Author: Pantsman
Replies: 8
Top


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Mods Database :: Imprint :: Crawler Feeds :: Reset blocks
Designed by STSoftware for PTF.

Portal XL 5.0 ~ Premod 0.3 phpBB SEO