Using FW to make simulation floppy disk effect

Floppy disk

Look at this floppy disk, do not think that this is a digital photo oh, in fact, we have in the FW system to make the effect. How, echocardiography as action, let us together, using FW to make a super simulation floppy disk to:

Production tools: FIREWORKS MX Simplified Chinese version
Using fonts: Georgia
Main production methods: FW built-in filters, texture fill, reasonable font selection, gradient fill and mask, path combination, etc.

Detailed process:


Step one: Prepare to work: wash hands, change clothes, bathe, burn incense, heart sincerity is Spirit-____-b
Find the most common Sony floppy disk, the production process can always refer to (what?) Do you use flash memory? The floppy disk was thrown out early? Khan ~~~~~)
Start FW MX, create a new canvas, our tentative canvas size is: 500*500, and the background color is white.

The second step: the production of disk body

A first we draw a rounded square on the canvas, with a rounded rectangle tool that is slightly smaller than the canvas (you can draw a square when you draw by pressing the keyboard SHIFT key), and the border strokes of the rectangle are set as follows:

b In the rectangular box we just drew right click on the pop-up menu, select "Ungroup", so we just draw the rectangular box is converted into a pure path, so that we can further modify.

C slightly enlarge the canvas zoom to 200%, then drag the slider at the edge of the workspace, position our gaze to the top right corner of the rectangle box, and then select the Pen tool on the toolbar and add two nodes to the rounded corner attachment:

D Keep the two newly added nodes and press the Keyboard del key to delete the two nodes that were used to fillet, resulting in a bevel:

On the top of the rectangular disk, draw a narrow rounded rectangle, select "Combination path >>> punch" under "Modified" menu item, and make a notch at the top edge:

F Application of the previous steps of the production method, we can be a rounded rectangle of the edge contour of a more detailed modification, and finally achieve the floppy disk body contour simulation results:

G to the current disk body graphics fill settings, with the texture fill in the "sandpaper" to simulate the grain texture of the plastic disk, fill I chose the #555555

H draw up and down two rectangular boxes, using the above c\d steps to increase or decrease the node, adjust the graphic effect as follows:

I here is a more important step, in order to show the stereo, we have three graphics boxes for special effects processing. Select the bottom of the large map, apply the inner bevel and projection effect, the specific parameters are set as follows:

Similarly, the application of the internal bevel effect to the upper two graphs is set as follows:

OK, now we look at, a model has a kind of floppy disk body is not present in front of???

Take a rest, drink water, let's go on.

The third step, the production of metal slide

A draws a rounded rectangle of the right size, one of the top edges should be a pixel higher than the top notch, and we notice that there is a small notch on the left side of the general floppy metal, we add one by combining the path, and then we make a hole in the interior to get the approximate shape of the metal slider:

b In order to simulate the texture of the metal, we have to fill the texture of the metal, here we set the following: Note that the two sides of the gradient color although very similar, but still different, one side is white #ffffff, side is very shallow gray #f6f6f6

C Some comrades will ask, how I set out after not like metal ah?? Oh, don't worry, we also need to adjust the "satin" fill the gradient handle to the line, using the "pointer" (black arrow) tool, found that the filler metal body on a more than a regulating handle, we will adjust it to rotate as shown in the position, note that the right adjustment point is just more than the edge of the rotation handle a pixel higher, Practice found that such a set point, texture effect is best:

D Excellence we will not meet, we have to set up the metal, the application of shadow and Gaussian blur effect, the specific parameters set:

Well, is this metal piece done you're a little dizzy but very fulfilling?? Haha, don't be busy rest, bang, proceed to the next step:

Fourth step, the production of paper labels

Have you ever used a floppy disk when you don't like stickers?? Not for anything else, Sony floppy label paper is really very simple to look good, we deliberately to do:

A draw the appropriate size of the white rounded rectangle:

b Clone two copies of the newly-drawn label paper (keyboard shortcuts Ctrl+shift+d), and then we use the Pen tool to draw a shape like the one shown in the figure, to fill it with a linear type:

Note that the three key colors for a linear fill are: Blue: #3399FF yellow: #FFFF00 Orange: #FF9900

C Select the first step we cloned the rounded rectangle, adjust to the top, while selecting the layer and the newly painted color layer, the combination of path >>> cropping operations, when the color of the transition color block has been embedded in the label paper below.

D Remember we just cloned the rounded rectangle there is another bar, found it in the Layers panel, set to the top, and then linear fill, set as follows:

E Select the trimmed colored layers of the rectangle and the lower layer to mask (menu modification >>> mask >>> combination for mask).

Well, after the label goes up, our floppy disk is finally a bit glorious. Finally we want to add the text:

Step fifth, add the text

A total of three words on the floppy disk, the Sony logo on the label sheet, the formatted text underneath the label sheet, and the Sony logo on the metal slide.

A three selected text is Georgia font, bold, evenly edge anti-aliasing.
b on the metal sheet of the Sony text, fill color for #cccccc, adjust the text layer transparency of 50% can be


Well, our floppy disk is almost done, yes, we are not found a little something ah, good, add oil, we carry out more meticulous and patient finishing work:

A draw the top of the disk to do the side of the Arrow graphics, draw a good application of the shadow effect, the parameters are set as follows:

b Add the right "HD" text, the practice found that there is no suitable font to directly write the letter effect, so we use the pen tool hand-painted, and then apply the left arrow pattern and the same inner shadow effect can

C Draw the lower left of the write protection, because the write protection of the box is black, so do not have too much fine processing, only need to hand-draw a polyline to show the light changes can

D Finally, we can merge all the layers into bitmaps and then use the Eraser tool or other tool to handle the edges slightly.