4 Illustration Components

illustraStock offers a modular system of illustrations with recommendations for the creation proportions. Additionally; the proportions of the illustrations are more important than the projections, styles and scales because of the fact that their representations are not stylistically restricted by the structural constraints.

Illustration component is a multi-layered illustration system formed by modular elements of identical design that can be interleaved to form a larger scene. illustraStock templates use a 64px grid where each Component and Module is made by units of 64px where 1/1 Unit is 64x64px, 1/2 unit is 32x32px, 2/1 units are 128x128p. Examples:

  • 1/8 = 8px
  • 1/4 = 16px
  • 1/2 = 32px
  • 1/1 = 64px
  • 2/5 = 80px
  • 3/2 = 96px
  • 4/5 = 112px
  • 2/1 = 128px
  • 5/2 = 160px
  • 3/1 = 192px
  • other proportions are allowed, both, in length, width and height.

This way we can join them and combine them in order to create new illustrations. The size is rounded up so that it converges with the size of the beginning or ending of the closest unit. It facilitates the use of illustrations in web browsers as the most of the sites use a 960px grid (wordpress uses 768px as default post image). In a Modular approach it is important to understand the concept of Unit as a minimum space of work.

Parts of an illustration component:

  • An Item is a finish file. Can be just one Element or a combination of several in different artboards.
  • An Element is each and every illustration that composes a scene and individually has its own meaning like a table, a house, a person or a window. A scene with a house and a person with a table is also a Element as it is always a final result.
  • A Module is a single piece that can be used as it is (When it works as a Element), adhered to other Modules and to create new Elements or extended with Components for the creation of another more complex/large Elements.
    A Element can be done by different Modules (a big table can be a Element created through the unification of two or three Modules of little tables or by the unification of different pieces or Components).
    – The complements are the big modules, such tables or beds and the objects are tiny modules like phones or pencils.
  • A Component is each independent draw of one Element/Module that can be modified independently. A cube is made by six Pieces or Parts, each one of those are a different Component.

Stage = Setting


  • https://www.google.com/patents/US7107914
  • https://www.google.com/patents/US20100240495?dq=modular+isometric&hl=es&sa=X&ved=0ahUKEwjj7Mubs9PTAhWB0xQKHU8QAYYQ6AEIJTAA
  • https://www.google.com/search?tbm=pts&hl=es&q=modular+isometric


Illustration Components Copyright © by illustraStock. All Rights Reserved.

Share This Book