15/11/22 - Animation Using Photoshop

In today's lesson, we began by installing WordPress. We did this, by setting up our MySQL Usernames and Passwords, and then using FileZilla to connect our WordPress accounts to the school's host server We then entered these details into some code, to redirect what the website does when the URL is looked up on the internet. We then had to leave this, whilst some technical issues were worked out.

We then opened Photoshop to begin our activity for the day. On Photoshop, we opened a new document, with a size of 9x6cm, and which was 300ppi, to be the base of our work. We also made sure that we had Timeline, Swatches, Brushes, and Layers opened on our workspace. We then copied an image of a bouncing ball's course of travel, from the instruction document that we were following, and pasted it onto our Photoshop document. We made sure to transform this image, making sure that it kept the same shapes, to fit the entire size of the page. We then set up our timelines, changing the framerate to be 10fps, and spreading it out to make it easier to see. On a new layer, we then drew in a ball, using the Ellipse tool, and using the first ball shape on our background image, to get the correct size. We then filled this shape with the colours of our choice, and then Rasterized it, so that we could use the Pen tool to add some shadows and light to the ball, to make it look more realistic, as if it was near a light source. 

After this, we then converted this ball into a smart object, and on the timeline, made sure that the playback pin was at the very beginning of the track, so that we could then click on the Ellipse layer, and on the dropdown section, pressed the stopwatch icon on the Transform option, to create a Keyframe. We then moved the playback pin to each frame, pressing the Keyframe button on each frame, and each time we did this, on the new frame, we moved our ball to the next place on the guide that we were following. We kept doing this, however on some sections of the guide, we had to use the Distort option, to change the shape of the ball, so that when played back, it looked like it was squashing and morphing as it moved.

When we had finished this animation sequence, we then had to design a background, to make our animation look better. I created a space looking background, with the ground being a planet that looked like the moon. We then had to go through each Keyframe again, and place shadows under the bouncing ball. We did this, by using ruler guidelines, to line up where the ball's shadow would be on the ground, as well as making sure that they all lined up as the ball went along, and then used a black ink paintbrush tool, to draw lines on the ground, making the shadows darker, for when the ball was closer to the ground, and lighter, for when the ball was further away from the ground.

We then exported this animation into an mp4 file, and a GIF file, to be able to send to other people easily and have the animation loop.

Comments

Post a Comment

Popular posts from this blog

07/12/23 - HTML And Figma Alterations

Image
In today's lesson, we covered a more in depth overview of  the HTML coding language as a follow up from last week's lesson. We looked at html tags again, as a recap, and then went on to write our own basic html code in the notepad app. We then learnt about the different tags to change text to be bold and italicized, as well as how to highlight and sub/superscript text. After this, we learnt about character codes, and how to add links and images into our web pages. Following this, we looked into lists and tables, and finished off the work with how to comment on your code. After this, we were allowed to just work on whatever work we needed to do. For this, I was editing my Figma app, to add in a time and Wi-Fi, service, and battery icons. After I'd added these in, I had to slightly rearrange parts of my pages to all fit in better. I also added in coloured rectangle behind each sections of my app, so that it would be easier to see what pages did what at a quick glance at the f...
Read more

10/01/24 - Final Game Session

Image
In today's lesson, I was working on my literature review, as I was for most of yesterday as well after receiving feedback within my morning tutorial. I was finding new sources to reference and add into my work, so that I could discuss the work of different people over many similar topics. However I then had the issue that I was way too far over the 1500 wordcount that I was supposed to be following, so I had to go through my previous work, and cut out or re-word sections that I felt were not as necessary for the overall message that I was trying to get across. In between my writing, I would go and see how the game finalisations were coming along, as Spike was getting ready to export the final game after fixing a couple of small bugs that we had found. 
Read more

08/01/24 - Presentation, App Updates And Game Run-through

Image
In today's first lesson, I was finishing off my presentation. Although I only had a couple of pages left to finish, I needed to ask some questions on how to complete these sections as I wanted to make them as accurate as possible. I then thought of another feature to add to my app, which was a premium membership subscription, so I had to create another page to represent google, as when you press the button it will open a new google page to buy a membership.  I added a few different options for the membership, so that people can feel like they have options, and even added in a student discount option so that students with a lower or no income feel like they are getting a good deal and will be more likely to buy the membership. In today's second lesson, I was continuing to work on this presentation and app page, as our game group is basically finished and I can't really contribute much else for completion. Earlier in the week Spike had told us about how the church model wasn...
Read more