Special Project

The Fantastic Four
First Dreams

A self-initiated 64 page art book that turns a childhood dream into a working visual system, across 33 spreads and 17 pieces in four mediums.

Contents

Fifteen sections. Forty seconds if you scan it, eight minutes if you read it.

The order below is the order the project happened in. Jump anywhere.

01  Premise

A dream is a room you build before you know how to build anything.

Why the Fantastic Four, and why now.

I did not want to be the hero. I wanted to be the person who drew him.

When I was ten I watched Fantastic Four for the first time and decided I would be a superhero. That belief lasted about as long as childhood does. What replaced it was quieter and more useful.

Ten years later the four of them came back on a screen in a city I had just moved to. Standing in Times Square in a costume I had bought for Halloween, I understood that the debt was still open. This book is how I paid it.

So the Fantastic Four are not the subject here. They are the instrument. Four people who climb into a rocket because they want to see what is on the other side of the sky, and who spend the rest of their lives turning the cost of that into something useful, are a good enough model for anyone deciding to become an artist.

Tan Nguyen wearing a blue Fantastic Four costume in Times Square at night, the billboards and the crowd thrown out of focus behind him.View

Times Square, October 2025. The photograph that started the poster series, and the only research trip that did not need a library.


02  Cut and decisions changed

The first thing I made was a title. The second thing I did was kill it.

One week lost, and the whole project found. What follows is the rest of what did not survive.

Mind map detail showing the title The Art of The Fantastic Four First Steps struck through in red, with a green circle around the replacement title The Fantastic Four First Dreams.

Fig. 01 Red through the old one. Green around the new one. Nothing else on a board of two hundred elements is drawn that emphatically.

The book was going to be called The Art of The Fantastic Four: First Steps. A week in I found that Marvel had already published a book under that name, written by Jess Harrold. I bought it, read it, kept it on the desk as reference, and changed mine.

Losing the title cost me a week and gave me the project. The Art Of would have made me a documentarian of somebody else's film. First Dreams made the film a lens and put the subject back where it belonged, which was the ten year old, the city, and the promise between them.

The Art Of
First Dreams

The original title

Marvel had already published a book called The Art of The Fantastic Four: First Steps. I found out a week in. Changing the title changed the subject, and the subject was better.

Four Covers
One case, five sleeves

Three of four cover directions

Four cover ideas went up on the board. Three came down to protect the deadline. They became the idea of a changeable cover wrap, four or five sleeves over one case. That idea is not finished either.

Missions IV, V, VI
A dash in the contents

Half the chapters

Yesterday's Tomorrow, Fantastic Aesthetics and Melody of The Cosmic were designed into the contents page and then cut to make the class deadline. Melody of The Cosmic was never researched at all. The contents page still lists it.

03  Research & Mindmap

Everything in this book existed on one board first.

Drag to move. Use the buttons or double click to zoom, so the page keeps scrolling under your wheel. The jump buttons go straight to the parts worth reading.

1.0×

Fig. 02 Project board, built in Freeform. Roughly 274 by 198 inches at full size. Served here at 13,158 by 9,521 pixels.

04  Visual system, part one

Fantastic Pallette

Oil paint, gouache, coloured pencil, marker, photography and vector do not agree about colour. The palette is the agreement. Every colour in the book belongs to one of the four, and each one has a job. Drag a gradient node to see how the ramp was built.

Mister Fantastic drawn as a flat figure inside a coloured panel, from the contents page of the book.

Reed Richards

Mister Fantastic

The mind that will not stop reaching. Reed is the reason the project runs across nine media instead of one, and the reason a single palette had to hold all of them.

Far Signal

The project accent. Titles, rules, and anything the reader can act on.

Drafting Blue

Diagram lines, the perspective grid, the keylines around a panel.

Deep Thought

Body text on cream. The same ink the site uses on all thirty three work pages.

Long Night

Ground for the mission openers, where the book goes dark before a chapter.

Ascent

#0036630%
Invisible Woman drawn as a flat figure inside a coloured panel, from the contents page of the book.

Sue Storm

Invisible Woman

The parts nobody credits. The dot field, the folio position, the gutter margin, and the four spreads that are almost empty on purpose.

Force Shield

The dashed outline around her figure, and every containment shape in the book.

Held Breath

Secondary panel fills where the page needs air rather than emphasis.

Quiet Water

The halftone dot field. It appears on more spreads than any other colour.

Unseen

Shadow side of the cool range. Used under things, rarely on top of them.

Dissolve

#00344F0%
Human Torch drawn as a flat figure inside a coloured panel, from the contents page of the book.

Johnny Storm

Human Torch

One hot colour per spread, at most. That restraint is the only reason flame still reads as flame on the twentieth spread.

Flare

Hand-drawn rules and keylines. The countdown lettering on Four The Stars.

Flame On!

The hottest colour in the book. Used once per spread and never twice.

Ember Trail

Engine light and contrails, where heat has to read as motion.

Cinder

What is left after the fire. The dark end of the warm range.

Re-entry

#66241E0%
The Thing drawn as a flat figure inside a coloured panel, from the contents page of the book.

Ben Grimm

The Thing

Hold the system when the deadline pushes. The grid, the palette and the type scale did not move once they were set, even when three chapters had to go.

Sunward

Warm highlight. The lit face of a rock plate, and the gold rule on the Kirby portrait.

Furnace

The mid tone of his body, and the only orange allowed to fill a large area.

Quarry

Where the plates turn away from the light. Matter rather than heat.

Bedrock

The darkest warm in the system. It anchors a page that would otherwise float.

Strata

#66361E0%
05  Visual system, part two

Fantastic "Fonts"

Condor carries a width axis, so a single family behaves like several. Futura holds the reading. Neuwelt Inline is allowed once per chapter and never twice. Move the controls and the whole specimen responds, which is the fastest way to find out whether a system survives being pushed.

Size100%
Leading1.00
Tracking0
Sample text
DisplayFirst Dreams

Condor Wide, 700. Covers, mission titles, the wordmark. The width does the shouting so the size does not have to. Condor itself reaches 800; the width variants stop at 700.

Display, BlackFirst Dreams

Condor, 800 italic. Heading 1 where the page needs speed rather than width. The only cut in the family that reaches Black.

Running headFirst Dreams

Condor Compressed and Condensed, 700. Section labels and panel headers. Always caps, always tracked, always small.

EyebrowFirst Dreams

Neuwelt Inline. Eyebrows, and the chapter titles in Mission III. Once per chapter, never twice.

ReadingFirst Dreams

Futura 100 Book. Body copy. Geometric, and genuinely of 1961 rather than an imitation of it.

CaptionFirst Dreams

Futura PT, all widths and weights. Captions, footnotes, tags, credits. Everything that supports the reading without joining it.

DataT+00:08:45

Digital-7. Numerals only, inside the Excelsior telemetry panel. The one place in the book where type is allowed to look like a machine set it.

06  Writing and editorial

Editorial & Layout Design

The artbook is where every other part of the project ends up. Read it here, or walk the complete index below.

Open

The book is a case bound hardcover at 10 by 8 inches closed, 20 by 8 open, running 64 pages across 33 spreads. It carries an editorial system built for nine different media, twenty-five Chicago footnotes, a Notes page and a fifteen-entry bibliography. Four of its seven missions are built. The other three exist as designed openers and a dash in the contents page, which is the honest state of it.


Complete index / 33 spreads

Front cover01
Endpaper02
Half title03
Frontispiece04
Title page05
Mission overview06
Foreword07
Dot field08
Mission I opener09
Historical context10
From the desk to the screen11
Dot field12
Mission II opener13
Explorers to protectors14
Protectors to builders15
Mission III opener16
Mister Fantastic17
Invisible Woman18
Human Torch19
Thing20
Dot field21
Mission VII opener22
Reference wall23
Plate: Four Fingers and Prepare 4 Launch24
Plate: First Dreams and NY Times Cover25
Plate: paintings and drawings26
Plate: Look Up To My Heroes and the flyers27
Fantastic Palette28
Dot field29
Afterword30
Artists credit and copyright31
Endpaper32
Back cover33

Structure / seven missions, four built

I

The Fantastic Four: First Born

Where the team came from, and why 1961 was ready for them.

p.7Built
II

Journey Through The Impossible

Launch, transformation, and the discovery that the point was never the fight.

p.15Built
III

Four Individuals, One Family

One chapter per member. Reed, Sue, Johnny, Ben.

p.21Built
IV

Yesterday's Tomorrow

Retrofuturism, architecture, the Baxter Building, furniture, 1960s New York.

—Coming Soon
V

Fantastic Aesthetics

Costume design, the circled four, the logo, and Kirby line.

—Coming Soon
VI

Melody of The Cosmic

Score and sound. Never researched, never written.

—Coming Soon
VII

Gallery of First Dreams

The dream made visible. Opener written, gallery laid out.

p.33Built
07  The artbook

The book is not printed yet. So I mocked it up to specification instead.

Three trials, one variable at a time, then duplication and compositing.

Everything in this section is a 3D visualisation made in Blender from the production cover artwork, at 10 by 8 inches closed, 64 pages of 170 gsm stock, a 4.94 mm page block and a 9.94 mm case spine. It is a model of a real specification, not a photograph of a real object. Print is the next stage of the project.

Stage one / spine and light

Trial 01, Round spineView
Trial 01

Round spine

A 3.38 mm spine bulge, the default hardcover profile. Look at the case edge. It curves, and a curved spine reads as a novel rather than an art book.

Trial 02, Square spineView
Trial 02

Square spine

Flat spine, 1.2 mm corner radius, pressed hinge grooves. Same crop, same light. The edge is straight now, and the cover reads as a plane rather than a curve.

Trial 03, Cinematic relightView
AdoptedTrial 03

Cinematic relight

Geometry frozen, lighting rebuilt. A single hard key with a long falloff, which is the light the book itself is drawn in.


Stage two / duplication and compositing

Low key. One hard source, long falloff, everything else left to fall away.
Top down on the full cluster. The flat wrap is visible at the back, front and back cover in one plane.View

Top down on the full cluster. The flat wrap is visible at the back, front and back cover in one plane.

Open flat, top down. The Excelsior spread at full width, with two closed copies behind.View

Open flat, top down. The Excelsior spread at full width, with two closed copies behind.

Three quarter from the right. Open volume left, closed volume right.View

Three quarter from the right. Open volume left, closed volume right.

The same cluster from the left. Closed copy forward, the fan of pages catching the key.View

The same cluster from the left. Closed copy forward, the fan of pages catching the key.

Three books in one comp. Open face up at the back, closed in front, a third turned away.View

Three books in one comp. Open face up at the back, closed in front, a third turned away.

Closed, front on. A second copy lies open behind it so the case and the block read together.View

Closed, front on. A second copy lies open behind it so the case and the block read together.

Macro on the case corner. Board overhang, page recess and the hinge groove, at the specified caliper.View

Macro on the case corner. Board overhang, page recess and the hinge groove, at the specified caliper.

08  The secondary book

Stan Lee, a research paper designed as a magazine.

The paper examines Stan Lee’s life, his creative philosophy and his effect on how superhero stories are told. It traces Marvel from the Fantastic Four to the cinematic universe, reads Stan’s Soapbox and Excelsior as social writing rather than sign-offs, and ends by asking whether the heroes we have now still believe what he believed. The cover portrait is the gouache painting from the Fine Art set. Everything else is set in the same system as the artbook.

Cover. The gouache portrait, a hand-drawn keyline, and the subtitle set small enough to be read rather than announced.View

Cover. The gouache portrait, a hand-drawn keyline, and the subtitle set small enough to be read rather than announced.

Where It All Began. Two columns of body text against a full-bleed field, with a pull panel holding the first Soapbox quotation.View

Where It All Began. Two columns of body text against a full-bleed field, with a pull panel holding the first Soapbox quotation.

Beyond The Comic Pages. Archive photographs set inside the same rounded plates the artbook uses for its film stills.View

Beyond The Comic Pages. Archive photographs set inside the same rounded plates the artbook uses for its film stills.

The argument section. The measure narrows here, because this is where the paper stops reporting and starts claiming something.View

The argument section. The measure narrows here, because this is where the paper stops reporting and starts claiming something.

Back cover. Excelsior, and nothing else.View

Back cover.

Open

The paper runs as a saddle stitched magazine rather than a case bound book, so the spreads are read in one sitting and the measure narrows wherever the argument does.


Final renders

Open flat, top down. Both interior spreads readable at once.View

Open flat, top down. Both interior spreads readable at once.

Cover in the foreground, the open magazine falling away behind it.View

Cover in the foreground, the open magazine falling away behind it.

Three quarter from the right. The saddle stitch and the paper curl are both visible.View

Three quarter from the right. The saddle stitch and the paper curl are both visible.

Three quarter from the left, same light, mirrored composition.View

Three quarter from the left, same light, mirrored composition.

09  Pictorial making, part one

Drawn once. Placed everywhere.

A system is only a system if the parts travel. These nine were built as assets rather than as illustrations, which is why the book, the posters and both animations look like they came from the same place.

Title cards

Title cards

The lockup for The Fantastic Four: First Dreams. It appears everywhere the title lives, from the cover to the flyers to the end card of both animations. Drawn once, never re-set.

Fantastic Four badge

Fantastic Four badge

The circled four. In this system it also replaces the numeral four inside words, which is the only piece of wordplay the book allows itself.

Chatbox

Chatbox

A speech container with a retrofuturist tail. Used on artbook spread 30 and again inside the Four Fingers poster.

Name tag

Name tag

The credit plate. It carries my name on artbook spread 7 and again along the foot of the NY Times Cover poster.

Fantastic Science

Fantastic Science

A mock imprint lockup, built to sit inside the Mister Fantastic chapter as if it had been photographed off a real cover.

Future Foundation A

Future Foundation A

The horizontal Future Foundation lockup. Sue is the only member with a second identity system inside her chapter.

Future Foundation B

Future Foundation B

The stacked mark, for square and centred positions.

Presented In FantastiVision

Presented In FantastiVision

The invented broadcast credit. It closes the holiday animation and gives the television framing device a name.

Atomic stars

Atomic stars

Four and six pointed starbursts. They set the era faster than any other element, and they are the reason a nearly empty spread still reads as designed.

10  Pictorial making, part two

Four architectures, from block-in to material.

Usable reference for these did not exist online, so I bought Marvel’s own art book and rebuilt them. Each one starts as flat massing in Illustrator and ends as a lit surface in Photoshop. Drag any handle.

Raw
Retouched & Graded
Plate
Composite
Under-painting
Finished
The Baxter Building
·
Adobe Illustrator & Photoshop

The tower. Massing and window banding drawn flat in Illustrator, then glass, concrete and the crown built in Photoshop. The block-in decided every proportion before a single surface existed.

Raw
Retouched & Graded
Plate
Composite
Under-painting
Finished
The Excelsior
·
Adobe Illustrator & Photoshop

The ship. Swept silver hull, blue wingtips, four engines. Built once so it could be reused across the whole project rather than redrawn every time it appears.

Raw
Retouched & Graded
Plate
Composite
Under-painting
Finished
The  Arc
·
Adobe Illustrator & Photoshop

A ring structure that reads as infrastructure rather than architecture. The block-in decided the perspective and the material pass decided whether it felt heavy enough to be real.

Raw
Retouched & Graded
Plate
Composite
Under-painting
Finished
The Observatory
·
Adobe Illustrator & Photoshop

The smallest of the four and the hardest to make convincing, because a dome has nowhere to hide a bad curve. Drag the handle to see how little of it survived the block-in unchanged.

11  Pictorial making, part three

One hundred and nine frames. Five posters.

Five lighting setups over one night on a borrowed mirrorless body, culled in Capture One, built in Photoshop. The costume was bought for Halloween and then had to earn its keep.

Contact sheet  /  all frames, below reading size

Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Prepare 4 Launch setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, direct view setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Four Finger, low angle setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Save The World setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.Contact frame from the Table setup.

Prepare 4 Launch · Four Finger direct · Four Finger low · Save The World · Table.

Output  /  five posters

Prepare 4 LaunchView
StageFinal

Prepare 4 Launch Face cropped at the mouth on purpose. The poster is about readiness, not the person.

Four FingersView
StageFinal

Four Fingers Framed like a trading card, because a trading card is how I first met these characters.

NY Times CoverView
TIME magazine cover, Reed Richards in the blue suit holding a model of the Excelsior.View
Reference - Marvel Studios
StageFinal

NY Times Cover A whole cover system, masthead to footline, not a photo with type on it.

Look Up To My HeroesView
Marvel Studios Prepare 4 Launch one sheet, a child looking up as blue ticker tape falls.View
Reference - Marvel Studios
StageFinal

Look Up To My Heroes Built entirely around the direction of one gaze, the only thing I did not construct.

First DreamView
StageFinal

First Dream Pencil, then line, then fill. The first stage decided the other two.

Message from Marvel's First Family, title frame
Play button

Message from Marvel's First Family

December 2025 · 1080 x 1920

Vertical, built for a phone, carrying the grain and glow of an old television set. Four flat figures in Santa hats inside rounded outlines that recede behind them. The greeting puts the circled four where a letter should be.

Happy 4-4 Day, title frame
Play button

Happy 4-4 Day

April 2026 · 1080 x 1404

The fourth of April is 4-4, which is enough of an excuse. Atomic starbursts on cream, the Excelsior drawing itself in blue line before any fill arrives, then the circled four snapping into place over a yellow contrail.

12  Motion and social

The same system, moving.

Two short pieces, both vertical, both built for a phone. They are where the television framing device stops being a layout idea and becomes a transition.

13  The work

Seventeen pieces, four mediums, one palette.

Sorted the way the site sorts them: medium in a fixed order, then how much weight the piece carries, then date. Click any tile to open its page.

14  Close

"Shoot for the moon. Even if you miss, you'll land among the stars." - Norman Vincent Peale

The Fantastic Four climbed into a rocket to see the other side of the sky and came back as something they had not planned to be. Three of seven missions are still unwritten, nothing has been through a press, and that is the honest state of it.

A dream is a room you build before you know how to build anything. Sixty four pages in, I know a little more about building. I know that a palette is a promise you make to your future self, that a grid is only worth having if you can feel it when you break it, and that the fastest way to find out whether an idea is real is to set it in type at full size.

Three missions are still unwritten. The cover sleeves are still an idea. Nothing here has been through a press. I would rather show you a project that is honestly halfway than a finished thing that never had to survive a deadline.

The Fantastic Four begin with ambition rather than tragedy. Four people climb into a rocket because they want to see what is on the other side of the sky. That is the whole reason I chose them, and it is still the reason I keep going.

Credits

Concept

Tan Nguyen

Research

Tan Nguyen

Writing

Tan Nguyen

Design

Tan Nguyen

Photography

Tan Nguyen

3D

Tan Nguyen

Motion graphic

Tan Nguyen

Special thanks

Book Design Instructor

Marko Kovacevic

Painting Instructor

Simone Couto

Drawing Instructor

Mary Jones

Specification

Trim

10 x 8 in, landscape

Spread

20 x 8 in

Bleed

0.125 in

Extent

64 pp

Spreads

33

Stock

170 gsm

Spine

Square, 9.94 mm

Type

Condor, Futura, Neuwelt

Built in

InDesign

Borrowed imagery

Roshfaizal Ariffin

p. vii

Chris Weston

p. 14

Tan Nguyen

p. 17

Ryan Meinerding

p. 18, 28 to 29

Luis Felipe

p. 22 to 23

Hriday Raktim Baruah

p. 24

Marvel Rivals artists

p. 19, 27

Jason Parvik

p. 29

BR3D Artist, Fantasticar 3D model

p. 2, 37, 39

The Fantastic Four: First Dreams is an independent, non-commercial, self-initiated publication made for educational, artistic and portfolio purposes. The Fantastic Four, Marvel, Marvel Studios and all associated characters, names, logos and trademarks are the property of Marvel Entertainment, LLC and their respective rights holders. This project is not affiliated with, endorsed by, sponsored by or commissioned by Marvel Entertainment, Marvel Studios, The Walt Disney Company or any related entity. All original writing, design, layout and artwork are by Tan Nguyen unless otherwise credited. Not for sale.