Photoshop · advertisement design

Truck Ad.

Create a rugged truck advertisement using a posterized environment, protected product detail, aged paper texture, a bull metaphor and halftone typography. This rebuilt version removes repeated tool explanations and separates source instructions, documented modernizations and classroom adaptations.

16 meaningful stepsNo watermarked starter assetsObs / Con / Pro evidenceComm Tech 11 + Multimedia 12
Industry connection

This is not just a Photoshop effect. It is advertising design.

Real-world parallel: Ford F-150 campaign

A 2008 F-150 campaign developed by JWT/Team Detroit with design studio Offspring combined live-action truck footage, rugged natural environments, graphic type and visual ideas tied to the advertising copy. The creative team described the goal as making a graphically driven ad feel grounded in the rugged terrain that appealed to the target audience.

View the industry case study

Reference only. This classroom project is not a replica of, or endorsement by, Ford.

The professional problem

Client: fictional truck brand

Audience: people who value durability, work capability and outdoor/rugged identity

Message: this truck is strong, dependable and built for demanding environments

Design question: How can image, type, colour, texture and metaphor make that promise feel believable before the audience reads every word?

Graphic design lens

Before touching the software, notice what the design is doing.

Hierarchy

The truck should read first, the headline second, and the bull/texture/secondary copy as supporting information.

Contrast

Light product detail against a darker textured scene creates focal emphasis and readability.

Alignment

Type blocks line up to shared guides instead of being positioned by guesswork.

Proximity

Related words stay visually grouped so the message is easier to scan.

Colour

A limited earthy palette supports a rugged tone. Accent colour is used intentionally rather than everywhere.

Typography

Bold, compact type communicates strength and creates a visual rhythm that complements the truck.

Visual metaphor

The bull is not decoration: it reinforces the idea of strength. Later projects will ask you to invent metaphors for a specific client and demographic.

Repetition

Repeated halftone, texture and type treatment makes separate parts feel like one campaign language.

Audience

Design choices are judged by whether they support the intended message and audience, not simply whether they look "cool."

Bootcamp connection: Contrast, hierarchy, alignment, proximity, repetition, colour and typography are foundational design principles. In later client/branding projects, these same principles will be used to influence a specific demographic and support a deliberate brand voice.
Course configuration

One project, two evidence standards.

Communications Technology 11

Primary: 4.4 - communicate a message by manipulating images and words digitally.

Supporting: 4.1 design principles, 4.2 colour, 4.3 typography, 4.5 web-image output, 1.4 audience/purpose.

Expectation: clean construction, clear message and increasing independence with foundational skills.

Multimedia 12

Primary: 1.1 image/text manipulation, 1.4 principles of art/design, 1.5 communicate ideas/concepts.

Supporting: 1.3 production procedures; 4.1 identified audience/purpose where used.

Expectation: independent non-destructive construction, purposeful integration, refinement and transfer.

Asset strategy

Keep the strong original look. Replace only what we must redistribute.

The original truck, bull and paper images remain the legacy visual benchmark because they define the look this tutorial is teaching. If your school owns clean licensed originals, use them. The watermarked previews themselves should stay teacher-reference only and should not be published in the public GitHub student pack.

Hero truck - recommended route

Best quality option: a purpose-built, unbranded AI training image that closely matches the original composition: rugged pickup, wet shoreline/reflection, dusk light, strong three-quarter view, no logos or text.
Why: stock truck photos frequently show identifiable vehicle branding, which complicates a fictional public advertising exercise.

Free bull candidate

High-resolution bull photograph suitable for the halftone/Soft Light metaphor treatment.
10800 × 7200 · Pexels · Arian Fernandez
Open free bull source

Free texture candidate

Rustic grunge texture for the Multiply paper overlay.
Pexels page identifies the image as CC0.
Open free texture source

Free-stock route

Pexels and Unsplash can provide high-resolution sources. Save the photographer, source URL and licence. For advertising exercises, avoid identifiable people/brands or remove logos so the fictional campaign does not imply endorsement.

Read Pexels licence

Storage rule

Google Drive = source library. Store original downloads, licence records, AI prompts, prepared assets, checkpoints and exemplars there.

GitHub = delivery. Publish only classroom-ready files that we are permitted to redistribute, or provide a verified download link.

Do not settle for bad stock. If the image angle, lighting, resolution or branding makes the exercise weaker, generate a purpose-built instructional image instead of forcing the tutorial around an unsuitable photograph.
Competency architecture

What this project actually assesses.

Prerequisites / refreshers

PS-FND-01 · PS-LAY-01 · PS-BRS-01 · PS-SEL-01 · PS-TRN-01

These are not retaught in full. Students open a refresher only if needed.

Target Photoshop competencies

PS-SMO-01 · PS-FLT-01 · PS-BLD-02 · PS-TYP-01 · PS-DES-01 · PS-OUT-01

General evidence competencies

GEN-EVD-01 · GEN-QA-01

Explain decisions, diagnose issues, revise and provide evidence.

IDTypeCheckpointEvidence
TA-OBS-01ObservationSmart Filter mask repairSelects the correct mask and repairs the truck edge without erasing source pixels.
TA-CON-01ConversationBlend-mode reasoningExplains why Multiply and Soft Light produce different useful results in this ad.
TA-OBS-02ObservationType hierarchy revisionAligns/scales type purposefully and revises one competing element after critique.
TA-CON-02ConversationAudience/message defenceIdentifies audience/message and defends one design decision using visible evidence.
TA-PRO-01ProductLayered PSDEditable Smart Objects, filters, masks and type remain intact.
TA-PRO-02/03ProductFinal ad + exportClear hierarchy/message and correct delivery file.
A · Foundation

Foundation

1
Core step

Download the approved assets and create the working file

PS-OUT-01
Select firstYour project folder / Photoshop File > New
  1. Open the three approved source pages above and download the original-resolution truck, bull and paper files. Keep the source filenames in a Sources folder.
  2. Create a 2400 × 1600 px RGB document in sRGB. Save it immediately as Surname_TruckAd_v01.psd.
  3. Place the truck image with File > Place Embedded. Scale/crop it to fill the canvas, then rename the layer TRUCK_MASTER.
  4. Keep a text file or project note with the image credits shown above.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Download the approved assets and create the working file
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyA project starts with a reliable asset set, not with effects.
CheckThe truck fills the canvas and the PSD is saved before filters are applied.
FixIf your source is tiny, watermarked, or a screenshot, replace it now; do not build on a weak asset.
Source + classroom setup
Step 1 of 16
2
Core step

Make the truck editable and apply the Cutout look

PS-SMO-01PS-FLT-01OBS opportunity later
Select firstTRUCK_MASTER
  1. Right-click TRUCK_MASTER and choose Convert to Smart Object.
  2. Choose Filter > Filter Gallery > Artistic > Cutout.
  3. Set Number of Levels = 5, Edge Simplicity = 0, Edge Fidelity = 2. Click OK.
  4. Double-click the Filter Gallery entry once to confirm it can still be reopened.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Make the truck editable and apply the Cutout look
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyThe original tutorial uses Cutout for the posterized/grungy base look; a Smart Object keeps the filter editable.
CheckFilter Gallery appears below the Smart Object and the image is simplified into larger colour areas.
FixIf Cutout is unavailable, confirm RGB / 8-bit document mode and that the image layer is selected.
Source instruction + current route
Step 2 of 16
3
Core step

Add controlled grain without flattening

PS-FLT-01OBS · TA-OBS-01
Select firstTRUCK_MASTER Smart Object
  1. Choose Filter > Noise > Add Noise.
  2. Set Amount = 3%, Distribution = Gaussian, Monochromatic = on. Click OK.
  3. In Layers, confirm Add Noise and Filter Gallery appear under the same Smart Object.
  4. Leave the Smart Filter mask white for the moment.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Add controlled grain without flattening
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyThe source tutorial adds 3% monochromatic Gaussian noise to roughen the posterized image.
CheckThe grain is visible in flat areas but not coloured red/green/blue.
FixIf the grain is distracting at Fit Screen, verify you used 3%, not 30%.
Source instruction, modernized non-destructively
Step 3 of 16
4
Core step

Protect the truck detail with the Smart Filter mask

PS-SEL-01PS-FLT-01OBS · TA-OBS-01
Select firstTRUCK_MASTER Smart Filter mask
  1. Use Object Selection or Select Subject to select the truck itself. Refine only obvious mistakes; do not spend time perfecting the background.
  2. Click the white Smart Filter mask thumbnail under TRUCK_MASTER.
  3. Fill the truck selection with black on the Smart Filter mask. Deselect.
  4. Zoom to 100% around the hood, mirrors, wheels and roofline. Paint black/white on the filter mask to repair the boundary.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Protect the truck detail with the Smart Filter mask
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyThe background keeps the stylized Cutout/noise treatment while the advertised product regains photographic detail.
CheckThe truck is detailed; the surrounding scene remains stylized.
FixIf painting changes the photo instead of the effect, you selected the image or layer mask instead of the Smart Filter mask.
Modernized equivalent backed by Adobe Smart Filter masks
Step 4 of 16
B · Texture + Metaphor

Texture + Metaphor

5
Core step

Blend the paper texture over the scene

PS-BLD-02CON later
Select firstTop of layer stack
  1. Place the paper texture above the truck image.
  2. Change its blend mode to Multiply and set Opacity to 45% - the source tutorial setting.
  3. Scale or crop the paper so it covers the canvas.
  4. Inspect chrome and windows. If the texture makes the product unreadable, add a layer mask to the paper and reduce it locally rather than erasing pixels.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Blend the paper texture over the scene
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyMultiply preserves darker texture information and integrates the aged paper with the image.
CheckThe scene looks warmer/grungier but the truck remains the focal product.
FixIf the texture dominates, first confirm 45% opacity; then mask only the distracting product areas.
Source instruction
Step 5 of 16
6
Core step

Add the source-style vignette

PS-FLT-01
Select firstTRUCK_MASTER or a stamped Smart Object copy
  1. Create a stamped visible copy only if your school workflow requires the vignette on a combined layer; keep all editable layers below it.
  2. Choose Filter > Lens Correction > Custom.
  3. Use the source settings as a starting point: Vignette Amount = -63 and Midpoint = 40.
  4. Judge at Fit Screen. The vignette should frame the image, not create obvious black corners.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Add the source-style vignette
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyThe darkened edges push attention toward the product and headline area.
CheckYour eye moves toward the truck rather than to the outer corners.
FixIf the effect is obvious before you notice the truck, reduce the vignette strength.
Source instruction; current Lens Correction still documented
Step 6 of 16
7
Core step

Create the bull halftone treatment

PS-FLT-01
Select firstBULL layer
  1. Place the bull above the background treatment and convert it to a Smart Object.
  2. Choose Filter > Filter Gallery > Sketch > Halftone Pattern.
  3. Set Size = 2, Contrast = 4, Pattern Type = Dot. Click OK.
  4. Position the bull as a secondary element, not as the focal point.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Create the bull halftone treatment
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyThe bull becomes a graphic metaphor rather than a second competing photograph.
CheckYou see the bull form clearly through a repeating dot pattern.
FixIf the animal becomes unrecognizable, reopen the filter and confirm Size 2 / Contrast 4 / Dot.
Source instruction
Step 7 of 16
8
Core step

Blend the bull into the ad

PS-BLD-02PS-LAY-01CON · TA-CON-01
Select firstBULL layer
  1. Change the BULL layer blend mode to Soft Light and lower Opacity to about 60% - the source tutorial value.
  2. Add a layer mask to BULL.
  3. With a very large soft black brush, fade the outside edges gradually. Start well outside the animal and work inward.
  4. Keep the face/body readable enough that the metaphor still works.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Blend the bull into the ad
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhySoft Light lets the bull inherit the colour and texture of the scene while its contrast remains visible.
CheckThe bull feels embedded in the advertisement instead of pasted on top.
FixIf you see a rectangular photo edge, enlarge the soft brush and fade the mask more gradually.
Source instruction
Step 8 of 16
C · Typography + Communication

Typography + Communication

9
Core step

Build the first headline block with alignment, not guessing

PS-TYP-01PS-DES-01OBS · TA-OBS-02
Select firstType tool / headline group
  1. Create a bold sans-serif headline using editable type. Use a fictional message such as BUILT / FOR / MORE or write your own approved copy.
  2. Turn rulers on and drag vertical guides to establish a left and right alignment edge.
  3. Scale each line so it intentionally aligns to one of those guides. Keep the truck as visual priority #1 and the headline as priority #2.
  4. Group the live type as HEADLINE_A.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Build the first headline block with alignment, not guessing
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyThe original lesson repeatedly emphasizes that type should line up with something. Alignment replaces random eyeballing.
CheckEach line has a clear relationship to another line or guide; nothing floats without purpose.
FixIf every word is a different width for no reason, simplify the block and rebuild around two alignment guides.
Source design principle + classroom copy
Step 9 of 16
10
Core step

Make one reusable halftone type texture

PS-TYP-01PS-FLT-01
Select firstA new blank layer above HEADLINE_A
  1. Load a selection from the live headline shapes. Keep the type layers unchanged underneath.
  2. Fill the selection with medium gray on the new layer.
  3. Choose Filter > Filter Gallery > Sketch > Halftone Pattern. Set Size = 1, Contrast = 23, Pattern Type = Dot.
  4. Deselect. Change this dot layer to Soft Light and 30% opacity.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Make one reusable halftone type texture
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyThe halftone is a separate texture treatment, so the live text can remain editable.
CheckThe headline keeps its original colour while a subtle dot texture appears over it.
FixIf the dots replace the type colour completely, verify the dot layer is above the live type at Soft Light / 30%.
Source effect, explained once
Step 10 of 16
11
Core step

Add oversized ghost type for depth

PS-TYP-01PS-DES-01
Select firstType tool
  1. Duplicate a live type layer and replace the words with a short background phrase such as WORK / PLAY / REPEAT.
  2. Make the words very large and position them in the lower-right or another quiet area.
  3. Lower Opacity to 10% - the source tutorial value.
  4. Keep this element behind the more important copy.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Add oversized ghost type for depth
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyLarge low-opacity type creates depth and graphic rhythm without becoming another headline.
CheckYou notice the main truck/headline first; the ghost type is only discovered secondarily.
FixIf you read the ghost type before the main headline, lower its opacity or move it away from the focal area.
Source instruction / classroom copy
Step 11 of 16
12
Core step

Create the secondary type block and reuse the dot method

PS-TYP-01PS-DES-01OBS · TA-OBS-02
Select firstSECONDARY_COPY group
  1. Build a second block of live type. Align multiple lines to shared edges just as you did in Step 9.
  2. Use one accent colour on one or two important words; keep the rest neutral.
  3. Reuse the Step 10 halftone procedure rather than rebuilding the explanation: select the live type shapes, fill gray on a new layer, apply Halftone Pattern Size 1 / Contrast 23 / Dot.
  4. For this lighter secondary block, use Multiply at 30% opacity - the source tutorial treatment.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Create the secondary type block and reuse the dot method
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyThe repeated method is now a competency transfer: same halftone construction, different blend result.
CheckThe second type block feels related to the first without competing with the truck.
FixIf the second block becomes focal point #1, reduce size, contrast or density.
Source instruction + no-redundancy rule
Step 12 of 16
D · Evidence + Delivery

Evidence + Delivery

13
Core step

Audit visual hierarchy and revise one decision

PS-DES-01GEN-QA-01OBS+CON · TA-QA-01
Select firstWhole composition at Fit Screen
  1. At Fit Screen, name what you notice first, second and third.
  2. Turn off the bull, ghost type and secondary copy one at a time. Identify any element that does not improve the message.
  3. Make one meaningful revision: position, scale, opacity, colour or spacing.
  4. Record the before/after change and one sentence explaining why the revision improves the ad.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Audit visual hierarchy and revise one decision
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyThis turns polishing into evidence of decision-making rather than random tweaking.
CheckThe truck remains focal point #1 and the advertisement communicates one clear message.
FixIf the hierarchy is unclear, simplify before adding any new effect.
Classroom adaptation
Step 13 of 16
14
Core step

Complete the evidence conversation

PS-BLD-02PS-DES-01GEN-EVD-01CON · TA-CON-01 / TA-CON-02
Select firstYour layered PSD
  1. Be ready to explain: Why does Multiply suit the paper texture?
  2. Be ready to explain: Why does Soft Light suit the bull treatment?
  3. Identify the intended audience and the message you want the viewer to understand.
  4. Point to one design decision that supports that audience/message.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Complete the evidence conversation
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyConversation evidence captures reasoning that a finished image alone cannot prove.
CheckYou can answer using your own image as evidence, not by repeating a definition.
FixIf you can only name the tool, explain what visibly changes in the image and why that supports the design.
Assessment integration
Step 14 of 16
15
Core step

Inspect the layered product at 100%

PS-SMO-01PS-FLT-01PS-TYP-01GEN-QA-01PRO · TA-PRO-01
Select firstLayers panel + canvas at 100%
  1. Confirm the truck source is still inside a Smart Object and the filters remain editable.
  2. Confirm the truck detail is protected through the Smart Filter mask rather than erased pixels.
  3. Confirm both main type blocks remain editable live type; halftone textures are separate layers.
  4. At 100% zoom, repair visible halos, mask seams or type collisions before export.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Inspect the layered product at 100%
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyThe layered PSD is evidence of how the work was built, not just what the final JPEG looks like.
CheckYou can reopen filter settings and edit the headline without rebuilding the effect.
FixIf the only surviving version is flat, return to the last layered PSD before submitting.
Classroom QA
Step 15 of 16
16
Core step

Export, submit and connect the evidence

PS-OUT-01PRO · TA-PRO-02 / TA-PRO-03
Select firstFinal layered PSD
  1. Save the final layered file as Surname_TruckAd_Final.psd.
  2. Use File > Export > Export As and create the required class JPEG/PNG in sRGB at the assigned dimensions.
  3. Compare the export against the PSD before closing Photoshop.
  4. Submit the layered PSD, final export and the one-sentence revision note. Your teacher records the planned Obs/Con/Pro evidence separately.
Need the prerequisite refresher?

This project does not reteach every Basecamp skill. Use the IDs above to revisit the skill registry for the short refresher, then return to this project step.

Instructional diagram for Export, submit and connect the evidence
Instructional diagram - not a captured Photoshop interface unless explicitly labelled.
WhyThe export is the delivery product; the PSD and evidence notes prove competency and process.
CheckThe export matches the layered master and opens at the expected dimensions.
FixDo not submit a screenshot of Photoshop as the final advertisement.
Current workflow
Step 16 of 16
Release / submission gate

Student QA before submission.

Fit ScreenTruck first. Headline second. Bull/secondary type support rather than compete.
100% ZoomNo visible mask halos, accidental filter edges or type collisions.
LayersSmart Object + editable filters + live type + named groups remain intact.
ExportCorrect dimensions/format, sRGB, visually matches the master PSD.
Release-candidate note: The instructional sequence is source-traceable and current menu routes are documented, but the exact school-machine Photoshop build still needs a teacher preflight before this resource receives final VERIFIED status.
Source trail

What is source-derived vs modernized.

SOURCEMODERNIZEDCLASSROOM ADAPTATION

Original source: supplied “Halftone Pattern Type Look” excerpt. Core settings retained: Cutout 5/0/2; Noise 3% Gaussian Monochromatic; paper Multiply 45%; vignette -63/40; bull Halftone 2/4/Dot + Soft Light 60%; type Halftone 1/23/Dot + 30% blend treatments; ghost type 10%.

Adobe current Filter Gallery: https://helpx.adobe.com/photoshop/desktop/effects-filters/get-started-with-filters/filter-gallery.html

Adobe Smart Filters + filter masks: https://helpx.adobe.com/ca/photoshop/using/applying-smart-filters.html

Adobe current Lens Correction/vignette controls: https://helpx.adobe.com/photoshop/using/correcting-image-distortion-noise.html

Replacement stock sources: Wikimedia Commons pages linked in the Approved Assets section.

This PDF was generated from the same student manuscript as the standalone HTML.