

Select the newly added fill, lower its Opacity to 15%, change the Blending Mode to Soft Light and go to Effect > Path > Offset Path. Return to the Appearance panel and add a second fill for this shape using that same Add New Fill button.

First, select the existing fill, lower its Opacity to 20%, change the Blending Mode to Soft Light and go to Effect > Path > Offset Path. Make sure that the black shape made in the previous step stays selected and focus on the Appearance panel. Get back to the Appearance panel, make sure that the entire path is selected (simply click on the “ Path” piece of text from the top of the Appearance panel) and go to Effect > Stylize > Rounded Corners. Focus on this new fill, open the existing Offset Path effect, increase the Offset to 3px and click OK. Make sure that the top fill is still selected and simply duplicate it using the Duplicate Selected Item button (pointed by the blue circle in the following image). Enter a 1px Offset, click OK and return to the Appearance panel. Select the newly added fill, lower its Opacity to 10%, change the Blending Mode to Soft Light and go to Effect > Path > Offset Path. First, select the existing fill, change its Blending Mode to Soft Light and go to Effect > Blur > Gaussian Blur. Make sure that the black shape that makes up the bottom side of your top ingot gold icon vector stays selected and focus on the Appearance panel. This should open the Transparency fly-out panel and you will need to lower the Opacity to 50% and change the Blending Mode to Multiply. Make sure that your square is still selected, focus on the Appearance panel and simply click on that “ Opacity” piece of text that stands for your new fill. Grab the Gradient Tool (G), move to your Artboard and stretch that radial gradient as shown in the following image. Select the right slider and set the color at R=196 G=154 B=108 then select the left slider, set the color at R=246 G=229 B=195 and lower its Opacity to 0%. Keep focusing on your Gradient panel, select Radial from the Type drop-down menu then move to the gradient colors. Make sure that this new fill stays selected, open the Gradient panel ( Window > Gradient) and simply click on the gradient thumbnail to add the default black to white linear gradient. Reselect the square made in the previous step, focus on the Appearance panel and add a second fill using the Add New Fill button (pointed by the blue circle in the following image). All these options will significantly increase your work speed while making this gold icon vector. Do not forget to set the unit of measurement to pixels from Edit > Preferences > Units > General.

You should also open the Info panel ( Window > Info) for a live preview with the size and position of your shapes. Try not to get discouraged by all that grid, it will ease your work and keep in mind that you can easily enable or disable it using the Control + “ keyboard shortcut. For starters you will need a grid every 5px, so simply go to Edit > Preferences > Guides > Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. Enable the Grid ( View > Show Grid) and the Snap to Grid ( View > Snap to Grid). Select RGB, Screen (72ppi) and make sure that the Align New Objects to Pixel Grid box is unchecked before you click OK.

Select Pixels from the Units drop-down menu, enter 600 in the width and height box then click on the Advanced button. Hit Control + N to create a new document.
