Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
In this tutorial I am going to attempt to get you up and running using Photoshop whilst
creating a simple DVD cover that you could if you wish modify for your own use.
Now, the first thing to bear in mind with Photoshop is that there are settings, lots and lots
of them!
This is a great thing for creativity and control but a bit of a nightmare if they have all been
changed to something that suits the previous user but not you.
So, to make sure that we start off at a default where we know where we are, we are going
to reset the Photoshop Setting file.
The manual advises that to do this you need to press the Ctrl and Alt and Shift Keys
immediately after you have started to launch Photoshop.
Like a lot of things stated in manuals this is easier written than done! After several
attempts at getting nowhere I adopted this approach that I would like you to try now.
1) Don’t open Photoshop yet! Just click once on the Photoshop short cut on the
desktop so that it is highlighted.
2) Rest three fingers on the Ctrl and Alt and Shift (left hand) Keys and another on
the Enter key.
3) Hit the Enter key and then immediately press the Ctrl and Alt and Shift (left
hand) Keys simultaneously.
Hopefully you will be rewarded with a 'Delete the Adobe Photoshop Settings File'
window.
If this is the case you can feel suitably chuffed and Click Yes and Photoshop will open
with its default settings. If not then perhaps a few more attempts will be required (or the
help of someone with faster reaction times!)
OK, having achieved our first level of Photoshop enlightenment we can move on to setting
up our canvas.
Preset - Custom
Height - 183mm
You've now got your DVD case image, but wait! It's just one page.
It will be difficult to work with the image if you do not know the boundaries of the spine and
the front and back panels.
Select the Zoom tool (as shown), you will find this in your toolbox on the left hand side of
the screen
With this selected at the top middle of the screen you will see a Fit Screen button (shown
below).
Click on this and your work will fit to the size of your screen.
To the left of this you will see a resize window to fit box, tick this so that as you resize
your work you won’t have over sized windows to contend with.
To help us to accurately position our elements we will use rulers which run along the top
and left edge of our canvas.
Now that the rulers are showing, we can set up some guides which will help us position the
elements of our work.
Make sure that you have the direct selection tool selected from your tool box.
To get an accurate idea of where we are placing elements we will use the info palette.
Click on the info tab window up at the top right of your screen (It will be tabbed together
with the Navigator and Histogram windows).
So go ahead now and click inside the left hand vertical ruler, and hold the left mouse
button down.
00
While holding, drag the mouse to the right, a dotted line with a double arrow cursor
should appear, as shown below.
As you drag your guide the X (horizontal) and Y (vertical) values will be displayed.
Keep an eye on the info window (X value) and drag until you get to around 128mm in
(from left to right).
Now release the mouse and your line will turn solid and blue.
Note – Guides are NOT part of the image and will not appear in the final output.
If you let the mouse button go and it is not in the right place move the cursor onto the
guide until it changes to a double arrow and drag your guide until it is in the correct place.
If you need to delete a guide just drag it back into the ruler margin.
Create another guide and put this one at approx 143 mm. You should end up with
something that looks like this –
and save it to your desired destination (e.g removable drive or USB stick).
Now that we have our canvas prepared we can move onto something creative!
Next you will need to open the picture files that you are going to use on your DVD cover.
A really useful way of finding files that you want to open is by using Photoshop’s file
browser which is called Bridge.
Navigate to the folder that contains your lesson files and within this double click on the
Tintin front icon to open it.
You will now see that it has opened in Photoshop in a separate window that is on top of
your DVD cover.
You may need to resize your images in your window at times, to do this select the Zoom
Tool in the tool bar.
Now you will see a plus and minus version of it at the top left of the screen as shown
here
Selecting the plus option enlarges the image when you click on it and the minus option
reduces it.
With the mouse cursor on your image you can hold ALT on the keyboard and you will see
that it changes to the opposite of what you previously had selected.
Just click and drag over the area that you wish to zoom into.
Black circle identifies area of zoom selection with plus zoom option which is a box of
dotted lines
Use the minus option afterwards and then click on the image a number of times until
you can see the whole image once more.
A very important thing to do before working on any image is to create a duplicate to work
on thus preserving your original.
To do this simply
1) Go to IMAGE > DUPLICATE from the main menu and a 'Duplicate Image' box
pops up.
You now have two identical images open, the original and your duplicate.
Make sure you have your copy selected (it will say ‘copy’ on the top of the image window)
and then save it as a JPEG using the Save As option to your desired location.
when the JPEG Options box appears increase the quality to maximum.
You can now close the copy knowing that you have a back up of the original if needed.
Right now that we have sorted that let's get on with our creation!
The first thing that we need to put right is that the image needs rotating.
This is probably a good time to mention that if you go wrong at anytime you can undo your
last action.
There are two ways of doing this either go to EDIT > UNDO or press the keys Ctrl and Z.
Make sure that you can see the whole of the image, if not, use the magnifying tool as
described earlier.
Also, make sure that you enlarge your Canvas window slightly by clicking and dragging on
the bottom right corner so that you have some Grey space around the image.
Select the Crop Tool and now select the part of your image that you wish to keep by
clicking and dragging and drawing a box with it
Don’t worry about being too precise at this stage as you can adjust this further in a
moment.
You will see a dotted line marking the area that you have selected and the area outside
the box will go darker.
The grey and blue areas on the outside of this box will be what gets discarded.
You can click on and drag the little boxes (handles) around this line to modify your
selection.
If you zoom in you will find that you can adjust your crop marks more finely.
Once you zoom in you may wish to stay zoomed in but be able to navigate to different
areas of your work.
To do this simply press and hold the spacebar and then click and drag to your desired
point.
Alternatively you will see that when you zoom in you get scroll bars on the edge of your
window.
When you are happy, click on the tick on the top right of the main window, to confirm your
crop.
Ok, now let’s sort out the image quality of the scan because as it is it is looking a bit
washed out.
Go to IMAGE > ADJUSTMENTS > LEVELS and the Levels box will appear.
You will see that there are three triangles just below the black waveform of the input
levels , a black one, a grey one and a white one.
Now click and drag the triangles and see what happens.
When you are happy with the result, click on OK, and then save your work
Arrange your Tintin image widow and your blank DVD cover so that you can see both
windows.
You will probably need to resize both widows and use the zoom tool so that you end up
with something like this:
Select the move tool and drag from the inner part of the Tintin image onto your DVD
cover.
With this done select and close the Tintin file without saving changes (be careful not to
close your DVD cover instead!).
You will find that because the Tintin image is big you will not see all of it on your DVD
cover document.
Use the move tool to position it so that you can see a corner of the Tintin image.
You will now see the familiar handles that you can click on to adjust.
Hold down the shift key as this will make sure that your image will stay in proportion.
You will find that if you click and drag the inner part of the image you can move the image
around as necessary.
When you are happy click the tick! It should look something like this -
Alternatively you could choose to fill the front cover and not have any white space,
resulting in an image with a slightly changed aspect ratio from the original.
We now have one document with two elements to it, the background of the DVD cover
with the guides and the Tintin image.
These two elements are called Layers and you can see them by going to layers window
which is over to the bottom right side of your screen.
Make sure that both elements are showing and save your work.
If a Photoshop Format Option box appears make sure that Maximize compatibility is
selected and then click on OK.
This has the effect of you being able to open the file in earlier versions of Photoshop.
We will now create some text for the spine of our DVD cover.
You should now see text formatting options at the top of your screen. Choose Ariel size 14
and black as your text colour or click on the black rectangle if you wish to change the text
colour.
Type in ‘The Adventures of Tintin – Cigars of the Pharaoh’ and then go to EDIT >
TRANSFORM > ROTATE 90º CW.
Notice that Photoshop has created a new layer for your text.
The Tintin and the Cigars of the Pharaoh part of the text needs to be bigger in order to
stand out.
To do this double click on the text layer on the T icon as shown bellow.
This will now allow you to select parts of the text and change the size from the text
formatting options.
I changed my ‘The Adventures of Tintin’ to 18 and my ‘Cigars of the Pharaoh’ to 24.
Be warned if you try to click on your picture instead of the layer whilst you have the text
tool selected you will end up creating another text layer.
If this happens just click and drag the layer to the trash can icon down the bottom right
corner of the layers palette.
Now that you have finished working on your text you can move it into place along the spine
using the move tool.
If you are finding it hard to place the text exactly where you want it try zooming in on your
work and then use the keyboard arrow keys with the move tool selected.
Make sure that the Maximize compatibility option is ticked as this will ensure our file will
open in earlier versions of Photoshop and then click OK.
We are now going to add another element that will be our back cover.
Navigate to the relevant folder in Bridge and then double click on the Tintin page
crooked file to open it.
A very important thing to do before working on any image is to preserve your original.
To do this we will create and work on an exact duplicate.
To do this simply go to IMAGE > DUPLICATE, lets save it straight away (in the same way
that you did before) in your area.
Choose one of the cartoon frames (you will need to zoom in with the zoom tool).
Now using the crop tool draw a crop box around it like so:-
Next place the cursor up near the top left box of the crop box so that it changes into a
curved double headed arrow (shown below)
You will also need to move the crop box handles and in this way you should be able to
achieve a result similar to that shown below.
Once you have this it is a simple matter of clicking the tick up the top right hand of the
Photoshop window and you will get a cropped and straightened image.
This will now create another layer in our DVD document, re name it back cover.
Close the original extract image (making sure that you do not close your DVD cover).
Resize your back cover layer so that it fills the left side of your cover by choosing Edit >
Transform > Scale (remembering to hold down the shift key).
Remember that you can click and move your image whilst you are resizing.
Notice that this time we did not go through sorting out the image quality of this image,
that’s because we are going to do it now as a layer.
In the layers palette select your newly created back cover layer by clicking on it once and
highlighting it in blue.
Arrange the levels window so that you can see it and your image.
Now click and drag the triangles as you did before to get the desired result.
When you are happy with the result click on OK.
Notice that because we are only working on one layer the rest of our work is not affected.
You should now have something that looks like the following.
Open up the DVD logo file from the Lesson files folder.
Let’s save it straight away (in the same way that you did before) in your area.
Firstly let’s get it the right way up by going to Image > Rotate canvas > 90° CCW.
Make sure that you can see the whole of the image, if not, use the magnifying tool.
Select the crop tool and now select the part of your image that you wish to keep.
Don’t worry about being too precise at this stage as you can adjust this further in a
moment.
You will see a dotted line (marching ants) marking the area that you have selected.
The grey area on the outside of this box will be what gets discarded.
Ok, now let’s sort out the image contrast of the scan.
Arrange the levels window so that you can see it and your image.
Now click and drag the triangles until the black seems black and the white looks white.
When you are happy with the result click on OK.
Select the move tool and drag the logo onto your DVD cover image below your spine text.
If you want to more precisely control placement of your logo you can use the keyboard
arrow keys to move one step at a time.
Now close the DVD file without saving changes (be careful not to close your DVD cover
instead!).
Rename your layer by double clicking on the Layer text and re naming it DVD logo, and
then press enter.
We can now rescale our logo the image by going to EDIT > TRANSFORM > SCALE.
Hold down the shift key as this will make sure that your image will stay in proportion.
You will find that if you click and drag the inner part of the image you can move the image
around as necessary after resizing.
Arrange and size the image so that it will fit on the bottom of the spine.
Your finished simple DVD cover should now look something like this –
http://library.creativecow.net/tutorials.php
Remember also to explore the MOTIONOLOGY area on the learning space located under
support and the Media Centre.
If you need to ask me a question relating to Photoshop or After Effects please come and
see me or contact me on pete.felstead@falmouth.ac.uk.