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.

Key Vocabulary:

Crop: removing part of the picture of an image

Banner: a heading across the page

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


Your teacher may choose PicMonkey, Fotoflexer, or another image editing software for the next few Quests. If your teacher wants you to use a different image editor, he/she will need to modify directions as needed for you.

1. PicMonkey allows you to jump right in and play around with photo editing. If you prefer to read a tutorial with images, hop over to this beginner page for PicMonkey instead. Fotoflexer does not require an account for advanced features and has lots of demos.

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 guide to cropping and placing images on the web to give you some ideas about sizes that are suited to publishing images on the web.

3. Follow the directions below to complete this Quest. Use this "10.Q2 Image Magic template" (Google doc, or Word ) to complete the activity below. Directions are also on the template.

  1. Using the image you selected in Quest 1 or another suitable, copyright-free image (perhaps from ), upload the image to PicMonkey or Fotoflexer. Make at least three enhancements to it and include a caption. Take an "after" screenshot.
    Bella before image                 Bella after image (fotoflexer cartoon effect)
  2. Place both screenshots in your template and include a list of the effects you applied to the photo.
  3. Generate a citation for the original image using EasyBib or another online citation generator. Make sure the citation stays with the original photo you selected.
  4. 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.
  5. Using the ORIGINAL image you started with, upload it again to PicMonkey. 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.
  6. 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 6 different ways to make banners; perhaps one will work for you.)

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  

ISTE and Common Core Standards

ISTE Standards•S

1. Empowered Learner
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

3. Knowledge Constructor
a. Plan and employ effective research strategies to locate information and other resources for their intellectual or creative pursuits
b. Evaluate the accuracy, perspective, credibility and relevance of information, media, data or other resources

4. Innovative Designer
a. Know and use a deliberate design process for generating ideas, testing theories, creating innovative artifacts or solving authentic problems

6. Creative Communicator
a. Choose the appropriate platforms and tools for meeting the desired objectives of their creation or communication

Common Core Standards

Gather relevant information from multiple print and digital sources, assess the credibility and accuracy of each source, and integrate the information while avoiding plagiarism.


Integrate and evaluate information presented in diverse media and formats, including visually, quantitatively, and orally.