Grade Makeup Materials Needed Attendance Policy Class Schedule SMAD 200 SMAD Home

Photoshop/Astound Exercise Part 1: Photoshop For this exercise, you first need to find a photo of yourself. We will be lifting your image from the photo and inserting a solid color background using the Photoshop software. Following is a list of suggestions on what kind of photo you should start with in order to make your life easier when you go to manipulate your image. 1. You should take up the majority of the photo and be in the foreground!!! 2. You should not have any objects or persons covering you ... a clear shot of you. 3. The better the photo to begin with, the better the final result. (focus, lighting, etc.) 4. Your face should be visible and recognizable so we know it is you! First of all you must scan your photo. The computers in the SMAD Multimedia Computer Facility have Acquire Filters associated with Photoshop. These filters allow you to scan images directly into Photoshop and this is how we suggest you do this. The process is as follows: 1. Launch Photoshop 2. Place your photo on the flatbed scanner 3. Under FILE choose ACQUIRE then APPLE COLOR-ONE SCANNER (Scanner Dialog Box should appear) 4. Make sure of the following settings: Source Flatbed Image Color Destination Display Resolution (no greater than 100, or image file size will be unmanageable) 5. It's a good idea to check the following boxes: Suggest Crop Adjust Tone Straighten 6. Press the Preview Button - Scanner will Pre-Scan your image 7. Adjust the Crop/Scan Area to cover the area of your image you wish to scan One Way: Click outside of the selected area and create a new selection on the image Another Way: Position the mouse over the corner of the selection (pointer should change into an arrow) then click+drag the selection to an appropriate size. 8. Press the SCAN Button 9. Save your image file to your floppy disk 10. LEAVE and go to one of the campus computer labs that have the Photoshop software to continue working on your project. To continue working on your image in the main computer lab ... 1. Open your image into Photoshop 2. Make sure Background is set to the White square. If the background is set to the Black square, then press the double arrow to switch foreground/background. 3. Zoom in on your image so that individual pixels are quite large (Window/Zoom In). 4. Set the Eraser tool so that it only erases one or a few pixels at a time as follows: Make sure the Brushes Window is showing (Window/Palettes/Show Brushes) or you can double-click the eraser tool icon. On the Brushes window there will be an Eraser Pull-Down menu, choose pencil. 5. Under the Brushes selection - the little Bushes "tab" on the top of the window - choose either the smallest (one pixel at a time) or the next smallest (4 pixels at a time) size brushes. 6. Now, outline where YOU are in the picture. Be VERY careful with your HAIR!! try not to cut any of it off and be as precise as you can with its outline, as well as with the rest of you. 7. Using the Magic Wand tool, and any other selection tools you think might help you, blank out everything BUT the image of you ... all the background, other people, etc. When you are finished - there should be only a cut-out image of you against a completely white background. 8. Choose a foreground color by double-clicking on the foreground square then moving the color-selection pointer within the color box. It might be a neat idea here to write down the color/saturation/hue values here, so that you can recreate that color as a background in Astound, for instance. 9. Select the white background using the Magic Wand tool. 10. Fill in the White background using the Fill Tool (paint bucket). The background should be one solid color - the one you selected. 11. Use the Magic Square tool to crop the final Image so that the vast majority of the entire image is of you. First select the portion you wish to keep, then choose Edit/Crop to cut out everything outside of the selection. 12. At this stage, you should save the image as you have it as a PICT file and put the file somewhere for safe keeping. 13. Using a copy of the PICT file you just saved (NOT the original!!!) alter your image so that it clearly demonstrates one of the filters included with Photoshop. Be sure to write down which filter you used and any parameters associated with that filter ... example: "Distort Filter: Ripple with medium setting and amount set to -364" Save this edited/manipulated file as a PICT document as well. You will need both to complete the Astound part of the assignment. Part 2: Astound Tutorial First, down load the Astound Practice file by clicking HERE and save the file to the desktop of the computer you are working. 1. Change Slide 1 and Slide 5 so that they have an all black background. Select Slide 1 using the Slide Selection Pop-Up Menu at the bottom of the Astound Screen (it may already be on Slide 1). The button should show "Slide 1" From the Slide menu choose Background.../Solid Color... you should see the Color dialog box appear. Click on a black square from either the Color Palette on the left or one of the Color boxes on the right. The preview box should turn black. Click OK. Repeat the process for Slide 5. 2. Create a Gradient background for Slide 2 that changes diagonally from medium blue to purple. Choose Slide 2 from the Slide Selection Pop-Up Menu. From the Slide menu choose Background.../Gradient... you should see the Gradient background dialog box appear. First select the diagonal direction by clicking on the diagonal double arrow (third one from the left). Next, click on the Multi Color... button at the bottom of the dialog box - you should see the Multi-Color Gradient dialog box appear. Press the Clear All button - the little color bar should become all white. Then press the Color Palette... button - the Color Palette dialog box should appear. Find a medium blue on the color box then press OK. Press the Color Palette button again and find a medium purple in the Color Palette followed by OK. Press OK in the Multi-Color Gradient dialog box, then press OK in the Gradient dialog box to finally lock down the gradient background for the slide. 3. Change the text items to reflect your personal information. Double-click each text item (text items are surrounded by handles when you click once on them) and change each entry to show your information. If you do not have a minor, type in "none" After entering text in a text item you may resize the imaginary text "box" by first clicking out of the text item area you are working on (or press return) and then grab an appropriate "handle" for the text item. If handles are not visible, click once on the text item you wish to resize. 4. Change the color of the text to bright yellow. Multi-select all of the text items (you should know how to do this by now!!! JEEZ!) and then from the Text menu choose Color ... the familiar Color dialog box should appear. Choose a bright yellow color for the text, then press OK. All of the text on the screen should be the same bright yellow color. 5. Create a 5x5 drop shadow under the text. Multi-select all of the text items and then from the Object menu choose Display ... you should see the Object Display Attributes dialog box appear. On the Pop-Up Menu on the upper right of the dialog box, choose Shadow ... Check the Show Shadow checkbox. Then in the Shadow Offset area, type in "5" for Horizontal and "5" for Vertical offsets. Click on OK when finished. Each yellow text item should now have a 5x5 black shadow behind it. 6. Place the unfiltered graphic image you created using Photoshop in the Picture Placeholder Area and convert it to a PICT image. Double-click inside the picture placeholder area ... you should see a dialog box asking you for an image file appear. Select the unfiltered picture of you that you created in Photoshop. After selecting the image file, you should be in the Select Picture dialog box with the picture of your choice showing in the window. (Please note that Astound will NOT read JPEG images and really works best with PICT files, so use the PICT format for your image file.) Press the Select button and the image should appear on the slide in the proper place. With the image still selected, from the Object menu choose Convert to PICT ... you should get a warning dialog box (click OK). 7. Convert the text items to PICT images from within the Timeline Window. First, open the Timeline Window by pressing the small clock button on the upper right of the work area. The Timeline Window should appear with a representation of the slide, and a bar for each item on the slide. Multi-select each T, which corresponds to a text item. Convert the selection to PICT images in the same way you did in #6. Close the Timeline Window. 8. Draw a box around the text item that is your name, and blend it with the background. First, you must select the appropriate box drawing tool in the Draw Tool Pop-Up menu on the upper left side of the work area. Click and hold the Draw Tool box until you see the various drawing tools appear ... then move the cursor to the box tool and let go of the mouse. The tool should show a picture of a box on it. Draw a box around the text item that is your name - use the handles to adjust the size of your box if you need to. The interior of the box should be black (f it is not, double click on the inside of the box .. you should see the familiar Object Display Attributes dialog box appear ... change the Pop-Up menu to Interior. Click and hold the Foreground Color box and select Black then press OK) Next, make sure the box is selected and under the Object menu, chose Layer/Send to Back - you should see the text reappear. Lastly under the Object menu, choose Ink Mode/Blend so that the box color blends with the background. 9. Create a dissolve transition for the entire slide. Under the Slide menu choose Transition... you should see the Slide Transition dialog box appear. On the Pop-Up menu choose Dissolve. 10. Adjust Timeline for Slide 2. First, open the Timeline Window for this slide. Notice that the individual timeline for the text (now a bitmapped image) that is your name does not start or end with the beginning and end of the slide. Using the outer handles on the bar, stretch the timeline so that it covers the complete span of time for the slide. Next, using the inner handles, stretch the solid blue portion of the timeline so that the entire line is solid blue rather than shaded blue. (The shaded blue area indicates transition time, the solid area indicates complete entry time) On the top of the Timeline Window is a box indicating the total time for the slide ... change this value to 12 seconds, outer handles on the bar, stretch the timeline so that it covers the complete span of time for the slide. Next, using the inner handles, stretch the solid blue portion of the timeline so that the entire line is solid blue rather than shaded blue. (The shaded blue area indicates transition time, the solid area indicates complete entry time) On the top of the Timeline Window is a box indicating the total time for the slide ... change this value to 12 seconds. 11. Fine tune timeline and object transitions for Slide 2. The Timeline Window should still be up. Notice that each item in the slide has a timeline within the Timeline Window, and by clicking on the small box at the left side of the window you can select an element on the screen. Find the element that is your name. With that timeline selected, position the cursor over the beginning of the timeline so that the cursor changes to a dissolved flag (rather than a dissolved flag with an arrow) When the cursor is a dissolved flag ... click on the timeline and move the beginning of the solid blue portion so that the shaded area takes 2 seconds. Double click on that item's timeline ... you should see the Object Transition dialog box appear. On the left side of the menu, make sure that the Entry check box is checked then choose Fade. Perform the same adjustment for your image on this slide (2 second fade transition with fade starting at the beginning of the slide). 12. Continuation of timeline and transition fine-tuning. The Timeline Window should still be up. For both text items pertaining to Major (one should say "Major" and one should be whatever you typed in for your major) set the beginning of those individual timelines so that they start 3 seconds into the slide - you should have a solid blue bar starting at 3 seconds, with no shaded area. Make sure that when you position the mouse over the beginning of the timeline, you see a dissolve flag AND an arrow, or else you will just be creating a shaded blue area on the individual timeline bar. You may also just select the appropriate object from the timeline window and just type in the appropriate starting time for the object on the slide - type in the start time in the upper left box with the right-facing arrow next to it. Perform the same process making the objects having to do with "Minor" begin at 5 seconds into the slide and the objects having to do with "Interests" begin at 7 seconds into the slide. 13. Create your own Slide 3 illustrating which Photoshop filter you used. Select your own background, then display the two pictures (before and after) on the slide along with text describing which Photoshop filter you used, along with particular settings. 14. Create your own Slide 4. Select your own background and text using your favorite quote. The text should be on the screen long enough to read slowly two times, and should be an appropriate size and color against the background. Be very careful not to try to do too much in terms of transitions and other craziness - those things distract from the slide's content and can seriously tax the computer, not to mention make your life miserable when you try to save. 15. Change the Slide Duration for Slide 1 and Slide 5 to be 2 seconds. First choose either Slide 1 or Slide 4 (sold black background). Then under the Slide menu, choose Duration ... and type in "2". 16. Test your presentation!!!!! This is the most important step - your presentation has to actually WORK. You can run the entire presentation by pressing the "easel" button on the lower left of the Astound work area, or just run a particular slide by pressing the "slide" button directly above the "easel" button. Make sure that the related text entries come in properly - the word Major and its following information should appear at the same time ... etc. 17. Save your presentation. WARNING: THIS CAN BE COMPLICATED AND FRUSTRATING. Under the Edit menu, chose Purge Unused Resources ... the Purge Unused Resources dialog box should appear with everything but Master Slides checked. Click OK. Under the File menu, chose Save As ... you should see the familiar save dialog box appear. Check the Make Self-Contained Presentation box (this option saves image files (and sounds if you have them) along with the presentation so that those separate/additional files are not needed in order to run the presentation, say, on a another machine) Make sure you are saving the Astound Presentation to the right place - it is a good idea to save the presentation first to the desktop of the Internal Hard Drive, then copy the file to your floppy disk. Use your last name and test id number as the filename: "1032 I.M. Astudent" and LABEL the outside of the disk using a REAL disk label that doesn't have things crossed out on it as follows (points will be removed for not following this instruction): Ira M. Astudent Photoshop/Astound SMAD 200L 1032 If the presentation does not fit on a HD floppy disk, then you have put too many elements into your presentation ... cut back on the slide you have created (Slide 3) 18. This is the second most important step: CHECK YOUR PRESENTATION ON MANY DIFFERENT COMPUTERS AND MAKE SURE IT WORKS.