Robot animation on Adobe Animate

 On the Adobe Animate I created a new file (standard 640 x 480) and the platform type to HTML5 then created the file. After which I had done that  checked under windows to see if my properties, timeline, tools and library where all active then (preferably) I check on web for robot ideas for my project, before that I clicked on Insert- new symbol and typed the name as robot- then type as -movie clip then ok this created a new layer timeline called robot.


So I to start with my robot, under timeline I clicked the plus sign to create a new layer for the robot head I named mine face, 

then picked the rectangle primitive tool for the head and used paint bucket tool to put in my desired colour, for the ears, mouth and eye I tried drawing them on the face using the shape tool and pen tool but they kept going behind the face so I drew them separately then used my sub selection tool

 to adjust my points, and anchors. click and dragged the eyes and mouth to the face then right clicked  and distribute to layer this kept the features placed on the face and new layers formed( name the layer as organ face) I used my pen tool and  ruler guide  under view to draw my ears and antenna.
For the body, created new layer called it body the deselected the face and then used the shape tool ands pen tool to draw the desired body and added my colour after which I created another layer  for arms and legs and drew out my hands and legs for the robot. click and drag the face above the body then arms above the legs under the body so they can be in accordance.


For the animation edits clicked shift then selected all my layers then dragged them to the 10th frame then clicked insert- timeline- keyframe  and I repeated that and dragged to the 19th frame then insert- timeline-frame. I played around by dragging the play back pin to each keyframe then adding edits and adjustment  to each frames creatively making effects patterns of my choice.
Clicked back on screen one at the top which took me back to the first layer then clicked on library and clicked and dragged the robot to the page then used free transform tool to adjust to size( modify- transform- free transform) 

then properties- publish settings- more settings then I deselected the export document as texture then clicked ok then control- test to see my results. 
Results-  http://127.0.0.1:8090/Animate%20project.html?13157

Comments

Post a Comment

Popular posts from this blog

Coding on Adobe Dreamweaver

Image
    This is a web coding I did on Adobe Dream weaver and the procedures and steps used where very fun, I saved the web activity files first then extracted them all and opened the index file from web activity then opened it in my Adobe Dream weaver then I clicked on view at the top left corner - split - split vertically then my screen would be on two sides showing my coding at the right then the code results at the right side. Firstly I had my heading changed at the <h1> text<h1> I changed the heading to Down The Rabbit Hole. Then my font- family: courier, serif, also changed my border radius from 0px to 20px and my width which is under button  to 25%. The font size was set to large then font family : courier, serif. While going through the options in my coding I changed my text colours and background colour, my background colour- transparent and border radius- 20px, border- 4px solid magenta, colour- cyan. I put my background image under body from URL( "xx.jpg...
Read more

Animate keyboard and City example

Image
On Adobe Animate I opened the new document and named it CityExample (W-960, H-640, Frame rate-30, on platform HTML5 Canvas). Then created seven different layers( sky_day, sky_night, city_day, city_night, buttons,labels, actions), next I clicked on the city day layer and used the rectangle tool to draw out my style of skyscrappers in the city with different colours then selected the whole drawings and modify-convert to symbol (movie clip)then named it city_ day then on the symbol page i added new layers for the building and the windows as well, on windows layer i put in my windows and duplicated and fixed in a few windows(pink) then on buildings layer i selected the frames to 30 and right clicked to add in frames, while for windows i selected frame 10, 20 and 30 and added keyframes on each keyframes moved I took out and adjusted some windows and duplicated the cityday simbol under layer and renamed it to city night then double clicek the symbol - tapped the windows layer then select the...
Read more