Basic Graphics Editing Project
- Due Nov 6, 2016 by 10:55pm
- Points 100
- Submitting a text entry box
For this assignment you will perform some common image edits using Pixlr Editor Links to an external site. or the image editor of your choice.
Create a new folder called Basic Graphics
in your Google Drive CS120/Projects
folder for this image editing project. Add all of the files you create below to the folder.
For each adjustment add a text layer "by <your name>" to a corner of the image. Each image must include this text.
Part 1
Start with this digital photograph
Links to an external site.. Each edit below will need to be saved with a new name. For example, if you started with blues.jpg
and then cropped it, the new file name could be bluesCropped.jpg
or blues_cropped.jpg
.
- Keep the original photo
- crop part of the image to 600x100 using the Constraint: Output Size, and save it (e.g.
somefileCropped.jpg
) - resize the original image to 25% of the width and maintain the aspect ratio, and save it (e.g.
somefile_smaller.jpg
)
The next 5 edits will be based on the reduced image you just made: - starting with the image in part 3, increase the canvas size so that there is a 50 px border all around, and save it (e.g.,
somfileBorder.jpg
). Go to the Image menu to adjust the Canvas size. Be sure to choose a centered anchor. -
starting with the image in part 3, change the brightness and contrast, and save it (e.g.,
somefile_brighter.jpg
) -
starting with the image in part 3, make the image black and white, and save it (e.g.,
somefile_BW.jpg
). Hint: reduce the saturation. -
starting with the image in part 3, alter image your way using the Adjustment and Filter options, and save it (e.g.,
somefile_way1.jpg
). -
starting with the image in part 3, alter image your way using the Adjustment and Filter options, and save it(e.g.,
somefile_way2.jpg
).
Part 2
Use this graphical image Links to an external site. and perform the following edits. Upload all files to the project folder you created above.
- keep the original graphic
- save the file in
png
format
The edits below will be based on the png image saved above. - flip image horizontally, and save it (e.g.
somefile_flipped.png
). Image menu - rotate image 90 degrees clockwise, and save it (e.g.
somefile90CW.png
). Image menu - rotate image approximately 45 degrees counter clockwise, and save it (e.g.
somefile_45CCW.png
). Edit menu, Free transform - use the bucket fill tool to change the color of the screen, name the color, and save it (e.g.
somefileBucket.png
). Use the Pixlr color palletto pick a color by clicking the current color, i.e., the larger black rectangle.
- use the magic wand tool to make the top, outside the computer transparent, and save it (e.g.,
computer_trans.png
).
You may have to unlock the background layer by double-clicking the lock to the right in the Layers window. You will also have to adust the tolerance of the wand.
What to Submit
Submit a shareable link to your Basic Graphics
folder containing all 15 images. To receive full credit, make sure all of your images have the text "by <your name>" somewhere.
Rubric
Criteria | Ratings | Pts | ||
---|---|---|---|---|
Road: original image
threshold:
pts
|
|
pts
--
|
||
Road: Cropped (_cropped.jpg) 600x100
threshold:
pts
|
|
pts
--
|
||
Road: Smaller (_smaller.jpg) 25% of original size
threshold:
pts
|
|
pts
--
|
||
Next 5 edits based on smaller size
threshold:
pts
|
|
pts
--
|
||
Increase canvas (_border.jpg) 50px border
threshold:
pts
|
|
pts
--
|
||
Brightness, contrast (_brighter.jpg)
threshold:
pts
|
|
pts
--
|
||
Black and white (_BW.jpg)
threshold:
pts
|
|
pts
--
|
||
Any way #1 (_way1.jpg)
threshold:
pts
|
|
pts
--
|
||
Any way #2 (_way2.jpg)
threshold:
pts
|
|
pts
--
|
||
Computer Image
threshold:
pts
|
|
pts
--
|
||
Original (.jpg)
threshold:
pts
|
|
pts
--
|
||
Save as PNG (.png)
threshold:
pts
|
|
pts
--
|
||
Flip horizontal (_flipped.jpg)
threshold:
pts
|
|
pts
--
|
||
Rotate 90 CW (_90CW.jpg)
threshold:
pts
|
|
pts
--
|
||
Rotate 45 CCW (_45CCW.jpg)
threshold:
pts
|
|
pts
--
|
||
Bucket fill screen (_bucket.jpg)
threshold:
pts
|
|
pts
--
|
||
Make background transparent (_trans.jpg)
threshold:
pts
|
|
pts
--
|
||
15 images, all in CS120\Projects\Basic Graphics
threshold:
pts
|
|
pts
--
|
||
"by <your name>" on each image
threshold:
pts
|
|
pts
--
|
||
Total Points:
100
out of 100
|