Fireworks draw a realistic camera tutorial

What if you want a video chat but don't have a webcam? Don't worry, it's for everyone!

Start fireworks and create a new 450*400 size canvas. Select the Ellipse tool in the tools panel and draw a 179*179 circle on the canvas. The stroke color of the circle is then set to colorless in the properties panel. In the Fill category, select Oval in the gradient option, and then set up three color sliders in the fill-color preselection box with the color values from left to right: #FFFFFF, #EAEAE8, #ADADAD. After you return to the canvas area, use the Pointer tool to adjust the fill handle for the oval gradient, as shown in Figure 01.

Figure 01

Copy the Circle object, and then change the fill handle of the copied object so that the center of the fill color is offset to the right, as shown in Figure 02. Then set the two gradient sliders for it in the Fill preselection box of the properties panel, with the values: # 8e8d8a, # Ededef, and the percentage of the three opacity sliders on the color slider from left to right: 100%, 93%, 0%.

Figure 02

To make this sphere more stereoscopic on the camera, we use the pen tool to draw a spherical reflective area on the right side of the circle, and then in the Properties box, use a linear gradient fill with no stroke strokes on the path, and the fill handle is set as shown in Figure 03, and the "linear" The values for the left and right two color sliders in a gradient are: #ffffff, #ededec. The percentages of the left and right two opacity sliders on the color slider are: 100% and 0%, respectively.

Figure 03

The reality of the camera more than two or three plastic shell assembled, so in the assembly of the junction will inevitably some small cracks. Here we are to draw these little cracks. First use the Pen tool to draw a crack path on the camera, as shown in Figure 04.

Figure 04

In order to draw the dent effect of these small cracks, we need to have such two paths to match. Copy this path again, and when you open the layers panel you can see that the new path you just copied will be on the upper level of the original path. To make it easier to identify, you can double-click the name in the object layer to rename the two paths, as shown in Figure 05. Because the copied path needs to be used at a later time, you can click on the "clear" icon on the left side of the object layer to temporarily be in a hidden state that is not editable.

Figure 05

When you return to the canvas area, click the original crack path and, with the menu "modify-change path-extend stroke" command, open the Expand Stroke Settings window, set the extension value of the path to 3 in the Width input box, and other settings as shown in Figure 06.

Figure 06

After clicking on the "OK" button, you can see in the canvas area that the original open path has become a closed path. This closed path will be used to render the transition color for the indentation effect of the fracture. A solid fill with no stroke on this path in the properties panel, with a fill color value of #959595. As shown in Figure 07.

Figure 07

It is not hard to see from figure 07 that the left and right ends of this crack are too thick to appear real on the surface. So we use the "Partial selection" tool to the right and left side of the path of the node on the appropriate move, but not too much distance to move, as long as the width of the two sides of the crack narrow. In practice, we can enlarge the canvas's display scale to 1600% so that the path nodes can be adjusted more precisely. The effect is shown in Figure 08 after completion.

Figure 08

In the layers panel, restore the "duplicate crack path" that was just hidden by us. We will use this path to draw the deep black effect of the cracks in the concave. Click the Modify-Change path-Extended Stroke menu command to set the extension width of the path to 1 in the Expand Stroke Settings window. The other settings remain unchanged. Then use the "Partial selection" tool to narrow the width of the two ends of the crack appropriately. Use a "linear" gradient fill for this object in the Properties panel after completion in the no stroke color. The effect is shown in Figure 09. The color slider color values for the left and right two linear gradients are: #000000 and #cccccc.

Figure 09

Use the same method to draw another crack in the camera, as shown in Figure 10.

Figure 10

We'll then draw the button on the top of the camera. Using the Pen tool to outline the shape of the button, use the "oval" gradient fill for the path without a stroke, and the fill handle is set as shown in Figure 11. In the oval gradient, the color values for the left and right two color sliders are: #6a7d9b and #a8b4cc.

Figure 11

There is also a gap between the button and the camera connection. Using the method we just used, draw the gap at the junction of this button and the camera. As shown in Figure 12.

Figure 12

Now let's start by drawing the lens of the front of the camera. Use the Ellipse tool to draw a 104*106 ellipse, and then move it to the appropriate location on the camera. Then, in the Properties panel, you have a solid fill with no stroke for the ellipse, and the fill color is: #2e2e2e. Select Feather in the Edge option to set the feather value to 1. Finally, add a "drop shadow" effect to the right of the properties panel and set its projection color to: #555555. Other setting parameters are shown in Figure 13.

Figure 13

Use the Ellipse tool to draw a 103*106 ellipse object of the size. Move it to the middle of the black ellipse, and then in the Properties panel, use a "linear" gradient fill with no stroke on the Ellipse object, and the fill handle's setting is shown in Figure 14. The values for the left and right two color sliders in the linear gradient are respectively: #7e89a0 and #434b56.

Figure 14

Then draw a 97*99 size of the ellipse, after appropriate adjustment, the same no stroke color of the "linear" gradient to fill the left and right two color slider values are: #98a3ba and #7c8daf. As shown in Figure 15.

Figure 15

Copy the ellipse again, and then use the Zoom tool to reduce the copied ellipse to 83*85 size. The ellipse is followed by a "oval" gradient fill with no stroke in the properties panel. The fill handle is set as shown in Figure 16. The color values of the three color gradient sliders are from left to right: #919191, #353535, #000000.

Figure 16

In order to reflect the lens outside the glass lens reflective effect, we first use the "pen" tool to outline the lens of the high light range. The high light object is then populated with a "linear" gradient without a stroke in the properties panel, as shown in Figure 17. The color values for the left and right two color sliders are: #ffffff, while the percentage values of the two opacity sliders above are: 100%, 0% respectively.

Figure 17

The highlight of the lens is there, and the next thing to be painted is the reflective range. We copied two more copies of the Ellipse object that we just plotted 83*85 size. And move the two ellipses to one side of the canvas. Use the Zoom tool to enlarge the upper Ellipse object to the 115*116 size, while the underlying Ellipse object shrinks to 74*75. The two Ellipse objects are then superimposed as shown in Figure 18. Since both objects are black, I have modified the fill color of the two objects to make it possible for us to see more clearly where the two objects overlap. But this does not affect the final effect of the work.

Figure 18

With the two Ellipse objects selected, use the Modify-combine path-punch menu command. So that it forms a crescent-like combination path. After you move this path to the lower end of the camera, in the properties panel, use a "linear" gradient fill for the object without a stroke. The values for the left and right two color gradient sliders are: #888888 and #000000.

Figure 19

So far the top half of the camera has been drawn. We'll then draw the base of the camera. Use the Pen tool to draw the outline of the base, and then in the Properties panel, use a linear gradient fill with no stroke for the object. The color values of the three color sliders in the linear gradient are: #ffffff, #313131, #bfbfbf. By default, the newly drawn object will be at the top of all objects, so we can click the move to Last button on the toolbar to move the base object to the last level of all objects. As shown in Figure 20.

Figure 20

In order for this base to have a stereo effect, we can copy the object again, with the "partial selection" tool appropriately modified, in the properties panel for the copied object with a no stroke of the "oval" gradient fill. The fill handle has a set angle as shown in Figure 21. In the oval gradient, set the color values for the left and right two color sliders: #b4b4b3 and #f0f0ee. Next, select feather in the Edge option and set its feather value to 6.

Figure 21

A closer look is not difficult to find, at this time the top half of the camera and the base between the lack of a projection effect. We use the Ellipse tool to draw a positive circle with a 172*172 size, and in the Properties panel, a solid fill with no stroke is used for the circle, and the fill color is: #000000. Set the feather effect for the value 2 in the Edge option. Adjusts the position of the object layer, placing it at the bottom third of all object layers, as shown in Figure 22.

Figure 22

Finally, we're going to draw a projection for this camera. Use the shortcut key, CTRL + A, to select all objects on the current canvas at the same time. Then click on the "Copy", "Paste" button, copy all the objects, and all the newly copied objects will be in the selected state, then click the menu "modify-Combination path-Union" command, the copied all the objects into a composite path. Then in the Properties panel, use a solid fill with no stroke for this combined path, with a fill value of: #9b9b9b, and an edge feather value of 6. After you use the zoom and tilt tools to deform the combined path appropriately, click the "Move to Last" button in the toolbar to place the object on the last level of all objects to form a projection effect for the camera, as shown in Figure 23.

Figure 23

In order to make the projection can produce the "Umbra" and "penumbra" lifelike effect. We add a "motion blur" effect to the projection object. Then, according to the projection angle of the current camera, the appropriate parameters are entered in the setting window of the special effect. In this case, I set the angle to 341 degrees for the effect, and the distance value is 12. After clicking "OK", a realistic camera is also drawn. The final effect is shown in Figure 24.