Category Archives: Type Scavenger Hunt

Type Scavenger Hunt – Type in Motion

Overview

Throughout  the semester  students will look for various typographic topics principles, techniques, post images and respond to assignment questions and and assessments from images selected.

Learning Outcomes

  • Students will reinforce typographic principles

Instructions

Find image examples below, upload into your post gallery and comment

Type in Motion

  • One example of Type in Motion

1. Week 1 – Create a post on OpenLab class site named “LastName_First Name  Type Scavenger Hunt”

2. Give it categories “Student Post Type Scavenger Hunt”

3. Upload and images into your media library for each hunt activity name them “LastName Firstname_TSH..”

4. Insert a gallery into your post.
You will use the SAME POST for the semester just add new gallery for every activity

 Create a Gallery In A Post
https://openlab.citytech.cuny.edu/blog/help/adding-an-image-gallery/
5. Respond to questions or comment in assignment post

Due Date

  • Due as indicated.



Post Example

https://openlab.citytech.cuny.edu/comd1127-type-media-ol39-f20/2020/07/31/ln_fn-type-scavenge-hunt/

How to create an image for web usage
https://helpx.adobe.com/photoshop-elements/using/optimizing-images-jpeg-format.html
Optimize a JPEG JPEG is the standard format for compressing photographs.
• Open an image and choose File > Save For Web.
• Choose JPEG from the optimization format menu.
• Specify the compression level:Choose  quality option medium from the pop‑up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
• View the optimized image at several quality settings to determine the best balance between quality and file size.
• Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
• To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

How to add images to OpenLab

From your mobile device
“Image Size” app Google Play https://play.google.com/store/apps/details?id=de.vsmedia.imagesize&hl=en_US  
“Image Size”  IOS App Store  https://apps.apple.com/us/app/image-size/id670766542  

Resize Images in OpenLab
Most digital cameras and  phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need
https://openlab.citytech.cuny.edu/openroad/image-resizing/




 

Type Scavenger Hunt – Warped Text

Overview

Throughout  the semester  students will look for various typographic topics principles, techniques, post images and respond to assignment questions and and assessments from images selected.

Learning Outcomes

  • Students will reinforce typographic principles

Instructions

Find image examples below, upload into your post gallery and comment

Warped Text

  • One example WARPED TEXT

1. Week 1 – Create a post on OpenLab class site named “LastName_First Name  Type Scavenger Hunt”

2. Give it categories “Student Post Type Scavenger Hunt” “Type Scavenger Hunt

3. Upload and images into your media library for each hunt activity name them “LastName Firstname_TSH..”

4. Insert a gallery into your post.
You will use the SAME POST for the semester just add new gallery for every activity

 Create a Gallery In A Post
https://openlab.citytech.cuny.edu/blog/help/adding-an-image-gallery/
5. Respond to questions or comment in assignment post

Due Date

  • Due as indicated.



Post Example

https://openlab.citytech.cuny.edu/comd1127-type-media-ol39-f20/2020/07/31/ln_fn-type-scavenge-hunt/

How to create an image for web usage
https://helpx.adobe.com/photoshop-elements/using/optimizing-images-jpeg-format.html
Optimize a JPEG JPEG is the standard format for compressing photographs.
• Open an image and choose File > Save For Web.
• Choose JPEG from the optimization format menu.
• Specify the compression level:Choose  quality option medium from the pop‑up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
• View the optimized image at several quality settings to determine the best balance between quality and file size.
• Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
• To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

How to add images to OpenLab

From your mobile device
“Image Size” app Google Play https://play.google.com/store/apps/details?id=de.vsmedia.imagesize&hl=en_US  
“Image Size”  IOS App Store  https://apps.apple.com/us/app/image-size/id670766542  

Resize Images in OpenLab
Most digital cameras and  phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need
https://openlab.citytech.cuny.edu/openroad/image-resizing/




 

Type Scavenger Hunt – Path

Overview

Throughout  the semester  students will look for various typographic topics principles, techniques, post images and respond to assignment questions and and assessments from images selected.

Learning Outcomes

  • Students will reinforce typographic principles

Instructions

Find image examples below, upload into your post gallery and comment

Path

  • One examples of type on a path (any but horizontal) Curved, circular, vertical.
  • One example of Lettering used in packaging

1. Week 1 – Create a post on OpenLab class site named “LastName_First Name  Type Scavenger Hunt”

2. Give it categories “Student Post Type Scavenger Hunt” “Type Scavenger Hunt

3. Upload and images into your media library for each hunt activity name them “LastName Firstname_TSH..”

4. Insert a gallery into your post.
You will use the SAME POST for the semester just add new gallery for every activity

 Create a Gallery In A Post
https://openlab.citytech.cuny.edu/blog/help/adding-an-image-gallery/
5. Respond to questions or comment in assignment post

Due Date

  • Due as indicated.



Post Example

https://openlab.citytech.cuny.edu/comd1127-type-media-ol39-f20/2020/07/31/ln_fn-type-scavenge-hunt/

How to create an image for web usage
https://helpx.adobe.com/photoshop-elements/using/optimizing-images-jpeg-format.html
Optimize a JPEG JPEG is the standard format for compressing photographs.
• Open an image and choose File > Save For Web.
• Choose JPEG from the optimization format menu.
• Specify the compression level:Choose  quality option medium from the pop‑up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
• View the optimized image at several quality settings to determine the best balance between quality and file size.
• Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
• To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

How to add images to OpenLab

From your mobile device
“Image Size” app Google Play https://play.google.com/store/apps/details?id=de.vsmedia.imagesize&hl=en_US  
“Image Size”  IOS App Store  https://apps.apple.com/us/app/image-size/id670766542  

Resize Images in OpenLab
Most digital cameras and  phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need
https://openlab.citytech.cuny.edu/openroad/image-resizing/




 

Type Scavenger Hunt – Leading/ Tracking

Overview

Throughout  the semester  students will look for various typographic topics principles, techniques, post images and respond to assignment questions and and assessments from images selected.

Learning Outcomes

  • Students will reinforce typographic principles

Instructions

Find image examples below, upload into your post gallery and comment

Leading/ Tracking

  • One example of tight leading (line space)
  • One example of loose leading (line space)
  • One example of loose tracking (word space)

1. Week 1 – Create a post on OpenLab class site named “LastName_First Name  Type Scavenger Hunt”

2. Give it categories “Student Post Type Scavenger Hunt” “Type Scavenger Hunt

3. Upload and images into your media library for each hunt activity name them “LastName Firstname_TSH..”

4. Insert a gallery into your post.
You will use the SAME POST for the semester just add new gallery for every activity

 Create a Gallery In A Post
https://openlab.citytech.cuny.edu/blog/help/adding-an-image-gallery/
5. Respond to questions or comment in assignment post

Due Date

  • Due as indicated.



Post Example

https://openlab.citytech.cuny.edu/comd1127-type-media-ol39-f20/2020/07/31/ln_fn-type-scavenge-hunt/

How to create an image for web usage
https://helpx.adobe.com/photoshop-elements/using/optimizing-images-jpeg-format.html
Optimize a JPEG JPEG is the standard format for compressing photographs.
• Open an image and choose File > Save For Web.
• Choose JPEG from the optimization format menu.
• Specify the compression level:Choose  quality option medium from the pop‑up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
• View the optimized image at several quality settings to determine the best balance between quality and file size.
• Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
• To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

How to add images to OpenLab

From your mobile device
“Image Size” app Google Play https://play.google.com/store/apps/details?id=de.vsmedia.imagesize&hl=en_US  
“Image Size”  IOS App Store  https://apps.apple.com/us/app/image-size/id670766542  

Resize Images in OpenLab
Most digital cameras and  phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need
https://openlab.citytech.cuny.edu/openroad/image-resizing/




 

Type Scavenger Hunt – Alignment

Overview

Throughout  the semester  students will look for various typographic topics principles, techniques, post images and respond to assignment questions and and assessments from images selected.

Learning Outcomes

  • Students will reinforce typographic principles

Instructions

Find image examples below, upload into your post gallery and comment

Alignment

  • One example of FL alignment
  • One example of FR alignment
  • One example of centered alignment
  • One example of justified alignment
  • One example of forced justification

1. Week 1 – Create a post on OpenLab class site named “LastName_First Name  Type Scavenger Hunt”

2. Give it categories “Student Post Type Scavenger Hunt” “Type Scavenger Hunt

3. Upload and images into your media library for each hunt activity name them “LastName Firstname_TSH..”

4. Insert a gallery into your post.
You will use the SAME POST for the semester just add new gallery for every activity

 Create a Gallery In A Post
https://openlab.citytech.cuny.edu/blog/help/adding-an-image-gallery/
5. Respond to questions or comment in assignment post

Due Date

  • Due as indicated.



Post Example

https://openlab.citytech.cuny.edu/comd1127-type-media-ol39-f20/2020/07/31/ln_fn-type-scavenge-hunt/

How to create an image for web usage
https://helpx.adobe.com/photoshop-elements/using/optimizing-images-jpeg-format.html
Optimize a JPEG JPEG is the standard format for compressing photographs.
• Open an image and choose File > Save For Web.
• Choose JPEG from the optimization format menu.
• Specify the compression level:Choose  quality option medium from the pop‑up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
• View the optimized image at several quality settings to determine the best balance between quality and file size.
• Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
• To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

How to add images to OpenLab

From your mobile device
“Image Size” app Google Play https://play.google.com/store/apps/details?id=de.vsmedia.imagesize&hl=en_US  
“Image Size”  IOS App Store  https://apps.apple.com/us/app/image-size/id670766542  

Resize Images in OpenLab
Most digital cameras and  phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need
https://openlab.citytech.cuny.edu/openroad/image-resizing/




 

Type Scavenger Hunt – Variations 2

Overview

Throughout  the semester  students will look for various typographic topics principles, techniques, post images and respond to assignment questions and and assessments from images selected.

Learning Outcomes

  • Students will reinforce typographic principles

Instructions

Find image examples below, upload into your post gallery and comment

Variations 2

  • Any word (or letter) with extreme high contrast
  • Any word (or letter) with extreme no or low contrast

1. Week 1 – Create a post on OpenLab class site named “LastName_First Name  Type Scavenger Hunt”

2. Give it categories “Student Post Type Scavenger Hunt” “Type Scavenger Hunt

3. Upload and images into your media library for each hunt activity name them “LastName Firstname_TSH..”

4. Insert a gallery into your post.
You will use the SAME POST for the semester just add new gallery for every activity

 Create a Gallery In A Post
https://openlab.citytech.cuny.edu/blog/help/adding-an-image-gallery/
5. Respond to questions or comment in assignment post

Due Date

  • Due as indicated.



Post Example

https://openlab.citytech.cuny.edu/comd1127-type-media-ol39-f20/2020/07/31/ln_fn-type-scavenge-hunt/

How to create an image for web usage
https://helpx.adobe.com/photoshop-elements/using/optimizing-images-jpeg-format.html
Optimize a JPEG JPEG is the standard format for compressing photographs.
• Open an image and choose File > Save For Web.
• Choose JPEG from the optimization format menu.
• Specify the compression level:Choose  quality option medium from the pop‑up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
• View the optimized image at several quality settings to determine the best balance between quality and file size.
• Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
• To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

How to add images to OpenLab

From your mobile device
“Image Size” app Google Play https://play.google.com/store/apps/details?id=de.vsmedia.imagesize&hl=en_US  
“Image Size”  IOS App Store  https://apps.apple.com/us/app/image-size/id670766542  

Resize Images in OpenLab
Most digital cameras and  phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need
https://openlab.citytech.cuny.edu/openroad/image-resizing/




 

Type Scavenger Hunt – Variations

Overview

Throughout  the semester  students will look for various typographic topics principles, techniques, post images and respond to assignment questions and and assessments from images selected.

Learning Outcomes

  • Students will reinforce typographic principles

Instructions

Find image examples below, upload into your post gallery and comment

Variations

  • One example Bold text next to regular text
  • One example Condensed Typeface in use 
  • One example Italic text next to regular text

1. Week 1 – Create a post on OpenLab class site named “LastName_First Name  Type Scavenger Hunt”

2. Give It category: “Type Scav

2. Give it categories “Student Post Type Scavenger Hunt” “Type Scavenger Hunt

enger Hunt

3. Upload and images into your media library for each hunt activity name them “LastName Firstname_TSH..”

4. Insert a gallery into your post.
You will use the SAME POST for the semester just add new gallery for every activity

 Create a Gallery In A Post
https://openlab.citytech.cuny.edu/blog/help/adding-an-image-gallery/
5. Respond to questions or comment in assignment post

Due Date

  • Due as indicated.



Post Example

https://openlab.citytech.cuny.edu/comd1127-type-media-ol39-f20/2020/07/31/ln_fn-type-scavenge-hunt/

How to create an image for web usage
https://helpx.adobe.com/photoshop-elements/using/optimizing-images-jpeg-format.html
Optimize a JPEG JPEG is the standard format for compressing photographs.
• Open an image and choose File > Save For Web.
• Choose JPEG from the optimization format menu.
• Specify the compression level:Choose  quality option medium from the pop‑up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
• View the optimized image at several quality settings to determine the best balance between quality and file size.
• Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
• To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

How to add images to OpenLab

From your mobile device
“Image Size” app Google Play https://play.google.com/store/apps/details?id=de.vsmedia.imagesize&hl=en_US  
“Image Size”  IOS App Store  https://apps.apple.com/us/app/image-size/id670766542  

Resize Images in OpenLab
Most digital cameras and  phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need
https://openlab.citytech.cuny.edu/openroad/image-resizing/




 

Type Scavenger Hunt – Text Wrap

Overview

Throughout  the semester  students will look for various typographic topics principles, techniques, post images and respond to assignment questions and and assessments from images selected.

Learning Outcomes

  • Students will reinforce typographic principles

Instructions

Find image examples below, upload into your post gallery and comment

Text Wrap

  • One example of Text Wrap (text and image or text and text)

1. Week 1 – Create a post on OpenLab class site named “LastName_First Name  Type Scavenger Hunt”

2. Give It category: “Type Scave

2. Give it categories “Student Post Type Scavenger Hunt” “Type Scavenger Hunt

3. Upload and images into your media library for each hunt activity name them “LastName Firstname_TSH..”

4. Insert a gallery into your post.
You will use the SAME POST for the semester just add new gallery for every activity

 Create a Gallery In A Post
https://openlab.citytech.cuny.edu/blog/help/adding-an-image-gallery/
5. Respond to questions or comment in assignment post

Due Date

  • Due as indicated.



Post Example

https://openlab.citytech.cuny.edu/comd1127-type-media-ol39-f20/2020/07/31/ln_fn-type-scavenge-hunt/

How to create an image for web usage
https://helpx.adobe.com/photoshop-elements/using/optimizing-images-jpeg-format.html
Optimize a JPEG JPEG is the standard format for compressing photographs.
• Open an image and choose File > Save For Web.
• Choose JPEG from the optimization format menu.
• Specify the compression level:Choose  quality option medium from the pop‑up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
• View the optimized image at several quality settings to determine the best balance between quality and file size.
• Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
• To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

How to add images to OpenLab

From your mobile device
“Image Size” app Google Play https://play.google.com/store/apps/details?id=de.vsmedia.imagesize&hl=en_US  
“Image Size”  IOS App Store  https://apps.apple.com/us/app/image-size/id670766542  

Resize Images in OpenLab
Most digital cameras and  phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need
https://openlab.citytech.cuny.edu/openroad/image-resizing/




 

Type Scavenger Hunt – Color/Type

Overview

Throughout  the semester  students will look for various typographic topics principles, techniques, post images and respond to assignment questions and and assessments from images selected.

Learning Outcomes

  • Students will reinforce typographic principlea

Instructions

Find image examples below, upload into your post gallery and comment

Color and Type

  • One example of problematic color and type (foreground and background relationship). For example a busy background and text over it or light type on a light background

1. Week 1 – Create a post on OpenLab class site named “LastName_First Name  Type Scavenger Hunt”

2. Give it categories “Student Post Type Scavenger Hunt” “Type Scavenger Hunt

3. Upload and images into your media library for each hunt activity name them “LastName Firstname_TSH..”

4. Insert a gallery into your post.
You will use the SAME POST for the semester just add new gallery for every activity

 Create a Gallery In A Post
https://openlab.citytech.cuny.edu/blog/help/adding-an-image-gallery/
5. Respond to questions or comment in assignment post

Due Date

  • Due as indicated.



Post Example

https://openlab.citytech.cuny.edu/comd1127-type-media-ol39-f20/2020/07/31/ln_fn-type-scavenge-hunt/

How to create an image for web usage
https://helpx.adobe.com/photoshop-elements/using/optimizing-images-jpeg-format.html
Optimize a JPEG JPEG is the standard format for compressing photographs.
• Open an image and choose File > Save For Web.
• Choose JPEG from the optimization format menu.
• Specify the compression level:Choose  quality option medium from the pop‑up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
• View the optimized image at several quality settings to determine the best balance between quality and file size.
• Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
• To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

How to add images to OpenLab

From your mobile device
“Image Size” app Google Play https://play.google.com/store/apps/details?id=de.vsmedia.imagesize&hl=en_US  
“Image Size”  IOS App Store  https://apps.apple.com/us/app/image-size/id670766542  

Resize Images in OpenLab
Most digital cameras and  phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need
https://openlab.citytech.cuny.edu/openroad/image-resizing/