{"id":2047,"date":"2012-09-20T02:07:40","date_gmt":"2012-09-20T06:07:40","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=2047"},"modified":"2012-09-20T02:07:40","modified_gmt":"2012-09-20T06:07:40","slug":"flying-birds-on-scenery-using-flash-motion-tweening-3","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/flying-birds-on-scenery-using-flash-motion-tweening-3\/","title":{"rendered":"Flying Birds On Scenery Using Flash Motion Tweening"},"content":{"rendered":"

<\/object><\/p>\n

Step 1: Open a new flash file. Set the width to 450 pixels and the height to 239 pixels, set movie\u2019s frame rate as 34 from the properties panel and click ok.
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2048\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 2: Set any background color for the document.
\nStep 3: To set the background image, choose File -> Import -> Import to stage<\/strong> (ctrl+R) and select the image. Call the current layer background, double click on it to change the layer name as Background.
\nStep 4: While the image is still selected, goto Align panel (ctrl+K) and follow the steps below:
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2049\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

1.Make sure that Align\/Distribute to stage button is turned on,
\n2.Click on the Align horizontal (Center)button and
\n3.Click the Align vertical button.
\nStep 5: Now click on Frame 100 and press F5 key.
\nStep 6: Create a new layer above the background layer and named it as Bird. Now we need to draw an bird body without wings using Line Tool<\/strong> and Paint Bucket Tool<\/strong> as shown below,
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2050\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

After creating the bird body, Select the layer and press F8<\/strong> key to convert it into Movie clip symbol.
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2051\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 7: Select the bird body layer and double click on it, specify the name as birdbody from the default name (layer 1).
\nStep 8: Click on the frame 30 and press F5<\/strong> Key.
\nStep 9: Now, we need to create feather animation, so create a new layer above the layer birdbody and named it as feather1.
\nStep 10: Draw a feather of a bird using the Line tool and paint bucket tool.
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2052\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 11: Select the frame 2 and press F6 key. After pressing the F6 key set the feather shape<\/strong> as shown below.
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2053\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 12: Now select the frame 4 and press F6 key. Then set the feather shape on the position like this image as shown below.
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2054\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 13: Now click on frame 6 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2055\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 14: Now click on frame 8 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2056\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 15: Now click on frame 10 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2057\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 16: Now click on frame 12 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2058\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 17: Now click on frame 14 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2059\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 18: Now click on frame 16 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2060\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 19: Now click on frame 18 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2061\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 20: Now click on frame 20 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2062\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 21: Now click on frame 22 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2063\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 22: Now click on frame 24 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2064\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 23: Now click on frame 26 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2065\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 24: Now click on frame 28 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2066\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 25: Now click on frame 30 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2067\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 26: We finished the first feather<\/strong>. Now we need to create another feather
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2068\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 27: Now select the feather 2 layer and draw another feather shape as below
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2069\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 28: Now click on frame 2 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2070\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 29: Now click on frame 4 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2071\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 30: Now click on frame 6 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2072\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 31: Now click on frame 8 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2073\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 32: Now click on frame 10 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2074\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 33: Now click on frame 12 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2075\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 34: Now click on frame 14 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2076\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 35: Now click on frame 16 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2077\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 36: Now click on frame 18 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2078\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 37: Now click on frame 20 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2079\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 38: Now click on frame 22 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2080\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 39: Now click on frame 24 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2081\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 40: Now click on frame 26 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2082\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 41: Now click on frame 28 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2083\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 42: Now click on frame 30 and press F6 key. And make the feather shape like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2084\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 43: Now we finished the feather animation and we\u2019ll move on to bird animation.
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2085\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 44: Now come back to frame 70 and place on the position of the bird like below
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2086\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 45: Go back to first frame and place the position of the bird like this
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2087\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 46: Right-click anywhere on the gray area between frame 1<\/strong> and 70<\/strong> and frame 70<\/strong> and 100<\/strong> on the timeline and choose Right click on the layer and select Create Motion Tween from the menu that appears.
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2088\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 47: Save and publish the file using ctrl+Enter key<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Step 1: Open a new flash file. Set the width to 450 pixels and the height to 239 pixels, set movie\u2019s frame rate as 34 from the properties panel and click ok.           Step 2: Set any background color for the document. Step 3: To set the background image, choose File […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6],"tags":[22,159,9],"class_list":["post-2047","post","type-post","status-publish","format-standard","hentry","category-flash","category-web-design","tag-animation-in-flash","tag-flash-motion-tweening","tag-web-designing"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=2047"}],"version-history":[{"count":5,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2047\/revisions"}],"predecessor-version":[{"id":2097,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2047\/revisions\/2097"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=2047"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=2047"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=2047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}