TEC-DIGI47-01 · Lesson 3 · 18 clock hours · practice
Trade Math II: Aspect Ratio, Scale, Color Percentages, and Cost Estimation
Objective. Students will calculate aspect ratios for resizing artwork without distortion, apply percentage-based color-build values (CMYK) to achieve a target swatch, and construct a basic job-cost estimate covering materials, time, and markup for a small print project.
⚠ Pending professional review
This lesson, its worked examples and its practice questions has not yet been verified by an industry-certified professional or by a certification or approval body. It is a study draft and may contain errors. Do not use it as instructions for work on a job site or on live equipment. Always follow your instructor, your supervising professional, and current official references and regulations.
VoTechWorks program approval and accreditation are still in progress. Credentials are issued only by the certifying bodies named in each program, after their own exams.
Why Trade Math Matters in Graphic & Digital Media
Every professional in this field works with numbers daily — resizing artwork, specifying ink percentages, and quoting jobs for clients. Mistakes in any of these areas cost real money: a distorted image on a trade-show banner, an off-color logo on a printed brochure, or an underpriced job that wipes out profit. This lesson builds three practical math skills you will use from your first day on the job.
---
Aspect Ratio: Resizing Without Distortion
An aspect ratio is the proportional relationship between the width and height of an image or canvas. It is expressed as width ÷ height or as a ratio such as 4:3 or 16:9.
When you resize artwork, you must keep the width and height proportional to avoid stretching or squishing the image. The rule is simple:
Original Width ÷ Original Height = New Width ÷ New Height
Rearranged to find a missing dimension:
- Missing new height = (New Width × Original Height) ÷ Original Width
- Missing new width = (New Height × Original Width) ÷ Original Height
Always calculate before you resize. In Adobe Photoshop, the chain-link icon in the Image Size dialog constrains proportions automatically — but only if you turn it on. Relying on software without checking the math first is a common source of errors.
Safety note: When working at a computer for extended periods, follow ergonomic best practices — monitor at eye level, wrists neutral, and take short breaks to reduce repetitive-strain risk. There are no chemical or electrical hazards unique to this lesson, but electrical cords near workstations should be routed safely to prevent tripping.
---
CMYK Color Percentages
Print color is built from four ink components: Cyan (C), Magenta (M), Yellow (Y), and Black (K). Each component is specified as a percentage from 0% (none) to 100% (full saturation). The combination of these four values produces the target color when printed.
For example, a warm red might be C:0 M:90 Y:85 K:0, while a rich black often used in print backgrounds is approximately C:60 M:40 Y:40 K:100.
Key points to understand:
- On-screen colors are RGB (Red, Green, Blue light). Your monitor cannot display every CMYK color accurately because the color spaces are different. This is called gamut difference.
- Pantone provides standardized spot-color references. When a Pantone color must be reproduced in process CMYK printing, a Pantone-to-CMYK conversion guide gives the closest four-color equivalent. These conversions are approximations — a physical proof is always more reliable than a screen preview.
- In Adobe Illustrator, open the Color panel (Window > Color), set the model to CMYK, and type in the percentage values. The on-screen swatch gives a preview, but always compare against a printed reference card for accuracy.
---
Building a Job-Cost Estimate
A professional print estimate has four components:
1. Design time: Hours worked × hourly rate
2. Print/vendor cost: Cost per unit × quantity
3. Materials and extras: Paper, finishing, shipping, etc.
4. Markup: A percentage added on top of your costs to cover overhead and generate profit
The formula for a line item with markup is:
Billed Amount = Cost × (1 + Markup Rate)
For example, if your print vendor charges $0.18 per postcard and your markup is 20%, you bill the client:
$0.18 × 1.20 = $0.216 per postcard, or roughly $0.22 rounded.
For 500 postcards that is $0.22 × 500 = $110.00 billed to the client for printing alone.
Spreadsheet discipline is critical. Every number in the estimate should come from a formula referencing input cells — never type a calculated result by hand. This prevents arithmetic errors and makes it easy to update if quantities change. Label every row clearly and include a subtotal and a grand total.
Presenting your estimate: Be prepared to explain every line. Clients and supervisors will ask why markup is set at a given rate or why design hours are estimated the way they are. Clear, defensible math is a professional skill.
---
Connecting These Skills
All three areas — aspect ratio, color percentages, and cost estimation — appear in real production workflows. A typical print job might require you to resize supplied artwork to the correct bleed dimensions without distortion, match a client's brand color as closely as possible in CMYK, and quote the job accurately before it goes to press. Mastering these calculations now means fewer costly mistakes in the field and stronger credibility when you sit for the Adobe Certified Professional credential exam.
Key terms8
Aspect ratioThe proportional relationship between the width and height of an image, expressed as width divided by height or as a ratio (e.g., 16:9); maintaining it prevents distortion when resizing.
CMYKA four-channel subtractive color model used in print: Cyan, Magenta, Yellow, and Black, each specified as a percentage from 0% to 100%.
Color gamutThe complete range of colors a device or color model can reproduce; RGB monitors and CMYK printing have different gamuts, so some on-screen colors cannot be exactly matched in print.
PantoneA standardized color-matching system widely used in print; Pantone colors have defined CMYK equivalents that serve as the closest process-printing approximation to the original spot color.
MarkupA percentage added to the base cost of goods or services to cover overhead and generate profit; calculated as Cost × (1 + Markup Rate).
Constrain proportionsA setting in image-editing software (such as Photoshop's chain-link icon in Image Size) that automatically maintains the original aspect ratio when one dimension is changed.
Process colorPrinting that uses the four CMYK inks in combination to simulate a broad range of colors, as opposed to spot color, which uses a pre-mixed single ink.
Line-item estimateA cost breakdown that lists each component of a job — design time, printing, materials, markup — separately so the total can be verified and updated easily.
Worked examples4
1. An original image is 1200 px wide × 900 px tall. A designer resizes it to 800 px wide. What height maintains the correct aspect ratio?
- Find the original aspect ratio: 1200 ÷ 900 = 1.3333 (repeating).
- Set up the proportion: 1200 / 900 = 800 / New Height.
- Solve for New Height: New Height = (800 × 900) ÷ 1200.
- Calculate: 800 × 900 = 720,000; 720,000 ÷ 1200 = 600.
Answer: The correct new height is 600 px. The resized image is 800 × 600 px.
2. A designer needs to reproduce a warm red in CMYK. The Pantone-to-CMYK reference card shows C:0 M:90 Y:85 K:0. If the client asks for the cyan channel to be increased to 10% to cool the red slightly, what are the new four percentage values?
- Start with the reference values: C:0, M:90, Y:85, K:0.
- The client requests C increased to 10%; all other channels stay the same.
- New values: C:10, M:90, Y:85, K:0.
- Confirm the values total to a reasonable sum: 10 + 90 + 85 + 0 = 185% total ink (well within typical print limits for uncoated stock, which are often around 240–300% depending on press specifications).
Answer: C:10, M:90, Y:85, K:0.
3. A job-cost estimate for 500 two-sided full-color postcards includes: 4 design hours at $55/hr; print vendor cost of $0.20 per postcard (both sides included); and a flat materials fee of $15. The studio applies a 25% markup to all vendor and materials costs but does not mark up design time. What is the total billed to the client?
- Design cost (no markup): 4 hours × $55 = $220.00.
- Print vendor cost before markup: 500 × $0.20 = $100.00.
- Materials before markup: $15.00.
- Combined vendor + materials before markup: $100.00 + $15.00 = $115.00.
- Apply 25% markup to vendor + materials: $115.00 × 1.25 = $143.75.
- Grand total: $220.00 (design) + $143.75 (marked-up costs) = $363.75.
Answer: The total billed to the client is $363.75.
4. A designer proposes resizing a logo from 4 in × 2.5 in to 10 in × 7 in for a banner. Does this resize maintain the original aspect ratio? If not, what is the correct height for a 10-inch-wide version?
- Calculate the original aspect ratio: 4 ÷ 2.5 = 1.6.
- Calculate the proposed new ratio: 10 ÷ 7 ≈ 1.4286.
- 1.6 ≠ 1.4286, so the proposed resize does NOT maintain the aspect ratio — the image would appear taller and compressed.
- Find the correct height for a 10-inch-wide version: New Height = (10 × 2.5) ÷ 4 = 25 ÷ 4 = 6.25 in.
Answer: The resize does not maintain the aspect ratio. The correct dimensions are 10 in × 6.25 in.
The math in this lesson2
Learners solve 1200/900 = 800/h to resize an image to 800 x 600 px without distortion.
7.RP.27.RP.3
In class: Given a set of six original image dimensions and six target dimensions, calculate whether a resize maintains the original aspect ratio and, where it does not, determine the corrected dimension; check answers by physically resizing images in Adobe Photoshop and comparing the result to the mathematical prediction. · Use a printed CMYK color-reference exercise to mix four target colors by specifying the correct percentage values of Cyan, Magenta, Yellow, and Black; enter values into Adobe Illustrator's color panel and compare on-screen swatches to instructor-provided printed Pantone-to-CMYK reference cards, discussing why on-screen and printed results can differ. · Working from a fictional client scenario (500 postcards, two-sided, full color), build a job-cost estimate spreadsheet in Google Sheets or Microsoft Excel that accounts for design hours at a given rate, print vendor cost per unit, materials, and a standard markup percentage; present the estimate to the class and defend the math.
Materials: Instructor-prepared aspect-ratio worksheet; Adobe Photoshop and Adobe Illustrator (school licenses); printed CMYK reference swatch exercise; Pantone-to-CMYK reference cards (instructor-sourced from publicly available Pantone documentation or equivalent); Google Sheets or Microsoft Excel; fictional client brief (instructor-prepared).
Check: Score ≥ 80% on the combined Trade Math II worksheet (aspect ratio and color-percentage section, 20 questions); cost-estimate spreadsheet must be arithmetically correct (instructor checks all formulas) and include all required line items; errors in formulas require correction before a passing mark is awarded.
Practice check8
Answer each question, then check it. Nothing is recorded; this is your own practice.
Record this lesson on my transcript. Sign in with your key and enrollment email to record lessons (enroll free if you have no key). This page stays open to read and practise.