Fireworks Create a radiant mobile ad

Now let's look at the finished work:

Final effect

Here is the production process:

1, first set up 600x600 pixel canvas, you can also set other suitable size. Set the background color black. Draw a 300x200 pixel rectangle in the middle of the screen and set the feather feather value to 100 in the property panel.

Figure 1

2, set the fill, click gradient/gradient-->folds/folding gradient, gradually change from red to white. Click the gradient handle on the graphic to pull it horizontally, and the whole pattern now looks like a feathered barcode.

Figure 2

3, now the gradient change from black to white, and into the dot matrix map.

Figure 3

4, directly in the bitmap right button up pop-up menu, select transform/deformation-->skew/oblique, select the bottom of the control point outward stretching to near the edge of the screen. Now you have a big trapezoid already far beyond the canvas range, across the screen. Don't worry, go directly to the property panel to change the width of the graphic to 60 pixels, and drag it to the middle of the canvas, which is the first beam we want to prototype.

Figure 4

5, click edit/Edit-->clone/clone or shortcut key ctrl+shift+d in situ cloning A, right key selection transform/deformation-->rotate 180°/rotation 180 degrees. Align the two beams of light in the opposite direction. Click modify/to modify-->symbol/components-->convert to symbol.../into components, or shortcut keys F8 directly to the two combination diagram to create a graphical component.

Figure 5

6, Ctrl+shift+d in situ cloning this component, and in the cloned components on the right button, select transform/deformation-->rotate 180°/rotation 180 degrees. At present, although there is no obvious change, this is for the next step of the rotation complement preparation. Select these two components, click modify/to modify the-->symbol/component-->tween instances.../Tween instance, set step value 21 in the pop-up window, and uncheck distribute to frames/spread to the frame. The effect is the same as the dandelion. If your computer is configured lower, it will take a few more seconds to complete this step.

Figure 6

7, because the top of the rotation tween is coincident, so you can remove the topmost components. Click select/Select-->select all/All, or direct shortcut key CTRL + A, all the components of the tween are selected. Click modify/to modify-->symbol/components-->break apart/Scatter, or use the shortcut key ctrl+shift+b. Turn the dandelion into a bitmap that each branch can move separately.

Figure 7

8, because the shape of the dandelion is too round, to make the required explosion style also need to individually adjust the position of each branch. It's a need to be patient and feel alive. The aim of the adjustment is to let the divergent beams have uneven levels. In short, move inward or outward along the direction of each beam. Note that the direction of the beam is always directed at the center of the dandelion.

Figure 8

9, a few minutes later, the entire burst of light ball bottom has been completed. Make sure that you do not need to modify the bitmap and then ctrl+g/the scattered layers. Then we put the group on the Level Panel and point out the eye diagram to hide the layer. The next step is to give the light ball a multicolored aura. Draw a square of the same size as the canvas on the canvas, fill the gradient with a cone cone, click on the color icon, and bring up the fill gradient palette. Under Preset options, color selection spectrum/spectrum.

Figure 9

10, now the spectral map of the layer blending mode to multiply/multiply the bottom. The cone of the spectrum is now not visible on the canvas. It doesn't matter, temporarily also hides it first. Back to the previously done light bulb prototype, ctrl+shift+d/in situ cloning. In the cloned layer, change the layer blending mode to additive/Add. The beam began to lighten.

Figure 10

11, select the newly cloned layer, redouble efforts, and then clone two new layers out. The topmost cloned layer blending mode is changed to reflect/reflection. This step is to further strengthen the contrast of the beam.

Figure 11

12, now can be opened before the hidden spectrum to see the effect of the picture.

Figure 12

13, back to the bottom of the layer to select the original light bulb prototype, ctrl+shift+d/in situ cloning. Pull the cloned layer onto the spectral layer and right-click on the transform/deformation-->numeric transform/numerical deformation. Type a percentage of 90 in the dialog window that pops up.

Figure 13

14, the same principle of cloning two times, each new clone of the layer blending mode to additive/added. The heat of the color of the picture is completed.

Figure 14

15, then add some lens light point of decoration. I was directly using the pen to change the strokes, so compared to save time. Stroke selection is 30 pixel white, random/random-->dots/dot shape. The exact value I changed in the advanced/step of the Stroke options/stroke option. Because fireworks has no hexagonal shape for the stroke options, it is replaced with a square.

Figure 15

16, the environment light effect completes, puts on the beforehand prepared material picture. If you are careful, focus on the product is better to buckle the picture and then put on, but this tutorial is not the focus of this, I was lazy. :P in view of the product picture is pure white, bottom light Center is also white, I directly changed the layer blending mode for multiply/positive stack, a slight correction of the lower contrast of the product map.

Figure 16

17, with a pen to outline three flow of light, set the glow and change the layer blending mode for overlay/overlay. The whole effect is done.

Figure 17