8/6/2019 Design a Vintage Nintendo

1/46

8/6/2019 Design a Vintage Nintendo

2/46

Paso 2

Dentro del rectangulo dibuja 3 formas mas pequeas como se muestra.

Paso 3

Usa buscatrazos para cortar un borde de el rectangulo para que solo las esquinas superiors

tengan las puntas redondeadas.

Paso 4

8/6/2019 Design a Vintage Nintendo

3/46

Coloca la forma en el fondo, duplica y coloca la vercion rotada de la forma en la parte

superior.

Paso 5

Continua usando formas simples para componer las porciones del control. Para hacer lacruz de direccion encima dos rectangulos y unelos con el boton que se encuentra en la

ventana Buscatrazos.

Paso 6

Dependiendo de la forma en la que estes trabajando, hacer una version mas pequea o mas

grande de la forma no es tan simple como reducer o agrandar el tamao. En el caso de lacruz de direccion. Si solo copias y pegas y agrandas no quedar un espacio igual entre las

formas. Usando la siguiente tecnica es facil crear una version mas pequea de una formacompleja.

8/6/2019 Design a Vintage Nintendo

4/46

Selecciona el objeto y ve a Objeto>Forma>Desplazamiento de forma escribe la cantidad

de Desplazamiento Offset que quisieras y presiona aceptar.

y Si estas trabajando en un version anterior, aumenta el puntaje del trazo de la forma,despues ve a:

Objeto>Expandir Relleno y Trazo activados>Aceptar.

8/6/2019 Design a Vintage Nintendo

5/46

Paso 7

Give offset to the rectangle, around the two middle buttons and the circles on the right.

Da Offset a el rectangulo, que esta alrededor de los dos botones medios y a los circulos en

la derecha.

O usa el paso anterior (Expandir).

Paso 8

Repite lo mismo con el rectangulo atras de los rectangulos pequeos..

8/6/2019 Design a Vintage Nintendo

6/46

Paso 9

Usa degradado de rojo a blanco, rellena los circulos como se muestra. Nota que el

degradado debe tener tres puntos: blanco, rojo y rojo oscuro

8/6/2019 Design a Vintage Nintendo

7/46

Step 10

Give the background of the controller a grey to black gradient. Be sure to use a rich black

and not a grayscale black. Rich black is the color black that is comprised of "R,"G

," and"B" values. To take it one step further, use a zero value for "R," G," and "B."

Note: If this illustration were going to be printed at a printing facility you would use aCMYK model. Rich black for that model would be C=40, M=30, Y=20 and K=100. The

chart below shows a rich black color model for RGB artwork.

8/6/2019 Design a Vintage Nintendo

8/46

Step 11

Make the arrows that go on the dpad by using simple shapes. Use the Star Tool to make the

triangle.

TIP: Adjust the number of points on the Star Tool by pressing the up or down arrow whileyou draw the star.

8/6/2019 Design a Vintage Nintendo

9/46

Step 12

Align your shapes vertically and click Add to Shape Area, as indicated below, followed by

clicking Expand.

Step 13

Place the arrows over the dpad. Use the Align Palette to ensure everything is perfectly lined

up.

8/6/2019 Design a Vintage Nintendo

10/46

Step 14

Give the inner-most rectangle and two buttons an inner glow by going to Effect > Stylize >

InnerGlow

Make sure the fill color of the two buttons is light enough so the inner glow is visible. Also,ensure you select Multiply for Mode.

8/6/2019 Design a Vintage Nintendo

11/46

Step 15

Do the same thing for the inner-most circle on the other buttons.

8/6/2019 Design a Vintage Nintendo

12/46

Step 16

And again on the arrows, alter the Opacity and Blur to fit each element you are adding an

InnerG

low to.

8/6/2019 Design a Vintage Nintendo

13/46

Step 17

To quickly create highlights on the edge of the arrows, first select all four arrows and

merge them in the Pathfinder using the Add to Shape Area option. After that, duplicate thearrows and stagger them as shown below. Select both sets of arrows and again click

Subtract from Shape Area followed by Expand.

8/6/2019 Design a Vintage Nintendo

14/46

8/6/2019 Design a Vintage Nintendo

15/46

Step 18

To add to the overall realism of the controller, we'll add a reflection to the dpad. Draw a

rectangle and rotate it slightly. Layer the rectangle over the dpad, select both shapes andclickDivide in the Pathfinder. Go to Object > Ungroup. Delete the leftover shapes around

the outside of the dpad.

Step 19

Give both halves of the dpad a subtle gradient. Remember to use a rich black instead of agrayscale black.

8/6/2019 Design a Vintage Nintendo

16/46

Step 20

Add some text of your choosing. In order to give text a gradient you will first need to selectthe text and go to Type > Create Outlines. Now, fill the text with a gradient of your

choosing.

8/6/2019 Design a Vintage Nintendo

17/46

Step 21

Create the highlight over the buttons in the same manner that we did for the highlight onthe dpad arrows. Start by overlapping two circles.

Step 22

Place the highlight over the buttons and adjust their Opacity to about 50%.

8/6/2019 Design a Vintage Nintendo

18/46

Step 23

To make an intense highlight on the bottom of the button we'll start by drawing an Ellipseusing the Ellipse Tool (L.)

8/6/2019 Design a Vintage Nintendo

19/46

Step 24

Go to Object > Envelope Distort > Make with Warp Select Arc from the Style drop

down and enter a negative value for the Bend. Click OK.

Step 25

Use the Direct Selection Tool (A) to fine-tune the handles and points of the shape.

8/6/2019 Design a Vintage Nintendo

20/46

Step 26

We can create a realistic drop shadow for the objects by blurring a shape that is similar to

the object that we'd like to create a shadow for. Make a shadow for the two buttons in themiddle by blurring a rounded rectangle by going to Effect > Blur > Gaussian Blur.

TIP: Make sure your artwork is at the scale you'd like it to be at before you apply any blur

effects as blur effects do not scale regardless of any options you select in Illustrator'sPreferences.

8/6/2019 Design a Vintage Nintendo

21/46

Step 27

Place the shadow behind the buttons, set the mode to Multiply and adjust the Opacity to

about 50% (in the Transparency Palette).

8/6/2019 Design a Vintage Nintendo

22/46

Step 28

Create highlights and lowlights for the top and bottom of the controller by using the basic

controller shape as a starting point.

Layer two shapes on top of each other and in the Pathfinder Palette select ExcludeOverlapping Shape Areas followed by Expand. If you need to break the shapes up after

that, Select Divide then go to Object > Ungroup.

8/6/2019 Design a Vintage Nintendo

23/46

Step 29

Place the highlight at the top and the lowlight at the bottom. Give each shape a tenuousgradient.

8/6/2019 Design a Vintage Nintendo

24/46

Step 30

To create the impression of a recessed area, give the shape highlighted below a slight

gradient that is darker on the top.

8/6/2019 Design a Vintage Nintendo

25/46

Step 31

To make the video game cartridge use rectangles that have been merged together as a

starting point.

8/6/2019 Design a Vintage Nintendo

26/46

Step 32

Use the rounded corner rectangle as we did in several previous steps to create the more

detailed areas.

8/6/2019 Design a Vintage Nintendo

27/46

Step 33

To easily create a pattern of multiple rectangles simply draw two rectangles and place themthe desired distance apart.

8/6/2019 Design a Vintage Nintendo

28/46

Step 34

Select both rectangles and go to Object > Blend > Blend Options Select Specified Steps

and enter a number of around 20. Click OK.

8/6/2019 Design a Vintage Nintendo

29/46

Step 35

Go to Object > Blend > Make and the result will produce something similar to the imagebelow. In order to continue to edit the shapes you will need to go to Object > Expand.

8/6/2019 Design a Vintage Nintendo

30/46

Step 36

Give the cartridge a radial gradient.

8/6/2019 Design a Vintage Nintendo

31/46

Step 37

The label will also need a simple grey to white gradient.

8/6/2019 Design a Vintage Nintendo

32/46

Step 38

Give the triangle an inner glow by going to Effect > Stylize > InnerGlow

8/6/2019 Design a Vintage Nintendo

33/46

Step 39

Add a hairline (thin) stroke to the triangle by using the Stroke Palette.

Step 40

Select the pattern of rectangles and apply a slight gradient to them too.

8/6/2019 Design a Vintage Nintendo

34/46

Step 41

Give the impression of depth by duplicating the rectangle pattern and filling it with a darker

gray color. Since we're not going for an intense black, you do not have to worry about usingrich black.

8/6/2019 Design a Vintage Nintendo

35/46

Step 42

Select the rectangle that's near the top edge of the cartridge and give it an Opacity of about85%.

8/6/2019 Design a Vintage Nintendo

36/46

Step 43

Add small highlights to the edge of the cartridge by giving the rectangle a faint gradient.

8/6/2019 Design a Vintage Nintendo

37/46

Step 44

Give the side a gradient too.

8/6/2019 Design a Vintage Nintendo

38/46

Step 45

Creating the feather is easier than you may think. Use the Pencil Tool (N) and draw an

organic feather shapes as shown.

8/6/2019 Design a Vintage Nintendo

39/46

Step 46

Draw the areas that cut into the feather using the Pencil tool as well. It may be easier todraw a couple of these shapes at a time, instead of all of them at once.

8/6/2019 Design a Vintage Nintendo

40/46

Step 47

Use the Subtract from Shape Area option to remove the shapes from the main part of the

feather.

8/6/2019 Design a Vintage Nintendo

41/46

Step 48

Use the Pen Tool (P) to draw the middle part of the feather and give the feather a brilliant

red gradient.

8/6/2019 Design a Vintage Nintendo

42/46

Step 49

It's virtually effortless to give the impression of the feather as being an illustration on the

cartridge label by using the following technique. Copy the cartridge label and remove boththe stroke and fill. Make sure this shape is in front of the feather, select both the feather and

the cartridge shape and go to Object > Clipping Mask > Make. Now, everything outside ofthe cartridge area will be masked out!

8/6/2019 Design a Vintage Nintendo

43/46

Step 50

Create the background by using the Rounded Rectangle Tool. Fill it with an intense blue

gradient.

8/6/2019 Design a Vintage Nintendo

44/46

Step 51

Select the main shapes that comprise the controller and the cartridge. Go to Effect > Stylize> OuterGlow Be sure to set the Mode to Screen, so your outer glow is visible.

Step 52

Create one shadow for both the controller and cartridge by blurring a rectangle whose fill isa gradient with white on both edges. In the Transparency Palette, set the mode to Multiply

and adjust the Opacity to about 90%.

8/6/2019 Design a Vintage Nintendo

45/46

Step 53

Finish the illustration by blurring a rectangle and placing it behind the controller. This willgive the illusion of the controller floating in front of the cartridge.

Final Image Preview

Here is the final illustration! Since the surfaces and overall style of the controller and

cartridge are flat and square, this style of vector illustration works perfect. Are you ready tostep up your vector game?

8/6/2019 Design a Vintage Nintendo

46/46

Subscribe to the VECTORTUTS RSS Feed to stay up to date with the latest vector tutorials

and articles