For this assignment, you will create something using both Adobe Illustrator and Adobe Photoshop. Moving in and out of a program is important because it demonstrates how applications not only work together but also enhance each other. And, the point of this particular assignemnt is to acquire the understanding that you cannot simply Save a file and re-open it in another. For one file to work in another program, it must be prepared in a specific manner. For this assignment, you will utilize the Export function to transfer from Illustrator to Photoshop.

Let's Get Started 

1. Make a new folder in your "Communication 1" folder and call it "Smiley Clock"
2. Open Illustrator
3. Make a new file (Letter size is okay) - Be sure to set the units to Inches
4. If your Control bar is not enabled (the tool options bar that sits right under the Menu bar) go to Window and select Control.
5. In the Tool Bar, make sure the fill is turned off and the stroke is set to “black”
6. Select the Circle tool on the Tool Bar
7. Click once on the drawing surface
8. A dialog box will appear where you can input the size you want. Type a Width of 6 inches and a Height of 6 inches
   
9. Make another circle by clicking on the drawing surface (Make this circle 5 inches wide by 5 inches tall)
10. Center the 5 inch circle inside the 6 inch circle using the “Align” buttons you see highlighted in the example above
11. Click on Window, on the Menu, and then select “Pathfinder”
12. Select both circles and then click on the “Exclude” button on the Pathfinder panele. This will join the circles into a single ring and remove the center portion
    
13. Fill the ring with black
14. Create a new circle that is a half inch by a half inch in size. Fill the circle with black. Give it a 3 pixel white stroke 
15. Align the half inch circle with the black ring (centered)
    
16. Lock the layer and rename the layer to “Clock Ring”
17. Make a new layer and rename it “Numbers”
18. Use the Type tool to type the number 12 (Use the Myriad font and set the font size to 50)
19. Position the number 12 where it is commonly found on a clock 
20. Use the Type tool to type the number 6, using the same font and size 
21. Position the number 6 where it is commonly found on a clock
22. Now, select all of the objects on the page. Use the “Align” panel and click on the “Horizontal Align Center” button. This will align the 12 and the 6 with the center of the clock
    
23. Create the 3 and the 9 for the clock face. Position them where they need to go. Align them with the Clock ring using the “Vertical Align Center” button
    
24. Lock this layer.
    

    ---

Create the clock hands 

1. Create a new layer, drag it underneath the Clock Ring layer, and label it “Hands”
2. Click on the Rectangle shape tool and click on the drawing surface. Set the height at 2 inches and the width at .1 inch
3. Select the Minute hand and then click on “Object” on the menu , then “Transform” from the drop down list, and then select “Rotate”. Set the rotate angle at 30 
4. Fill the shape with black, stroke with a 2 pixel white
5. Position the hand so that it is pointing at (roughly) 11:00
6. Click on the Rectangle shape tool and click on the drawing surface. Set the height at 1.25 inches and the width at .1 inch
7. Fill the shape with black, stroke with a 2 pixel white
   
8. Select the Minute hand and then click on “Object” on the menu, then “Transform” from the drop down list, and then select “Rotate”.
9. Set the rotate angle at -40
10. Position the hand so that it is pointing at (roughly) between 7:00 and 8:00

    ---

The Smiley Face Background

1. Create a new layer and drag it underneath all the other layers
2. Rename this layer as “Smiley Face”
3. Go to MHSGraphics.com and download the “Smiley Face” sample image from the “Source Files” page (under Home).
4. Save this file to your student folder
5. In Illustrator, click “File” on the menu, and then select “Place”. Select the “Smiley Face” image located in your student folder - You will need to transform the smiley face because it is too small
   
6. Click on the smiley face and then click on the “Transform” panel. Enter in 5.25 inches for Smiley’s width. Do the same for Smiley’s height
   
7. Center Smiley to the clock ring using the Align function
8. Save this file as “Clock”
9. Unlock all layers
10. Click on File, then select “Export” from the drop down menu. The Save as Type should be “Photoshop PSD”, Save as “Clock”
11. Make sure the box for “Write Layers” is selected.
12. Set the Screen Resolution to 72 ppi (points per inch)

    ---

Photoshopping Smiley!

1. Open Photoshop
2. Open the “Clock” photoshop file.
3. Notice the white that protrudes from behind the clock ring? This is part of the Smiley Face layer. We need to get rid of those white portions.
   
   
4. Hold the Shift Key and use the Magic Wand tool to select those areas. Then, “Delete” them.
   
5. Select the “Clock Ring” layer
6. Add the “Bevel and Emboss” layer style to the layer
7. Set these Bevel parameters:
   • Depth: 123%
   • Size: 35 px
   • Angle: 112
   • Altitude: 64
8. Change the Highlight color from white to yellow and it’s blend mode to “Normal”
9. Click on “View” on the Menu bar and then select "Show Rulers"
10. Drag a guide from the rulers so that it rests on top of the clock ring.(see example below)
    
    
11. 
12. Use the Ellipse (circle) Marquee to draw the crystal. Click on one corner where the guides intersect and drag diagonally until you connect with the opposing corner. Notice how the circle snaps into place
13. Create a new layer
14. Drop white paint into the Ellipse (Circle) that you created.
15. Deselect the Ellipse (Circle).
16. Drop the “Fill” (Top of the Layers Palette) of the Crystal Layer to “0”
17. Add the Layer Style “Bevel and emboss” to the Crystal layer
    • Set the Depth to 154
    • Set the Size to 35
    • Set the Softness to 3
    • Set the Angle to 112
    • Set the Altitude to 64
18. Click on the Inner Shadow style on the left side-bar
    • Set the Distance to 12
19. Select the “Hands” layer
20. Add a “Drop Shadow” layer style. Do not adjust the settings.
21. Add a “Bevel and Emboss” layer style as well. Use the following settings:
    • Depth: 317
    • Size: 21
    • Angle: 112
    • Altitude: 64
22. We need to make a layer that contains just the nose piece Select the nose piece (using a marquee, lasso tool,...or whatever else you can find) and Copy/Paste the nosepiece to a separate layer.
23. Add a “Bevel and Emboss” style to it, adjusting the settings to:
    • Depth: 134
    • Size 29
24. Add a “Drop Shadow” to the nose piece. Do not adjust the settings

    ---

The Eyes have it!

1. Use the Magic Wand (on the Tool Bar) to select the eyes
2. Copy and Paste the eyes onto a new layer
3. Apply a “Bevel and Emboss” style to the eyes, using the following settings:
   • Depth: 164
   • Size: 10
   • Angle: 112
   • Altitude: 64
     
     
4. Save as “Smiley Clock Finished.pdf”