Tuesday, April 5, 2011

Exercise 7 – Selections




ß This is a formative assessment instrument
ß You must be rated ‘Competent’ in this assessment item.

Learning Outcomes Learning Outcome 8 - Identify and explain a range of digital imaging concepts such as colour mode, colour space and bit depth as well as demonstrate typical fundamental digital image enhancement techniques, and identify digital image workflow patterns and create a simple file management methodology that conforms to established industry norms.

Tasks 1) Copy the file ‘Selections.jpg’ from eLearn and place it on the desktop. (Remember to delete this file when you have completed this exercise).
2) Start Photoshop and open the document ‘Selections.jpg’
3) Display the Histogram palette (‘Windows -> Histogram’)
4) Open the levels or curves palette (‘Image -> Adjustments ->Levels . . .’ and adjust the tonal range of the entire image, then close the palette. Observe the Histogram.
5) Select the rectangular Marquee tool – in the tool options bar set the feather value to 0, and the style to ‘Normal’.
a) Select a small rectangular portion of the image and observe the histogram.
b) Select a different area of the image and observe the histogram.
c) Click within the selected area and drag it to a new location.
d) What is the histogram showing you ?

It shows you the light spectrum range for that area
e) With the selection still active, open the levels or curves palette and make a change. What happens to the image ?

It changes the light spectrum range of that area
f) Use the selection types buttons to add to and remove areas from the selection .
g) Use the Shift and Alt keys to add to and remove areas from the selection.
h) Select ‘Select -> Inverse’. What happens to the selection ?




What is the shortcut key for this ? Shift command (I)
i) Select ‘Select -> Deselect’ or click once in the image to discard the selection.

What is the shortcut key for this ? command D
j) Use the History palette (‘Windows -> History’) to undo all the changes you have made.
k) Set the Rectangular Marquee style in the options bar to ‘Fixed Ratio’, enter a value for width and height (eg 2 and 3), then select an area of the image.
What do you observe ?

The ratio of the marquee remans the same eg 2 to 3 where as normal will be any size
l) Set the style to ‘Fixed Size’, enter a value for width and height (eg 200 and 100), then select an area of the image. NB You only need to click once – you don’t need to click and drag.
m) Set the ‘Feather’ value to 25, select an area of the image and make a tonal or colour change to the image. What do you observe ?
It fethers the edges so that the center of the selection is darkest and lighten to match the rest of the image
n) Press +D or click once in the image to discard the selection.
o) Use the History palette to undo all the changes you have made.
6) Select the circular Marquee tool – set the feather value to 0, and the style to ‘Normal’.
a) Select a small portion of the image.
b) Press +D or click once in the image to discard the selection.
c) Click and drag to start selecting a portion of the image. Before releasing the mouse button press and hold the shift key. What happens ?

Changes it from an elliptical shape to a perfect circle
d) Press +D or click once in the image to discard the selection.
e) Click and drag to start selecting a portion of the image. Before releasing the mouse button press and hold the Alt/Option key. What happens ?

It doubles the size of the selection
f) Press and hold the shift key while you select another portion of the image. What happens ?

It keeps the original circle and adds another
g) Press and hold the alt / option key and select a portion of the image that overlaps the existing selection. What happens ?

It minuses that small section
7) Select the Lassoo tool .
a) Select a small portion of the image.
b) Add and subtract areas to / from the selection and use the feather option.
c) Discard the selection
8) Select the Polygonal Lassoo tool .
a) Select part of the image by clicking a start point and adding nodes until you click on the start point again to finalise the selection.
b) Start a new selection and use the Esc key to abort the selection before you finalise it.
c) Start a new selection, add some nodes and then use the Delete / Backspace key to backstep through the nodes you have added.
d) Set the feather value to 2.
e) Select the two areas of the timber wall.
f) Use the Hue control to change the colour of the wall.
g) Go to ‘Select->Save Selection . . .’ and save the selection as Walls.
h) Discard the selection.
9) Select the Magnetic Lassoo tool .
a) Select the grey metal roof by clicking a start point and tracing along the edge to add nodes until you return to the start point to finalise the selection. Use the Esc key to abort, and the Delete key to remove unwanted nodes if you need to. Click on any point to force a node to be created. You may need to use the other selection tools to tidy up edges etc to make an accurate selection.
b) Save the selection as Roof.
10) Select the Magic Wand tool .
a) Set the tolerance to 32
b) Click in the sky to select part of the sky.
c) Hold down the shift key and click to add all the sky and clouds into the selection. Use +Z or the History palette to undo the last addition if required.
d) Save the selection as Sky
11) Use whichever tools you want to make and save a selection for the bricks.
12) Select ‘Select->Load Selection . . .’ and set Operation to ‘New Selection’ and reload the selection of the sky.
a) Use ‘Select->Inverse’ to invert the selection ie the entire building will be selected instead of the sky.
b) Save this selection as ‘Building’
13) Choose ‘Select->Color Range . . .’
a) Click on the blue part of the sky and use the Fuzziness slider to select all the blue sky.
b) Use the Burn tool to darken just the lower part of the blue sky without affecting the building or the white clouds.
c) You can use +H to hide the selection outline while you do this. Use +H to reveal the selection outline when you have finished.
14) Close the document.
15) Quit Photoshop.
16) Delete ‘Selections.jpg’ from the desktop.
17) Shutdown the computer.

Exercise 6 – Basic Image Corrections



Imaging 1
Exercise 6 – Basic Image Corrections
Name

ß This is a formative assessment instrument
ß You must be rated ‘Competent’ in this assessment item.

Learning Outcomes Learning Outcome 8 - Identify and explain a range of digital imaging concepts such as colour mode, colour space and bit depth as well as demonstrate typical fundamental digital image enhancement techniques, and identify digital image workflow patterns and create a simple file management methodology that conforms to established industry norms.

Tasks 1) Copy the file ‘BadImage.jpg’ from eLearn and place it in a folder ‘Exercise 6’ on the desktop. (Remember to delete this folder when you have completed this exercise).
2) Start Photoshop and open the document ‘BadImage.jpg’
3) Rotate the image 90 degrees to orientate it correctly.
4) Display the Rulers. What is the keyboard shortcut ? (i)
5) Use ‘Photoshop->Preferences->Units and Rulers…’ to swap between cm and pixels for the ruler dimensions.
6) Display the Grid. What is the keyboard shortcut ? command (‘)
7) Use ‘Photoshop->Preferences->Guides, Grids, Slices and Count …’ to change the grid spacings.
8) Use the Ruler tool to draw a line down the centre of the façade following the joins in the bricks.
Record the following :-
a) How long is the line in pixels and in cm ? 558.52p 4.73cm
(Hint: Use the info palette and the ‘Units & Rulers’ preference)
b) What is the angle of the line ? –92.5
9) Rotate the image so the image is straight using ‘Image->Rotate->Arbitrary…’
10) Use the Crop tool to crop out any background pixels added around the outside of the image - you will lose some of the image to do this.
Note: You can use the arrow keys to nudge the selected area by one pixel at a time. Shift + Arrow key nudges by 10 pixels.
11) Open the Curves palette and adjust so the image has a full tonal range and good overall brightness (Gamma correction).
a) What has happened to the histogram (what does it look like) ?
The histogram spreads across the whole graph
b) Why does it look like this ?
Increasing contrast leads to missing tonal (brightness) values

12) Set the background colour to black.
13) Increase both the width and height of the image by 1cm using ‘Image->Image Size …’.
14) Undo the change in size.
15) Increase both the width and height of the image by 1cm using ‘Image->Canvas Size …’.
16) What is the difference between changing the image size vs. changing the canvas size ?
Increasing the image size increases the image where as increasing the canvas size puts a border around the image

17) Select the Clone stamp tool and set the following parameters :-
a) Turn OFF the ‘Align’ option,
b) set the brush size to approx. 8 pixels, and
c) ‘Alt + click’ in the sky to set the point to start copying from.
18) Use it to remove the pole in the sky to the left of the tower.
19) Use the Clone stamp tool to remove a window from the façade of the building after setting the following :-
a) Turn ON the ‘Align’ option,
b) set a soft brush with a diameter of 20pixels, and
c) ‘Alt + click’ in the brickwork to set the point to start copying from.
20) How does the behaviour of the Clone Stamp change when the ‘Align’ option is turned off compared to when it is turned on ?
With the alignment on it helps you align straight lines
21) Save the image as ‘MasterImage.tif’
22) Close the document.
23) Quit Photoshop.
24) Delete the ‘Exercise 6’ folder.
25) Shutdown the computer.

Exercise 5 – File Types & Sizes

Imaging 1
Exercise 5 – File Types & Sizes
Name

ß This is a formative assessment instrument
ß You must be rated ‘Competent’ in this assessment item.

Learning Outcomes Learning Outcome 6 - Identifying and define a range of file types and describe their uses, and compare and evaluate methods of uploading digital files using general operating systems and dedicated imaging software.

Tasks 1) Copy the file ‘Img 1 – Ex 5 – Image.tif’ from eLearn to ‘yourname-Ex5’.
(Remember to delete this file when you have completed this exercise).
2) Open the file ‘Img 1 – Ex 5 – Image.tif’ in Photoshop and do the following :-
Select ‘Image -> Image Size …’ :-

1. Width of the image in pixels 2500
2. Height of the image in pixels 2000
3. Calculate the size of the image in Megapixels 5MP
4. What is the specified resolution of the image 300 PPI
5. Width of the image in cm 21.17
6. Height of the image in cm 16.93

Select ‘File -> Save As…’ and save the image in the following formats. Name the files to clearly identify them.
After each save close the image and reopen to save to the next format. Use the Finder/File Browser to record the sizes of the files created.

1) The original .tif file
2) TIF file using LZW compression
3) Photoshop .psd file
4) Jpeg file – Quality level 12
5) Jpeg file – Quality level 10
6) Jpeg file – Quality level 5
7) Jpeg file – Quality level 1
8) GIF file – 256 colours – no dithering
9) GIF file – 256 colours – diffusion dither
10) GIF file – 16 colours – diffusion dither

Select ‘Image -> Mode -> Greyscale’ to convert the image to a grayscale image & save as
11) TIF file (no compression)

Select ‘Image -> Mode -> Bitmap’ to convert the image to a bitmap image & save as
12) TIF file (no compression)

3) Discuss the following with the class and post the answers on your blog :-
a) Explain the difference in the sizes of the two tiff files in steps 1) and 2).
The LZW has compressed it to 10MB instead of 15MB

b) When saving a jpeg file what two things change when you select a different quality factor ?
Size of the image as in space and the quality of it

c) What is ‘dithering’ and why is it used ?
Dithering in GIF images helps reduce banding in gradients of color, but it also vastly increases the file size.

d) Explain the difference in size between the greyscale tiff file and the original tiff file.
Original tiff is 15MB and the Greyscale is 5MB this means it has thrown out all the colour pixels and is now only using 256 types of grey

Exercise 3 – Photoshop Interfac

Imaging 1

Exercise 3 – Photoshop Interface
Name

 This is a formative assessment instrument
 You must be rated ‘Competent’ in this assessment item.
Learning Outcomes Imaging 1 – All Learning Outcomes.

Tasks 1) Create a folder on the Desktop called ‘yourname-Ex 3’.
2) Copy the files for Exercise 3 from eLearn and place them in the new folder. (Remember to delete this folder from the desktop when you have completed this exercise).
3) Identify the following items on the diagram below :-
Menu Bar Tool Bar Options Bar Button Bar
Palettes / Panels Image Title Bar Status Bar



4) Start Photoshop CS5. Describe three ways of starting Photoshop :–
i) Desktop shortcut
ii) Photoshop in menu
iii) Click on image and open with photoshop
5) Open ‘Photoshop->Preferences->General …’. Turn off the option ‘Zoom Resizes Window’. Click ‘OK’ to save the change.
6) Toggle the main tool bar between a single column of icons and a double column.
7) What are the shortcut keys for the following tools :-
a) Hand (or Pan) tool : H
b) Move tool : V
c) Crop tool : C
d) Text (Typing) tool : T
e) Zoom tool : Z
8) Perform the following on the Palettes / Panels to the right of the screen :-
a) Collapse the panels to icons with text (Click on the window bar)
b) Resize to only display the icons.
c) Expand to full panels
d) Rearrange the blocks of panels by dragging them to a new location.
e) Drag one panel onto a different group of panels by dragging its tab.
f) Drag a group of panels off to make it independent of the rest.
g) Drag a single panel off to make it independent of the rest.
9) Open the image file ‘Img 1 – Ex 3 - Image-1.jpg’ and do the following :-
a) What is the colour mode of the image, and what is the bit depth of the image ? (Identify two locations where this information can be found).
RGB colour mode 8 bit per channel found on the status bar or in image > mode
b) What is the zoom percentage that the image is displayed at ? 25%
c) Change the zoom percentage to 28%.
d) Click on the green button on the title bar. What happens ?
Picture fills screen leaving no grey boarder
e) Fit the image to the screen. What is the zoom percentage ? 29.73 and what is the keyboard shortcut ? command + 0
f) Zoom to 100%. What is the keyboard shortcut for this ? command + alt + 0
g) What does 100% zoom mean ?



h) What do the ‘ + ‘ and ‘ - ‘ keys do ?
Zoom in and out
i) Use the status bar information to answer the following (Click on the small triangle to change which information item is displayed) :-
i) What is the image size in pixels and the image resolution in dpi ?
2020 x 2906 and 300 dpi
ii) What is the document size in Mb ? 16.8
iii) What do the two sizes refer to ? size in pixels and size in megabytes
j) Go to the ‘Window->Arrange’ menu to open a second window containing the same image :-
i) Drag one document away from the tab.
ii) Zoom both windows to 100%
iii) Select the Hand tool and pan one of the images around.
iv) Pan both windows simultaneously by holding down the shift key while you pan.
v) Close one of the document windows.
10) Open the remaining three documents.
a) Use the ‘Window->Arrange’ menu items to float the windows and consolidate them to the tabs.
b) Use the button bar icon to try different window arrangements.
11) Press the ‘Tab’ key. What happens ? Press the “tab’ key again. Brings up status bar
12) Use the button bar icon to try different screen modes.
13) Close all documents. What is the keyboard shortcut to close a document window ? command w
14) Quit Photoshop. What is the keyboard shortcut ? command + Q
15) Delete the ‘yourname-Ex 3’ folder from the desktop.
16) Shutdown the computer.

Thursday, March 17, 2011

IMAGE BASICS

ß This is a formative assessment instrument
ß You must be rated ‘Competent’ in this assessment item.

Learning Outcomes Learning Outcomes 7 & 8.

Tasks 1) Log on to your workstation using the student login.
a) Name : student Password : student
2) Open the file ‘Img 1 - Ex-02_Image.jpg’ in Photoshop.
3) Select ‘Image -> Image Size …’ and answer the following questions about the image :-


1. Width of the image in pixels
2000 pixels
2. Height of the image in pixels
1500 pixels
3. Calculate the size of the image in megapixels
3 MP
4. What is the specified resolution of the image
300 ppi
5. Width of the image in cm
16.93 cm
6. Height of the image in cm
12.7 cm


7. Width of the image in pixels
2000 pixels
8. Height of the image in pixels
1500 pixels
9. What is the new width in cm
33.87 cm
10. What is the new height in cm
25.4 cm
11. What is the image size in megapixels
3 MP


12. Width of the image in pixels
1000 pixels
13. Height of the image in pixels
750 pixels
14. What is the new width in cm
16.93 cm
15. What is the new height in cm
12.7 cm
16. What is the image size in megapixels
0.75 MP


You can find the information above on the bottom; status line; or window, info: panel options.

1. My image is 2100 pixels wide and 3300 pixels high.
a. What is the image size in megapixels?
2100x3300= 6 930 000
= 6.93 MP

b. What would the physical image size at a resolution of 300ppi?
2100/300= 7 inches or 17.78 cm
3300/300= 11 inches or 27.94 cm

2. My image is 2000 pixels wide and 3000 pixels high.
a. What is the image size in megapixels?
2000x3000= 6 000 000
= 6 MP

b. What resolution would I need to print at to create a 8”x 12” print?
2000/8 inches= 250 ppi
3000/ 12 inches= 250 ppi

3. I want to make an A4 print with a resolution of 300ppi.
a. What is the image size in cm?
21x 29.7cm
b. What is the image size in inches?
8.3x 11.7 inches- round to 8 inches and 11 inches

c. What would the pixel dimensions be?
2400x 3300 pixels

d. What is the image size in megapixels?
2400x 3300= 7 920 000
= 7.92 MP

Sunday, March 6, 2011

Exercise 01- Image Uses

Birds
Domesticated Animals
Flowers & Plants
Geology
Waterscapes
Weather
Invertebrates
Landscapes
Reptiles & Amphibians
Sky
Abstract
Surreal
Animals, Plants and Nature
Aquatic Life
Wild Animals
Architecture
Exterior
Interior
Statues & Monuments
Commercial Photography
Fashion
Services
Miscellaneous
Products
Conceptual
Nature
Objects
People and Portraits
Artistic nude
Classic Portraits
Cosplay
Emotive Portraits
Expressive
Fashion Portraits
Fetish Portraits
Glamour Portraits
Darkroom
Digital Darkroom
Traditional Darkroom
Horror and Macabre
Macro
Human
Infants and Children
Miscellaneous
Pin-up
Self-Portraits
Spontaneous Portraits
Photojournalism
Concerts & Musicians
Documentary/Editorial
Military
Places
Political
Public Gatherings & Events
Sports
Weddings
Miscellaneous
Natural Events
People
Performing Arts
Still Life
Cut Flower & Plant Arrangement
Dolls and Figures
Food and Drink
Street
Transportation
Urban & Rural
Bridges & Suspended Structures
City Life
Cityscapes & Skylines
Country Life
Gardens, Parks & Cemeteries
Industrial
Miscellaneous





TASK 2:


Fashion:

Potential employers/ clients: Magazines, advertising agencies, newspapers, retail stores, clothing companies, fashion designers

Places/ ways for displaying: internet sites, cd, dvd, billboards, magazines, newspapers, books

Size and quality:
Internet sites: Screen size, low-med quality
Cd, DVD: Size depends on clients use, low, med or high quality
Billboards: 6x10m, low-med quality
Magazines: up to two page spread, high quality
Newspapers: up to full page, low quality
Books: A5-A3 size, med high quality


Wedding:

Potential employers/ clients: Engaged couples, magazines, advertising, fashion designers

Places/ ways for displaying: cd, dvd, magazines, wedding albums, books, coffee mugs, internet site

Size and quality:
Internet sites: Screen size, low-med quality
Cd, DVD: Size depends on clients use, low, med or high quality
Magazines: up to two page spread, high quality
Wedding album: up to A3, high quality
Books: A5-A3 size, med high quality
Coffee mugs: small in size and low quality

Transportation:

Potential/ clients: magazines, personal clients, advertising agencies, car dealers, event organisers

Places/ ways for displaying: magazines, billboards, newspapers, posters, brochures, internet sites, books, cd, dvd

Size and quality:
Internet sites: Screen size, low-med quality
Cd, DVD: Size depends on clients use, low, med or high quality
Billboards: 6x10m, low-med quality
Magazines: up to two page spread, high quality
Newspapers: up to full page, low quality
Books: A5-A3 size, med high quality
Posters: A3 med quality