design a vintage nintendo
Embed Size (px)
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