*Oblique Projection 'opo'. Quick Start Guide (mac/win).
3D stereo color typography poster. Cotton Please.

// opo 1.0 - an Adobe® Illustrator® Plug-In (mac/win).
get your free copy here ›
opo is an Adobe® Illustrator® Plug-in designed to automate the creation process of Parallel 3D Effect. This type of graphical modification is better known as Oblique Projection. Oblique is not really a 3D system but a 2 dimensional view of an object with 'forced depth'. One way to draw using an oblique view is to draw the side of the object you are looking at in two dimensions, i.e. flat, and then draw the other sides at the given angle, for example 30 degrees:

opo? what is it?

// Examples of Usage
Nothing spectacular? Too simple? Take a look at these exaples. The final effect is really awesome:

opo example of usage: green please
opo example of usage: long shadow typography
opo example of usage: etcetera poster
opo example of usage: cotton - 3D stereo colors

// Geometry of the Projection
The User Interface is very simple. It has three logical parts. The first one controls geometry of the Projection. XY stands for projection specified by horizontal (X) and vertical (Y) variables. And DA for projection specified by depth (D) and rotation (A) variables:

opo user interface overview

// Direction of the Projection
Projection Z-order option specifies whether the projection is being created in front of screen plane ‘Z+’ (towards the user) or behind the screen plane ‘Z-’:

opo projection Z-Order

// Separate Layers
Take a note: opo separates the Oblique Projection product into 3 ‘logical’ parts: a) original front art, b) its projection and c) back art. Each part has its own layer: a) the front art – current layer, b) the projection – [current layer name]_PZ-/+, c) the back art – [current layer name]_BZ-/+. For example:

opo new Layers System

// Projection Type
opo supports both: solid and wireframe projection:

opo user interface: projection type
opo wireframe vs solid projection

// opo vs Curves
opo automatically calculates and creates extra tangent points (i.e. points at which the projection line “just touches” the curve) if necessary. This way the new projection structure perfectly matches the front art path! No gaps and no approximations - the new point perfectly fits the curve at its local maximum:

opo vs curves
// Color Control

Do not apply Custom Color.This option copies the formatting from the front art and applies it to the created projection objects:

opo color properties: none
opo color properties example: none

Custom Projection Color (solid). Applies user’s custom color formatting to the created projection. Each projection art receives the same fill/stroke color properties:

opo color properties: solid

You can either copy color properties from any existing art object (via Copy Color Formatting button) or specify RGB/CMYK values directly by its numerical value:

opo color properties: copy color formatting button
opo color properties example: solid

Custom Projection Color (blend). Blends projection color between front art appearance and user’s custom color (fill and stroke). opo provides the optimum number of steps for the smooth color transition:

opo color properties: blend
opo color properties example: blend

// Easy Selection
Since opo separates the Oblique Projection product into 3 ‘logical’ parts, you can easily access/select each group via the Layers Panel:

opo post-editing: working with layers

Of course, you can also modify the projection objects one by one, using Selection Tool. Just select some items and modify its appearance as required:

opo post-editing: direct selection

// Installing Extension
Please visit our online Knowledge Base section to learn more about plug-in installation process. A short guides on how to install extensions for Adobe® Illustrator® are available here:
A) Ai CS6, CC and CC2014.1, Windows and Mac OS X;
B) Ai CC2015, Windows, Mac OS X.

// Launching Extension
Launch Adobe® Illustrator®. Go to Window > Extensions > opo or Window > @63mutants > opo

Launching opo: Extensions
Launching opo: subdirectory

The following icon is added to the Adobe® Illustrator® user interface

opo icon added

opo automatically checks if new version is available. If so, the red dot icon is displayed:

opo user interface: busy indicator
opo user interface: version information

// author: