D1: Digital Images & Design
D1 Lingos
D1 Lingos
Digital Image File Formats
Digital image files can be saved in a number of different file formats, depending on the application that is creating the image file. Most Digital Image File Formats can be viewed across digital computing device formats. Examples are .jpg, .gif
Color
Simply refers to the capability of a digital image to have different colors in it. Sometimes a photo is evaluated on how many colors it can have as compared to what the real life image looked like. Color can also be enhanced or changed by digital image editing applications.
Sharpness
This is a description of how clear and detailed a digital image. If an image is blurry, the sharpness is low. If an image is clear and detailed, the image is high.
Resolution
The measurement of how many pixels can be put into a digital image, usually based on the file size allowed by the file format. Every digital image is made of very small dots that make up the picture. The more dots you have, the sharper and more colorful your digital image can be.
Image
For use in this Edtech concept, image refers to the main types of visible object files that we can have on a computer. The three main categories for images in this concept are digital photos, digital graphics, & 3D Models.
Digital Photo
Any image that is taken by a camera and stored digitally. They could come from a scanned photo, a stand alone digital camera or camera that is part of a digital computing device. These are images taken in real life, although they can be altered by digital image editing applications.
Graphic
A type of digital image that is drawn or created by an application and saved as a file. Also known as digital art, or digital drawing.
Dimensions
The height and width of a digital image. It is important to adjust the height and width proportionately when changing a digital image's size.
3D Modeling
A computer graphics term for drawing and designing in 3D. It is the process of drawing something with the 3rd dimension of depth added to the drawing, so the drawing appears to be more real than a flat drawing.
Scale
In design, this term refers to the concept of drawing things in proportion to other objects on the drawing so that there sizes compare to what they would look like in the real world.
Standard Unit of Measurement
This is a system of measurement commonly used in the US, and when measuring length we use inches, feet, yards, and miles.
Metric Unit of Measurement
This is a system of measurement by most countries outside the US which, when used for measuring length, is based on millimeters, centimeters, meters, kilometers.
Crop
Create your own definition!
Effect
Create your own definition!
Framing
Create your own definition!
Texture
Create your own definition!
Lightbox
Create your own definition!
Digital image files can be saved in a number of different file formats, depending on the application that is creating the image file. Most Digital Image File Formats can be viewed across digital computing device formats. Examples are .jpg, .gif
Color
Simply refers to the capability of a digital image to have different colors in it. Sometimes a photo is evaluated on how many colors it can have as compared to what the real life image looked like. Color can also be enhanced or changed by digital image editing applications.
Sharpness
This is a description of how clear and detailed a digital image. If an image is blurry, the sharpness is low. If an image is clear and detailed, the image is high.
Resolution
The measurement of how many pixels can be put into a digital image, usually based on the file size allowed by the file format. Every digital image is made of very small dots that make up the picture. The more dots you have, the sharper and more colorful your digital image can be.
Image
For use in this Edtech concept, image refers to the main types of visible object files that we can have on a computer. The three main categories for images in this concept are digital photos, digital graphics, & 3D Models.
Digital Photo
Any image that is taken by a camera and stored digitally. They could come from a scanned photo, a stand alone digital camera or camera that is part of a digital computing device. These are images taken in real life, although they can be altered by digital image editing applications.
Graphic
A type of digital image that is drawn or created by an application and saved as a file. Also known as digital art, or digital drawing.
Dimensions
The height and width of a digital image. It is important to adjust the height and width proportionately when changing a digital image's size.
3D Modeling
A computer graphics term for drawing and designing in 3D. It is the process of drawing something with the 3rd dimension of depth added to the drawing, so the drawing appears to be more real than a flat drawing.
Scale
In design, this term refers to the concept of drawing things in proportion to other objects on the drawing so that there sizes compare to what they would look like in the real world.
Standard Unit of Measurement
This is a system of measurement commonly used in the US, and when measuring length we use inches, feet, yards, and miles.
Metric Unit of Measurement
This is a system of measurement by most countries outside the US which, when used for measuring length, is based on millimeters, centimeters, meters, kilometers.
Crop
Create your own definition!
Effect
Create your own definition!
Framing
Create your own definition!
Texture
Create your own definition!
Lightbox
Create your own definition!
B3 Focus Skills & Questions (FSQs)
For D1 FSQs 1-11, please use the GCF Learn Free: Image Editting 101 resource. Note that there are several pages in this resource.
- Digital images are made up of tiny squares of specific colors called ________________.
- The Dimension of a digital image refers to the ________________ and ______________ of an image.
- When a digital image's width is greater than its height, it is considered to be _______________ orientation.
- When a digital image's height is greater than its width, it is considered to be _______________ orientation.
- What do we typically call the amount of detail, sharpness, and clarity a digital image has?
- When you take a small digital image and make it's dimensions larger, the image may become blurry and the image will seem blocky or _________________, which is a result of taking the small pixels and stretching them out.
- To take a digital image file and make it smaller is called ___________________.
- While compressing a digital image file will make it smaller and easier to manage, it will also have a _______________ effect to the digital image, which is a loss of file information from the compression process, which lowers the quality of the digital image.
- What makes a .gif digital image different from other digital images?
- Which digital image file type has the best image quality and resolution, mainly because it does not compress digital image files?
- A digital image file suffers __________________________ when the image is edited many times, and compressed to different formats.
For D1 FSQs 12-15, please use the BrainPop: Photography (History) resource. Be sure to watch the entire video.
12. Place the following inventions in order, from earliest to latest: A) Digital
camera; B) Brownie camera; C) Daguerrotype
13. What does every camera need in order to take pictures?
14. In a picture taken according to the "rule of thirds," the main subjects are often
positioned where in image?
15. Tim mentions that objects can be placed "in the foreground" to indicate setting.
What is the "foreground?"
camera; B) Brownie camera; C) Daguerrotype
13. What does every camera need in order to take pictures?
14. In a picture taken according to the "rule of thirds," the main subjects are often
positioned where in image?
15. Tim mentions that objects can be placed "in the foreground" to indicate setting.
What is the "foreground?"
For D1 FSQs 16-20, please use the BrainPop: Graphic Design resource. Be sure to watch the entire video.
16. What is the main purpose of graphic design?
17. What function did graphic design become a part of in the 19th & 20th Centuries
that made it so popular?
18. What type of graphic design began booming during the 1990s?
19. How is graphic design used in street signs?
20. What effect did the development of the personal computer have on
graphic design?
17. What function did graphic design become a part of in the 19th & 20th Centuries
that made it so popular?
18. What type of graphic design began booming during the 1990s?
19. How is graphic design used in street signs?
20. What effect did the development of the personal computer have on
graphic design?
D1 Tutorial Tools & Resouces
D1 Learning Activities
Digital Photo Editing Practice
Since this is Digital Images & Design, it is only fitting to talk about visuals! Take a look at the images below. They are the same image, but captured at different resolutions. Can you see a difference in the clarity and sharpness in the images? Can you see the blocky resolution of the first image? Add both of these images to your Resolution lingo slide.
One of the great features of technology today is the ability to edit images. Editing images can be used for all sorts of purposes. It is important to note that, just like all things we can do on a digital device, you are responsible for your choices. Taking pictures with your digital device and editing them can be done for good and appropriate reasons, and for mean or inappropriate reasons. Be sure you are making the right choice!
Below are some image editing software options for altering a digital image. Note that Apple iPhoto is on your workstation here in the KHMS lab, but the other options are websites. We will talk about them briefly in class, but the idea here is for you to explore the programs on your own! Use the high resolution image of the flower above to experiment with these resources:
- Apple Photos (on your workstation)
- befunky.com (Basic)
- picmonkey.com (Basic)
- aviary.com (Intermediate)
- pixlr.com Editor (Advanced)
Now that you have had a chance to look at these resources, lets take a look at some specific controls that we may find interesting, and that can have a positive effect on our images. Listed below are 4 controls or ways that an image can be edited. Of course, there are more controls available than these, but these are very common. Note also that these controls are in your Lingos list for D1, and that you need to create definitions for these lingos.
- Crop
- Effect
- Framing
- Texture
- Start by dragging and dropping the flower image onto your desktop.
- Open your photo editor program/website.
- Find the controls for uploading a picture. Follow the process for uploading a picture to the program/website. Select the flower image file from your desktop.
- Once the flower image is uploaded, look for the controls listed above in the program/website. Add a change from each of the 4 categories. You should have 4 changes total.
- Once your editing is complete, save what you created as an image on your Texture Lingo Slide. Make sure your image demonstrates your usage of the 4 editing controls we have talked about.
- Now take a moment to create definitions for crop, effect, framing, and texture on the slides you made for them in the Lingos section of D1 of your Digital Notebook. These definitions are to be in your own words, describing what you learned by trying these features out using the editing resources.
- When everything is complete, turn in a PDF of the 4 Lingo slides you created definitions for and the edited flower image which should be on the Texture Lingo into the D1 Level 3 activity in Google Classroom. Be sure to name it as follows: s2_ylnD1LVL3
D1 Performance Task
We will be learning how to make 3D Design Images using Tinkercad.
- Students will need to use their Google Student Account to log in to the Tinkercad.com website.
- Students need to go to the LEARN section of their Tinkercad page, and then click the "Browse All Projects" button under the Tinkercad Projects heading.
- In that section you will find a project called "Lets Learn Tinkercad!". This is the project you will need to complete.
- At the end of this project, you will construct a basic 3D design of a castle. When your castle is complete, you will turn a screenshot of it in to Google Classroom.
D1 Check for Understanding Assessment
Please take the B3 Quiz in Google Classroom. Remember, you need to score a 70% or better to show proficiency for this Learning Target.
Tech D1 Scoring Rubric
For D1 FSQs 21-30, please use the Tinkercad Basic Skills lessons in Tinkercad. As you work through the lessons, the answers to these FSQs will be answered.
Lesson 1
21. What are the 4 different camera controls in 3D Modeling?
22. True or False: You cannot put a 3D object in TinkerCad below the Workplane?
23. Name the 3 axes in 3D Modeling.
24. What is the point at which all 3 axes meet in 3D Modeling?
25. In 3D Modeling, what do we call changing an objects position (moving it)
without rotating the object or changing its size?
26. What is a Boolean Operation in 3D Design? Name the 2 different kinds and
what they mean.
27. To combine shapes in Boolean Addition, we have to ______________ them.
Lesson 3
28. What is nudging?
29. True or false: When rotating a shape in 3D Modeling, it will change its position
on the Workplane?
30. What does scaling mean in 3D Modeling?
21. What are the 4 different camera controls in 3D Modeling?
22. True or False: You cannot put a 3D object in TinkerCad below the Workplane?
23. Name the 3 axes in 3D Modeling.
24. What is the point at which all 3 axes meet in 3D Modeling?
25. In 3D Modeling, what do we call changing an objects position (moving it)
without rotating the object or changing its size?
26. What is a Boolean Operation in 3D Design? Name the 2 different kinds and
what they mean.
27. To combine shapes in Boolean Addition, we have to ______________ them.
Lesson 3
28. What is nudging?
29. True or false: When rotating a shape in 3D Modeling, it will change its position
on the Workplane?
30. What does scaling mean in 3D Modeling?