como criar um tipo de retro moderno

8/7/2019 Como Criar Um Tipo de Retro Moderno

1/29

Final Image Preview

Below is the final type treatment image to show you what we're working towards.

Step 1

Before we get started in Illustrator, download the Museo Font, and install it on your

system.
http://www.urbanfonts.com/fonts/Museo.htmhttp://www.urbanfonts.com/fonts/Museo.htm


2/29

Step 2

Create a new Letter sized document, then use the Rectangle Tool (M) to create a

rectangle that is the size of your document.

Step 3

Fill the rectangle with a Radial Gradient from the Gradient Panel. Change the first

swatch on the Gradient slider to a violet color and change the second swatch to a dark

violet color.


3/29

Step 4

With the Line Tool (\), draw a line at a 45 degree angle that stretches from the bottom

left corner to the top right side. Change the stroke to 5 pt and change the color to white

(so you can see it against the background, but we will be changing it soon).


4/29

Step 5

Select the line with the Selection Tool (V) while holding down Alt, and drag out a copy

to the right and down so the copied line is still inside the background.


5/29

Step 6

Select both lines and and create a blend by going to Object > Blend > Make. Next, go to

Object > Blend > Blend Options, to bring up the Blend Options dialog. Change the

Spacing to Specified Steps from the drop-down menu and change the option to 15.


6/29

Step 7


7/29

With the blend selected, go to Object > Expand to separate the blend. With the lines still

selected, expand again, to outline the stokes.

Step 8

Fill the outlined line with the same Radial Gradient that you used for the background,

but change the first swatch to a lighter violet than before.


8/29

Step 9

Select the lines and the background, then use the Gradient Tool (G) to adjust the

gradient. Click in the middle of the rectangle and drag to the top of the rectangle. This

will match up the transitions on the gradients.


9/29

Step 10

Create a ellipse with the Ellipse Tool (L) that is 10 px by 10 px. Fill it will a violet

color.


10/29

Step 11

With the ellipse selected, go to Object > Path > Offset, to bring up the Offset Path

dialog. In the dialog, change the Offset to -4 px. Change the offset ellipse to a lightorange.

Step 12


11/29

Select the bigger ellipse and change the opacity to 0 from the Transparency Panel.

Select both ellipses and create a blend by going to Object > Blend > Make.

Step 13

Before you start making a brush in this step, save a copy of the blend for later use.

Select the new blend and drag it into the Brush Panel. When the New Brush dialog

opens, select New Scatter Brush from the dialog. When the Scatter Brush Options

dialog opens you are going to need to change a couple of settings.

First change all the drop-down menus to Random except the Rotation. Change the first

field for the Size to 20 and the second field to 100. For the Spacing, change the first to

15 and the second to 115. For the Scatter, change the first to -220 and the second to 175.


12/29


13/29

Step 14

With the Brush Tool (B), draw a wavy brush stroke in the middle of your background,

creating a scatter of your blend.

Step 15

With the brush stroke selected, change the Blend Mode to Overlay from the

Transparency Panel and give it an Opacity of 25.


14/29

Step 16

Draw four to five more brush strokes, then change all of them to Overlay. Change the

opacity on the stroke, but vary the percentage as well as the stroke weights.


15/29

Step 17

Select the blend copy that you saved from Step 13 and scale it to 52 px by 52 px.

Step 18

Set the copied shape to Overlay and it place over your brush strokes.


16/29

Step 19

Copy (Command + C) the blend ellipse and Paste (Command + V) a couple more times.Scale the copies separately to get varying sizes, then place them in different spots over

the brush strokes.


17/29

Step 20

That should do it for the background. Now let's take a look at the text. Type out some

copy and change the font to the Museo font you downloaded. Change the Tracking to

-100 from the Character Panel. Outline the text by going to Type > Create Outlines.


18/29

Step 21


19/29


20/29

Step 23

Continue doing this to the other horizontal elements of the outline text until all the text

is connected.


21/29

Step 24

Fill the text with a Linear Gradient. Add another swatch to the Linear Gradient by

clicking right below the Gradient Slider in the Gradient Panel to give you a three swatchgradient. Change the first swatch to white, the second swatch to a light blue-green color,

and the last swatch to a dark blue-green color. Use the Gradient Tool to adjust the

gradient so the white color is on top.


22/29

Step 25

Place the text in the middle of your document over all the other artwork.

Step 26

For this next step, we're going to create another brush. Draw a 14 px by 14px ellipse.

With the Direct Selection Tool, select the right anchor point and drag it to the right -

doubling its length. With the point still selected, set the Control Panel defaults to the

Anchor Options. To the left of the Control Panel, press the Corner button, converting

the anchor point to a corner.


23/29

Step 27

Fill the shape with black, drag the shape into the Brush Panel, and Choose New Art

Brush from the New Brush dialog. When the Art Brush dialog appears, change the

Colorization Method to Tints at the bottom of the dialog.


24/29


25/29

Step 28

For this step I'm going to use the Brush Tool (B). If you're not comfortable with the

Brush Tool (B) for making paths ,then you can use the Pen Tool (P) and apply the brush

to the stroke. Create a brush stroke to the bottom left of the V. It is a good idea to

change the stroke color to a lighter color than black so you can see it.

Step 29

Drawn another brush stroke above the previous one.


26/29


27/29


28/29

Step 31

Fill the outlined brush stroke with a Linear Gradient. Make the first swatch a blue and

the second swatch a dark blue. Select the text and bring it to the front by going to Object

> Arrange > Bring to Front.


29/29

Step 32

Copy (Command + C) and Paste (Command + V) both shapes numerous times around

the text. On some of the copies, change the swatches on the Linear Gradient to a pink

color and a dark pink color. Adjust the gradient so the darkest part of the gradient is

closet to the text. When you place the copies around the text make sure to rotate and flipthe shapes. All done!

como criar um tipo de retro moderno

Documents