Animation In Photoshop

 


On Photoshop I opened a new document- 300ppi, 9x6cm, RGB colour. Then I went to windows- under workspace I clicked ( Timeline, Swatches, Brushes, Layers) as they are the necessary tools needed in the project. After clicking on the timeline window at the bottom of the page I clicked create video timeline, I also copied the bouncing ball guide from animation-tutorial-1-bouncing-ball and clicked on layer - video layer - New blank video layer which created a new layer for the bouncing guide i pasted on the layer then named the new layer as walk cycle guide.

Using the Ellipse tool to draw a ball on the bouncing guide I used shift key to draw an accurate circle and coloured it red which created a new layer (for the circle). For texture on the ball I right clicked on the ball layer and rasterised it, Clicked on the magic wand tool and clicked the ball also then used the paint Brush tool and added shading using blue colour and played around and now converted my layer to smart object then  clicked on ellipse 1 and then transform( the little diamond) by adding key frames to each frame so while I adjust my ball on the guide frame I add key frames to each one then Michael helped me to correct some mistakes. After which I added a floor by clicking on the paint brush then shift key and drag line across the background image


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