design a vintage nintendo

Upload: victor-rejon

Post on 07-Apr-2018

233 views

Category:

Documents


0 download

TRANSCRIPT

  • 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