Friday, April 1, 2011
Sunday, March 20, 2011
Weeks 8-11 My New Skills
I finally completed my final assignment on Saturday night. I was happy with the results, but came to many realizations while building the flash instructional video. I have a good idea of the concepts and procedures involved in creating flash animations. The following is a list of some of the basic Flash Skills that I learned this quarter:
TIMELINES
Creating layers for each part of the video
Unlocking and Viewing the layer that I wanted to work on developing
Recognizing the order of the layers in order to achieve the correct display
Working with multiple timelines within each other
FRAMES
Inserting, removing, cutting, copying, moving frames.
Understanding the key frame and what it does.
Assigning labels to frames for navigation of the timeline.
Extending time lines frame by frame.
Extending time lines through the property window, such as how many frames would occur per second.
AUDIO
Importing Audio sound bytes
Working within the sound byte properties to designate when it should play as well as how I wanted it to sound (i.e. fading in or out)
IMAGES
Importing images into my flash library
Converting images into symbols: movieclips, buttons and graphics
Duplication of the symbols in the library in order to create new instances of them
Frame by frame animation of graphics
Understanding the differences between Motion Tweening and Shape Tweening and figuring out which type of of tween to use with my content.
Adjusting the time to slow down animation.
Selecting and manipulating the symbols being used in an animation.
Animating Text.
Animating simple lines being drawn
TIMELINES
Creating layers for each part of the video
Unlocking and Viewing the layer that I wanted to work on developing
Recognizing the order of the layers in order to achieve the correct display
Working with multiple timelines within each other
FRAMES
Inserting, removing, cutting, copying, moving frames.
Understanding the key frame and what it does.
Assigning labels to frames for navigation of the timeline.
Extending time lines frame by frame.
Extending time lines through the property window, such as how many frames would occur per second.
AUDIO
Importing Audio sound bytes
Working within the sound byte properties to designate when it should play as well as how I wanted it to sound (i.e. fading in or out)
IMAGES
Importing images into my flash library
Converting images into symbols: movieclips, buttons and graphics
Duplication of the symbols in the library in order to create new instances of them
BUTTONS
Creating and Importing buttons
Naming buttons and their instances
Developing animation of the button
Using layers within a button.
ANIMATION
Frame by frame animation of graphics
Understanding the differences between Motion Tweening and Shape Tweening and figuring out which type of of tween to use with my content.
Adjusting the time to slow down animation.
Selecting and manipulating the symbols being used in an animation.
Animating Text.
Animating simple lines being drawn
ACTIONSCRIPT 3.0
How it controls my Flash project
Specific codes used:
Adding EventListeners
Functions
Variables: strings and numbers
How to comment within the script
Adding Counters and tracing them
FLASH TOOLS
viewing Output and Compiler errors
checking the errors and their location
Onion Skin in order to create more accurate animation and placement of objects
Drawing
Modifying objects - their size and properties
Grouping and arranging the objects
Aligning objects
Adjusting the stage dimensions
Controlling playback and testing my movies and scenes
INTERACTIVITY
Involving the viewer with how the movie unfolds
PUBLISHING
How to save my Flash Video for use on a webpage
ORGANIZATIONAL SKILLS
Saving and renaming each version of a video that I worked on
Consistency with naming the buttons and files so that they could be easily retrieved from the library.
Camel backing the names
Organizing folders in my library according to the type of symbol I was using
Tuesday, February 22, 2011
Week 7 Learning Journal
The things that I learned this week:
· I joined Lynda.com and spent most nights watching and taking notes during the Flash tutorials that they offer. I found this to be really helpful.
· I used a story board format in the development of this week’s assignment. Each of the boxes on my storyboard represented a frame in a scene. In the box I included details about button instances and labels that were used on that frame. I then referred to this information as I wrote the actionscript to my movie.
· I learned about importing sound clips and using the “fade in” or “fade out” options.
· How to import images edited in Photoshop.
· I really enjoyed learning about Gagne and Concepts.
· Organized my Flash notebook and added more notes about the new Counter technique that we learned on Friday’s class
· I learned about what makes my guitar and “acoustic” guitar.
· I find myself really checking out other videos that I encounter on the web and how to they are designed. I am developing a new appreciation for these visuals that I took for-granted last month!
Areas that I still need help with:
· How to place two buttons on the same frame in the same layer.
· I need to learn the correct code for jumping from one scene to another.
· I want to learn how to animate a line being drawn.
· How to use masking that doesn’t completely block the image out. I feel that if my acoustic guitar could have been seen as a whole object while the mask identified the important parts of a guitar, one would be able to understand the relationships between the parts and the whole guitar.
Staying focused and not getting distracted by interesting information that really doesn’t pertain to the completion of the assignment itself.
Tuesday, February 8, 2011
Week 4 Learning Journal
In order for me to complete this assignment I had to watch several tutorials about movie clips and animation in Flash CS3. I created a background scene of mountains because my biker was on his way to the Stugis Rally 2011. He was having a hard time keeping up with the rest of his biker friends so he had to pedal really fast. I put the movie clips of his wheels at 50 rotations in a clockwise (CW) direction to try and help him get there quickly. His pedaling speed was also something that I thought about when I created the movie clip within a movie clip of his leg animation. In order to make him appear to be pedaling at a brisk rate, I made sure that the motion tween was only as long as 3 frames between each keyframe.
I chose to make the replay button on my stage look like a billboard sign that perhaps my biker saw along the way. I drew my biker with a bit of a belly and a handlebar mustache because this made him look cooler on his rainbow banana seat bicycle. I enjoyed the rainbow fill on the paintbrush tool so much that I decided to make his helmet match!
I learned through trial and error about how to understand the way a movie clip works within a movie clip and it finally clicked when one of the tutorials referred to the movie clip parent as a “bun”. Thinking of it like a bun holding a bunch of different pieces together, seemed to help in my processing this new technique. I practiced the Masking technique several times and this new technique confused me because I wasn’t quite sure if it was supposed to be used within a movie clip “child” or “parent”.
Overall I figured out a good way for me to move forward with learning flash when I downloaded Jing and saved screen shots of my action script and timelines from previous mini-projects. I was able to reference them and understand how to script the buttons much easier than before.
I learned that the movie clip in the movie clip does not run when you drag your cursor down the parent timeline, but it does when you test the movie. I also developed a better understanding of frame by frame animation when I started to think of each frame of the timeline like the page corners of books that my brother and I used to create animated stories. Flipping through the pages quickly always made the images move.
The bicycle mini-project was a great way to introduce the depths that can be within a few seconds of a flash animated movie clip!
New Flash skills Learned:
1. Masking: Inserting text onto the stage, adding a mask layer, placing a shape on the mask layer, adding a keyframe and shape tween to that layer and previewing how it plays out in it's negative form: what was covered by the shape is what shows through on the clip.
2. MCinMC: this was more difficult then I thought because it was more complex then a bouncing ball in a rectangle as shown in the tutorial. I spent a long time looking up other resources for learning this. I should have placed each of the wheels of my bike within the movie clip of the biker, like I had done for the pedaling leg. I didn't think that it was necessary because I didn't have any other bikes to place on the stage. If I had to put more of them, it would have been necessary to have made them children to the parent timeline of the biker clip.
3. I learned a shortcut in animating the wheels turning in one of the tutorials. In the properties box of the wheel's movie clip there was an option to rotate the wheel. At first I did not understand what CW or CWW meant, but after another tutorial, I found that it means ClockWise and Counter ClockWise. I had set them at CWW so I went back in and changed them to CW. I was also able to enter how many times I wanted them to rotate. In a previous saved version of bicycle, I had done frame by frame animation for the wheels. I found that this was more efficient, although quite honestly it looked better with the frame by frame.
4. Miscellaneous Skills: how to set the fill at transparent by setting the Alpha at 0 in the color selection pane. This made the background image visible through the spokes of my bikers wheels. I also learned how to paint with the rainbow colors. I was able to manipulate the leg of my biker with the free transformation tool and watch it in slow motion as the leg pedaled the bike. Actionscript for MCinMC is interesting in that you must remember to provide commands for each of the timelines within timelines. I figured this out when I noticed that although the main timeline stopped as directed, the biker was still pedaling like crazy!. Using Jing and typing out the notes that I took during tutorials was also helpful. I now have a separate notebook to refer to for Flash projects.
I chose to make the replay button on my stage look like a billboard sign that perhaps my biker saw along the way. I drew my biker with a bit of a belly and a handlebar mustache because this made him look cooler on his rainbow banana seat bicycle. I enjoyed the rainbow fill on the paintbrush tool so much that I decided to make his helmet match!
I learned through trial and error about how to understand the way a movie clip works within a movie clip and it finally clicked when one of the tutorials referred to the movie clip parent as a “bun”. Thinking of it like a bun holding a bunch of different pieces together, seemed to help in my processing this new technique. I practiced the Masking technique several times and this new technique confused me because I wasn’t quite sure if it was supposed to be used within a movie clip “child” or “parent”.
Overall I figured out a good way for me to move forward with learning flash when I downloaded Jing and saved screen shots of my action script and timelines from previous mini-projects. I was able to reference them and understand how to script the buttons much easier than before.
I learned that the movie clip in the movie clip does not run when you drag your cursor down the parent timeline, but it does when you test the movie. I also developed a better understanding of frame by frame animation when I started to think of each frame of the timeline like the page corners of books that my brother and I used to create animated stories. Flipping through the pages quickly always made the images move.
The bicycle mini-project was a great way to introduce the depths that can be within a few seconds of a flash animated movie clip!
New Flash skills Learned:
1. Masking: Inserting text onto the stage, adding a mask layer, placing a shape on the mask layer, adding a keyframe and shape tween to that layer and previewing how it plays out in it's negative form: what was covered by the shape is what shows through on the clip.
2. MCinMC: this was more difficult then I thought because it was more complex then a bouncing ball in a rectangle as shown in the tutorial. I spent a long time looking up other resources for learning this. I should have placed each of the wheels of my bike within the movie clip of the biker, like I had done for the pedaling leg. I didn't think that it was necessary because I didn't have any other bikes to place on the stage. If I had to put more of them, it would have been necessary to have made them children to the parent timeline of the biker clip.
3. I learned a shortcut in animating the wheels turning in one of the tutorials. In the properties box of the wheel's movie clip there was an option to rotate the wheel. At first I did not understand what CW or CWW meant, but after another tutorial, I found that it means ClockWise and Counter ClockWise. I had set them at CWW so I went back in and changed them to CW. I was also able to enter how many times I wanted them to rotate. In a previous saved version of bicycle, I had done frame by frame animation for the wheels. I found that this was more efficient, although quite honestly it looked better with the frame by frame.
4. Miscellaneous Skills: how to set the fill at transparent by setting the Alpha at 0 in the color selection pane. This made the background image visible through the spokes of my bikers wheels. I also learned how to paint with the rainbow colors. I was able to manipulate the leg of my biker with the free transformation tool and watch it in slow motion as the leg pedaled the bike. Actionscript for MCinMC is interesting in that you must remember to provide commands for each of the timelines within timelines. I figured this out when I noticed that although the main timeline stopped as directed, the biker was still pedaling like crazy!. Using Jing and typing out the notes that I took during tutorials was also helpful. I now have a separate notebook to refer to for Flash projects.
Tuesday, February 1, 2011
What I learned while making my Interactive Story: Flash Skills and Rationale
| I chose to do my Interactive Story about travel because there are many decisions that you have to make in real life scenarios. I think that this story could easily be used to help make the connection between choices and consequences that we face every day. It is also interesting that in making choices we do not have any idea about how our own “timeline” will play out. Changing the timeline around once in awhile would be a clever way to reiterate this concept. The learner would have new choices on the page or new situations emerge from their decisions. I purposely included choices that were misleading (i.e. that calling a friend doesn’t always work out). I also included the cell phone to reflect a real world scenario – so many people use them! |
I originally had a flow chart that had three scenarios: plane, train and car. However, I decided that if I wanted to get something finished I would have to prioritize which path to create in my movie. The other scenes and paths could be added at a later time (which I hope to do eventually). I would like try navigating backwards in a story as well so that you can end up in the same place but with different choices. I enjoyed creating the story and having it finally work as well as it did.
Here are some of the Flash skills that I worked on while creating my movie: |
| 1. Color manipulation of the text backgrounds. |
| 2. Organizing folders in the library so that my movie parts made sense and were easily accessible. |
| 3. “Saving As” in order not to screw up and not have a back up that still existed. |
| 4. Rack focus on the intro of my movie. |
| 6. Placing my text (name, class assignment) within the time line so that it appears toward the end. |
| 7. Developing the foreground in publisher so that it would work in the introduction scene properly. |
| 8. Action Script for each button. |
| 9. Buttons – navigation of the timeline, naming instances, using these in the script. |
| 10. Content Labels on the scenes of the movie.
|
Sunday, January 30, 2011
Week 3 Learning Journal
This week in our reading I learned that by adding practice sequences to information that I am presenting to a class, I can create a much more interactive and active one (Moore, p.50). Chapter four also reiterated the importance of performance and feedback in practice-centric design. The reading also tied in what we have been learning about sensory, working and long term memories in the 603 class: Visual Literacy. How the learners interaction with the information enables them to apply meaning to the information so that actual learning does occur. I felt that the most important part about the practice sequences was learning that the goal is to provide support for the transfer of information into our long term memory through presentations, practice and feedback so that the learner eventually no longer needs the support. I think an important part to remember about the planning is to make sure that the learner is successful and doesn't shut down - smaller tasks building up to a bigger task applying all of those small victories. By providing the learner with accurate and consistent feedback, the teacher is able to let them see where they might need to focus their attention next in order to make progress.
My friend came over to help me with my project today and really helped me organize my story board. He was my instructor over the summer and one thing that he knows about me is that I need to remember to organize my work so that I can access it easily. Another thing that he suggested is that I do what is necessary first and then add onto the assignment afterwards if I want. This reminded me of the flow charts that I made in his web design class over the summer - solid lines on the chart represented what was a realistic goal, but dotted lines connected to things that were "in the works". I am going to keep trying to practice this advice so that I can be successful in organizing my instructional designs.
My friend came over to help me with my project today and really helped me organize my story board. He was my instructor over the summer and one thing that he knows about me is that I need to remember to organize my work so that I can access it easily. Another thing that he suggested is that I do what is necessary first and then add onto the assignment afterwards if I want. This reminded me of the flow charts that I made in his web design class over the summer - solid lines on the chart represented what was a realistic goal, but dotted lines connected to things that were "in the works". I am going to keep trying to practice this advice so that I can be successful in organizing my instructional designs.
Tuesday, January 25, 2011
Subscribe to:
Posts (Atom)