PHOTOGRAPHERSONLINEPROOFING.COM

proof tool boxes - www.photographersonlineproofing.com

Menu


Select the Sound Buttons layer. The group in the lower-right corner (Sound 1 and a speaker symbol) is selected. 2. Choose Modify >


Convert To Symbol. In the Convert To Symbol dialog box, select Button, and name the button sound_button1. Click OK. 3. Double-click the instance of sound_button1 on the Stage to edit it. You may need to zoom in a little to see the button more clearly. 4. Select Layer 1, and then select the group on the Stage. Choose Modify > Break Apart to break the group into pieces. Click elsewhere on the Stage to deselect the objects. 5. Select the speaker symbol, and choose Edit > Cut. 6. Click the Insert Layer icon, and with the new layer selected, choose Edit > Paste In Place. The speaker symbol appears on the new layer. 7. Name the new layer Icon and rename Layer 1 Text. 8. Click the Insert Layer icon two times to create two more layers. Name the new layers Sound and Highlight. 9. Rearrange the layers to appear in the following order, from top to bottom: Sound, Icon, Text, Highlight. 10. Select the Down frame on the Text layer, and press F5 to insert frames across all the button states. 11. Select the Down frame on the Icon and Sound layers, and press F6 to create a keyframe for each layer. 12. Select the Down frame on the Icon layer, and then select the speaker symbol on the Stage. In the Transform panel, scale the symbol to 150%. Note If the Transform panel isn't visible, choose Window > Transform. 13. Select the Over frame on the Highlight layer, and press F7 to create a blank keyframe. 14. Select the Rectangle tool. Specify no stroke. Select a black fill with an Alpha value of 50%. Draw a rectangle approximately the same size as the red rectangle above the button (behind Guess this animal sound). 15. Using the Selection tool, move the rectangle behind the Sound 1 text and the speaker icon. You may need to use the arrow keys to nudge the rectangle into position. 16. Select the Down frame on the Highlight layer, and press F6 to insert a keyframe. Select the black rectangle on the Stage, and change its fill color to #B52823, with an Alpha value of 100%. 17. Select the Hit frame on the Highlight layer, and press F5. Note The Hit frame determines the active area of the button. Because the hit area is the same as the rectangle shape, the button will be active whenever the mouse hovers over or clicks the rectangle. Importing Sound Files