Monday, February 29, 2016

Lab 22 Adding Sounds to Buttons

      In this lab, we use Flash CS6 to add sound into the 10 graphic symbols (The moon, the dolphin, the notebook, the t-shirt, the tree, the fountain pen, the cat, the pig, the grass and the rose.) we have done in the lab 20.  Since we are using Mac, we are using Garage Band to create all the sounds we need. We can record voices or just use those from what is already in there. I never used GarageBand,  and even though I have used Audacity, it still took some time for me to adjust to the way Garage Band works. They are very different and Garage Band just have to many options in terms to sounds to choose from.

      Creating the sounds I wanted was a challenge and took the most time, because as when my teacher demonstrated, there are nature sounds available in the version of Garage Band the she is using. But for us, the students, the nature sounds were just not included in that version that we are using. We can only either record sounds, or just add some very random unrelated sounds to the buttons, which is what I have did. I use the same scene I have been using throughout the last few labs. I simply just took lab 20 and added all those sounds I created for the buttons.  All I need to do for this part was just adding the sounds to the library and drag it to the scene while selecting the desired keyframe.

Thursday, February 25, 2016

Lab 21 Converting Graphic Symbols Into Movie Clips

      In this lab, we use Flash CS6 to convert the 10 graphic symbols we have created in lab 19 into movie clips. Similar to lab 20, but this time these symbols will all move on its own after it have been converted into movie clip symbols and at the timeline, add more frames or motion tween to them. This is very similar to the happy faces we have created in lab 19, making things move, except that this time, they will all be a movie clip symbols of its own.

      The ten symbols of my are the moon, the dolphin, the notebook, the t-shirt, the tree, the fountain pen, the cat, the pig, the grass and the rose. Before I began this lab, I have made the same changes and modifications to some of the symbols, background, and scene as I did for previous lab (20). And since I had a river there, I decided to make it apart of the movie clips even though it was not a symbol in the previous lab. First I converted each symbol into a movie clip of its own. Then edited each and gave all a motion tween, so each can have a motion of its own such as rotating, changing positions or the skew.

Lab 20 Converting Graphic Symbols into Buttons

      In this lab, we use Flash CS6 to convert the 10 graphic symbols we have created in the previous lab into buttons. These buttons will change its behaviors when you hover the mouse over it or click it. We need to create a keyframe in Hit, in "over" which is when the mouse hover over the button, and in "under" which is when the button is been clicked on. We need to have something at "over" because this allows the viewer to know that that is a button so they will click on it.

      I have made all 10 of my simples which are the moon, the dolphin, the notebook, the t-shirt, the tree, the fountain pen, the cat, the pig, the grass and the rose into buttons. But before I began this lab, I have made some changes and modifications to improve some of the symbols, and also made a background, and a actual scene out of it. So first, I converted each into a button. Then give each a keyframe at the "over", "under", and "hit." I made few more larger, change around the skew, and sometimes the colors as well.

Friday, February 12, 2016

Lab 16.5 Red Pencil

      In this lab, we use Flash CS6 to create flash generated vector pencils from an imported bitmap pencil image. Like how it was just said, we simply use the vector tools as well as the pen tool, and the color tools from Flash CS6 to create 2 pencils, one red pencil and one in its original color (yellow) according to this image from the internet (http://weknowyourdreamz.com/images/pencil/pencil-06.jpg).

      First, I cropped the white spaces out of this bitmap to make it much more easier to work with in Flash CS6. Then I created a rectangle similar to the size the the body of the pencil. I use the pen tool to add a point at the left side of the body so there is a triangle in the leg with represent where the lead should be. I added two more triangles with the same height of the first one on the right side of the body as the silver part and the eraser of the pencil and made a little curve to it. I used the paint bucket tool to color in each according to its original color using the eyedropper tool. And to make it look more realistic as there are some brighter and darker spots, I made a light somewhere 3/5 above the bottom of the pencil for the body and the triangle part, and colored it with a lighter shade of its original color. And for the silver part, I just create a gradient of white and grey, and rotated it 90 degrees to fit to that area with the effect I wanted. Last, I used the pen tool to randomly curve the border between the body and the triangle, because this is how sharpeners make it look like.


http://techteach.us/DD2015/HJiahua/Labs/Lab16.5/LB16.5_Jiahua_DD.html

Lab 19 10 Graphic Symbols

      In this lab, we use Flash CS6 to create 10 graphic symbols with our creative and artistic mind as well as the skills we have learned from visual design. We need to create 3 animal symbols, 3 plant symbols, 3 object symbols, and one of our own choice. With the use of all the drawing tools, I created a cat, a pig, and a dolphin animal symbols. A tree, a grass, and a red rose plant symbols. And a moon, a t-shirt, a notebook, and a fountain pen as my object symbols. I used mostly the pen and the brush tools to create all of my graphic symbols in this scene, because I find them more comfortable to work with. Since the concept of this lab 19 is very simple, there is nothing much more to talk about.

Wednesday, February 10, 2016

Lab 18 Happy Face

      In this lab, we use Adobe Flash CS6 to create moving happy face animations. And the most important part is to do this by the use of symbols, which are reusable elements created to store in the library and it can help reduce the size of the swf file. We need to create a symbol for almost every part of the face and create one animation with those symbols. And in total of 3 faces should be done for this lab with animations. Though it may sound easy, this was one of the most challenging lab I have ever done, many of the things were confusing and many of my classmate had struggles with this too.

      First create a symbol for each of the elements that will be used for this happy face such as the eyebrows, outline of the eyes, the eyeballs, the nose, and the mouth. When it is store in the library, drag it out it place it into the stage and create a face. I made a oval outline of the eyes with blue rounded eyeballs. For the animation, I made the eyebrows move up, the outline of the eyes stays the same, the eyeballs move around the outline of the eyes, and the most important part, the curve of the mouth which gives the look of a happy face. After one happy face is completed, copy it twice, so there is 3 in total, all in the same stage. And to make it more organized and interesting, I placed each in a space of their own and change the eye colors a bit, as well as the motions of the eyeballs.

http://techteach.us/DD2015/HJiahua/Labs/Lab18/LB18_Jiahua_DD.html

Tuesday, February 9, 2016

Lab 17 Flash Bouncing Ball

      In this lab, we are taking our first time in exploring with Adobe Flash CS6 and create short animations in the format of .swf file with it. In total we need to create 9 very short animations of bouncing ball in different speed and different keyframes. Keyframes are an image that in within a frame, so you need to create a keyframe for every position of the bouncing ball. This was not a challenging lab. We need to create one with 3 keyframes in normal speed, with 3 keyframes in faster speed, with 3 slower speed, with multiple frames in each normal, fast, and slow speed and with motion tween that creates movement between the keyframe in each normal, fast, and slow speed.

     To keep everything organized, I have created a table with all the bouncing balls in orders. The first row consist the 3 files of the ball playing with 3 key frames in different speeds. The second row consist the 3 files of the ball playing with multiple keyframes in different speeds. The third row consist of 3 files of the ball playing with motion twin, which moves very smoothly compare to the other two. The first column are the 3 files playing at a very common speed, 30 fps. The second column are the 3 files playing at a slow speed at 15 fps. The third column are the 3 files playing at a faster speed at 60 fps.

http://techteach.us/DD2015/HJiahua/Labs/Lab17/LB17_Jiahua_DD.html