How to Create a Video Game Controller Logo

How to Create a Video Game Controller Logo

Adding vibrant colors to an otherwise minimal geometric design can become an appealing design. This video game controller is a simple clean logo with a vivid color scheme. The main attraction in this logo is it’s complementary color scheme. You can play around with a colorful logo by adding gradient or overlapping colors or decreasing the opacity of colors. You may find additional inspiration by searching on Vlemonn.

Let’s get started!


Step 1

First, we create a new document (cmd+N or ctrl+N) in Adobe Illustrator with an artboard size of 800 x 600px

Step 2

Now use Pen Tool (P) to create a shape on your artboard. Describing the shape is hard so I would suggest that you refer to the image shown below. If you find it very difficult you can trace the image on your illustrator.

Remember that right side of the shape should be a straight line.

Step 3

Then select the shape and Click Right > Transform > Reflect > Vertical > Copy. This option will make a copy of your reflected shape. Align the two shapes so that their centre meets.

Now select the two shapes and select the Shape Builder tool (Shift + M) to combine them and create one single object. Click and drag across the selected shapes to create one single object.

Step 4

Use the Ellipse Tool (L) from the tool panel and create a circle. Press hold shift while making the circle to make it ‘perfect’.

Step 5

Now use the Rectangle Tool (M) and create a vertical rectangle on the left side of the controller. Then select the Direct Selection Tool (A) and select any vertex and drag it inside to give the rectangle rounded edges.

With the rectangle selected Click Right > Transform > Rotate > 90 degree and then hit copy. Align the two so that they intersect in the middle. Now use the Shape builder tool and create a single cross object.

Step 6

Now use the Pen Tool and create three different lines on different angles. No need to make them perfect just make them straight. Use the shape builder tool and create four parts of the controller as shown below.

Step 7

We’re now going to generate our color palette.
Draw squares with fills of the colors you’re going to use for the different parts of the design. Add colors to the Swatch panel by selecting them and clicking on the New Color Group button.

Step 8

Just fill the four parts with different colors and complete your logo.


Our video game controller logo is complete! I hope you have enjoyed this tutorial. If you do follow this tutorial and create your own logo, please post it in the comments so we can see your result. Thankyou fellow designers!

Please go and check out my portfolio on Shutterstock guys!

Charu Jain Portfolio

Leave A Comment

Please login to post your valuable comments.

Join the newsletter

Get the latest vLemonn news first