Ai+ps teaches you to create lifelike retro radios.

Source: Internet
Author: User
Tags add numbers split

Effect Chart:

Step 1

Make a wireframe in AI and draw a rectangle with a rectangular tool.

Step 2

Select the upper-left corner and drag it to a rounded corner using the pen tool.

Step 3

Repeat the same process in the lower left corner oh.

Step 4

Add an anchor point to the corner, and then we'll change its position ~ position as shown in the figure below.

Step 5

Continue to draw the line shape, as shown in the following figure ~

Step 6

Select all of our shapes in AI, then click > Transform > Reflection

Step 7

Select "Copy" in the dialog box

Then we can get the same graphics on the right!

Step 8

Combine two graphics with the "join set" in the Pathfinder.

And then properly adjust the anchor point ~

Step 9

Repeat the other shapes until our shape is more perfect.

Step 10

Draw four rounded rectangles of the shape, this is our radio four feet ~

Step 11

Then draw the following graphics ~ can be drawn with rounded rectangle tool and then adjusted properly.

Step 12

Add small rectangles to the right of the shape

Step 13

Left also add some

The effect is like the following ~=w=

Step 14

Then draw a rounded rectangle and two slender rectangles in the middle.

Step 15

Add some text to the middle of the rectangle, add numbers up and down, from the 0-10~

Step 16

Now we use the Star tool to add the parameters shown in the following figure ~

And then our gear comes out.

Step 17

Add some small circles to the gears and all the graphics will make up our radio button ~

Step 18

Copy the button and place it on the left

The approximate shape of our radio is coming up so far ~

Step 19

And then draw two rounded rectangles on the top of the corner.

Step 20

Draw a slender rounded rectangle, and then alt drag to copy one, and then ctrl+d copy two out ~

Step 21

Add a graphic to the middle of the four rounded rectangles, which is to copy the four rounded rectangles and lengthen them.

Step 22

Then add a small rounded rectangle between the button and the Radio display box, as shown in the following image purple Oh ~

Step 23

Converts text to outlines. Select the text shown in the figure and then right-click to create contour.

Step 24

Output graphics to Photoshop, select all paths in AI, and then copy Ctrl + C to clipboard

Step 25

Work with wireframe in Photoshop. Open Photoshop, create a new 4400px*3300 layer, and then click CTRL + V to paste the path to Photoshop. Select the shape layer in the dialog box, and then click OK.

Step 26

To make our next job easier, we'll split the overall graph by selecting the path, select four feet, then CTRL + Shift + J move them to the new layer. As shown in Figure 2. The rest is the same as split out ~

Step 27

The body shape. Now let's start by drawing the shape of the subject. Oh, set the color to #14100f.

Step 28

Add gradient overlay, parameter settings: Normal, transparency 8%, linear, angle 90°.

The effect is purple drop =w=

Step 28

Then set the color of the following shape to black oh yes #000000

Step 29

Then add a lighter black #060606~ to the smaller rounded rectangle.

Step 30

Pull up the selection, then add a new layer, and then stroke it around 2px, white!

Classification:

    • PS Getting Started Tutorial

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.