Welcome! Part Two of how to be a Splash Magazine Superstar Welcome to…

Photo Procedures: Step 2 Prepare Photos for Uploading ALL articles require at least Four Photos per Article, in addition to the summary photo which is duplicated in a smaller (100 pixel wide and 3KB or Smaller) size from the photo that most expresses the essence of the article. (more later). However, MORE PHOTOS ARE PREFERRED, we like as many as is appropriate. Usually more like 4-10 or more, up to 25 A more advanced step but one that will allow you more flexibility is to combine photos so that they are side by side or columns of two and rows of as many as you want so they look like a contact sheet. To combine photos, you will be changing the canvas size of the photos. (There are procedures later explaining how this is done).

Combining Photos To combine photos, you will be changing the canvas size of one of the photos. All photos must be the same size vertically and horizontally. For example, if you have two photos that are 180 pixels wide and 417 pixels high, you would go to the Image pull down menu and choose canvas size and the following screen would appear (MAKE THE PHOTOS 199 PIXELS WIDE AND THE CANVAS 400 PIXELS WIDE) it should look like this: To combine photos, you will be changing the canvas size of one of the photos. All photos must be the same size vertically and horizontally. For example, if you have two photos that are 180 pixels wide and 417 pixels high, you would go to the Image pull down menu and choose canvas size and the following screen would appear (MAKE THE PHOTOS 199 PIXELS WIDE AND THE CANVAS 400 PIXELS WIDE) it should look like this:

Combining Pictures Contd.

Next you would multiply the width, in this case 199 times 2 and add 2 pixels for a margin. So 199x2+2=400 Next you would multiply the width, in this case 199 times 2 and add 2 pixels for a margin. So 199x2+2=400 So you would change the 199 width to 400 and click on the Anchor box where you want the active photo to stay, so that the added photo will go to, in this case the right, it should look like this: So you would change the 199 width to 400 and click on the Anchor box where you want the active photo to stay, so that the added photo will go to, in this case the right, it should look like this:

Combining Pictures Contd. When you Press OK it should look like this: Anchor Box

Combining Pictures Contd.

Now go to the photo with the normal canvas size, the one on the right in this example and use the arrow key to just move the photo from the right box into the left box, you can use the arrow keys to do a fine placement adjustment. Now go to the photo with the normal canvas size, the one on the right in this example and use the arrow key to just move the photo from the right box into the left box, you can use the arrow keys to do a fine placement adjustment. Then click on the right photo and holding down the mouse, move the right photo to the left photo or cut or copy the photo & paste it into the left photo. Now use the pointer or up down arrows to position the photo properly. This process will make a new layer. Then click on the right photo and holding down the mouse, move the right photo to the left photo or cut or copy the photo & paste it into the left photo. Now use the pointer or up down arrows to position the photo properly. This process will make a new layer. Once you are happy with the look, choose Layer and Flatten Image from the drop down menu. Once you are happy with the look, choose Layer and Flatten Image from the drop down menu.

Combining Pictures Final Slide Now save the photo as a jpg with a name you will recognize that uses a name that will be appropriate to the article And Work Well In Search Engine Searches. i.e. if the article is about Sue Wong Fashion the title should be Sue_Wong_Fashion_1.jpg or Sue_Wong_Wedding_dress.jpg. etc. Be careful to “Save for the Web” in a NEW FOLDER you create called Save for the Web - Sue Wong, or whatever you will be able to remember when you load the photos into your article and never choose “Save”. Otherwise, you will change the original picture and you won’t be able to find it if you ever need it at a later time. Now save the photo as a jpg with a name you will recognize that uses a name that will be appropriate to the article And Work Well In Search Engine Searches. i.e. if the article is about Sue Wong Fashion the title should be Sue_Wong_Fashion_1.jpg or Sue_Wong_Wedding_dress.jpg. etc. Be careful to “Save for the Web” in a NEW FOLDER you create called Save for the Web - Sue Wong, or whatever you will be able to remember when you load the photos into your article and never choose “Save”. Otherwise, you will change the original picture and you won’t be able to find it if you ever need it at a later time. The same procedure would apply to 3 or more photos across or to a table of say 2 photos across and 2 photos high etc. The same procedure would apply to 3 or more photos across or to a table of say 2 photos across and 2 photos high etc.

Picture Size Remember that a larger picture can be made smaller, BUT A SMALL PICTURE CAN NOT BE MADE LARGER. This will make the resolution appear very pixilated. Remember that a larger picture can be made smaller, BUT A SMALL PICTURE CAN NOT BE MADE LARGER. This will make the resolution appear very pixilated. ALL articles require a SUMMARY PHOTO which will be 100 Pixels Wide (Physical Size Wise) and Must Be Less Than 3KB (3000 Bytes) Large (File Size Wise), Keep Them in The 2000 Range or Smaller This photo should be repeated if possible in a larger size in the body of the article itself, in addition to the other photos in the article. ALL articles require a SUMMARY PHOTO which will be 100 Pixels Wide (Physical Size Wise) and Must Be Less Than 3KB (3000 Bytes) Large (File Size Wise), Keep Them in The 2000 Range or Smaller This photo should be repeated if possible in a larger size in the body of the article itself, in addition to the other photos in the article.

Picture Size Contd. Picture size is extremely important, here are some general guidelines for resizing. To open a picture in Photoshop simply click file and first save the picture onto your hard drive in case it gets lost or delted. + Once saved open the new document in photoshop.

Crop Touch up the photo to improve its aesthetic appeal if necessary: a. If you need to cut the visual appearance of a photo: choose the CROP icon in the icon menu on the tool box (see below). Touch up the photo to improve its aesthetic appeal if necessary: a. If you need to cut the visual appearance of a photo: choose the CROP icon in the icon menu on the tool box (see below). Click and drag your mouse over the portion of the photo that you want to keep. Anything outside the dotted box (the caption, any black space you don’t want in the photo) will be cropped off. Click and drag your mouse over the portion of the photo that you want to keep. Anything outside the dotted box (the caption, any black space you don’t want in the photo) will be cropped off. Then double click and the photo will be cropped, if you change your mind use ctl-Z, which will undo the last action, or go to the edit pull down menu and choose undo or you can undo last to go back and undo several steps. Then double click and the photo will be cropped, if you change your mind use ctl-Z, which will undo the last action, or go to the edit pull down menu and choose undo or you can undo last to go back and undo several steps.

Crop

Sharpen 1

Sharpen If your photo is blurry then: choose from the TOOLBAR - FILTER. On the drop- down menu, click UNSHARPEN MASK. Pick what you feel is best for the photo. If your photo is blurry then: choose from the TOOLBAR - FILTER. On the drop- down menu, click UNSHARPEN MASK. Pick what you feel is best for the photo.

Sharpen 2

Image Adjustment If your photo needs some adjustments (many times the photos are muddy) for contrast or lightness or darkness: go to the top TOOLBAR, click IMAGE to access the drop-down menu. Find and click ADJUSTMENTS, then select LEVELS, If your photo needs some adjustments (many times the photos are muddy) for contrast or lightness or darkness: go to the top TOOLBAR, click IMAGE to access the drop-down menu. Find and click ADJUSTMENTS, then select LEVELS, This will bring up a histogram chart, which measures the ratio of dark to light in the photo. This will bring up a histogram chart, which measures the ratio of dark to light in the photo.

Sharpen and Contrast

Drag the markers at the bottom of the chart to lighten or darken and change the contrast of the composition of the photo. Drag the markers at the bottom of the chart to lighten or darken and change the contrast of the composition of the photo. There are three triangles on the bottom of the chart, the left is black, the middle is grey and the right is white. To move the black triangle to the right will darken the photo, and as you do move the black triangle, the grey triangle will also move. There are three triangles on the bottom of the chart, the left is black, the middle is grey and the right is white. To move the black triangle to the right will darken the photo, and as you do move the black triangle, the grey triangle will also move. To move the white triangle to the left, the photo will get lighter, and when you do so, the grey triangle will also move. Once you have made your adjustments with the black or white triangle, it is a good idea to then just move the grey triangle to enhance the contrast. To move the white triangle to the left, the photo will get lighter, and when you do so, the grey triangle will also move. Once you have made your adjustments with the black or white triangle, it is a good idea to then just move the grey triangle to enhance the contrast.

Size Adjustment To size the photo for the article: ON the top TOOLBAR, click 'IMAGE' to access the drop-down menu. ON the drop-down menu, find and click 'IMAGE SIZE'. The IMAGE SIZE window contains information about and controls the size (pixels per inch) of your photo. Starting at the bottom of this window, verify that the box 'constrain proportions' is checked. To size the photo for the article: ON the top TOOLBAR, click 'IMAGE' to access the drop-down menu. ON the drop-down menu, find and click 'IMAGE SIZE'. The IMAGE SIZE window contains information about and controls the size (pixels per inch) of your photo. Starting at the bottom of this window, verify that the box 'constrain proportions' is checked. Next, (moving up the box) enter 72 in the RESOLUTION section. This tells Photoshop to set the resolution to 72 pixels per inch. This is the optimum resolution size for web photos and graphics. Next, (moving up the box) enter 72 in the RESOLUTION section. This tells Photoshop to set the resolution to 72 pixels per inch. This is the optimum resolution size for web photos and graphics. PIXEL DIMENSIONS: because you are uploading to the web, you want to define pixel dimensions of the photo rather than a print size. The pixel width is the critical number. The pixel height can vary. Size constraints are as follows: PIXEL DIMENSIONS: because you are uploading to the web, you want to define pixel dimensions of the photo rather than a print size. The pixel width is the critical number. The pixel height can vary. Size constraints are as follows:

Click on Image Size

Image Size

Summary Photo 100 pixels wide (always choose a horizontal photo if at all possible) 100 Pixels Wide (Physical Size Wise) and Must Be Less Than 3KB (3000 Bytes) Large (File Size Wise), Keep Them in The 2000 Range Or Smaller 100 pixels wide (always choose a horizontal photo if at all possible) 100 Pixels Wide (Physical Size Wise) and Must Be Less Than 3KB (3000 Bytes) Large (File Size Wise), Keep Them in The 2000 Range Or Smaller

Horizontal Image pixels wide (350 wide and above will need to be chosen as a center photo with a hard return after it, (see photo placement later) If the photo is important to the story and a good photo, we prefer larger images pixels wide (350 wide and above will need to be chosen as a center photo with a hard return after it, (see photo placement later) If the photo is important to the story and a good photo, we prefer larger images.

Vertical Image pixels wide (250 or above would be used as a center photo.) Keep in mind that vertical photos look and are larger since there is more area to them so only make them over 300 pixels if appropriate pixels wide (250 or above would be used as a center photo.) Keep in mind that vertical photos look and are larger since there is more area to them so only make them over 300 pixels if appropriate.

Saving Pictures The last step in optimizing your photos is to SAVE FOR WEB. Drop down the File menu; find and select save for the web. The last step in optimizing your photos is to SAVE FOR WEB. Drop down the File menu; find and select save for the web. 'Save for Web' will bring up another menu, which offers you a choice to view this photo in one of three ways: 1 version of the photo, 2 versions of the photo or 4 versions of the photo. 'Save for Web' will bring up another menu, which offers you a choice to view this photo in one of three ways: 1 version of the photo, 2 versions of the photo or 4 versions of the photo. Select the smallest size photo with the best visual quality and remember to SAVE IT as a JPG not as a GIF or anything else. Select the smallest size photo with the best visual quality and remember to SAVE IT as a JPG not as a GIF or anything else.

Save for Web

Just In case It is a very good idea to create another new file folder that you have created just for holding your adjusted photos, such as “Laura’s story 8- 25” or “Saved for web”. Don’t forget to save this folder in your own file located in My Network Places/D Glass/La Splash Magazine/Interns/Your Name. It is a very good idea to create another new file folder that you have created just for holding your adjusted photos, such as “Laura’s story 8- 25” or “Saved for web”. Don’t forget to save this folder in your own file located in My Network Places/D Glass/La Splash Magazine/Interns/Your Name. So you do not get confused when uploading the photos and mistakenly upload the non- adjusted larger original photos! So you do not get confused when uploading the photos and mistakenly upload the non- adjusted larger original photos!

Advanced Photoshop Techniques Macros- Macros- Open the Window Menu and click on all of the following:  Tools  Options  Navigator  Actions  Layers &  Status Bar

Macros Contd. Open up a photo. Open up a photo. Click on the arrow and click off of Button Mode Choose New Action…

Macros Contd. This box will Appear Name: Put in what you will remember, in this case 199 If you want, choose a Function Key to use for the Macro

Macros Contd. Choose a color, alternate colors or choose the same color for the same macro i.e. yellow for size, green for effects etc. whatever you will remember!

Continuation of Macros for Correcting Photos

All your actions are now being recorded so do what you would normally do to fix the photo. Here choose Image/Adjustments/Levels and adjust the triangles.

Here choose Filter/Sharpen/Unsharp Mask

Choose your percentage, I usually use 35%

Now choose Stop Recording to end the Macro

Choose Button Mode to go back to the Button view

Now undo the adjustment you just made by going to Edit/Step Backward

And this takes you back to the original photo Now choose the Restore Down icon to return to viewing all the photos

So now you see all the photos and it is time to run the custom Macro you made

Choose File/Automate/Batch

From the Actions drop down menu choose the new Macro you made (make sure to have the Source drop down showing Opened Files)

And that Macro will run and apply the changes to ALL the open photos and that is how to use Macros.

Finished With all of that you should be able to master photoshop and edit the photos used in your articles. If there are still some issues you are not clear on refer to the master Powerpoint presentation (Am_Working). With all of that you should be able to master photoshop and edit the photos used in your articles. If there are still some issues you are not clear on refer to the master Powerpoint presentation (Am_Working). Now on to uploading your articles! Now on to uploading your articles!