Basic Graphics Editing Tutorial Submissions
- Due Nov 6, 2016 by 11:59pm
- Points 40
- Submitting a text entry box
Use Pixlr Editor (not Pixlr Express) to complete these challenges.
Before starting, create a new folder called Basic Image Editing Tutorial
in your Google Drive CS120\Tutorials
folder . Read through the instruction in each part below, then make the required image edits. Each edit will be saved as a new file, with a different file name. When you are finished you will have 10 images, the 8 new image files and the 2 originals. Upload the 10 image files to the folder you created and submit a shareable link to your folder here.
A summary of the files you should put in your Google Drive folder:
Part 1
First, choose ONE of the 6 files shown in the GCF Image Editing 101 tutorial "Making Basic Adjustment
Links to an external site.". Click the image to see the full-size version, then right-click and "save image as..." to save the file somewhere on your computer. You will use the same image in each of the 4 steps of this tutorial (e.g. lily_full.jpg
). Note: the full-size version of the image should be 4000 pixels wide.
- Use the crop tool to crop part of the image. Try experimenting with different crop areas but save one version as the original filename with "_crop" added before the .jpg extension. For example, if you started with
lily_full.jpg
you would save the new file aslily_full_crop.jpg
. -
Reopen the original file. Try resizing the image to be smaller than its original size, making the new width between 200 and 600 pixels. Make sure the 'Constrain proportions' option is checked to maintain the same aspect ratio (you can play with turning it off to see what happens but make sure the one you save isn't distorted). Save this file ending with
_smaller.jpg
(e.g.lily_full_smaller.jpg
) -
Using the smaller version from step 2, try resizing the image to make it larger again, back to its original width. Notice how the image suffers a loss in quality and detail. Save this file ending with
_larger.jpg
(e.g.lily_full_larger.jpg
). -
Open the original file. Use the free transform option from the Edit to rotate the image. Save this file ending with
_rotate.jpg
(e.g.lily_full_rotate.jpg
).
Part 2
First, choose a new image from ONE of the 6 files shown in the GCF Image Editing 101 tutorial "Fixing Common Problems
Links to an external site.". Click the image to see the full-size version, then right-click and "save image as..." to save the file somewhere. You will use this same file in the 4 steps of this challenge (e.g. squirrel_fullsize.jpg
).
- Try increasing and decreasing the brightness and contrast of an image. Go to the Adjustment menu to select the Brightness & Contrast option. Take the brightness or contrast to the highest and lowest settings to see the effect. Try to find the settings that look best for the image. Save the file ending with
_brightness-contrast.jpg
(e.g.squirrel_fullsize_brightness-contrast.jpg
). -
Reopen the original file. Try increasing and decreasing the saturation of an image. Go to the Adjustment menu to select the Hue & Saturation option. Take the saturation to the highest and lowest settings to see the effect. Try to find the setting that looks best for the image. Save this file ending with
_saturation.jpg
(e.g.squirrel_fullsize_saturation.jpg
). -
Open the original file. Experiment with other color-correction tools like Hue, Color Balance, and Color Vibrance to see how they work. Go to the Adjustment menu to select any of these options. Save the file ending with
_hue-vibrance.jpg
(e.g.squirrel_fullsize_hue-vibrance.jpg
). -
Open the original file. Try sharpening an image. Go the the Filter menu to get the Sharpen option. Try adjusting the sharpness repeatedly to see the effect. You may have to apply Sharpen repeatedly to see a noticable difference in yout image. Use the Undo History to choose the best version. Save the file ending with
_sharpening.jpg
(e.g.squirrel_fullsize_sharpening.jpg
).
Since each of the files you created was saved to your computer, you must upload all of them to your Google Drive folder.
What to submit:
Submit the shareable link to your folder Basic Image Editing Tutorial
. There should be 10 image files in your folder.
Rubric
Criteria | Ratings | Pts | ||
---|---|---|---|---|
_crop
threshold:
pts
|
|
pts
--
|
||
_smaller (200 < w < 400)
threshold:
pts
|
|
pts
--
|
||
_larger (original width)
threshold:
pts
|
|
pts
--
|
||
_rotate
threshold:
pts
|
|
pts
--
|
||
_brightness-contrast.jpg
threshold:
pts
|
|
pts
--
|
||
_saturation.jpg
threshold:
pts
|
|
pts
--
|
||
_hue-vibrance.jpg
threshold:
pts
|
|
pts
--
|
||
_sharpening
threshold:
pts
|
|
pts
--
|
||
Folder in CS120\Tutorials
threshold:
pts
|
|
pts
--
|
||
Filenames and organization
threshold:
pts
|
|
pts
--
|
||
Total Points:
40
out of 40
|