You will receive an alert: "Target width set to: Xpx".Run Fluid Width Calculator from Commands > CSS.Select a target object, objects or no objects (in which case it will use the canvas size).If you wish to calculate the width of multiple elements that have strokes, group them first. It caters for and uses the correct, actual width on elements with strokes and ignores any effects such as as drop shadows. If you are using the CS3 and below version please read 3D Ball Graphic with Fireworks.Calculates the fluid % width for responsive design from elements in your Fireworks design. See the illustration below that will show how the ellipse is placed:Īdobe Fireworks CS4+.
Since the shadow should appear behind the ball, go to Modify > Arrange > Send to Back (Ctrl+Shift+Down arrow). Then, click on Edge from Properties panel, choose Feather and set the feather value to 11. Select the ellipse to apply Feather effect. To apply shadow effect, draw an ellipse using ellipse tool with the dimensions of Width: 150 pixels and Height: 36 pixels set the Fill color as #333333 and Stroke color as none. Step 8: More over you have completed the 3D ball, now we need to apply shadow effect.Adjust the ellipse using Subselection Tool. Now reduce the Opacity to 50 and rotate the ellipse and place on the bottom right of the circle. To apply Feather Effect, click on Edge from Properties panel, choose Feather and set the feather value to 21. For this we need to draw another ellipse with the dimensions of 66x59 pixels set the Fill color as #000033 (Solid) and Stroke color as none. If you are putting the light effect on top left of the circle, the shadow should appear on the bottom right of the circle. See the image below that will describe how the ellipse is placed: Then, place the ellipse on the top left of the circle and adjusts the ellipse using Subselection Tool. Now reduce the Opacity to 77 and rotate the ellipse using Scale Tool. To apply Feather Effect, click on Edge from Properties panel, choose Feather and set the feather value to 11. Now you need to set the light effects, again draw an ellipse with the dimensions of 51x35 pixels set the Fill color as #FFFFFF (Solid) and Stroke color as none. See the illustration below that will show how the ellipse is placed: To apply Feather Effect, click on Edge from Properties panel, choose Feather and set the feather value to 10. Now click the Knife Tool and cut the bottom part of the ellipse. Select the ellipse using Subselection Tool. After that, click on the small color rectangle that is on the right side and set its color to #0186D6 and set the Opacity as 0. Now click the Fill color, and then click on the small color rectangle that is on the left side and set its color to #FFFFFF.Ĭ. Select the Fill color go to Fill category > select Gradient > Choose Linear optionī. To apply linear effect, select the ellipse and choose the following option:Ī. Place the ellipse on the top of the circle. Step 4: Draw an ellipse using Ellipse Tool with the dimension of 85x42 pixels set the Fill Color as #0186D6 and Stroke Color as none.
Step 3: Now we need to apply certain gradient effects to make the two dimensional circle into a three dimensional ball. The Fill Colors and Stroke Colors are displayed on the left side of the tool bar. Step 2: Draw a circle using Ellipse Tool with the dimensions of Width: 134 pixels and Height: 134 pixels set Fill Color as #01378F and Stroke Color as none. Step 1: Open Adobe Fireworks CS4+ and create a new file (File > New or (Ctrl + N)) of size 250x250 pixels.