Illustrator work 03/10/2023

-

 Today on Adobe Illustrator I practiced getting familiar with the tools the programme offers so that I can use them for future digital media artefacts. I was already familiar with many of the assets the programme provided, being an avid user of Adobe Photoshop for many years now, so I was able to luckily grasp the basics fairly quickly. I used a reference of an espresso machine to trace as an image, and a principles of design I additionally familiarised myself with today in order to attempt to create a poster of sorts. Bellow is the drawing I created using Adobe Illustrator's pen, pathfinder and angle point tools, as well as the original image I used as reference.


I chose to leave little space within the image to try and keep the silhouette of the espresso machine the most prominent aspect of the image, additionally since most of my time was spent trying to keep the design of the espresso machine as close to the original image as possible without taking too long. The espresso machine is aligned in the centre of the image to keep the viewer's attention on it, which i also attempted to do with the background. I wanted the background to stay minimalistic similar to the espresso machine, as to keep the design of both consistent. 

For colour I tried to keep the metallic greys of the kettle, though originally hoping to add more shading for depth Illustrator insisted on removing the angular lines that would imply indents, so that idea was scrapped. I did however make some attempt to show lighting with the colour of the espresso machine with lighter and darker greys being used around the spout and base. I chose for the background to be a light blue, to represent the calm feeling someone would usually get from drinking a cup of warm espresso.

I admittedly did not consider the hierarchy of the image when making it, though I did attempt to try slightly with the background. The square and diamond shape is intended to mimic the angular structure of the espresso machine while not being too complicated to draw the viewers attention away from it.

Additionally I experimented with creating logos in Illustrate, mainly the Google and Nike logos, trying to make them as accurate to the originals as possible. After creating basic logos I tried different variations of them just as experiments, such as changing the opacity at certain points and playing with Illustrator's 3D features. Below is a compilation of the different logos I created during the session.


Comments

Post a Comment

Popular posts from this blog

Storytelling and Gaming development timeline and doccumentation.

-
Image
The purpose of this blog post is to outline the development, creative process and progression of my Storytelling and Gaming assignment for my second year second semester at Hertfordshire University. While I understand that the assignment brief requested a series of blog posts to be created over the duration of the project's development, I neglected this aspect of my work out of no fault than my own, due to already having to maintain a seperate blog for my Independent Project, and on being told prior that the final end product was the most significant component of what we present. I appologise for the unprofesional nature of this stand-in blog post, though shall do my best to use this blog post to deliver a cohesive timeline of events. CREATIVE DEVELOPMENT My choice to have the style and asesthetic of my storytelling project to be in the form of a retro-esc videogame introduction cutscene game both from my enjoyment of the style of introductory cutscene I wished to make, as well as...
Read more

Animating in Photoshop 2 - 17/11/2023

-
Image
 Today in Photoshop continuing onward from our bouncing ball project, we moved onto more complicated animation, namely being the animating of a simple walk cycle. To do this we used a template from AngryAnimator.com as a base for our initial animation. Below is shown the template we used for our initial animation. To animate our person taking each step we first separated each part of their body into their own layer, the head, the torso, and front and back arms and legs. This was done to make animating far easier and to prevent unwanted squash when warping the limbs, additionally converting each layer into a smart object for easier animating . In order to make the arms and legs move we utilised Photoshop's puppet warp tool in order to establish joints on the arms and legs to manipulate and animate. One again using Photoshop's timeline feature we created a 25 frames per second animation of the walk cycle. After that was complete we then created a background for our person to walk...
Read more

Animate Future Stories Piece Documentation

-
Image
 For my Adobe Animate project for our Future Stories assignment I chose to do a rendition of the 3 Little Pigs story modified to be an educational interactive story for children about Internet Safety and Password Security. My initial design process was done by drawing out the designs for the characters, the story structure and the movement of assets in animate in Adobe Photoshop, which can be seen below. The wolf was designed to be more angular, mainly made up of triangles to signify danger, also being a harsh red colour with yellow added on his ears and grin. The three pigs all share the same base body structures, but being colour coded and with different shaped heads, each chosen to signify the stability of each pig's house, or in the case of my story, passwords.  The first big has a circular head and is sacredly, with circles not being very stable shapes. The first pig is also a light blue colour to represent their general sad attitude and passiveness. The second pig is squ...
Read more