Sunday, December 19, 2010

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


Sunday, December 12, 2010

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.




PE4_Flash


I've decided to learn Flash for my next Practical Experience assignment. I logged on to Lynda.com to be very overwhelmed by the amount of tutorial time. Due to the length of the tutorial, I'll be covering one section of it this week in two posts and the other in next week's posts.

I myself am not very familiar with Adobe Suite software so this is a bit slow-going for me, but I want to challenge myself so here we go...

The beginning of the tutorial starts you off with the basics: getting to the file types, the workspace, and the tools you are going to be using. Seeing as I am new to this, I learned a lot and took a lot of notes.

Here are some of the things I learned:

File Types: There are essentially two types of files you work with in Adobe Flash. They are FLA files, which are Flash working files and SWF files, which are output files. FLA files consist of ActionScript files, AIR files, and Flash Lite files. Actionscript refers to the programming language. AIR files are associated with desktop publishing, whereas, Flash Lite files are associated with mobile applications.


The Workspace: The workspace is comprised of numerous sections. In the center you have the white space known as the stage. To the right you have the properties toolbox which adjusts and changes as you select and work with different tools. At the bottom of the screen you have the time line which shows the progression of your work for animation and the like along with layers. You can expand all the toolbars/boxes as well as rearrange them to make your own customized workspace.


Merge Drawing versus Object Drawing: When working in Flash you will be working primarily with vector graphics, which are graphics created using lines. Bitmap graphics on the other hand are graphics made up of different pixels. Merge Drawing combines shapes when they overlap on the same layer. Object Drawing is a grouped shaped format. You can see the difference below. The object on the left is an Object drawing (using bitmap graphics) and the one on the right is a Merge drawing (using vector graphics). Before drawing in Flash you must designate whether or not the new shape will be Merge or Object. Once created you can always go back and switch between the two, but it is a much more tedious process.


Here are some keyboard shortcuts/tips I learned as well:
V = selection tool
T = text tool
Q = free transform tool
zoom out while in zoom mode  = hold OPT
cmd + + = zoom in
cmd + - = zoom out
If you are using the selection tool--> hold down the spacebar to turn it into the hand tool

More to come...

BP11_OMM_Issuu

BP10_Link to my comments on Matt Park's Blog

Check out my classmate Matt P's blog 21StaffDev. He has a great post on Google Wave and what it can do. Check out the post and my comments here or click the pic below.
photo credit:http://21staffdev.blogspot.com/

BP9_Link to my comments on Michael Chapple's Blog

Like making films and creating storyboards? Well, my teammate Michael C. has a great Web 2.0 tool...check out the tool and my comments here (or click the picture below).
Photo credit: http://chappucation.blogspot.com/2010/12/bp8dvolver.html

BP8_Issuu

Interesting Site to Share

I know we've been doing a lot of demos of web 2.0 tools. I came across this page called Google Demo Slam and thought I would share it. People essential create demo's of google products/features and really good demos get picked to battle it out against someone else's demo. Really entertaining and it's great to see the creativity and thought put into them. Might give us all some new ideas for keeping our OOM's fresh and fun.

Sunday, December 5, 2010

PE3_iMovie

And a movie I put together to show some of what I learned both in class and in iMovie...


PE2_iMovie

And the learning continues. Making my way through the second half of the tutorials, I picked up some other tips that I can use.

4. Ken Burns Effect. So great for bringing life and movement to your stills to keep it interesting.

 
5. Altering the speed of a clip. This is useful for speeding up or slowing down parts of your video to give it a certain effect. 


6. Accessing your movie from other Apple applications. Especially useful when pulling videos in to use in other apps.


SUCCESS - COURSE COMPLETE!!!

(Photo credits: all screenshots taken from Lynda.com tutorials)

PE1_iMovie

I love Lynda.com. It is one of my favorite sites. I use it all the time for learning new things at work. I was happy to know we would get to utilize it in class to learn iMovie. I watched the tutorials as I always do, with a notebook and pen to record any tips that are useful and/or hard to remember. Progressing through the training there were some things I learned that I had not known previously that I found interesting:

1. Marking clips as favorites or rejects. What a great feature. It makes it so much easier to look through my previous video and find what I want.


2. Fine-tuning on the fly. This allows you to see how many frames you are removing which is great without having to go into the advanced editor.


3. Ducking the music under speech. So helpful because I like to add background audio to almost all of my movies. This way you can hear me clearly and still hear the background music.



Lots of tutorials left. More to come...

BP7_OMM_SymbalooEDU



BP6_Link to my comments on Jennifer Geiger's Blog

Do you like to read? Are you creative? Want to make your own book? Me too!! Check out my classmate, Jen G's blog post about a cool new story-making Web2.0 tool and my comments here or click the pic below.
http://bit.ly/eAY4vv

BP5_Link to my comments on Tracye Salter's Blog

My teammate Tracye stumbled upon a gem. Check out this great Web 2.0 tool she found and my comments here or click the pic below.  
http://bit.ly/g7Wt5B

BP4_SymbalooEDU

What is a symbol?
A word, phrase, image, or the like having a complex of associated meanings and perceived as having inherent value separable from that which is symbolized, as being part of that which is symbolized, and as performing its normal function of standing for or representing that which is symbolized: usually conceived as deriving its meaning chiefly from the structure in which it appears, and generally distinguished from a sign. - Dictionary.com
In today's world it seems everything is tied to a brand logo, which could be defined as symbolizing a company, product, person, etc. All of us could instantaneously identify hundreds upon hundreds of company logos/symbols. This is especially true for our students because they've grown up in such a digitized and commercialized age that these logos automatically generate meanings for them. For instance, who does not know what these logos are associated with?

(http://bit.ly/gfmWiI)
What if you could harness visual symbols in one place in an organized and useful way?  That's precisely what SymbalooEDU aims to do and a ton more. SymbalooEDU is a personalized learning environment (PLE). It's fun, simple to use, and FREE. It takes what we see everyday, visual symbols, and links them with sites, widgets, and other tools. It compiles them into one comprehensive environment for us to reference and use. I'm sure you're thinking, well, how is this different from other bookmarking tools? It's completely different. It's r/evolutionary!!!



 Symbaloo is simple enough for students and teachers to use. It is like a visual version of iGoogle. 

1. Create



Sign up and you are given a default Symbaloo page with some interesting links to start. This page as well as all the others are completely customizable. You can embed images, videos, and even Slideshare presentations. You can create tabs, also known as webmixes for different categories, just like on iGoogle. 

There are numerous types of tiles you can add:

1. Links - these take you straight to those sites

2. Newsfeeds - Read RSS feeds from these sites right in the center window pane


3. Search modules - search sites like Google and Wikipedia right from SymbalooEDU
4. Radio - listen to the radio right from the page!!! 
5. Widgets - Open up small applications right in the center window
You can customize your start screen, how new items open, and color code. This tool is useful in so many ways.

Just to name a few:
  • study group resource pages
  • classroom resources
  • links to quizzes and discussion forums
  • links to Googledocs
  • e-portfolio
  • personalized homepage with all your relevant tools, calendar, weather, etc.
2. Share


Teachers can share there webmixes with there students and other teachers. Students can share their webmixes with other students and teachers. Everyone can share their webmixes with the public!! Endless collaborative opportunities. You can share privately to a small group or if you post publicly your webmix will be included in search engine results. SymbalooEDU also has teacher forums set up for teachers to share their resources and experiences. There are free webinars to help train teachers and students on how to use the tool and get the most out of it.


3. Discover

Utilize the best webmixes tab to explore compilations from SymbalooEDU. Search public webmixes to find more cool and useful stuff. 

This tool could be useful in any classroom and with any age group. It makes learning both social and personalized at the same time.

I will be recommending this to both the students and professors at my university. Most of all I recommend it to all of you!!! We've seen how great iGoogle is and I know many of us are very visual people. I think SymbalooEDU provides that visual link that so many of us enjoy. We could use this in our CBR program to collect resources and other interesting links. I'd love to compile all the links and Web2.0 tools into one webmix for our class/program and share it with everyone. If anyone's interested in helping me get this together let me know.

I am going to start using this instead of my iGoogle page or at least in conjunction with it at first. I think this tool will help me organize my information in a way that is pertinent and useful to me. Hope you all try it out and enjoy it!

(All screenshot credits: www.symbalooedu.com)



RSA Animate - Changing Education Paradigms

A really interesting movie from RSAnimate and Sir Ken Robinson...




(http://www.youtube.com/watch?v=zDZFcDGpL4U)
Related Posts Plugin for WordPress, Blogger...