PE7_Flash

Onward...

One of the most important things to learn in Flash is....CREATING ANIMATIONS. This is a long process which seems tedious at first, but I'm sure once you use Flash enough it's not so bad. There are numerous types of frames.
Black dots with a gray background indicate Keyframes which specify a frame in which a change in artwork takes place. Regular frames have a gray backgroun with nothing else. They indicate that no change in artwork is occurring from the last keyframe. A white rectangle with a gray background indicated the last regular frame before a change. A Blank keyframe is designated by a white rectangle with a white circle in it, which indicates there is no artwork present in it. A gray background by itself indicates a regular frame. A white background indicates a blank frame and finally a white rectangle with a white background indicates the last blank frame before the change. Whew!!! One of the most important shortcuts is F6. This is how you create a keyframe. To add a regular frame click F5. F7 gives you a blank frame.

To create an animation all you need to do is select the last frame you want the animation on --> select F5 to create a keyframe on that frame, which will designate the end of the animation --> then go back in between the first and last frame and create keyframes. At those frames you will want to move your objects in order to create the animation.

You can use motion tweens which essentially "fill-in" the motion in between two keyframes. Once created you can modify it to your liking. You can edit motion paths in the tweens, rotate the objects. and even do parallax scrolling. This is by far one of the best upgrades in the Flash software from its last version. It appears the previous version was a little slow going.

One of the coolest tools I learned was the bone tool. Sounds creepy, but it's awesome. You can make objects look like they have joints so that when one part of the object connected by the bone tool moves, the other pieces move in a fashion they would if they were connected by bones/joints. You will need to set up the bone structure first before you animate. You will also need to make sure you are working in a movie instance and not with a graphic symbol. Just click and drag after selecting the bone tool to create hinges. Make sure to always start from the point that will be anchored, for instance if you were using the bone tool on someone's arm you would start on their shoulder and work down to the hand. The motion created by the bone tool is caused Inverse Kinematics. Also known as IK animations.

There is so much more to do with Flash that there is just not enough to share with all of you. This may require another post. It was very slow going working along with the tutorial with the sample files and taking notes, but I'm glad I challenged myself with this software and really look forward into diving into another soon.

For some reason, Lynda.com would only let me go to 99% so I couldn't view my certificate. Here's a pic to show how far I progressed.

PE 6_Flash

Wow, 7, wait, wait, about 14 grueling hours later here I stand...or should I say sit. That Flash tutorial was the longest thing I've ever sat through, but I learned a lot. I took a total of 31 pages of notes. Yes I said 31!!! See...

I am thoroughly exhausted. Here is major run through of the things I learned that I thought were really important:

Symbols: Symbols are essentially buttons, movie clips, or graphics you've created. You can then use these symbols with animations in them and do a host of other things. Symbols take up less file space. You can work in something in 3D after converting it to a symbol. To convert something to a symbol you just click the item --> choose modify in the toolbar menu --> then select convert to symbol.

Layers: Layers allow you to separate out different elements that you are working with on the stage. By keeping everything separate you can easily manipulate things without changing others. You can also copy and paste layers. One really good tip I learned is how to lock all layers except the one I am working on. To do that I use OPT + the layer I want to work on. This locks the inverse. Simple. 

Text Layout Framework: Text Layout Framework is something new for Adobe Flash. It only works in Flashplayer 10 or higher and with Actionscript 3.0. It is possible to use the classic text function, but this functionality in this version makes it much easier. I learned what leading, tracking, and kerning are, as well as ant-alias, which allows you to control how smooth the text is. You can create text boxes that are fixed with by dragging the box to the size you want or creating variable width text boxes by clicking create text box and just start typing. You can connect text through multiple fields by clicking the red arrow in the red box and hovering it over the next text field you want to have the text continue into. Very cool. This will be helpful in making newsletters and the like. If you are worried about your text not showing up on someone else's computer because it's not common, you can embed the font, which does slightly increase the file size, but guarantees the viewer will see the final presentation as intended.

Differentiating Symbols from Instance: Symbols are stored in the library and if you edit them you will edit all the instances of the symbols in your project. Instances are "copies" in a sense of your symbol on the actual stage. You can scale instances and rotate them without effecting the symbol stored int the library. You can apply colors and transformations to instances to give a project in which you are using multiple instances of a symbol some variety. You can also swap and nest symbols inside other symbols.

More to come...

BP 12 Final Video_opt1

PE5_Flash

Moving on in the tutorial, I am getting to learn a lot of cool things. Things I always wondered how people did and shortcuts to get things done quicker.

I've moved on to learning how to draw lines and a host of other shapes.
Here is some information on what I learned about lines and shapes:

You can create lines and shapes of all sizes and colors. I always wondered how people created them with such precision and now I know how. Learning to draw lines was simple. One interesting tip I learned was to keep "hinting" checked. What this does is it allows you to have your anchor snap to the closest pixel when you are anchoring something to your line. This keeps things cleaner.

Cap refers to how the stroke looks when it ends..so rounded, jointed, etc. Join refers to how the lines looks when it connects with another line. If you want to constrain the line to 45 degree angles just hold shift down while you are drawing the line. (Very helpful to know!!!)

When drawing shapes, if you hold alt + option down you can draw the shape from its center. You can adjust the radii and angles to get the shape the way you like exactly. I learned as well that you can have negative radii. This allows you to tuck the corners in of a square for example.

My absolute favorite thing that I've learned to use so far is the Deco tool. Genius!!! Draw predetermined objects on your screen just by selecting from the drop down menu and then holding down on your screen. You can customize the size and shape of the objects as well. Below you'll see the use of the Deco tool to draw buildings and flowers.

 

Here's a little something I did to test out what I learned using lines and shapes....very primitive let me remind you. Next week I'll be displaying a full on Flash file using as many of the features as I can learn.