HNA Design Studio
MenuClose
abdul@hnadesignstudio.com ↗

HNA Design Studio / Abdul Rehman

Graphic & Vector Design / Original graphic & vector study

Vector Reconstruction Workshop

A controlled demonstration starts from original studio-authored artwork, rasterizes a copy and reconstructs clean scalable geometry.

Original graphic study: Original source / a self-authored mark
Work shown
Original graphic & vector study
Status
Original studio concept
Role & credit
Original graphic direction, layout and editable vector artwork

The study

A controlled demonstration starts from original studio-authored artwork, rasterizes a copy and reconstructs clean scalable geometry.

The brief

A controlled demonstration starts from original studio-authored artwork, rasterizes a copy and reconstructs clean scalable geometry.

Approach

A self-authored source mark is exported to a 96-pixel raster, thresholded and traced. A manual redraw then replaces the stepped pixel edges with deliberate curves and a consistent stroke. The comparison and overlay retain small differences for an honest view of the process.

Material direction

The concept palette combines charcoal, white, bronze and pale grey. These are visual intentions rather than approved product specifications.

What is presented

Ten individual graphic compositions, with editable SVG sources. Original marks and linework remain vector artwork; layouts that use concept photography identify their embedded raster images.

Original graphic study: Original source / a self-authored markView full image ↗
Original graphic study: Original source / a self-authored mark
Original graphic study: Raster source / an actual 96-pixel exportView full image ↗
Original graphic study: Raster source / an actual 96-pixel export
Original graphic study: Threshold / the measured pixel maskView full image ↗
Original graphic study: Threshold / the measured pixel mask
Original graphic study: Contours / an actual boundary traceView full image ↗
Original graphic study: Contours / an actual boundary trace
Original graphic study: Manual redraw / clean curves and joinsView full image ↗
Original graphic study: Manual redraw / clean curves and joins
Original graphic study: Comparison / source and reconstructed vectorView full image ↗
Original graphic study: Comparison / source and reconstructed vector
Original graphic study: Overlay / inspect the differenceView full image ↗
Original graphic study: Overlay / inspect the difference
Original graphic study: One color / reconstructed vector applicationsView full image ↗
Original graphic study: One color / reconstructed vector applications
Original graphic study: Scaling / the reconstructed artworkView full image ↗
Original graphic study: Scaling / the reconstructed artwork
Original graphic study: Deliverables / source, raster and vectorView full image ↗
Original graphic study: Deliverables / source, raster and vector
Explore the editable artwork

Download the individual SVG compositions. Marks and linework are editable vectors; any embedded concept photography remains raster imagery. Typeface substitution may change the layout on another computer.

Discuss a similar project

Keep exploring

Related work.

A conversation is a good place to begin

What do you
have in mind?

Start a project