Unit 07 and 63- Speedometers

I created a series of Speedometers using Adobe Illustrator. I Started of by selecting the tool for the job, the Polar Grid Tool in order to form the Dials shape.

Screen Shot 2016-01-22 at 16.12.19

Double clicking on the tool’s menu brings up more detailed options, I tweaked with different settings to see what outcomes I could present.

Screen Shot 2016-01-22 at 16.12.42

The Speedometers outcome after tweaking and testing the options.

Screen Shot 2016-01-22 at 16.14.06

Using the direct selection tool, half of the circle was selected then deleted for the speedometers finals shape.

Screen Shot 2016-01-29 at 14.24.22

Screen Shot 2016-01-29 at 14.24.42.png

Screen Shot 2016-01-29 at 14.24.58.png

The scissors tool allowed me to erase certain lines so that I could edit certain areas of my speedometer.

Screen Shot 2016-01-29 at 15.37.41

I created a circle using the ellipse tool in order to type out the information into it using the type tool.

Screen Shot 2016-01-29 at 15.48.20

Screen Shot 2016-01-29 at 15.48.31

The outcome of my speedometer, it is basic with no detail, however it is my starting point for progressing onwards to project higher quality outcomes.

Screen Shot 2016-01-29 at 15.53.50


Through experimenting, I tried to create unique and different shaped speedometer needles by merging various shapes together, using some of these tools to start the process.

Capture 01

Capture 02

Going to windows menu, then clicking on pathfinder, opens the pathfinder menu in order to start changing shapes.

Capture 03

Capture 04

I highlighted both of my created shapes and clicked merge to join them together as one.Capture 05

After lots of adjustments and colour changes, this is the final result of this experiment.

Capture 06

These are my first speedometers, since I lack knowledge in using Adobe Illustrator, they did not turn out to a standard I would’ve hope. However I know there is a lot of room for improvement and potential ideas.

Capture 08.JPG

I experimented further with my speedometers shapes, displays, colours, dials and fonts. I made at random and with planning to see what outcomes with be incredibly effective and suited for my apocalyptic theme. This speedometers dark and dim colours fits right into the whole apocalypse genre since no bright happy colours are on display.

Capture 11

Capture 12.JPG

Through various experiments, I came out with thoughts seeing how my speedometers and other meters could match to my apocalyptic theme, as cars will be driving rough crashing against one another. Therefore I thought of expanding on my design instead of having a basic meters by using certain tools from Adobe Photoshop.

First using the magic wand tool, the fuel gauge was selected and used to cut out the fuel gauge’s shape on the glass image.

Capture 13Capture 17

Once again using the magic wand tool, the cut out shattered glass image was selected. after going to layer, then layer mask and then reveal selection makes a layer mask appear next to the chosen layer.

Capture 14

The selected areas shape appears within the layer mask, the black looking layer.

Capture 15

Access the layer mask by holding  the ‘Alt’ key and clicking on the layer mask, in order to copy and paste the selected area into the mask.

Capture 16.JPG

Doing this makes the cracked glass overlap the fuel gauge making a realistic effect, instead of having a flat unnatural look by copying and pasting the glass image on top of the fuel gauge. This technique overlaps certain areas making the glass visual effect seem real.

Capture 18.JPG

I tried to enhance the glass effect by experimenting with the blending change and by going to filter, then filter gallery to see what filters would help me improve this.

Capture 20

Capture 22.JPG

Capture 21

The end result from the enhancements doesn’t quite capture my idea as well as I planned, I am not going to use this, as when I compared it to its actual interface size, the view was unclear. I would’ve liked this to work well at the smaller size, the dissolve blending change gives off an imagery of dirt, being stuck to the glass as cars race through the apocalyptic landscape.

Capture 23.JPG


Another experiment trying to replicate the same glass technique. Using glass didn’t exactly go well as you can see, white from the glass overlaps the speedometer.

Capture 19.JPG

However this issue was dealt with by going into the select menu and proceeding to colour range. I Clicked on the layer mask to use colour range, which  helped remove the unwanted colour by tweaking the white within the colour range menu.

Capture 24.JPG

Capture 25.JPG

As you can see the white has been removed as planned, however the glass crack does not appear realistic as planned. Therefore I am going to work on this for a better outcome.

Capture 26.JPG

Blending change was used to make the crack more realistic, however I would have liked to have more knowledge on using Adobe Photoshop in order to improve this speedometers glass appearance.

Capture 27

Here is just a speed meter I created using Adobe Illustrator.

Capture 28.JPG

A rev counter I created using Adobe Illustrator.

Capture 29


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s