Курсы английского
<<  Do you speak…English A room for Rob  >>
Animation for Scratch
Animation for Scratch
Tools
Tools
www
www
Scaling vector drawings
Scaling vector drawings
www
www
www
www
Group all the shapes, shrink them and then position them in a series
Group all the shapes, shrink them and then position them in a series
Animation for Scratch
Animation for Scratch
Animation for Scratch
Animation for Scratch
Animation for Scratch
Animation for Scratch
Animation for Scratch
Animation for Scratch
Animation for Scratch
Animation for Scratch
Animation for Scratch
Animation for Scratch
Animation for Scratch
Animation for Scratch
Steps for animating frames in Scratch
Steps for animating frames in Scratch
Size your character for a Scratch stage The Scratch screen is
Size your character for a Scratch stage The Scratch screen is
Number of Animated Frames In a fancy animated film like ‘Toy Story,’
Number of Animated Frames In a fancy animated film like ‘Toy Story,’
Preparing for Vector to Pixel Conversion Get rid of the boxes around
Preparing for Vector to Pixel Conversion Get rid of the boxes around
Saving PPT vector images to JPG pixel images In Power Point: File /
Saving PPT vector images to JPG pixel images In Power Point: File /
Saving PPT vector images to PNG pixel images with transparent
Saving PPT vector images to PNG pixel images with transparent
Launch Scratch
Launch Scratch
Zoom out
Zoom out
Select the Box tool
Select the Box tool
Select the Paint Bucket
Select the Paint Bucket
Select the Position Box
Select the Position Box
1) If you don’t get your character exactly in the center, it may jump
1) If you don’t get your character exactly in the center, it may jump
If you want your character to go left, copy the two frames, flip them
If you want your character to go left, copy the two frames, flip them
Make Elmer fly
Make Elmer fly
Wow … This is a lot of WORK
Wow … This is a lot of WORK
www
www

Презентация на тему: «Animation for Scratch». Автор: Development. Файл: «Animation for Scratch.ppt». Размер zip-архива: 1114 КБ.

Animation for Scratch

содержание презентации «Animation for Scratch.ppt»
СлайдТекст
1 Animation for Scratch

Animation for Scratch

Creative Inventions and Robotics

www.build-it-yourself.com

2 Tools

Tools

www.build-it-yourself.com

Scratch: Freeware developed by MIT. http://scratch.mit.edu/ Gimp: Freeware version of Photoshop. http://www.gimp.org/downloads/ Free Online Tool for editing gif’s (crop and size). http://www.picresize.com/ Free Online Tool for making animated gifs. http://www.myspacegens.com/handler.php?gen=animatedimage&p=view&id=2818834919

3 www

www

build-it-yourself.com

In Pixel vs Vector Graphics, we discussed the value of using a vector drawing tool to create way cool characters that can be edited and scaled relatively easily. In this animation presentation, we’ll take your character to the next dimension.

Vector drawing

Pixel drawing

4 Scaling vector drawings

Scaling vector drawings

Original Shrink Grow

Scaling pixel drawings. Original Shrink Grow

www.build-it-yourself.com

5 www

www

build-it-yourself.com

Start by drawing your character. Make it big (to fit the whole screen) so you can work with details.

6 www

www

build-it-yourself.com

Copy and edit your first frame to show another flying position.

7 Group all the shapes, shrink them and then position them in a series

Group all the shapes, shrink them and then position them in a series

of slides to test your animation.

Press PAGE DOWN to sequence through the next few slides. You will see how the bird animates. With just two frames, you can get pretty cool looking animations.

8 Animation for Scratch
9 Animation for Scratch
10 Animation for Scratch
11 Animation for Scratch
12 Animation for Scratch
13 Animation for Scratch
14 Animation for Scratch
15 Steps for animating frames in Scratch

Steps for animating frames in Scratch

www.build-it-yourself.com

Scale or size your frames

Convert vector (PPT) to pixel (JPG) format

Import jpg’s into Scratch

Make backgrounds transparent

Position characters in the center

Write scripts to animate frames

16 Size your character for a Scratch stage The Scratch screen is

Size your character for a Scratch stage The Scratch screen is

relatively small. Only 480 x 360 pixels resolution. Most computer screens are set to 1000x800 resolution. So you have a relatively small drawing board to work with. If you want your character to maneuver around a Scratch background or stage, you will need to design your character so it looks good when scaled to fit into fairly small boxes.

www.build-it-yourself.com

17 Number of Animated Frames In a fancy animated film like ‘Toy Story,’

Number of Animated Frames In a fancy animated film like ‘Toy Story,’

there are 24 or more frames per second to make the animated characters move very smoothly. It can be a ton of work to create many frames. Sometimes computers are smart enough to create lots of frames between a start and end frame. You will see that we can get pretty cool looking animation with just two frames in Scratch.

www.build-it-yourself.com

18 Preparing for Vector to Pixel Conversion Get rid of the boxes around

Preparing for Vector to Pixel Conversion Get rid of the boxes around

your frames.

www.build-it-yourself.com

19 Saving PPT vector images to JPG pixel images In Power Point: File /

Saving PPT vector images to JPG pixel images In Power Point: File /

Save As / Select File Type => JPG Save the slide as elmer-fly-right.jpg Name your slides so you can easily distinguish them. This is especially important when you have many images. Answer No when saving so that you save only the slide with the animated frames.

www.build-it-yourself.com

20 Saving PPT vector images to PNG pixel images with transparent

Saving PPT vector images to PNG pixel images with transparent

backgrounds In Power Point 2007 or later: Group your character by selecting a rectangle around all of your character parts. Right click and select ‘group.’ Right click again and select, save as PNG. Name your ‘png’ file descriptively and save to your desktop.

www.build-it-yourself.com

21 Launch Scratch

Launch Scratch

Select the Costumes tab and Import: elmer-fly-right-1.jpg Copy the imported jpg which will create your second frame: elmer-fly-right-2.jpg. Edit each of the frames as described on the following pages.

Import jpg’s to Scratch

www.build-it-yourself.com

22 Zoom out

Zoom out

Import jpg’s to Scratch

www.build-it-yourself.com

23 Select the Box tool

Select the Box tool

Select color white. Draw a white rectangle over all but one frame.

Import jpg’s to Scratch

www.build-it-yourself.com

24 Select the Paint Bucket

Select the Paint Bucket

Select the color transparent and click on all the white background areas. The white areas will turn to small white and grey squares.

Import jpg’s to Scratch

www.build-it-yourself.com

25 Select the Position Box

Select the Position Box

Draw a rectangle around your frame and position it in the center of the page. Alternatively, you can select ‘Set Rotation Center’ and effectively center your character.

Import jpg’s to Scratch

www.build-it-yourself.com

26 1) If you don’t get your character exactly in the center, it may jump

1) If you don’t get your character exactly in the center, it may jump

around when you animate it. 2) Now do exactly the same with the 2nd frame.

Import jpg’s to Scratch

www.build-it-yourself.com

27 If you want your character to go left, copy the two frames, flip them

If you want your character to go left, copy the two frames, flip them

horizontally and rename them. You can delete the cat costumes.

Import jpg’s to Scratch

www.build-it-yourself.com

28 Make Elmer fly

Make Elmer fly

These Scripts will make Elmer fly when you press the RIGHT and LEFT ARROW keys. Be sure to select no rotation or flipping. Check it out … http://scratch.mit.edu/projects/johngalinato/107717

www.build-it-yourself.com

29 Wow … This is a lot of WORK

Wow … This is a lot of WORK

!! Brace yourself there, rookie. If you want to be a hot shot game designer or animator, you better be prepared to put in some long hours. Usually, good things don’t come easy.

www.build-it-yourself.com

30 www

www

build-it-yourself.com

Animated Feature Films:

Lion King Last big Disney 2D Team 800 Cost $45M Gross $330M

Toy Story 1st big Disney 3D Team 110 Cost $30M Gross $361M

«Animation for Scratch»
http://900igr.net/prezentacija/anglijskij-jazyk/animation-for-scratch-163872.html
cсылка на страницу
Урок

Английский язык

29 тем
Слайды