Show how it works.
Step by step, in one style
Drop the pictures, and every one becomes a step. Put the arrows, numbers and callouts where the action is; Instructor draws them all to one set of weights and colours and lays the steps out onto pages that are ready to print. It’s free. Actually free.
- A step, not a page.
- Order the steps and the pages follow. Change the page size and every step is laid out again — the same document is an A4 manual and a square post.
- The action picks the arrow.
- Straight for insert and push, curved for place, a turning arc for rotate, and a crease with a hollow head for fold.
- One style for the whole document.
- Change the arrow weight once and every arrow on every page follows. Grey pictures and one colour for the actions, by default.
- Parts, lettered and counted.
- A, B, C with how many of each. A parts page up front, and the parts a step uses shown under it.
- Details and focus.
- Pick out a place with a ring, fade everything else back, or show it larger in a circle of its own — DETAIL A.
- Nothing uploaded.
- The pictures stay in your browser. The PDF is made on your machine.
What it does
You show the action; it keeps the look
The pictures in, the actions on them, the parts they use, and the pages they land on.
Photographs or drawings, one step each
- Drop four pictures, get four steps, in file-name order
- SVG stays vector — a dieline annotated here is still a dieline
- Duplicate a step to carry its picture on to the next
- Pictures printed grey, so the action in colour is what is seen
Arrows that say what is done
- Straight, curved and double for movement
- A turning arc for rotate, a crease and a hollow head for fold
- Numbers, callouts, highlights and a focus that fades the rest
- Zoomed details in a circle, lettered A, B, C
What each step needs
- Parts lettered A, B, C, with how many of each
- A parts page at the front, with pictures
- Every step shows the parts it uses: A ×2, C ×1
- Rename a part and every step follows
What you can set
Every weight in millimetres or points
The units a printer says out loud.
Arrows
- Straight, curved, double, rotate, fold
- Shaft weight in millimetres
- Head size as a multiple of the shaft
- How far a curve bows, how far a turn sweeps
Marks
- Numbers in a disc, counted in order
- Callouts, tidied into two columns
- Highlights, round or square
- Focus, and how far it fades the rest
Style
- Highlight colour, Technical or Colour
- Accent and ink colours
- Grey or colour pictures
- Type size in points
Pages
- A4, A5, A6, Letter, custom
- Square, wide and tall for screens
- One to six steps to a page, or automatic
- Margins in millimetres
How it works
Four steps to a finished instruction
Drop the pictures, show the actions, list the parts, save the pages.
Drop the pictures
Photographs, renders or SVG drawings. Each one becomes a step, in the order of their names.
Show the actions
Pick the action and drag across the picture: the arrow is drawn in the document’s own style.
List the parts
Letter them, count them, and say which step uses which. A parts page is built for you.
Save the pages
Pick a page size and how many steps go to a page. PDF, SVG or PNG.
What it is for
Wherever something has to be done in order
Assembly, packing, installation, use and care.
Packaging
Fold the blank, lock the corners, insert the product, close the lid — on the dieline itself.
Assembly
Furniture, fixtures and kits, with the parts each step needs.
Quick start
Three to six actions on one page, for the inside of a lid.
Installation
Where it goes, what fixes it, which way it turns.
Maintenance
Open it, clean it, change the part — with the part zoomed in.
Social and web
The same steps on a square or tall page, as PNG.
Questions
What you need to know about Instructor
Pictures in, a finished instruction out.
Drop the pictures, show what happens on them, save the pages.