Contents
Class Info
- Class Date: Thursday April 4
TOPIC
- Color and Typography
Complex background (image) and foreground (typography) relationship
Refer to QR PDF page 3 - InDesign: Grids and Art Placement
- Typography Selection (AGAIN: find typefaces that are not on your computer)
OUTCOMES
- Understand the relationship between complex background imagery and legible typography.
- Understand how to improve legibility
- Learn how to work with more complex grid for type and art placement.
Participation Activity During Class
How to place art in InDesign?
We did this as Part of Project 1 already, but let’s revisit and go into further detail.
Save InDesign File/ Export PDF
lastname_TC_art_placement.pdf
Once Completed place in Dropbox.
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/Screen-Shot-2023-04-18-at-8.28.33-AM-419x1024.png)
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/Screen-Shot-2023-04-18-at-10.18.44-AM-1024x463.png)
You can use this jpeg:
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/tulip_giuliani_april18-1024x768.jpg)
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/Screen-Shot-2023-04-18-at-1.55.55-PM-1024x382.png)
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/Screen-Shot-2023-04-18-at-1.49.08-PM-1024x993.png)
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/Screen-Shot-2023-04-18-at-1.51.07-PM-1024x449.png)
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/Screen-Shot-2023-04-18-at-1.57.34-PM-1024x375.png)
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/Screen-Shot-2023-04-18-at-10.35.46-AM.png)
Assignment: Start in Class
This is a stand alone assignment and will have its own grade. Not part of a project.
- Create a new InDesign Document
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-d038-sp22/files/2020/11/newdocument_color_placement-502x1024.png)
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-d038-sp22/files/2020/11/color_document_before-guides-1024x838.png)
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-d038-sp22/files/2020/11/create_guides_for_color.png)
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-d038-sp22/files/2020/11/color_placement-1024x684.png)
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/Screen-Shot-2023-04-18-at-10.12.27-AM-1024x1021.png)
- Textures and Color
- Place textures (one per each square) These squares were created by grid.
- Choose 4 words (thing/concept) that each of your image makes you think about: For example below I am using OIL SPILL
- Think about the image itself and how the word could be designed to represent it. WORD must be legible
- Place these words over your texture (one word or thing per texture)
- IMPORTANT: This is a typography class. Think of typeface (Go to Adobe Fonts), variations of type style, size, case, word spacing, placement, meaning, color and contrast.
- Ways of Improving Legibility (part 1)
- Do not use colors from the default palette (CMY and RGB). Instead use colors that will work well with the image.
- COLOR CONTINUITY: Consider using colors that relate to the actual image, rather than the default colors from InDesign
HOW and WHY to get actual colors from a photograph and place them in the swatch panel
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-d038-sp22/files/2022/04/Screen-Shot-2022-04-01-at-8.56.18-AM-1-1024x815.png)
- Go to Window: color > swatches
- COLOR THEME TOOL
On the toolbox> go to the EYE dropper tool and switch it to the COLOR THEME tool - Click over the image with the COLOR THEME tool. You will see a strip of colors (and variation under the little arrow right next to it).
- Select the following icon to ADD this THEME to SWATCHES
- Finally you will see your colors on the swatch panel and you can use them to make a more cohesive design and relate the typography color to the image.
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-d038-sp22/files/2022/04/Screen-Shot-2022-04-01-at-9.05.23-AM-1017x1024.png)
Do this for all 4 images with 4 different words.
Here are some examples done by your peers (past semesters)
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/s_sanchez_color_words.png)
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/d_flores_color_word.png)
Notice the softer color palette and type choices (light/ condensed) as these relate to image
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/J_quito_color_words.png)
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/b_yang_color_words.png)
Notice the stronger color palette and type choices(bold / case etc.) as these relate to image
![](https://openlab.citytech.cuny.edu/giuliani-comd1127-spring23/files/2023/04/Screen-Shot-2023-04-18-at-10.12.51-AM-1019x1024.png)
Here are my completed examples. These are only so you can see a variety of solutions. Your work should not resemble these.
Assignment
Complete all 4 words
Save Indesign File
Export Page as a PDF
Last name_type_textures_1.pdf
Place in Dropbox
__________________________________________________________________________________________
Graphic Assignments are always due the day before class at 11:30 pm, and must be placed in class drive (COMD1127 DROP BOX link) unless indicated otherwise. Assignments uploaded during class on the day that they are due are marked as late.
Participation Activities (Scavenger Hunts, Type Talks and Type Challenges) are due during class or the day before class at 11:30 pm if indicated by the instructor.
Leave a Reply