Tuesday, December 7, 2010
Monday, December 6, 2010
This went well. I'm pretty pleased. I hit a few sticking points, when I was tired - for instance I had everything working except the link. Could not figure it out. Tried it both ways. Couldn't resolve (or understand) the error message. Finally looked again at the absolute URL and wondered "if I type the http:// in front of the wwww. in the link window"....and it worked! After an hour of trying.
The story board was extremely useful. I could see and plot out how to handle each item, what kind of tween it might be, where to put things. I got off track when I started creating things in the order that they would appear on the stage. I should have made all of the elements first, then placed them and activated them. I will next time. I did change a few things but having the storyboard to reference saved me time. Like having a recipe to cook from.
OBJECTS, SYMBOLS, DRAWING: All of the objects in this animation are new. All of the symbols are new.
I used the rectangle and oval tools most often, modifying the shapes with the arrow and transform tools.
COLOR: The Kuler palate includes rock brown 4B423B, sky blue 9EDEDD, water blue 58788C, sand tan D5C2AD. That was too limiting so I added bits of bright colors for the frisbee, kite, bird.
MOTION EDITING: To the waves I added easing and changed the alpha to dim the wave crests as they came ashore. I added a tint to the kite shape and fiddled with its motion speed.
IKs: I created two- the seagull which I also tweened to fly; and the unrolling line of sand that reveals the text "unwind at the beach."
TWEENS: I didn't stop with 5 tweens as you see - papers becoming clouds then floating away, frisbee flying and changing shape, flying seagull IK, flying kite, sand and sea moving onto stage, wave crests coming ashore, sand line unwinding.
SOUND: The sound clip of seagulls calling is attached to the bird tweened IK.
BUTTONS: The buttons are play and stop; stop is the altered version of play with reds added to the states to say "stop."
SIZE: I was tired of the normal stage size and shape, that's why I chose the banner configuration, but I was shocked to see how small it actually was. So I added a white frame around it and placed by link and buttons and some more text outside the original animation.
Thanks for watching. Thanks for sharing yours.
Theme- The theme of this project is based on Christmas as it is coming closer , exciting for me and my family .The idea is that as kids think Santa comes on Sleigh flying through the sky so it is and shakes bell and says ho-ho which I liked the most ...still the animation is just not that great I think it 's according to what I learned .
Major Tools - The major tools to create my objects like santa ,reindeer , , snowman are with just drawing with pencil and filled up and sleigh ,grass with paint brush ,on 2 scene IK plant with circle symbles , gift with rectangle and star with rectangle primitive at the end scene , Santa's bag of gifts was made with circle selection tool, The snowflakes I just imported from photoshop and three scenes are also images from the web.All of the symbols I just created no one is old .
Color Scheme - Color scheme is just according to Christmas Eve , white , light blue , red green and dark nightly colors are just like a day before Christmas . Snowman got color transform #b8e0f1 , his hat #000000 , Ik grass and plant got #ffcc00 #d7e571 ,buttons got #99ffcc , Santa got #cf3d2a #cc0000 #ffffff ,deer #b89850 , sack of gifts #cf632a ,sleigh #626263 , gift #006600,star moving at end got #00649f #6c00cf #2400a8 .
Requirements - Snowflakes are in motion tween ,Santa on sleigh is frame by frame Snowman is motion tween but his hand got nested tween for waving in f by f . Two ikshape is on first page grass , symbol is on second page a plant .THe star at the end nested shape tween and otherwise classic tween. Buttons are three-2 layers. three audio clips are added one is santa ringing bell , santa's Ho-2 and sound for button over state but somehow buttons are not working I dont know it it again clashing in motions and ik's . A link is also added at the end on my name and its my watermark too .The rotation , transformation and easing is given to snowman and snowflakes.
here is my final project that I entitled.. "Ghost of Xmas past"
This project actually went a little smoother than I had thought. It pretty much flowed without too much headache, which I welcomed with open arms!
As far as tools i used the pen tool and the paintbrush to make the fireplace flame. I wish I was a bigger fan of the design tools in the program but im not.
I used multiple tweens and manipulated the tint size and skew. I used them on the flames in the fire place the candle flames(motion tween) and the star on top of the christmas tree(shape tween). I also changed the tint of the bouncing ball just to do it.
I just noticed that my IK which was a mistletoe is missing from my project.this is the 2nd time this has happened. the layer is there but magically the mistletoe i drew with the paint tool is missing. This happened with my flower in project 4 and i had to redo it. This is dumb so i now have to redo it.
Now onto the next....I used armatures on the mistletoe and on the ghost body. The mistletoe is the one I made into a symbol. as far as symbols I made the elf outfit the elf hat the candles the fire and the tree ornament balls.
I used an evil laugh audio on the grinch which is a nested movie clip.
I made my buttons pretty simple with the oval tool and applied gradients to each layer and put a color change for the over and click states with the texts.I used a text link to go to the grinch webpage.
I wanna say Thank you to everyone in class. I got help from alot of you without you even knowing. I liked the progress we've all made this term and hope continued success to you all in your area of study. Have a Merry Xmas and Happy New Year.
2a. Listing the major tools I used is way too difficult on a project like this. Instead I'll list what i DIDN'T use. I stayed away from the deco/pen tool since they tend to be cumbersome. Every other tool available got use at some point...
2b. I didn't have Kuler when i began this project for fun, so I never pulled my color scheme from there...
3d. I used the alpha feature extensively in this animation to not only separate scenes, but also represent the Time Travel event as a chaotic experience...
4c. The only objects I reused were from the background in the first scene (which was the 1st or 2nd project of the term). Everything else is new including: A Power Drill, A Beer Bottle, both Buttons, the Intro Text, and finally both characters Arms, Bodies, Heads & Shoes...
By the end of the project i had realized that i didn't plan for IK usage and when i tried to impliment them the bones eclipsed the objects so I couldn't work with them and the computer slowed down to the point where I could only click the mouse every 15-20 seconds. I know this will be a hit on my points, but I have done well all term and will deal with the loss...
here is a link:
For the final, I started with the IK and worked backward. To me, it's the most complex piece, and I wanted to have an interesting use for it. During the last class, Patti mentioned a whip, and it got me thinking about that sort of animation. I had thought about doing something Indiana Jones-ish, but for some reason decided instead on a butterfly tongue. Not only am I not sure where that came from, but putting an IK on a butterfly tongue is REALLY TEDIOUS. The shape was so small that despite blowing the scale up as big as it would go, I couldn't prevent the bones from trying to connect at odd places, and eventually had to settle for much less curl than I had tried to do originally.
Tool-wise, I stuck with my usual suspects, shapes, paint brush, a little bit of pencil. I did use the spray tool for once to give my tree its foliage (seemed a little better than haphazardly painting green on it). Maybe it's the way I work, or maybe I'm scared of it, but I haven't seem to have found much use for the Pen tool since early on.
I didn't use a lot of motion editing this time, but I did find a fun use for the x/y axis transformation. Originally, the butterfly was a flat 2D symbol, but after playing with the motion editor, I got it looking a little more 3D - if still pretty flat. I did not re-use any symbols. Everything is new.
The flower was not going to be so segmented initially, but figuring out a good way to have the flower and the stem fall over together, without looking weird, ended up taking me to a symbol IK instead of a shape IK. For the sound, well...the sound doesn't work right. I want the bird noise to start and stop with the buttons, but I don't think that was covered in our class. For now, the noise starts up immediately. Everything else is pretty by the numbers (but it is fun to have a silly link on the link button).
Sunday, December 5, 2010
And now my answers:
a) the tutorials haven't contributed; I am not able to watch them without going to the lab so it's a computer upgrade for me next term...
b) the process I used to complete this project was building, testing, rebuilding, retesting... it took me a few tries to understand that I could layer button parts while designing the button states. I think I confused myself too with making pieces into symbols before building the button...which turned out to be unnecessary.
Script to paste for the action was a huge help, provided you remember to name your instances!
I would like to make the ball being thrown interactive, an action triggered by clicking on the thought balloon by the dog's head. Can anyone tell me how? The balloon is a bubble with all four states created, but I don't know how to link them with a action scripting, or how to hold the ball throw in reserve until it is triggered by clicking on the thought balloon button.
Thanks for your help and your patience all.
Saturday, December 4, 2010
(1,a) I used the “robot lounge singers” theme again to bring “Jimmy an the She-bots” to life. There is a pdf of the storyboard in my final folder showing where the different scenes will happen.
(2,a) I mainly used the rectangle and oval drawing tools as both shape and objects. I also used the primitive versions for some of the shapes. The spray can made the background pattern and the polygon tool made the stars. I also used the line tool and Bezier points for some of the pieces.(b) No imagery was imported. (c) I used the following Kuler scheme: #8C2920 (red), #F29422 (yellow), #20818C (blue), #D0C6B2 (tan), #E68E21(yellow) and #C7380B (orange).
(3,b) For the stars twinkling I used a series of shape tweens. (a) The she-bots moving into place were done with three individual classic tweens and the moved to the background with a (c) motion tween. Jimmy moving into the frame in the different spots were done with (c) motion tweens. I used the motion editor to apply custom easing to these scenes to vary the speed at which he moved and adjusted the scale.
(4,a,b)There are two armatures using Inverse Kinematices. The first is applied as a shape IK in Jimmy’s arms (it plays in the symbol “Jimmy” timeline). The second is as a symbol IK to the “claw” that takes him out of the scene.
(5,a,b,c) All of the symbols in the library are new and a combination of movie clips and graphics. (d)The she-bots individually are graphics and there is one of theme all together that is a nested movie clip of them rocking. That one is called “sb_group”.
(6,a) There is audio in the main timeline for the she-bots and there is a short clip within the symbol “jimmy_sing”.
(7, a, iii) There are two buttons – a start and stop button. (a, i) They each have up, over, down and hit states and are build from four layers – a base, highlight, gradient and text layer. (ii) I duplicated the start button to make the stop button. (1.b) I changed it by having the highlight and gradient change and made the start shades of green and the stop shades of red. (iv,v) They are not from the common library and were not used on project 5.
(8,a,i) I added ActionScript to make the buttons start and stop and included a stop in frame 1. (b,i) I used text to create a link to a URL of another famous robot.(9) I really enjoyed this project and this class. I had fun bringing Jimmy and the She-bots to life and felt that the tweens worked really well in this project. Getting the sound to sync up was a bit challenging but it worked out in the end.
Friday, December 3, 2010
sws.pcc.edu - /student/CAS175_pdeangel_44402/pennyschoch67/project5/pls_project_5.swf
Thursday, December 2, 2010
a. Please identify the major tools used in your blog posting: paint brush, line tool, oval tool, and square shape tool, bone tool, text tool, polystar tool, and eyedropper tool, ink bottle tool, free transform tool.
i. Please add your hexadecimal numbers to your blog posting: 7FB2F0, 4E7AC7,35478C,161193B
d. In your blog posting, state which features from the motion editor was added to the above tweens:
The sun was added an alpha effect and a slowing in ease effect upon start of the clip
c. Please identify which symbols are new in your blog posting the buttons are all new: the different rabbit positions are all new and the turtle is new there are multiple symbols inside these in use for the overall effect.
What worked well? What areas were challenging? The best part that worked well was the transference of the sun and moon from my project with the alien it helped create an easy story board effect. The action scripting as usual was very hard and complex im still having some trouble with it but I’m learning more than I did inside project five.
thoughts and comments.
This piece was one of the funnier and rather interesting pieces ive done I really like how it came together and how it looks the only thing I wish I could do to improve upon it was to have more time to work on it because I felt that I needed more animals inside it but I figured I would keep it simple
describe your process in creating your project on the blog.
I first began by creating the background in different segments along with the sky the rafters then I drew them into different sections using the line tool.
After I did this I copied and pasted the sun and the moon motion tween from my third project and then redesigned it to work for this animation showing the passing of the day to night I did this by changing the sky to different colors from light to dark using Kuler.
I then created the buttons by using the same format that we used in class but instead created this square style buttons to differ from project five I put a movie clip over one of the buttons the start button and added sound to all the buttons then I distributed many different layers and colors to each button to make them different.
I then created a turtle and the hare using the oval tool, square tool, paintbrush tool, and line tool I then added color to both using the paint bucket and each bottle tools. I then added motion, classic, and shape tweens to various objects such as the hare turtle star the sun and the moon and the text that comes towards the screen.
I used a premade animation for the text coming towards the screen. I then added scripting causing the animation to stop using the stop script stop() ; then after this I added the scripting to link to Google using project fives previous scripting and changed the button that is to be pressed to btn_3 and this worked!
After this I copied and pasted the IK animation from project five the Bell and then copied and pasted the original picture and laid underneath the Bell on a separate layer so that way the Bell would not disappear after the animation played. The second IK I created was the banner by adding bone tools to it I made it wiggle back and forth to give the appearance of wind blowing.
Thursday, November 25, 2010
With this project I struggled for a while.I get really frustrated with flash for some reason. I had to email Ms.D about it and once she responded i got done in 10 mins what had me stuck for over 2 hours the previous night. Anyways as far as this button project. I used 1 button i made in Photoshop and 1 button i made in flash. I think anyone can look and see where I made which button..lol. I put a nested color change in my round button and a tint change on my rectangular button. I have sound which works when it wants to on the rectangular button also. I can get it to do the click sound everytime like its supposed to but I remember in class other people were having problems so maybe its a glitch or something.Im just glad to be done. I watched all the videos numerous times and they helped for the basic design but i couldnt figure my embedding out for my life but im glad it worked out in the end...besides that Happy Turkey Day to everyone!!
Wednesday, November 24, 2010
Project 5 is about buttons for that I created two buttons , one is movie clip button for GO and Exit basic button and added text and different colors to up down ,over and hit states , added sound in the over state . The basic button is made on the basis of class but mc is build on book basis so it is bit different than class it is in four layers and had stop action on 2nd frame , has sound for both button on over state , text too , Let me tell you I dint like the book method unfortunately class one ...I forgot some steps so ...
2)A)iv)I put the alpha movie clip for the blue button when you hover the cursor over it
1)A)I unfortunately could not utilize any of the videos that I watched I did watch all of them however none of them seem to be as effective as they stated. I tried to use at least 16 combination's of code that none seem to work until I finally found two different ones that did.
b)I first began by creating the two different buttons by starting with one button's creation than duplicating and modifying the secondary button save time and made changes to the layers to each one and made into different buttons after I'd done this I in long-gated my movie clip by three frames including the sounds and everything else in the time line then I attempted to find several different styles of code to use inside the action script until it finally found two that worked and place them inside of the time line upon the first line I began with the stop command then I did the link command to Google than I did the last command which was the was the start button command list giving the ability to click the button to start the animation.
Thoughts and comments
this to be the hardest piece I've ever done a truly believe it when I first began this is totally screwed. I felt unprepared for it due mainly because of the holidays and work I had to finish this entire project in a day but luckily I managed to pull through thanks to Google and a lot of other good resources I found on the Internet.
Link to my animation
(1, 2) For this animation I created two buttons for the existing Project 4. (a, i, iv.) The first (named button_1) has a movie clip (named star_movie) where the sun turns into a spinning star on the over state. (ii) I did add a sound clip to the over state of water splashing but I’m having trouble getting that to play. (iii) The spinning star then turns into a blue ball on the hit state. (b) The second button (named button_2) is the duck and that has (i) four layers that include the highlights on the duck. On the over state, the duck rears up and on the hit state goes back down.
Part 2:(1) I added ActionScript to stop the timeline in the first frame.
Tuesday, November 23, 2010
So here we have Project 4 with buttons. My buttons are labeled "Dance" and "Car". Even though they don't do anything at the moment, with some more work, they could be functional. Since my man has a complete skeleton, it should follow that pressing the Dance button will get his groove on. I managed to get a movie clip (button_tween) into the Over state, after once again having to go slowly through the process. The one thing that was odd here was that though there is a sound triggered on the Over state, it also seems to trigger on the Down state, despite my time line not showing a sound file there.
The Car button is mostly just a joke; I envisioned it as a means to get the man to frantically dive out of the way of oncoming traffic. I studied some of the library buttons for how they used layers, and in the end felt that my limited graphic design skills would require me to aim low. So, I made concentric rings on different layers which expand as the urgency of the situation increases (Over is important, Down is GET OUT OF THE WAY). I fought with Flash for a while before understanding that the text of a multi-layered button must be on top.
Sunday, November 21, 2010
I was happy with my IK elements, but what I was not very happy with was my computer and the fact that Flash crashed several times and kept corrupting my IK elements so that I had to re-create the bone movements a multitude of times-UGH! Oh well, at least it finally seems to work ok now!
Tuesday, November 16, 2010
I dint compress the audio file because it was't that big . After all to learn somthing new is always good .
The blooger was taking to long to upload and even failed so here is the url.
Monday, November 15, 2010
In Photoshop I isolated parts of my dog on separate layers, which imported neatly and quickly into the library in my Flash document. When I got them all in place on the stage, resized and converted into symbols, I discovered that you can't link bitmap images! I animated her with frame by frame and some motion tweens.
I created the "demo dog" from various rectangles and made it into IK#1. For IK#2 I ran bones through a ribbon drawn with a paint brush to create a path on which the dog would run.
The bitmap tracing is great fun, although I think Illustrator does a better job. I think it gives a nice simple background that looks cartoony, which I like.
I didn't compress the audio because the sound files I used were small. Just voices of children playing, to add a subtle message of fun, and the dog bark twice.
I didn't make use of the tutorials because I'm not able to from home and wasn't able to spend time in a lab this week. This is all from the book and what Patti showed us in class.
I think it works. What do you think?
Thanks for watching.
b. The tutorials helped me link my robots body objects (61 total) as well as get experience with the tools available (i.e. bone tool, easing, sound, etc.)...
c. The bitmap tracing helped me create a quick and small background, though it also forces a "theme" as far as designing goes. As you can see in my video the animation in the foreground is quite different than the background...
Link to my video (too big to upload):
a. Describe the purpose of your IK animations.
I used the IK animation to make my flower appear to blow with the breeze and the little caterpillar move also. I need to do a bit more experimenting with this bone tool to get it down but its fun so far
a. Did it function as you intended?
Yes it helped my flower blow with the breeze!!lol
b. Please discuss how the tutorials contributed to your project design
c. How did the bitmap tracing contribute to your project?
With this project it really wasnt necessary but with other vector like images this would be pretty cool kind of how amy used it. I really like her project.
Now overall this project had me kind of frustrated and i scratched like 3 different ideas about halfway through.I couldnt figure out how to get the imported images to work with the bone tool and i know it was something simple i was just overlooking.I like my flash drawn flower though!!hahaha. it showed me just how unsteady my hand is on my laptop.On part2 I imported a pic that was like 3500x2800 and resized it down to 550x400 to match the stage size. I also added some contrast to the original pic all in photoshop and saved it for web and devices. I think the addition of the buttons will be a breeze since i can import psd files and layers over to flash. I just really dont like how long it takes sometimes and the end result looks like a 5 min process..lol.. but I guess thats all a part of the learning experience.
NOTE TO CLASS:Use this code to embed your file directly into your blog posting, if you want:
<embed src="http://sws.pcc.edu/student/CAS175_pdeangel_44402/yourfolder/yourfile.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" style="width: 550px; height: 400px"></embed>
I went about doing this project by starting with a backdrop, looking for sounds I could use, and then making IKs from there. I had taken several pictures myself last week of the fall colors in my neighborhood, so I grabbed a few of those, decided on one I liked, and used it. I adjusted the color threshold down about 50%, because otherwise it was too muddled. I then did a little searching through the Flash sound library, but nothing really seemed to catch my ear. I had briefly flirted with the Helicopter sound and having an escaped prisoner run around the street, but it seemed like more work than it was worth.
Using the free sound links from the project instructions, I found a 7 second rain sound, and an umbrella opening. I figured I could use those somehow, and then I got an idea for a humorous scenario. Thus was born the poor guy who tries to be proactive, but gets soaked instead.
His IK is just a bunch of body part symbols I boned together, nothing fancy. I was surprised not to have to use the Binding Tool, but then he doesn't move around all that much. His legs have bones, I just wasn't sure what to do with the armature. My shape IK is the plant; I did something like this for my midterm project, and to be honest, I spent the vast majority of my time on my man. The plant was an afterthought; I wasn't really sure what sort of simple shape I could insert into my animation, so I went with that (rainy days have wind sometimes, right?).
I didn't really do anything with the umbrella sound, but for the rain, I shortened it up, changed the fade to a sort of "downpour" once the umbrella is opened, and changed the compression. I had to set it higher than I expected to get the more subtle dynamics of the audio to come through, but it still knocked off a chunk of the original size.
I like the vector graphic, if only because a poorly drawn animated man standing on a real street would somehow look less weird than in front of this sort of painted backdrop.
(1.) For this animation I created two IK elements, one using symbols and another using shapes. (a, i.) For the symbols that were connected by bones, I drew three ships – each it’s own symbol. (ii) I also used a “invisible symbol” (one that had the alpha set at 0) to create more realistic movement between the ships. I set the rotation to be constrained so the ships wouldn’t topple over, rather just look like they were bobbing on the waves. (b, i) For the shape connected by bones, I created a seagull movie clip that has 25 frames in itself of the bird flapping it’s wings. (ii) I’ve then applied a motion tween to the bird in the main animation so it looks like it’s flying across the water.
(1.,a,c) For the bitmap background I imported a bitmap of an ocean and shore from a photograph I had taken, used align to match it to the stage size and traced the photo to create the vector graphic. After getting the look that I wanted by adjusting the color threshold and minimum area for pixels – I imported a Kuler color scheme and selected different areas in the image to adjust the color (it had been a b&w photo) (b) prior to importing, I resized the image in Photoshop to be 500 x 332px at 72 dpi.
(2.a) I added two sounds to this animation – the sound of the waves in the background that plays through the whole animation and the sound of the seagull set to play as the bird flies in. (b) I compressed both sounds to MP3s which were recommended in the tutorial for longer playing sounds. I left the bit rate at 16kbps and the quality at medium which alleviated some of the sharpness (screeching bird) in the original files. (d) I also used the “edit sound envelope” option in the properties menu to have the sound fade in and out and lower the intensity of it a little.
(1.a) The purpose of my IK animations were to create the scene of an ocean shore with the ships bobbing in the waves and the seagull flying through it. (a.) I believe it did function as I intended and the tutorials (b.) especially the one on adding sound helped me import the items effectively. I appreciated the compression advice because editing sound it very new to me and I’m not very familiar with the file types. (c.) The bitmap tracing created a nice background. This is a feature that is also available in Illustrator and so I felt having used it before, I could create the look I intended. (d.) I was unable to load a swf file to the blog so I have included a link above. (2., a,b) All files are uploaded to the SWS server and my name is on the project in the lower left of the animation.
Friday, November 12, 2010
Thoughts and Comments
When I first started this project I felt like it was a little over whelming but I'm actually quite happy with how it turned out.
How i made it
I first began using the oval tool with a peach like skin color and I began to draw different parts of the human body such as the chest, boxers, arms, legs, head, and the boxing gloves then I converted them all into symbols after I converted them I attached them each by the bone tools and created it into a full working moving IK. After I did this I copied the same character and then re-pasted it after duplicating each piece in changing it this way it appears that I have two different boxers fighting one another. I then used poses for each IK and specifically altered each piece of their bodies to make the appearance of them hitting one another.I then added sounds by using sounds imported from the example set on blackboard to give a more realistic feel for each blow landed after this I added the Bell to simulate the start of the round by adding two different symbols I hammer and a round shaped bell and then created them both into an IK and made a post between them so the hammer appears to strike the bell. Last I decided to create a watermark using Photoshop and altering the original background I added my name and followed the instructions inside the video listed on this website below.
2)D) I chose to import to library and stage both so that I could get a feel for the difference between the two. I then chose hit noises to better enhance the experience of the fight.
The purpose of my animations was to create the experience of being inside a boxing ring watching two boxers fight and the idea of watching a punching bag swing from use.
A) yes after some well spend time working on them.
B) they helped died my actions and allowed me to complete my work by showing me what I needed to complete.
C) a contributed by allowing me to alter the background to anyway I wished it to look.
Video on the left Project 4 Video on the Right Video Movie Clip
Thursday, November 4, 2010
Monday, November 1, 2010
The hex color are 5fbe8e for b_g ,0000ff for flower which is my favourite ,add01e for butterfly in radiel , ffff31 for butterfly yellow, 000000 for butterfly body like too ,bcdod5 for clouds . here is the link to see the movie.
Again I used the brush for most of the work because I like the shapes I can achieve with it. I tried several tools to draw the cone, and then made several attempts with the brush before settling on this. Primitive shapes merged might have delivered a more realistic look, or I could have used the pen tool beziers to get it. I decided that freehanding would take less time. I did use beziers to make the soil line look bumpy.
Kuler colors weren't exactly what I wanted so I modified them. I used 211D15 (dk brown) 433527 (lt brown) 121B08 (needles green) 5F2821 (seeds) 2C581B (seedling).
This project was so different from the other attempts that I did not reuse any old symbols.
Frame by frame is used for the cone and branch shaking. It gave a nice jerky movement.
Shape tween is used for the morph from seedling to tree trunk.
Classic tween is used to change the size of the branch at the beginning. Classic allowed me to control the length of the size change.
I used motion tweens to control the seeds, adding motion to each, changing their trajectory and pace.
I used a preset fly in from the bottom for the company tag line, to reverse the line of action for emphasis.
While I started with a storyboard, the overall process was lots of trial and error, adjusting timing, positions, duration. I discovered that crunched for time it is easier to delete a flubbed up layer and rebuild it rather than try to fix without understanding what I had done.
Thanks for watching.
I did things a bit backward this time out; I was inspired sort of out of left field and used an actual image on which to model my project. Some of you may have heard of a video game called Plants vs Zombies, in which zombies are trying to get into the house and the player places various useful plants in their path to thwart the brain-eaters. I decided to create a very basic, let's say "inspired by", version in Flash. The results are...ugly.
I actually knew what colors I wanted to use, simply because I had an image to work of off. So, I created my own theme called PvZ. The hexes are: #669933 (base), #45B032, #2FA642, #9DB032, #A69F2F.
I found that I was really lacking in actual saves symbols from previous projects, and those that did exist had no place here, as I tend to keep going in completely different directions with these projects - so there isn't anything repeated here.
I had originally had the zombie moving on a very linear path forward, but that didn't seem very zombie-like. I decided to change things around and create more of a "lurch" motion, with pauses in between steps. Classic Tween seemed to be a good choice here, as the text suggested it's useful for placing keyframes first and then worrying about the animation later; the original motion tween seemed less flexible for this purpose. I was going to use another Classic Tween for the head, but I was unable to; I assume this is because I had a motion tween for the same symbol later in the timeline, but I'm not sure.
My custom ease is on the zombie head, as it falls to the ground post-impact. I wanted it to appear to accelerate as it dropped due to gravity; the small bounce on the end was an accident, but I left it in because it seemed amusing. It didn't take nearly as long this time out to get the ease where I wanted it.
Most of my motion tweens are pretty basic; the pea flying toward the zombie and the zombie shuffling forward. For my purposes, it worked just fine. I did decided to add an extra one between the pea hitting the zombie and the head falling off, which is where the tint changes color. I lucked out playing with the tint, as it appears that the impact causes the change, then it gradually reduces back to the main color. Most of the work involved getting the zombie to be in the right place for the impact, as I had two objects moving toward each other.
The zombie itself is separated into 4 parts - head, body, left leg and right leg. The head and body are separate mostly because the head falls off. The legs are separated for the frame-by-frame animation. I wanted to give the appearance of a shuffling zombie; originally the legs were moving in almost every frame, but it looked ridiculous. For the second attempt, I spaced out the movements much more to coincide with the pauses in movement. That was a bit painstaking, and if you slow it down, you can tell that it's not the best sync.
I also threw in an IK on the sunflower symbol (yeah, it's a sunflower!). In the game, the sunflowers bounce around happily, so IK seemed like a great way to mimic that. The best part of this process was that I had already created the sunflower, but wanted to modify it substantially. I opened a single instance of the symbol, made my changes, and it propagated to the others - time saver!
I had envisioned a far more ambitious project, with multiple zombies - including the pole vaulter variety - but even this small animation was more work than I expected. I think I'd like to expand upon it for the final, though.
The Kuler made it ALOT easier to determine what colors to use since I hadn't used it in previous projects. The RGB colors I used were:
82, 17, 10
74, 38, 25
115, 55, 45
130, 71, 58
117, 45, 30 these were "Browns" from the Kuler search "wood"
128, 43, 0
191, 64, 0
255, 86, 0
64, 21, 0
230, 77, 0 these were Oranges from Kuler "Pumpkins & spice"
231, 40, 0
255, 110, 3
255, 164, 35
231, 114, 39
171, 45, 0 these were colors for my leaves, search "Fall leaves"
I used the Pen tool for the nose of my Pumpkin & the bezier curves made it pretty easy to get what I was looking for (kind of like a witch, long and pointed).
I took the symbol "Electrical Outlet" from one of my practice videos and changed it's color/size to fit the outdoors theme, titled "External Electrical Outlet".
Frame-by-Frame Animation - I kept this one really simple and simply flashed between two versions of the pumpkins face. One is scowling and the other is surprised/startled...
Shape Tween - This was a bit difficult, but I managed to also nest it (extra points) and extend it so that it seemed to flow and minimize and "jerking"...
Classic Tween - I took the last Text box and wanted to make it larger so a simple classic tween was all that I needed...
- OK, so I went a little overboard with this one and ended up with nearly 20 motion tweens, BUT here is a basic description of them. The first required a transformation so I made text boxes to represent the doorbell and had them bounce around like I would envision the sound would look like. I added ease to all three of them with a custom setup.
- The leaves in my video move twice as if gusts of wind are pushing them across the porch since I wanted a more life-like look to them. This required multiple layers with each leaf on its own layer to keep things simple.
- The last Motion tween was wrapped up in the leaves since I had so many and needed some to end up off of the stage. I moved around the leaf layers to try and get a more accurate timetable, so that's why they are not in order...
Enjoy, click here!
Sunday, October 31, 2010
Saturday, October 30, 2010
Thoughts and comments
I truly enjoyed this piece that I did mainly because it was a true challenge had to work very hard with little time to be able to create this image but most of all I truly enjoyed creating the meteorite smashing to the tree it was a neat effect and visually beautiful
Process of creation
The first begin by creating the background using two different square shapes and merge them together then I bound them together to ensure it was one solid whole after I created the background I decided to then copy the Humpty Dumpty tree from project two and paste it into my new background after I had done this I created the shapes of the leaves on the tips of the tree using the primitive oval tool by shrinking its properties down to the correct size and grouping several and positioning using the free forming tool
after I finished creating the tree I then created the stars by copy and pasting again from my Humpty Dumpty pitcher and then attached a classic tween to it to give the movement soon appears to be a collection of shooting stars I then created the sun and the moon and added a motion tween to the sun alongside with an ease and alpha effect so it appears to come in faded and slow then to blend into normalcy then back into fading as it goes off screen and then created the moon using the primitive oval tool and shrinking
its properties down to crescent shape and colored it to a light pale yellow and added a frame by frame animation to the moon as it appears to go left to right just like the sun I then created a meteorite inside the sky by creating it with the oval tool and colored it a darker brown and turned it into a symbol as a got bigger with flames attached to it after I created this I then created a new symbol of the meteorite smashing into the tree.
I then created a fire symbol and created it as a frame by frame animation by setting the fire at a different angle in each frame and cutting at different holes within the flame to give it a flickering effect I then set it onto a new layer and placed it over the broken tree stump giving us the the effect of the tree stump on fire I then used the pen tool and created an alien and his gun and made him into a symbol that attached a motion tween to make him look left and right and then walk off the street I did this
by adding different key frames and two different symbols of alien by reversing one then attaching each to a different key frame side-by-side giving the appearance of looking left and right.
i) List hexadecimal Colors
I used in Kuler the selection A lot OF Blue and more of the basic colors on the left;
618DD0, 1B4B94, 2565C7, 663300, 00CC99, 00FF00, 000066, FFFFCD and FF0000
The tree and the stars are both symbols from my Humpty Dumpty project two piece. I modified the tree so that it had base and it had texture upon the bottom to give it a more realistic looking style along with leaves on the top
Classic tween was used for this because I found it an easy and effective way to create a cluster of shooting stars because they are only moving in one direction so shape tween was not needed nor was motion tween because both are more complicated
I used the preset smoke because it allowed the fire I created to have a more realistic look to it
Motion tween of my choice
The motion tween I chose was for a broken piece of the tree flying through the air and smacking upon the ground then bouncing closer to its stump the reason for this was to give the effect of impact from the meteorite smashing into the tree
the process for the Suns creation was using the oval tool and creating a circle that was yellow then creating it into a symbol then creating a motion tween and having it move from left to right off the screen I also used alpha effect to make the sun go in and out those creating the passing of daylight I also used ease to slow the Suns speed
I created smoke by creating a square box shape then I turned into a symbol and sliced the edges off with the erase tool thinning it out thus creating a more smoke like look I then added the motion preset smoke and set it over the fire on a separate layer
I recopied the Humpty Dumpty tree and created it into a symbol then cut off the top and bottom put it onto a separate layer and integrated it into a motion tween I then made the tree flip using the motion tween and key frames I did frame by frame different pictures and made it appear to bounce off the ground and land flatly
For this project I decided to use a three act show to incorporate all of the different animations. I used the a color theme I got from Kuler as the main palette - hexidecimal numbers A61103 (red), F24405 (orange), F28609 (lt orange), F2CE3E (yellow), 496D8C (blue). I used separate layers for the act signs so that I could treat them as separate motion tweens. I also separated out the curtains, cat, fish, fish bowl and birds so it would be easier to create those tweens and named them accordingly. I used folders for the act signs and the birds to keep them organized. I used a combination of primitive objects (diving board), merged objects (the fish and fishbowl) and object drawing (the cat and bird shapes). The pen tool was useful in creating new bird shapes and modifying the bezier curves. In the library I have about 20 symbols that are named and put into folders. They consist of the different parts for the bird, cat, curtain and act signs. I reused portions of my cat animation from project 3. I duplicated a grouped bunch of cat pieces and modified it to be the two symbols I needed for the cat dancing. The curtain opening and closing is the frame-by-frame animation. The fish jumping into the fishbowl is the shape tween and it is distorted by straightening out and changing color. I used an ease to slow down the motion of the fish and added a little frame-by-frame for the bubbles. The classic tween is the cat dancing across the stage. I felt that a classic tween was appropriate here because I could insert keyframes into the tween that changed the symbol – that make him look like he was dancing. For the three simple motion tweens – I used motion tweens for each one of the birds. The first flys in and alternates color. I used the motion editor to change the color and to apply a sine wave ease. The second bird also flys in, changes color and uses a bounce in ease. My objective with these tweens were to make them look like they were jumping all over the screen. The third bird is a motion tween with an alpha applied coming into full view as it gets closer. It then flaps it’s wings using frame-by-frame and flys off using another motion tween. The act signs are also controlled using motion tweens and slow eases. Overall I felt like this was very challenging but useful in that I’m learning more about the motion editor and how to make it work for what I want to do.
Friday, October 29, 2010
Saturday, October 23, 2010
Hi class , here is my project 3 animated flash on Halloween theme.I am feeling that I have crowded the movie......
1. Classic tween is used for the vine and pumpkin , they are made in that .
2. Shape tween is given to the moon which changes its color effect with move and at the end changes shape too.
3 The bat and ghost are in motion tween , bat has given motion preset bit changed because that was too small path for move , ghost motion is created by me , transform is used for both , rotation and color effect is changed to tint , red for bat.
4 I the motion editor easing is changed for both bat and ghost and transformation is changed and spring 2 motion is given to the ghost which is funny ,
Part 2 - Flash file
(1) I started off by creating a classic tween of a bug moving across the stage. I used a motion guide to make the bug move around the cat. (2) I used a shape tween to then turn the bug into a bird and make it fly around the cat and then off the screen. I change the color and form of the bird as it was doing this. (3a) I used a motion tween with custom easing when the bird flies back onto the screen - it flies up slow, dips down fast and then flies up again fast. I did this by adding keyframes in the motion editor at 185 and 210 to create a bell-shaped curve in the custom ease. (i) In the middle of the tween, the bird fades out (done using the alpha motion preset set at 0 at frame 195 and then back to 100 at the final frame. (3b & ii) The second motion tween was done by using the preset "Stop and Start Fast" (iii) I modified it by slowing it down slightly and then using a tint to change the color. In the Tint motion preset I set the color to change by adding a keyframe at 235 and setting it to 100 percent. That way I could control where the bird fully changed color. (4) I used the library to organize the pieces of the animation. (a,b) All of the individual pieces of the cat, bird and bug are organized into folders (i.e. cat, cat feet, cat eyes etc.) as are the bug and bird shapes. They are also named specifically to what they are. (5) I've included a rotating & color shift in the final motion tween as the bird flies off the stage.
(1,a) After watching the tutorials, I specifically understood how there were advantages in the control you can have with classic and shape tweens vs. motion tweens, however the motion tweens have more control options in the motion editor (b) I was more comfortable with the classic and shape tweens and thought it was pretty easy to make them do what I needed them to do for the first part of the animation. The motion tweening is still a bit of a learning curve. I am still having trouble with moving the points in the custom easing but I think working on a small monitor doesn't help. I will say though that the trying to create a shape tween with a complex object produces a pretty funny morph - I tried to do it with the cat shapes and the all split apart. (c) Having an organized library really helped to be able to find and quickly add shapes to the timeline.
ii. For the second Motion Tween I used the preset “text-scroll-3D” I modified it by stretching the path outside of the stage to give the illusion of it flying away.
iii. I modified the easing of the second Tween to show the star accelerate away from you.
Friday, October 22, 2010
Project 3 - Colleen Cornish
The discussion about story boarding prompted me to see if I could tell a story with a basic shape. I chose a circle and set to using tweening to add personality as well as motion. I'm fairly happy with the result. I certainly had fun making it.
Most of the movements are classic tweens. They allowed me to set different rise rates and motions for three groups of bubbles at the beginning. I liked the control I had by adding and removing frames on specific layers to speed or slow the action. Adding a motion guide to the big bubble allowed me to put a bump in his sideways movement. Using a motion guide on the last little bubble allowed me to draw a path that expressed confusion and hurry. (Well, I thought so.)
I used a motion preset fly-up on the floating line of bubbles to make them rise, disappear and pop as the the spray appeared. The preset is very smooth...but adding easing didn't make a lot of difference in the appearance. I think easing is more visible over a longer distance and perhaps over a path that is not strictly vertical.
I'm sure an organized library will be truly useful on a large project. Here it wasn't a problem to scan the list for the symbol I wanted. Ah, but organizing the layers was a necessity. I had so many bits on the timeline that more than once I altered the wrong thing. I probably got carried away; adding motion to everything, even a little rotation to the water to make it slosh.
Due to technical and scheduling limitations I have not watched all of the tutorials so I didn't make a specific effort to integrate the concepts they presented. In any event, I hope you are entertained and that I have been able to bring this idea to life.
When it comes to these projects, I tend to think of a concept first (one that will make good use of the basic tools) and worry about hitting every requirement afterward. This was no different. In fact, I think in some cases it would be easier to create 2 different files to meet all the requirements of a project instead of making sure the one file has everything. It seems unlikely, I guess, that a real world scenario would use so many different tween types at once. Enough rambling.
a) The idea of a pool table occurred to me as a simple way of moving objects around on pre-determined paths, while also allowing for some more detailed effects. The cue ball is traveling on a motion tween mostly for simplicity's sake, while the 8-ball is on a classic tween motion guide so I could be a little more specific with its path. The purple ball is really just there for a shape tween, as I couldn't come up with a great idea for how to incorporate it otherwise without doing something really outlandish. The cue stick was originally on a classic tween, but I switched to a motion tween and applied the Fly Out Left preset to give it a little more life. I found Easing to be more complicated than I anticipated, as I spent a lot of time with the motion editor curves trying to get things just the way I wanted.
b) As mentioned above, the cue ball is a motion tween with basic position changes, with an alpha change at the end for the "disappears into the pocket" effect. It was the first symbol I created, so I kept it simple. I tried to get the ease properties adjusted in a way that after every contact with the wall, the ball slows down. Because of the length of the movie and speed of the animation (only 48 frames), it's difficult to see it very well but it mostly worked. The 8-ball is a classic tween on a motion guide. I could have used a motion tween, but I think it would have been too choppy over the same path I used. Again, the shape tween was something of a problem for me. It's in there, but used in such a rudimentary fashion that it sort of bugs me. A more advanced animation might have more interaction between the balls, with associated shape changes. The Fly Out Left preset I used on the cue stick has been modified in the ease and the Z rotation. Originally I had it without a preset, and simply moving forward to strike the ball and then back. Switching to the preset and adding the rotation seems to look more like a person actually lifting it off the table after shooting.
c) I was far more at ease this time with the layer management, and layers groupings sort of naturally fell into place, especially as various objects were moving about in entirely different ways. Switching back and forth and locking other layers started to become a habit - and I didn't even forget to add/switch layers when creating a new tween!
3) i) I used motion editor with in a motion tween for the background to create a fading affect by adding key frames of different alpha value inside the custom ease this made it so that the background starts out with nothing and slowly fades into effect when it hits each key frame thus creating a neat effect.
3) B) ii) I used the motion preset zoom in -- 3-D I modified it by adjusting the placements and area of which the preset motion moves inside my creation.
3) iii) I modified the easing by adding key frames with different values of alpha inside each one to create the fading effect of my background.
A) I incorporated several different tweens to create the effect of pong the game I used this shape tween to convert the pongs ball into several different shapes and then I used different color techniques to give each shape a neat effect
I then used motion tweens for the paddles so that I could set up a rotation for the beginning paddle and edit every detail so that it would look nice
I used a classic tween for the appearing red ball and added a motion guide to it so that it would have a quickened pace compared to the rest of the other moving objects I did this by shrinking the time-line for the red ball and moved its frames ahead to where it needed to be so it would have the effect of looking like it appeared when the white ball hit the paddle
The videos really helped me to understand the differences between the tweens a lot better than the book
I love the motion presets they were an amazing piece that really helps me to create a lot in my piece but I loved it most for my finale piece the player two wins at the end
B) The purpose for the difference tweens are that the ball changes many times so a shape tween seem to fit this best. The reason for the paddles being motion tween is that they needed to represent the almost robotic like style of pong when it was on the original Atari but also for the complex rotation of the first paddle.
They did work as I attended after a few issues with the time-line setting up between us correctly and positioning the balls and paddles.
C) it helps to maintain order and save time by knowing where everything is so you don't have to go searching for a piece you need half the production time when working on a piece.
Over all i really enjoyed creating this piece and I'm very proud of it!
Thursday, October 21, 2010
I actually had fun with this project. I took a cut out off my youngest daughter's head from photoshop made it a png file and imported it in along with the body of the weight lifter. now on my project i used the motion tween on my daughters head which was to make it look like stars shot from out of her head as she struggled with the bar. I manipulated the scale,color tint, and rotation on the red star along with placing a motion preset of fly out top and i changed the easing to -38 in. On another star i messed with the easing to speed it up and played with the Y axis a bit.
Monday, October 18, 2010
Tuesday, October 12, 2010
1 b. grouping:
I created a bunch of individual leaves, made it a group and then duplicated the group several times (on their own layers.) This allowed me to move an entire group of leaves (saving lots of time over moving them individually), rotating them and repositioning them to achieve visual layering.
2 c. modifying a curved object
I used the paint brush to create a horizon line, modifying it with the sub-selection tool to get the look of mountains.
2 h. layer stacking order
Fiddling with the stacking order allowed me to position some of the leaves behind the branches and trunk of the tree and to overlap the leaves to get a layered look. I will be able to make them rustle in the breeze later. They are all in one folder so I can turn them on and off at will to work on the other elements in the drawing.
Clouds and the yellow sparkles are on their own layers so they can be manipulated separately when the wind blows. I'm even thinking about gradually changing the background colors as part of the animation.
2, 1 a. managing complex graphics on a single layer:
grouping and folders are useful to isolate elements. I also locked elements to keep them from changing while I worked over them. It's kind of like trying to avoid smudging what you already have painted... you'll save yourself time and heartache if you get in the habit of using layers.
b. future projects
What worked this time was to start with a sketch on paper and decide how I wanted the elements to interact. Then I made them on the computer in different layers, locking and grouping as I went, so I wouldn't be trapped into them breaking apart into pieces that were not useful to what I wanted to do. I deleted elements as I worked if they didn't act as I'd hoped. I think I will always start with sketching out a concept.
c. tool preference
My favorite tool is the brush, I find it manageable and more intuitive than the others. I like, too, the shapes I can achieve when I push the smoothing all the way to 100.
I struggled with the pen tool as I drew the trunk and branches. It doesn't release you the way other programs do and I ended up with stray lines and bits I couldn't eliminate ... more practice required...
I built this image like I would have in Illustrator or Photoshop and frustrated myself with the stacking order and merging, so I started over several times. This will take some getting used to.
a. Primitive oval used for trajectory lines, useful because it let me keep the circles open.
Object drawing used for sky and grass. Wanted to use Merge for grass so I could alter the horizon line to look more round, but merge stacks behind object so that didn't work.
b. I used the pen tool to make the martini glass shape, using the sub-selection tool to position the swizzle stick and shape the rim. I duplicated the drawing and changed the line to stippled yellow to get a starry look.
c. I created the headline, modifying it by selecting a portion and making it bolder and darker in value.
d. I used the linear gradient to create a multicolored brush stroke of trailing dots for star tails. (colors 333344/CC0033/003333)
e. I used the brush object to create the lines of the glass in the sky, with the smoothing at 100 you get a nice calligraphic line. I used the pencil to create the line of the star tails, stippled, 4.0, linear gradient.
f. deco/spray: not used because I found a different way to achieve the affect I wanted (see h.)
g. I used the transform tool to slightly rotate the green and blue backgrounds then skew them so they are enough off to suggest a horizon.
h. I was frustrated by the stacking conventions, so unlike the other software I usually work with, like trying to remember the order of hands in poker.
I was delighted to learn that I could paint a gradient brush stroke of dots with the stipple style and that I could alter the shape after with the sub-selection tool. That will be extremely useful for highlighting and adding emphasis. After using this, with the control it allows, I opted to not use the spray can tool.