Friday, February 26, 2016

Week 7 Creating game pieces for the game board

Creating the game pieces

This week I worked on creating game pieces that will be used by the players on the game board. I was originally going to use variations of the same car, but I thought that sounded boring. I searched on Google for side view "photos" of the cars that I chose. After finding the photos, I copied them into Adobe Illustrator where I began to trace the outline of the cars. After making my first game piece, I dragged in ruler guidelines so that each game piece would approximately the same size. On each game piece, the body is one layer and each wheel is separate. When we begin constructing the game pieces, I want the wheels to stand out rather than blend together with the car. Below is what I came up with.


Ford Mustang Gt 5.0




Subaru WRX STI




Dodge Challenger RT




Chevrolet Camaro SS Convertible



Tuesday, February 23, 2016

Week 6 Critique, Adding graphics, and Re-sizing game board




Critique

Last week we critiqued our game boards. I received some suggestions to improve my game board, which I fixed this week. The first suggestion was to fix my yellow lane dividers. The lane dividers are on the game board for cosmetic reasons, to give the board the feeling that you are racing on a street. Some people thought that they were special spaces throughout the board. Second, the rounded edges on each space did not fit in with the racing theme. The spaces resemble "tombstones" and would rather fit in a graveyard theme. Finally, the rules in the bottom right are not clearly visible because of my color tones. 





Adding Graphics and Re-Sizing

After hearing the feedback from last week, I corrected my problems starting with the "tombstone-like" spaces. I decided to just make the spaces "rectangular" as it looks more like a street would. For the lane dividers, I learned a new technique in Adobe Illustrator with the line tool. I started on space 1 and followed the center line, counter-clockwise, around the board to space 62. At first, it appears as just one continuous line. Adjusting the stroke allows you to make the line "dashed" and adjust the amount of "gap" between the line. Last, I decided to remove the box/border around the rules and adjust the color tone so you can clearly read the rules.

Next, I started adding graphics to the board to go along with the rules. I also re-sized the car so that it is more of a focal point on the game board. I decided to move the title of the game to the top of the board and add a flag on each side. After placing the graphics and re-sizing some of them, I had to re-size the game board to industry standards of 18" x 18". The border/box around the game board is used for containing the board within 1/8" on each side to allow for bleeding from printing.  

Wednesday, February 10, 2016

Week 5 Adding Theme and Illustrations to the Gameboard Project

Adding Illustrations

I spent some time thinking about the concept of my board game this week and came up with four illustrations that tie into the game. 





The Mustang

The Ford Mustang is one of my "dream" cars to own after graduation, so I decided to centralize the theme around it. To craft it, I found a photo online and used it as a stencil to trace it. Then, I started customizing the colors of the car. I decided to use these colors because it's almost exactly how I want my dream car to look. At first, the windshield was a solid gray color. I wanted to add a reflection off of it, so I changed it to a gradient fill. As you can see in the image, the windshield starts with a "white" and slowly fades across, gradually getting darker.

I made sure to be organized throughout the process, so I used multiple sub-layers. By doing this, I am able to change the color of any of the parts on the car. For example, if I want the body color to be white, I select the sub-layer and change the color. All the other layers will not be affected. Let's say I wanted to change the stripe to be "blue". The same concept applies.



Finish Line Flag

The flag is placed at the center of the board, to attract the user's eye to the finish line, where you win the game. Initially, I started with an outline of the flag. Once the outline was completed, I started working on the white checkers. Each white checker is a separate layer placed onto a single black layer. By crafting it this way, I avoided having to draw each and every checker piece on the flag. Also, I can easily change the color of the white squares because they are in their own sub-layer. For the colors, I just went with the traditional racing flag colors. Didn't have to give much thought to that.




NOS 

The idea behind the NOS is that when you land on a space containing the NOS image, you get to move forward +3 spaces.

As you can see, I made use of the gradient fill again. Twice! The bottle was initially a solid blue, but I didn't like how "plain" it looked. I wanted to give the bottle a reflective shine. The fitting coming from the bottle to the valve also has a gradient fill. Again, I chose to use the traditional colors that compose a bottle of NOS.





Police Lights

If you land on a space containing the police lights image, you will lose your next turn.

I came up with this drawing rather quickly. I drew one light and then mirrored it. After that, I drew the siren in the center. Initially, one light was blue and the other red. Then, I wanted to add the effect that the lights were engaged. It may not be perfect, but I used my favorite tool: gradient fill.






Rough/Final Look

This is close to the final look and feel of the gameboard. I already have a few changes in mind. I want to put the directions above the car and make them larger. This will give me room to enlarge the title and add some graphics around it. Also, I want to make a pile of cash illustration to add to the theme of winning the race. I am thinking about placing it on the right side of the finish line flag. 

Tuesday, February 2, 2016

Week 4 Gameboard and Goose Drawing

Game Board Project

This week and part of last week I have been working on designing a Game Board in class. The project is based off of the board game that most popular games today were designed after: Game of the Goose. The Game Board has 63 spaces and most variations start on the outer part of the board and progress towards the center where you find the finish.



Game Board Variation 1

This is the first "rough" variation of the Game Board. At this time I had no theme in mind hence the colors. The spaces were originally rectangular but I decided to round off the edges on the tops of each space.



Game Board Variation 2

After sketching out more of the "rough draft" in variation 1, I started thinking about themes. For this Game Board, I was thinking of the theme where a lost dog was trying to find his way home. I decided to make the background green to resemble grass. Also, the spaces are supposed to resemble sidewalks and dirt. I changed the edges to be completely rounded all the way around.



Game Board Variation 3

This is my third variation to the Game Board. The theme for this Game Board is centered around a street race. Cars will be racing to the finish line, but will encounter multiple obstacles in their way. The colors were chosen to resemble the street and the lane dividers. The background is black because most street racing is done at night. 


While doing this project, I learned about utilizing the layers tool in Adobe Illustrator. My Game Board has multiple layers so that I can adjust the colors accordingly. For example, odd and even spaces are their own layer. Another layer is the numbers. Dividing the project into layers simplifies the customization of the element group.






Goose Drawing

I designed this drawing of a goose by tracing a photo that I found online. The goose is composed of multiple layers that lay over each other. Just by glancing at the drawing you can identify the layers simply by their color. The entire goose was composed with just the pen tool of Adobe Illustrator (hundreds of clicks).