226 - Assignments

Final Project

COMS 226 Digital Imaging Final Project You will create a WordPress blog site with links to each assignment covered in class. You will select a WordPress blog theme and add links and create new pages for each assignment. Once the page is created for the given assignment (for example one page will be created for assignment 1 crop, then another page for the next assignment 2 content). Once the page is created (a link should automatically be created on the main page menu for each new page created) you will upload the content for the given assignment to the given page. *Make sure to title your main page as COMS 226 Digital Imaging (also add the semester and year) Once you have created your site you will need to email the URL to my email address ASAP at [email protected] Title your email message as COMS 226 final project The body should have the link and your name and RU ID This is the most important assignment and grade as it showcases all of the owrk you have completed this semester. It also serves as a repository of your work for further evlauation, assessment, and most importantly as a web-based item for an ePortfolio or to showe an employer. *The above is worth 80% * Below is worth 20% Write a three to five paragraph synopsis here discussing the tools, techniques, and processes used for various assignments throughout the course. Make sure that the correct names are used in describing each tool, technique, and process used. You can pick from your favorite assignment or any assignment or assignments that stand out as the focus of your content for the synopsis. Correct spelling, punctuation, grammar will also be considered in the total accumulation of points. Examples of tools, techniques, and processes (using Adobe Photoshop, HTML code, and Macromedia Dreamweaver) covered in class this semester: Tools: Selection tools (magnetic lasso, lasso, magic wand, color range, filter-extract), healing tools (healing brush, spot tool, spot healing brush, red eye tool, clone stamp tool, pattern stamp tool), color (color picker, gradient tool, paint bucket), text (text tool, bend tool, free transform tool), web links (slice tools), cropping and straightening images (crop tool, trim, rotate arbitrary, measure tool), Special effects (bend tool, free transform, filters, layer styles), etc. Techniques: Image cropping, creating shapes for logos (shape tools), using Photoshop filters for special effects and image manipulation, sizing portions of images (layers, free transform tool), special effects, calculating file size and bandwidth (bits, bytes, kilobytes, megabytes, gigabytes etc) Processes: Image restoration (healing tools), conversion for print (RGB to CMYK), conversion for the web (from .PSD to .JPEG, .GIF, transparent .GIF, .PDF), embed images within an HTML document for the web (HTML code, Dreamweaver, Photoshop), image interpolation (downrezing - decreasing resolution), changing actual image dimensions (height x width), creating an HTML document (Photoshop, Dreamweaver, HTML), create structured directories and manage files ("H" drive, public_html folder, assignment folders), convert images to HTML links (HTML, Adobe Photoshop, Macromedia Dreamweaver).

Creating Logos

Create 5 logos using the tutorials below as guides: http://www.etrainfree.com/logo16/ (HTML5) http://www.etrainfree.com/logo16/story (SWF) Submit completed work to the Assignment 6 drop box. RUBRIC 5 Logos (20 pts each): 100 pts TOTAL: 100 PTS

Creating static web banners

Create 5 static web banners. the banners can be any size or dimensions but the following are a set of recommended guidelines by the Interactive Advertising Bureau: http://www.iab.com/guidelines/iab-display-advertising-guidelines/ http://www.etrainfree.com/banners16/ (HTML5 - iPad) http://www.etrainfree.com/banners16/story (Shockwave) RUBRIC: Create 5 static banners 20 PTS each 5 x 20 PTS = 100% http://www.radford.edu/sjennings15/coms226assignment8.htm Tutorials: http://www.etrainfree.com/itec226/banner/banner2014a.htm http://www.etrainfree.com/itec226/banner/banner2014b.htm http://www.etrainfree.com/itec226/banner/banner2014c.htm

"Working with .GIF Format and Transparency" "Correcting Over/Underexposure and Replacing Color"

Create five images with transparent backgrounds. You can create 5 PNG images or 5 GIF images or a combination of both. http://www.etrainfree.com/gifpng16/ (HTML5) http://www.etrainfree.com/gifpng16/story (SWF) Save to the Assignment 5 drop box folder. RUBRIC 5 Transparent Images (10 pts each): 50 pts Transparent (either GIF or PNG) (10 pts each): 50 PTS TOTAL: 100 PTS

Converting Image Formats

Objective: For this assignment we are going to cover various image formats, optimization, and convert image formats. Review the following image formats then play the image format game for practice: http://socialcompare.com/en/comparison/image-file-formats http://www.etrainfree.com/com/game/game.html(Shockwave) *Instructions: 1 Watch the following tutorial: http://www.etrainfree.com/covertimages16/ (HTML5) http://www.etrainfree.com/covertimages16/story (Shockwave) 2 Download the following images: Butterfly GIF Flower JPG http://www.etrainfree.com/flowers.tif Butterfly GIF Rose JPEG (TIFF File Link above) 3 Convert the Butterfly GIF to a JPEG. Upload both images/formats to Assignment 1 drop box. 4 Convert the Rose JPEG image to a PDF format. Upload both images/formats to Assignment 1 drop box. 5 Convert the TIFF image file to a PNG format. Upload both images/formats to Assignment 1 drop box. RUBRIC Rubric Points Convert GIF to JPG and Upload to D2L 30 pts Convert JPG to PDF and Upload to D2L 30 PTS Convert TIFF to PNG and Upload to D2L 30 PTS Upload both original and new images 10 PTS TOTAL 100 PTS

Working with multiple layer compositions

Objective: In this module you will create 3 collage images. *Instructions: 1 Watch the following module tutorial: http://www.etrainfree.com/selections16/ (HTML5 - 2016) http://www.etrainfree.com/selections16/story (Shockwave) 2 Download 3 - 5 images. Select one image (or 3 different images)to use as a background image and take at least one element from the other 2-4 images and create a collage. Name this image "image1" (it should be a JPEG bit it also can be a PNG or GIF). You can use any images that you like but the images must be your own (from Facebook, Photo bucket, etc.) or royalty free images. Also, images must be professional and appropriate. Here is a link to images (taken by Dr. Jennings) that are royalty free: http://www.radford.edu/~sjennings15/images.htm 3 Create 2 more collage images using the same process as above (and described in the tutorial). Name the second image "image2" and the third image "image3." 4 Finally, upload ALL of the images (including the originals) to the Assignment 3 drop box in D2L. RUBRIC Rubric Points Create collage image1 30 pts Create collage image2 30 PTS Create collage image3 30 PTS Upload both original and new images 10 PTS TOTAL 100 PTS Homework: http://www.pbs.org/ktca/americanphotography/

Image optimization and manipulation: cropping, straightening, resizing, and "downrezing" images.

Objective: In this module you will crop, straighten, and optimize 3 digital images. *Instructions: 1 Watch the following tutorial: http://www.etrainfree.com/crop16/ (HTML5 - 2016) http://www.etrainfree.com/crop16/story (Shockwave - 2016) 2 Download the following images: Crooked Tree (JPEG) http://www.radford.edu/~sjennings15/crookedtree.jpg Scanned Image (JPEG) http://www.radford.edu/~sjennings15/scanned.jpg Collage Image (JPEG) http://www.radford.edu/sjennings15/cropstraighten.jpg 3 Crop, straighten, and optimize each of the downloaded images using the tutorial above as a guide. Once you have completed the task upload both the original and the croped, straightened, and optimized images to drop box 2 in D2L. PART 2 (Homework): Complete the following module - Introduction to Visual Communication http://www.etrainfree.com/viscom1/ (HTML5 - 2016) http://www.etrainfree.com/viscom/story.html (Shockwave - 2016) Homework - Read the "Art" and "Photography of War" sections of the PBS American Photography Website: http://www.pbs.org/ktca/americanphotography/ (Website) RUBRIC Rubric Points Crop Straighten Crooked Tree Image and Upload to D2L 30 pts Crop Straighten collage image and Upload to D2L 30 PTS (10 pts each image) Crop scanned image and Upload to D2L 30 PTS Upload both original and new images 10 PTS TOTAL 100 PTS

Paint, Edit, and Heal

Using the practice photos on the website, create examples of image restoration (20 images total - including before and after images) using a combination of the paint, edit, or healing tools (one can be the "red eye" example image). Save all of the original images AND completed images as a .JPEG or PNG file to the D2L associated drop box (assignment 4 drop box) If you are not finished with an image that you are restoring or altering then save it as a .PSD file until you can finish it (or until you can show the professor if you need help, etc.). Step 1: First, download all of the following images to a folder on your desktop or jump drive: Red Eye Example 1 Dented red SUV Face Healing Tools old car Skin blemishes Old image 3 Old Image 1 Dented black car Old image 2 Healing Tools white car Step 2: Use the following tutorial to guide you through the steps on how to use each of the healing/restoration tools: http://www.etrainfree.com/restore16/ (HTML5) http://www.etrainfree.com/restore16/story (SWF) RUBRIC Rubric Points 10 restored images (9 pts each) 90 pts Upload both original and new images 10 PTS TOTAL 100 PTS Homework: http://www.pbs.org/ktca/americanphotography/

Image Format Game

http://www.etrainfree.com/com/game/game.html

WordPress Tutorial

http://www.etrainfree.com/coms226/wordpresstutorial/main.html

Visual Communication Theories

http://www.etrainfree.com/viscom1/

Magazine Cover Layout Example

http://www.radford.edu/sjennings15/coms226assignment10.htm