digital images

Q2 Image Magic

10. Digital Images


In this Quest, you will learn how to edit digital images. By doing this, you can create original works as a means of personal expression to include in presentations and projects. You will learn how to do this using an online digital photo editor that allows you to do many things, including resize, crop, and add special effects to digital images.

I Can Statements

  • find, create and edit digital images
  • respect copyright and avoid plagiarism when selecting and using images
  • create a creative commons license for images I create

Key Vocabulary

Avatar: An avatar is an icon or figure representing a particular person in computer games, Internet forums, etc.

Banner: A banner is a heading across the page.

Crop: To crop is to remove a part of the picture of an image.

Editing software: Editing software provides the user with capabilities to alter, enhance, or add special effects to digital images

Play the interactive Quizlet Game: Direct Link


You will use a free image editing resource such as 

1. Most of these programs let you start editing for free without having to create an account login.

2.  Image sizes vary in web publishing depending on the use of the image. For example, different sizes are required for banners, profile pictures, logos, etc. Check out this Preparing Photos for the Web guide to crop and place images on the web to give you some ideas about sizes that are suited to publishing images on the web.

3. Follow the steps below to complete this Quest. Use this 10.Q2 Image Magic template to complete the activity below. Directions are also on the template.

a. Using the image you selected in Quest 1 or another suitable, copyright-free image (perhaps from Photos for Class), upload the image to the photo editor of your choice. Make at least three enhancements to it and include a caption. Take an after screenshot. (The images below were edited in iPiccy.)

Bella before image                 Bella after image (cartoon effect)
Closeup on Brown and black Rottweiler Face with nose and eyes, one ear showing       Closeup on Brown and black Rottweiler Face with nose and eyes, one ear showing with a comical distortion with pink and blue hues

b. Place both screenshots in your template and include a list of the effects you applied to the photo.

c. Generate a citation for the original image using Citation Machine or another online citation generator. Make sure the citation stays with the original photo you selected. EasyBib is another good resource.

d. Add a Creative Commons license to your work as you did in Quest 1. This time, put your own information in the license generator on the Creative Commons page. Add this license to your template.

e. Using the ORIGINAL image you started with, upload it again to iPiccy. Using the RESIZE button in the menu on the left, save the image in two different size formats: an avatar size (180 x 180 or 100 x 75) and a size for general web publishing (320 x 240). Paste them into your document.

f. Finally, select an image that has a section you want to use to create a banner to place in the last box on the template.  (Note that you may not be able to fit an entire photo on your banner; this will select a small horizontal section of your image). Place some text on this banner. (Wikihow shows six different ways to make banners; perhaps one will work for you.)

Learn about the rule of thirds and some apps that help you edit photos on your cellphone from this Smartphone Photography Training site.

Completing this Quest

Follow your teacher's instructions for turning in the assignment. 

Now that you understand how to do some simple image editing, you are going to move into a project that will involve finding images and using them to place in a Digital Self Portrait.

  Check off this Quest on the 21t4s roadmap 

   I am ready for the next Quest, Digital Self Portrait  

MITECS  Michigan Integrated Technology Competencies for Students, and

ISTE Standards for Students

1. Empowered Learner
c. Use technology to seek feedback that informs and improves their practice and to demonstrate their learning in a variety of ways
d. Understand the fundamental concepts of technology operations, demonstrate the ability to choose, use and troubleshoot current technologies, are able to transfer their knowledge to explore emerging technologies

2. Digital Citizen
c. Demonstrate an understanding of and respect for the rights and obligations of using and sharing intellectual property

6. Creative Communicator
a. Choose the appropriate platforms and tools for meeting the desired objectives of their creation or communication
b. Create original works or responsibly repurpose or remix digital resources into new creations.
c. Communicate complex ideas clearly and effectively by creating or using a variety of digital objects such as visualizations, models or simulations