Welcome
to…
Welcome!
Part Two of how to be a Splash
Magazine Superstar
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:
Combining Pictures Contd.
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
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.
Anchor Box
When you Press OK it should look like this:
Combining Pictures Contd.
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.
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.
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.
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.
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).
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.
Crop
Sharpen 1
Sharpen

If your photo is blurry then: choose from
the TOOLBAR - FILTER. On the dropdown 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,
This will bring up a histogram chart, which
measures the ratio of dark to light in the
photo.
Sharpen and Contrast
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.
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.
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.
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:
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
Horizontal Image

250 - 400 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

200 - 400 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.
'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.
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 825” 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 nonadjusted larger original photos!
Advanced Photoshop Techniques

MacrosOpen the
Window
Menu and
click on all
of the
following:
 Tools
 Options
 Navigator
 Actions
 Layers &
 Status
Bar
Macros Contd.

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).
Now on to uploading your articles!