Professional Documents
Culture Documents
Reference Manual
4.60
Table Of Contents
Overview of visualstoryboard .......................................................................................................1
List of Topics ..............................................................................................................................5
Using visualstoryboard .............................................................................................................5
Command reference.................................................................................................................6
Glossary of terms ........................................................................................................................9
Using Visual Storyboard ............................................................................................................. 13
Page layout ........................................................................................................................... 13
Page setup ........................................................................................................................ 13
Previewing pages in presentation mode ................................................................................ 13
Headers and Footers........................................................................................................... 13
Page ................................................................................................................................. 27
Copying pages ................................................................................................................... 27
Deleting pages ................................................................................................................... 29
Placeholders ...................................................................................................................... 30
Option Placeholders ............................................................................................................ 31
Store View Placeholders ...................................................................................................... 34
Saving and Applying Storyboard Templates .......................................................................... 36
Browsing Storyboard Templates........................................................................................... 38
Applying background fills .................................................................................................... 38
Option templates ................................................................................................................... 43
How to make every inserted Option look the same ................................................................ 43
Browsing Option Templates ................................................................................................. 47
Applying Option Templates .................................................................................................. 47
XS, S, M L, XL Size Settings for Options ................................................................................ 49
Custom Size settings for Options.......................................................................................... 50
Option Labels and Lines ......................................................................................................... 51
How to insert and format a label .......................................................................................... 51
How to enter and change the text in a label.......................................................................... 53
Rotating text ...................................................................................................................... 54
Using text from other applications for better formatting ......................................................... 55
How to draw and format a line ............................................................................................ 57
How to draw and format a box ............................................................................................ 58
iii
iv
Table Of Contents
Redo ................................................................................................................................. 84
Cut.................................................................................................................................... 84
Copy ................................................................................................................................. 84
Paste ................................................................................................................................. 84
Paste Special...................................................................................................................... 84
Paste Link .......................................................................................................................... 85
Delete ............................................................................................................................... 86
Links ................................................................................................................................. 86
Refresh All Links ................................................................................................................. 87
Update all Option Placeholder Templates .............................................................................. 87
Refresh date & time in Labels .............................................................................................. 87
View menu ............................................................................................................................ 87
Zoom ................................................................................................................................ 87
Zoom In ............................................................................................................................ 87
Zoom Out .......................................................................................................................... 87
Toolbar.............................................................................................................................. 87
Search Toolbar ................................................................................................................... 88
Status Bar.......................................................................................................................... 88
Filmroll Toolbar [View menu] ............................................................................................... 88
Pages list ........................................................................................................................... 88
Option templates ................................................................................................................ 90
Ruler [View menu] ............................................................................................................. 91
Guides ............................................................................................................................... 91
Shapes Toolbar [View menu] ............................................................................................... 92
Tools Toolbar [View menu] ................................................................................................. 92
Header & Footer [View menu] ............................................................................................. 92
Object menu ......................................................................................................................... 92
Refresh ............................................................................................................................. 92
Reset Size .......................................................................................................................... 92
Move to Front .................................................................................................................... 92
Move to Back ..................................................................................................................... 93
Lock [Object menu] ............................................................................................................ 93
Grouping [Object menu] ..................................................................................................... 93
vi
Overview of visualstoryboard
visualstoryboard is a visual thinking and page layout tool. Collate and present ideas visually as a
mood board, range review. range catalogue or a store planogram. It is an extremely versatile visual
communications tool that makes it fast and easy to collate merchandise, store views, pictures and a
wide range of other objects, such as video clips and spreadsheets in to one document.
Please Note: Object is a general term used in Microsoft Windows to describe all types of items such
as pictures, text, spreadsheets etc.
Objects, including visualretailing Options are placed on the visualstoryboard by simple drag & drop
visualrange Options may be configured to include a collection of labels showing the data such as
description, colour and price.
visualrange Option objects are stored in the visualretailing database, and are automatically updated
on the visualstoryboard when changes are made in visualrange. For example; any re-colouring of
List of Topics
Overview of Visual Storyboard
Glossary of terms
Using visualstoryboard
Page layout
Page Setup
Previewing pages in presentation mode
Headers & Footers
Viewing headers and footers
Changing the size of the header or footer
Moving between header and footer
Different first page header & footer
Different headers and footers on odd and even pages
How to insert and format a label
How to enter and change the text in a label
Page numbers
Starting at a different page number
Date & Time
Adding graphics and other objects
Adding and Viewing Pages
Page numbers
Copying pages
Deleting pages
Placeholders
Option Placeholder
Store View Placeholders
Storyboard Templates - Saving and Applying
Browsing Storyboard Templates
Option templates
How to make every inserted Option look the same
Browsing Option Templates
Applying Option Templates
XS, S, M L, XL Size Settings for Options
Custom Size settings for Options
Option labels and lines
Inserting and formatting labels
Adding and changing the text in a label
Rotating text
Using text from other applications for better formatting
Drawing and formatting a line
Drawing and formatting a box
General
Create, open and save Storyboards
Drag and Drop Options
Search Toolbar
Undo and Redo
Previewing pages in presentation mode
Printing Storyboard Documents
Saving to PDF
Sending a Storyboard to another user
eSamples
Opening or inserting an e-Sample
Adding an e-Sample into a different database
Objects
Command reference
File menu
New (File menu)
Open (File menu)
Close (File menu)
Save (File menu)
Save As (File menu)
Save as Storyboard Template
Update Storyboard Template...
Send Mail (File menu)
Properties (File menu)
Print (File menu)
Print Preview (File menu)
Print Setup (File menu)
Save Picture (File menu)
Saving to PDF
1, 2, 3, 4 (File menu)
Exit (File menu)
Edit menu
Undo (Edit menu)
Redo (Edit menu)
Cut (Edit menu) Copy (Edit menu) Paste (Edit menu)
Paste Special (Edit menu)
Paste Link (Edit menu)
Delete (Edit Menu)
Links (Edit menu)
Refresh All Links
Object (Edit menu)
View menu
Zoom (View menu)
Zoom In (View menu) Zoom Out (View menu)
Toolbar (View menu)
Status Bar (View menu)
Search Toolbar (View menu)
Pages List
Option Templates
Header & Footer
Object menu
Refresh (Object menu)
Reset Size (Object menu)
List of Topics
Move to Front (Object menu)
Move to Back (Object menu)
Display (Object menu)
Rotate (Object menu)
Format (Object menu)
Open (Object menu)
Open Store Shape (Object menu)
Properties (Object menu)
Save Option Template (Object menu)
Insert menu
Inserting Pages
Placeholders
Label (Insert menu)
e-Sample (Insert menu)
Image (Insert menu)
Voice Note (Insert menu)
New Object (Insert menu)
Layout menu
Grid snap (Layout menu)
Tools menu
Move (Tools menu)
Label (Tools menu)
Line (Tools menu)
Preferences menu
Preferences (Preferences menu)
Starting at a different page number
Window menu
New Window (Window menu)
Cascade (Window menu)
Tile (Window menu)
1, 2, 3, ... (Window menu)
Help menu
Contents and Index (Help menu)
About Visual Storyboard (Help menu)
Glossary of terms
Anti-ailiasing - A software process that smoothes the edges of images
Aspect Ratio - The proportions of a rectangular object, ie the ratio of the width to the height.
Changing this proportion may distort the contents of the rectangle, e.g. an image.
e-Sample - A file containing the store shape data, plus other Option details, taken from a
visualretailing database so that it can be sent elsewhere. The file has the extension .tog and may
sometimes also be referred to as a Tog file.
Image - General term for a picture (sketch, photograph, etc) captured onto a computer.
Mask - A shape drawn on top of an image, which hides unwanted detail, such as the background.
The image itself is not affected by the mask.
Object - A general term used in Microsoft Windows for all types of things such as pictures, blocks of
text, spreadsheets and so on.
Option - A garment, usually the colour variant of a Style. The Option is the most important object
within the visualretailing suite, each Option has a record in the database.
Option Template - A template format that can be applied to an Option placed on the storyboard or
on an Option Placeholder. Configuration settings that are applied with the template include; size,
formatting, data labels and any associated objects such as bitmaps and lines etc.
PDF - Adobe Acrobat "Portable Document Format" file format. Generates high and low resolution
versions of the Storyboard. Ideal for e-mailing and for sending to professional printers.
Placeholder - A rectangular object used for page layout. When Options, 2D planograms or 3D store
views are dropped on to a Placeholder they inherit specific settings such as scaling and Option
Template formatting.
Store Shape (or just "Shape") - The collection of objects that makes up the requirements for
drawing a 3D Option model in visualstore or a masked picture in visualstoryboard. This includes at
least an image, an outline, a mask, an insertion point, and three dimension values. visualshape is
the application that allows you to create the Store Shape.
Storyboard Template - A layout of a single page that can be applied to any page within the current
storyboard document. Storyboard Templates can include any Windows object such as a linked Word
file, Placeholders, graphics, text etc.
visualstore - The visualretailing application for creating three dimensional virtual reality stores.
11
This may be changed at any time, however, if the paper size is reduced or the orientation changed
after inserting objects, the objects may appear outside of the print page area.
Use the Preferences (Preferences menu) to set up the grid system, and set the size scaling for
inserted Option objects. The grid system is very useful for aligning objects, and getting objects such
as labels to be a consistent size. It is possible to change spacing, and whether the grid should be
shown as dots, lines or not shown at all.
Use the command Grid Snap (Layout menu) to turn the grid snapping on and off. When grid snap is
on, all vertices (corners or ends of objects) will be forced onto the nearest grid point whenever an
object is moved, drawn or re-sized.
Previewing pages in presentation mode
The Storyboard can be previewed as a presentation by pressing the F5 key. Moving up
and down the pages is achieved by pressing either the "Page Up" and "Page Down" keys
or the Up and Down cursor keys on the keyboard.
Headers and Footers
Viewing headers and footers
13
The "Header" area becomes active as soon as the menu option is selected.
See also:
Changing the size of the header or footer
Moving between header and footer
Different first page header & footer
Different headers and footers on odd and even pages
Page numbers
Starting at a different page number
Date & Time
Adding graphics and other objects
Changing the size of the header or footer
Headers and Footers have "Handles" at each corner and line midpoint. To alter the size
grab and drag a handle.
14
The second method is to scroll to the Header/Footer and click inside the area
below/above the dotted line.
These functions are only active when the Headers & Footers have been activated from
the "View" menu command or by clicking on the
toolbar icon.
Different first page header & footer
The "Headers & Footers" in visualstoryboard can be configured to be unique on the first
page.
15
16
Add some content to the first page and then configure the Headers & Footers using the
right hand mouse menu.
Select "Close and apply Header & Footer" from the right hand mouse menu to confirm
the changes.
Navigate to page 2 and select "Headers & Footers" from the "View" menu. Add content
and close the Header. The content appears in all of the other pages.
17
18
19
Use the Add Label command from the context menu of any valid object. The resulting label will be
attached to the selected object.
20
Draw the label with the mouse using the Label tool, See Label (Tools menu).
After creating the label you may then enter some text in it, and format it as you wish. The "Format"
and "Edit Label" functions are available from the right hand menu.
See;
How to enter and change the text in a label
Format (Object menu).
How to enter and change the text in a label
After inserting a label you can put some text in it, and you may change the text at any time. Either
double click on the label object, or use the Edit Label command on the context menu. The Label
dialog appears, into which you may type or edit the text for the label. You may enter multiple lines.
21
If the label is attached to an Option object you will see an additional button called "Add Data". This
allows you to pick items from the visualretailing database which relate to the Option. The item will
be placed into the label text.
Note that in the Label dialog you will just see a marker for the data label. This will look something like
<%=option.option_name%> and this will be replaced with the actual data from the database
when you OK the dialog.
You may mix data label text and plain text in the same label object, for example you may want to
produce a label that says "The name of this option is Leather Jacket" which combines a piece of plain
text "The name of this option is" with the data label for the Option Name.
After entering the text you may then format it using the command Format (Object menu). This is also
on the object context menu. You may also format the label container from here, e.g. border and
background colour, line thickness, and so on.
22
Also see Using text from other applications for better formatting
Page numbers
PLEASE NOTE: Following the release of Version 4.40 "Page Numbers" are no longer added from the
Insert menu.
The introduction of "Headers & Footers" in version 4.40 has altered the way Page Numbers are added
to Storyboards. Page Numbers are now added via the "Label" object. Labels can be placed anywhere
on a Storyboard and, therefore, it is possible to add a random page number by simply adding a Label
and specifying "Page number" as the data. However, adding the same Label to a Header or Footer
will mean that the page number appears on every page.
To add a Page Number to the Footer follow these steps:
Open the Footer by selecting "Headers & Footers" from the "View" menu or by clicking on the
tool bar button. By default the focus moves to the Header, either scroll to the Footer or choose "Go to
Footer" from the right hand mouse menu.
23
Draw the Label in the Footer area as shown above and then select "Edit Label" from the right hand
mouse menu. To add the "Page Number" click on the "Add data..." button and select the required
format from the list. This will insert the page number as either a number or a word. If you wish to
prefix the number, type "Page" before the opening < of the data string. The Page number appears as
shown below:
24
The default Page Number is a simple number in a small font size. This can be re-formatted using the
same tools as used with Storyboard Labels. How to insert and format a label
25
Please note: The date and time do NOT update automatically within the same working
session. To update, please select the Date Label and choose "Refresh Date & Time. If the
Date Label is in a Header or Footer, all pages are updated.
26
Page
visualstoryboard is a multiple page document.
By selecting and clicking on "Insert Page" an extra page will be added to your storyboard.
Copying pages
Entire pages can be copied and pasted using the "Pages list" viewer. To copy, simply
select a page, right click and choose "Copy".
27
To paste the page, right click on the page you want to paste after.
28
Deleting pages
Right click on the page in the "Pages list" and select "Delete" from the menu.
A warning is issued to make sure you really did want to delete the page.
29
Placeholders
Placeholders provide the ability to plan a page layout and reserve space before knowing exactly which
content to use. A Placeholder is a rectangular object designed to accommodate; Options, 3D Store
views and 2D store planograms.
When an Option, Store view or Planogram object is dropped on to the Placeholder, the object is
aligned with the Anchor point on the Placeholder.
The Object is scaled to either fit inside the rectangle or to use the Anchor point and scale to a pre-set
scale factor. (See Option Placeholder or Store View Placeholders)
To insert a Placeholder
30
Option Placeholder
Store View Placeholders
Option Placeholders
The Option Placeholder is specifically designed for Option objects and can be associated with an
Option Template. This provides an incredible degree of flexibility and power when creating page
templates.
Default settings
By default the Option Placeholder is set to constrain the Option within the Placeholder
The results are highly predictable use of the page space with all garments being scaled to fit the
Placeholders as shown below.
31
Relative Scaling
By setting the Placeholder to Relative scaling, the images will be scaled relative to the garments
"Real" size. e.g. A garment that is 1 metre high (3' 3") when set to 10% relative scale will be drawn
at 10cm (3.9") high on the visualstoryboard.
The results are relatively scaled garments that have been attached to the Placeholder Anchor point.
This provides both predictable use of the page space and garments that can be viewed at the same
scale as shown below.
32
When the association is made, the Placeholder Properties are automatically replaced by the scaling
settings that form part of the option Template style details.
33
The results are Options positioned on the Placeholder Anchor point and styled as per the definition of
the Option Template.
34
35
Detaching a 3D view
The objects can be detached from the placeholder using the right-hand mouse menu. When
detached, the object appears on top of the Placeholder and preserves the scale settings inherited
from the Placeholder. To restore the object to its normal state, select "Refresh" from the right-hand
mouse menu.
Objects may also be deleted using the "Del" key. Deleting the object preserves the Placeholder.
Saving and Applying Storyboard Templates
Storyboard Templates are individual page layouts that can contain virtually anything; images,
spreadsheets, videos, words, Placeholders, Store views, etc. They are created within
visualstoryboard and stored in visuallibrary.
Creating and Saving a Storyboard Template
Build a storyboard to look like the template required. Insert Placeholders, graphics, labels or any
other objects that may be required. Format objects such as Placeholders by defining parameters such
as associated Option Templates etc.
36
37
38
Solid Fill:
Picture Fill
To assign a bitmap to a page background, select the file by clicking on the "File..." button. Please
note: you may need to alter the file type selection to see the file you want.
39
By default the image is positioned in the top left hand corner of the page and is displayed at 100% of
its original size. There are a number of options available to adjust the layout and appearance of the
image.
Stretching and positioning the image:
40
41
42
Option templates
How to make every inserted Option look the same
visualretailing Options can be styled with labels, lines, boxes and images using the Option Template
feature. This provides that ability to apply common styles to Options with a single click.
Creating an Option Template
43
Add data to the Option using the storyboard labels that access the visualretailing database
44
Add other items to define the style such as images, lines and additional labels.
Objects can be set to scale with the Option or can be a fixed size.
45
Objects are scaled and moved relative to the Anchor Point and it is possible to have both scaled and
fixed objects in the same Option Template. It is recommended that objects that are not set to scale,
should be positioned relatively close to the Option Anchor Point.
To save the Option Template, select all of the objects by dragging a Window around them. Choose
Save Option Template from the right-hand mouse menu, or from the Object menu.
46
47
Drop-down list
Option Placeholder
48
By default Options that are placed on a storyboard are inserted at a default scale. This default and
the other scale factors are entered in visualadministrator.
To apply a different scale factor, right-hand click on the Option and select the desired scale factor.
49
There are two ways of setting a custom size; Relative scaling and Container size.
50
51
Use the Add Label command from the context menu of any valid object. The resulting label will be
attached to the selected object.
Draw the label with the mouse using the Label tool, See Label (Tools menu).
After creating the label you may then enter some text in it, and format it as you wish. The "Format"
and "Edit Label" functions are available from the right hand menu.
52
See;
How to enter and change the text in a label
Format (Object menu).
How to enter and change the text in a label
After inserting a label you can put some text in it, and you may change the text at any time. Either
double click on the label object, or use the Edit Label command on the context menu. The Label
dialog appears, into which you may type or edit the text for the label. You may enter multiple lines.
If the label is attached to an Option object you will see an additional button called "Add Data". This
allows you to pick items from the visualretailing database which relate to the Option. The item will
be placed into the label text.
Note that in the Label dialog you will just see a marker for the data label. This will look something like
<%=option.option_name%> and this will be replaced with the actual data from the database
when you OK the dialog.
You may mix data label text and plain text in the same label object, for example you may want to
produce a label that says "The name of this option is Leather Jacket" which combines a piece of plain
text "The name of this option is" with the data label for the Option Name.
53
Also see Using text from other applications for better formatting
Rotating text
Text and virtually every other type of object can be rotated in visualstoryboard. To
rotate, select the object and grab and drag the handle at the top of the object.
54
55
56
57
When the mouse pointer is over the line end grips you will see a cross hair cursor, different to the
normal Move cursor. If you move an end grip onto another object, that end of the line will become
attached to that object. This does not happen when you move the entire line. To detach the end
simply move it off the object.
After creating the line you may then format it as you wish using the command Format (Object menu).
How to draw and format a box
You can use labels without any text as simple rectangular box shapes. These can be coloured, and
have various thickness borders etc.
58
To produce a shadowed box, place one label box on top of another as shown below:
Place on label on top of another. Use the "Move to back / Move to front"
the labels correctly.
functions to arrange
Format the uppermost label with a white fill and thin line border. Format the rear label with a grey fill
and no line.
When complete select both labels and choose "Group" from the right hand menu.
See How to insert and format a label.
General
How to create, open and save Storyboards
59
It is a good idea to save your document at regular intervals, to protect your work from unexpected
failures in your hardware.
To close the currently active Storyboard use the command Close (File menu).
How to insert a visualrange object
visualrange objects (Referred to as "Options" or "shapes") are the images and other data stored in
the visualrange database to allow a 3D Store model and masked 2D image to be created for each
Option. They are captured and processed using the visualshape application.
To get an Option object into visualstoryboard you can simply drag and drop the image object from
visualrange (from either the embedded or the floating filmroll, or the tree browser) straight across to
the Storyboard document.
Note that the picture stays inside the database. If you save a Storyboard document the file may
contain only a link to the picture in the database, and any changes made in the database will be
reflected next time you open the Storyboard. You may change this by resetting the embedding
preferences using the command Preferences (Preferences menu).
60
Search criteria can be keyed into any or all of the available fields. The search fields available from the
Toolbar include:
Option name
Option number
Style number
Criteria can include the * wild card. Where the * equals any character or number. more...
How to reverse a mistake
If you make a mistake in visualstoryboard you can correct it using the command Undo (Edit menu)
which reverses the previous operation.
This stores a long list of previous operations so you can keep undoing again and again. You can also
"undo an undo" by using the command Redo (Edit menu) which reverses the previous Undo.
Previewing pages in presentation mode
The Storyboard can be previewed as a presentation by pressing the F5 key. Moving up
and down the pages is achieved by pressing either the "Page Up" and "Page Down" keys
or the Up and Down cursor keys on the keyboard.
How to print a Storyboard Document
You should have selected the printer that you intend to print to, and defined the page size and
orientation, before inserting the first object on the page, as the size and shape of the Storyboard
page is defined by the printer settings for the current document.
If you did not do so, then use the command Print Setup (File menu) to do it now. If the page shape
changes after accepting any print setup changes, then you may have to make some changes to the
layout of the objects on your page.
61
The PDF file can be saved in two quality modes. The "Low quality" is best for small files
that will be viewed on a PC monitor. For files that are to be printed on high resolution
printers, the "High quality" mode should be used. However, please note that this quality
mode produces much larger files.
62
63
eSamples
How to insert an e-Sample
64
65
To move an Object, select it with the mouse and then use the Right, Left, Up and Down
cursor keys to move it.
How to resize objects with the mouse
Select an Object (this must be a single object, you cannot re-size a multiple selection of objects using
the mouse).
Each Object has eight grab handles or "grips" (little squares) around the focus rectangle.
66
The grips in the middle of the top and bottom edge change the height of the image, and the grips in
the middle of the left and right edge change the width of the object. Note that use of these middle
grips will change the aspect ratio of the object (i.e. distort it by changing its proportions).
The grips in the corners can resize both the width and height of the object, and will maintain the
aspect ratio (unless you hold down the Ctrl key at the same time). This is the best way to resize a
picture without distorting it.
Point with the mouse to the grips that you want to move then press and hold the left mouse button.
Drag the grip by moving the mouse to wherever you want to move it to. Release the mouse button
when the object is the correct size.
Note: the size operation can be cancelled by pressing the Esc key before releasing the mouse button.
If the grid snapping feature is turned on, see Grid Snap (Layout menu), then the grips will be forced
onto a grid point.
How to rotate objects with the mouse
Virtually all objects may be rotated on a Storyboard. To rotate an object, grab and drag the handle
that appears at the top of the object.
67
Note: the rotate operation can be cancelled by pressing the Esc key before releasing the mouse
button.
You can also rotate using the command Rotate (Object menu) which allows you to directly enter an
angle in degrees.
Note that you cannot rotate a multiple selection of objects using the mouse, you must use the Rotate
command.
Cropping objects
Objects, other than Options, are cropped on the Storyboard by selecting the "Crop" tool
When the "Crop" tool is selected the cursor changes shape when it hovers over the
"handles" at each corner and midpoint of an object.
68
To crop the image simply drag the "Handle" to the desired location. As can be seen from
the illustration below, objects may be cropped after they have been rotated.
69
It is quicker and easier to use the context menu than hunt for commands on the main menu, and you
may even prefer it to using the toolbar. To use a context menu simply click on the object with the
right mouse button, then click on the required command (with either button). To cancel the menu
without any action click anywhere outside the context menu.
How to insert an image
Use the command Image (Insert menu) to insert a copy of image files other than Option shapes and
e-samples.
Alternatively, simply drag and drop the file from Windows explorer.
70
71
To create a Catalogue you need to specify the Selection/File Set and you must have preprepared Storyboard Templates that have Option Placeholders already in position. If you
72
73
Choose which users groups need to have access to the "File list" by selecting the group
names in the "Publish to..." area. If the "File list" is only to be used by you, deselect all
of the tick boxes.
74
Command Reference
File menu
New
Toolbar
The New dialog will appear, from where you must choose a Document Template for your new
Storyboard document then click OK. Use Blank Document in the General folder if you do not want
to use any of the other templates.
See also How to use Document Templates
Open
Toolbar
Close
Close the current visualstoryboard document. If the document has changed you will be asked if you
want to save it.
Save
Toolbar
Saves the current visualstoryboard document to disk overwriting the previous copy on
disk. If the document has not been saved before you will be taken to the Save As dialog.
Save As
Saves the current visualstoryboard document on disk to a location and name that you specify. This
uses the standard Microsoft Windows Save As dialog. You should ensure that you are familiar with
this before operating visualretailing. Enter a File name that is suitably descriptive, for example:
Winter Coats Storyboard Choose a suitable folder from the Save in selector. You may create new
folders from here if you wish.
Save as Storyboard Template
To save a specific page as a "Storyboard Template" choose "Save as Storyboard
Template..." from the "File" menu.
visualstoryboard asks you to identify which page to save as the Template. Key in the
page number.
75
A dialogue box provides the ability to see the Template and enter descriptive attributes.
76
Command Reference
77
visualstoryboard asks you to identify the Template that is to be overwritten with a new
Template layout.
The second step is to identify which page in the current Storyboard contains the new
layout.
78
Command Reference
79
To create a Catalogue you need to specify the Selection/File Set and you must have preprepared Storyboard Templates that have Option Placeholders already in position. If you
want to see both Option images and data, the Option Placeholders must have an Option
Template associated.
80
Command Reference
81
The PDF file can be saved in two quality modes. The "Low quality" is best for small files
that will be viewed on a PC monitor. For files that are to be printed on high resolution
printers, the "High quality" mode should be used. However, please note that this quality
mode produces much larger files.
82
Command Reference
Once the "OK" button is clicked, a file save dialogue box appears.
Sample Quality Output:
83
Exit
Shutdown the visualstoryboard application. You will be prompted to save any unsaved documents.
Edit menu
Undo Move
Toolbar
Reverses the previous operation.
Redo
Toolbar
Cut
Toolbar
Cut (delete) the selection from the document and place on the clipboard.
Copy
Toolbar
Paste
Toolbar
Paste the contents of the clipboard into the current visualstoryboard document.
Paste Special
This command uses a dialog to allow you to choose one of several data formats available on the
clipboard, then inserts the chosen clipboard data into the document.
84
Command Reference
85
Delete
Remove the current Object(s) from the document.
Links
Edit the Links to OLE Objects that have been placed in the storyboard. The feature is used to reestablish a link when a file has been moved, or if the same template is being used with various
source files. For example; when 3 different store grades are feeding one store merchandising
directive.
86
Command Reference
The OLE Object view is updated from the new linked file as shown below.
View menu
Zoom
This brings up a sub-menu with a list of zoom factors which can be used to set the workspace
magnification factor.
Zoom In
Toolbar
Zoom Out
Toolbar
Set the zoom magnification to the next lowest factor.
Toolbar
87
Status Bar
Turns the status bar on and off.
Filmroll Toolbar [View menu]
Type topic text here.
Pages list
The "Pages List" shows thumbnails of the pages in a convenient dockable panel which is
turned on and off from the "Views" menu.
88
Command Reference
The "Page List" can be used for various other operations such as copying, moving and
deleting pages.
89
Option templates
The selection of "Option Templates" can be selected from the right hand mouse menu on
an Option or, it can be selected from the pull down list available from the toolbar.
90
Command Reference
Guides
91
Object menu
Refresh
Reloads a visualrange Option object from the database, but does not re-set its size.
Reset Size
Reset the size of the object to its size as originally inserted.
Move to Front
92
Command Reference
Toolbar
Move the selected object to the "front" of the display, making the whole of the selected
object visible (except for parts that are outside the window) and possibly obscuring other objects.
Move to Back
Toolbar
Move the selected object to the "back" of the display, possibly obscuring some or all of
the object by other objects that were originally behind it.
Lock [Object menu]
This locks the object in position.
This means it now cannot be moved unless you de-select this from the drop down list.
Grouping [Object menu]
Type topic text here.
Display
Use this menu to select the required method for displaying the current visualrange object.
Rotate
Shows a dialog so you can specify the rotation angle in degrees of the selected object. An object can
also be rotated by using the mouse, with the Shift key. See How to rotate objects with the mouse.
Not all objects can be rotated, but Option objects, and inserted image objects can be.
Format
Changes the visual appearance of the selected object. All similar new objects inserted after changing
the format of one will inherit the new format. The possible changes vary with the type of object
selected, and may include the following;
Colours and Lines
Changes the appearance of the lines and backgrounds associated with the selected object. This could
be a rectangular border, or a single line.
The Fill Style refers to the solid colour background of a rectangular object. You may select a
Colour, or by ticking the Transparent checkbox you may make the object transparent, so that only
the border is drawn, and other objects can be see through it. Fill Style is not applicable to Line
objects.
The Line Style refers to the appearance of borders or lines. You may change the Colour, The
Style, or the Width.
The Arrow Style refers to arrowheads that may be placed at either the beginning or end of a Line
object. You may change the Style and Size of each end. Arrow Style is not applicable to Label
objects.
The Preview at the bottom of the dialog shows how the line(s) will look.
Text Appearance
Changes the appearance of all the text associated with the selected object. You may change the Font
details using the Other button. This brings up the Microsoft Windows Font dialog, from where you
can select the Font, the Style, the Size, the Colour and so on. You can also select the Vertical and
Horizontal alignment to position the text within the object, and decide whether the text should
Wrap onto multiple lines.
Shadows
You can add shadows to any object.
Select the object and select format.
93
For an Option object opens visualrange Viewer showing full details of the object, and allowing you to
change those details (if you have suitable permissions).
Open Store Shape
Opens the visualshape application, which allows you to modify the Store Shape. The Store Shape
includes the image of the Option, plus the mask which removes the background.
Properties
Shows the properties of the object, and may allow you to change some of them.
Save Option Template
Saves the current Option and associated objects in to the visualretailing database. more...
Insert menu
Page
visualstoryboard is a multiple page document.
By selecting and clicking on "Insert Page" an extra page will be added to your storyboard.
Insert Multiple Pages
To insert multiple pages, simply choose this option and choose the number of pages you want to
insert.
94
Command Reference
Placeholders
Placeholders provide the ability to plan a page layout and reserve space before knowing exactly which
content to use. A Placeholder is a rectangular object designed to accommodate; Options, 3D Store
views and 2D store planograms.
95
Option Placeholder
Store View Placeholders
Label
Inserts a label. If a single object in the Storyboard is selected then the label becomes attached to that
object, and will move with it.
When a label is attached to a visualrange object, the labels may contain data from the
visualretailing database.
If nothing is selected (or multiple objects are selected) then a free floating label is inserted at the top
left of the document. This is not attached to another object, and cannot contain Option data from the
database.
Allows you to select an image file from disk to insert into visualstoryboard.
New Object
Insert a new OLE object. You will be presented with a dialog so that you can select which type of OLE
object to insert, and whether or not to create from a file.
Insert Template Anchor Point
96
Command Reference
When inserting an option, this gives you the opportunity to anchor that option to a certain point,
using the positioning star.
Layout menu
Grid snap
Toolbar
Turns the Grid Snap feature on or off.
With grid snap turned on the positioning of all vertices (e.g. the end of a line, the corner of a
rectangle) is forced to the nearest grid point. This is very useful for lining up objects, and setting
them to the same size.
Note that when moving or re-sizing an Option object, the top left corner will be forced onto a grid
point, but the bottom right will not be, because to do so could distort the image, by changing the
aspect ratio.
To vary the spacing of the grid, and to decide how to display it, use the Grid Snap tab on the
Preferences dialog. See Preferences (Preferences menu).
With grid snap turned off, you may position the vertices anywhere.
Guide Snap
As with grid snap, this gives control to ensure that all guides can have objects snapped to the guide
lines.
Tools menu
Move
Toolbar
This is the normal, or default tool, available when visualstoryboard is first started.
When this tool mode is selected, you are able to use the mouse to select, move, resize, and rotate
objects.
Label
Toolbar
Starts the Label tool, which allows you to draw a label with the mouse.
Hold down the mouse to define the first corner, then drag and release to define the opposite corner.
The Label tool automatically reverts to the Move tool after drawing a line. If the first corner is inside
another object then the resulting label will be attached to that object.
You can now change individual labels in vrStoryboard, formatting them with font, size, bold, italic,
etc.
97
Once you have selected your Label, right click and you will be able to enter your text.
You can then format your text by highlighting and formatting with the options available.
Line
Toolbar
Starts the Line tool, which allows you to draw a line with the mouse.
Hold down the mouse to define the beginning, then drag and release to define the end. The Line tool
automatically reverts to the Move tool after drawing a line.
If either end is inside another object then the line end will be attached to that object, and will move
with it. It will be obvious when attachment is going to occur, because the object boundary will
change to blue, and a "drawing pin" cursor will appear.
To detach a line end from an object, simply move it outside of the object's boundary rectangle.
If the grid snapping feature is turned on, see Grid Snap (Layout menu), then the line ends will be
forced onto a grid point.
We now have many variations to choose when drawing a line:
98
Command Reference
Preferences menu
Preferences
This dialog box allows various parameters to be set defining how visualstoryboard should work on
your workstation. It is divided into several tabs.
99
Embedding tab
The settings on this tab only need to be changed once to suit your computer and printer. They are
saved in one place on your computer (the registry), not in individual Storyboard documents.
Defines when to embed the Option objects within the document, as opposed to just keeping a link
pointer in the document.
Insertion tab
The settings on this tab may be changed to suit each and every Storyboard document. They are
saved in each and every document, including the template documents.
Allows you to decide which Option image to use when you first insert an Option into Visual
Storyboard.
You may also set the scaling here. This defines at what percentage of the size of the real garment
should the Storyboard representation be when first inserted. If set to 10% for example, then a
garment with a real height of 650 mm will appear in Visual Storyboard with a height of 65 mm,
when printed onto paper.
Grid Snap tab
The settings on this tab may be changed to suit each and every Storyboard document. They are
saved in each and every document, including the template documents.
Defines the grid used for aligning objects on the page.
Use the Show as settings to draw the grid as Dots or Lines, or make it invisible (Off).
Use the Grid Spacing to set the spacing of the grid. The horizontal and vertical spacing may be
different.
100
Command Reference
When the Grid Snap is switched on using the command Grid Snap (Layout menu) the objects on the
page can only be moved and sized to exact multiples of the grid spacing.
Printing:
Should you experience issues when printing to a Postscript printer, such as black backgrounds to
Option images, tick the "Use Print Buffer" box.
Page numbering:
If a Storyboard file is part of a sequence of documents, and the first page needs to be
something different to "1", a new starting page can be set in the "Preferences" dialogue
box.
The page number is now displayed when using this in multiple page.
Window menu
New Window
Open another window containing the same document as the current window. This is useful if you
wish to view two different areas of the same large document.
The second view window will appear with its own tab, and will have a numeric suffix on the end to
identify the two views, for example, MyDoc:1 and MyDoc:2
Cascade
Use this command to arrange multiple opened document windows in an overlapped fashion.
101
Help menu
Contents and Index (Help menu)
Start visualstoryboard help.
About visualstoryboard
Toolbar
Display information about the visualstoryboard application including copyright and the
full version number.
102
Index
1
Anti-ailiasing ...............................................9
1 5
10
Option Templates................................... 52
2D planograms ......................................... 34
3D ....................................................1, 9, 34
Detaching ............................................. 34
fits ....................................................... 34
Option............................................. 19, 56
A file .......................................................... 9
A visualretailing .......................................... 9
Applying ................................................ 39
visuallibrary........................................... 36
Better formatting....................................... 61
other applications................................... 61
Between ................................................... 14
Moving .................................................. 14
Use .................................................19, 56
Adding ..................................................... 26
graphics ................................................ 26
Adobe .................................................. 9, 61
Box ............. 5, 25, 48, 64, 68, 81, 83, 91, 110
format................................................... 64
Option Templates................................... 52
Another...................................................... 5
103
storyboard ............................................ 36
Covered................................................ 5, 75
Catalogue ............................................78, 87
create ................................................... 87
Creating ................................................ 78
How ...................................................... 65
Category .................................................. 52
104
Index
Detaching................................................. 34
3D ........................................................ 34
insert .................................................... 70
E-Sample file............................................. 71
put ....................................................... 71
sending ................................................. 71
Dockable .................................................. 98
ESamples....................................................5
Document ................................................ 83
Esc key..................................................... 72
Exit ............................................................5
Down ....................................................... 72
Duplicate.............................................. 5, 71
File Info.................................................... 90
Links .................................................... 96
File menu 5, 36, 65, 67, 68, 78, 83, 85, 87, 91
Edit Cut.................................................... 94
Filmroll ..................................................... 66
105
Fits .....................................................31, 34
3D ........................................................ 34
Header ........ 5, 13, 14, 15, 18, 23, 25, 26, 102
Placeholders .......................................... 31
Floating.................................................... 66
filmroll .................................................. 66
How ......................................................... 65
Footer ..........5, 13, 14, 15, 18, 23, 25, 26, 102
Format 5, 9, 19, 21, 23, 31, 36, 56, 58, 61, 63,
64, 68, 91, 94, 104
box....................................................... 64
label ................................................19, 56
line ....................................................... 63
Formatted using ....................................... 23
From the .................................................. 98
Front ...................................... 5, 75, 77, 103
Move ................................... 5, 75, 77, 103
G
Glossary ................................................. 5, 9
terms.................................................. 5, 9
Go
Footer .................................................. 23
Graphics................................................... 26
Adding .................................................. 26
Grid snap ............ 5, 13, 71, 72, 108, 109, 110
106
Index
I
format................................................... 63
Ie 9
Including .................................................... 1
Index ......................................................... 5
Edit....................................................... 96
Insert 5, 15, 19, 23, 36, 56, 61, 66, 70, 76, 77,
78, 94, 108, 110
Low.................................................... 68, 91
e-Sample .............................................. 70
Option ................................................ 110
Placeholder .................................... 30, 106
Storyboard into another application ......... 78
Insert Menu.........................................19, 56
Insert other OLE objects ........................ 5, 77
Insert Placeholders ................................... 36
Inserting Pages........................................... 5
Internet ............................................ 71, 108
K
Keep Aspect Ratio ..................................... 91
L
Label .... 1, 5, 9, 13, 19, 21, 23, 25, 36, 48, 56,
58, 61, 64, 71, 77, 104, 107, 108
M
M L .......................................................... 54
Manipulate objects .................................... 77
Maximised .............................................. 112
Medium .................................................... 55
Microsoft .......................................... 1, 9, 61
Microsoft Windows .................................. 1, 9
Microsoft Windows Font dialog ................. 104
Microsoft Word,......................................... 61
Microsoft's Object Linking........................... 95
Modify
Store Shape......................................... 105
Mouse ........................................... 71, 72, 73
Move (Tools menu) ................................. 108
format .............................................19, 56
Large ....................................................... 55
between ................................................ 14
Left.......................................................... 72
Line .... 5, 9, 13, 14, 21, 48, 58, 63, 64, 71, 77,
104, 108, 109, 110
end .................................................... 104
N
New ......................................................... 83
New dialog ............................................... 83
107
contain....................................................1
Object ..... 31, 36, 59, 71, 72, 75, 95, 103, 105,
110
default .................................................. 31
Applying ................................................ 52
Associate ......................................... 31, 52
Browsing ............................................... 52
Creating ................................................ 48
Save ..................................................... 48
Option Templates provide .......................... 31
Option, 2D .............................................. 1, 9
Option, e-Sample ...................................... 73
Organised ................................................. 52
Orientation .............................. 13, 67, 90, 91
Other applications ..................................... 61
better formatting ................................... 61
108
Index
Other button .......................................... 104
Other objects............................................ 26
Preserves ................................................. 34
Placeholder............................................ 34
Deleting ................................................ 29
F5 key............................................. 13, 67
Page Up ..............................................13, 67
Paste ..................................................71, 94
Publish ..................................................... 81
Put ........................................................... 71
fit 31
preserves .............................................. 34
setting .................................................. 31
Re-colouring ...............................................1
Recommended .......................................... 34
planograms ........................................... 34
recommended ....................................... 34
Redo .................................................... 5, 67
Refresh Date............................................. 25
109
visualstoryboards .....................................1
Scaling ..................................................... 54
Options ................................................. 54
Resize objects......................................72, 77
Searching ................................................. 98
Options ................................................. 98
See ........5, 13, 19, 25, 56, 75, 78, 83, 87, 102
Reverses .................................................. 94
object ................................................... 75
Select 5, 13, 15, 18, 23, 25, 27, 29, 55, 59, 61,
68, 71, 72, 74, 77, 78, 81, 85, 87, 91, 100,
102, 103, 104, 107, 108
Right ....................................................... 72
S 54
Same
e-Samples ............................................. 71
visualstoryboard..................................... 90
Set ........................................................... 97
zoom .................................................... 97
Save As ................................................ 5, 83
Storyboard ............................................ 67
Size.....5, 9, 13, 14, 23, 31, 48, 54, 55, 72, 77,
90, 91, 103, 104
110
Small........................................................ 55
Index
Solid Fill ................................................... 39
Sound ...................................................... 77
Time ........................................................ 25
Storyboard ............................................ 25
To update ................................................. 85
Build ..................................................... 36
Tog file.......................................................9
shape ................................................... 67
Time..................................................... 25
view ..................................................... 67
Topics ........................................................5
Applying ............................................... 36
Browsing............................................... 38
Saving .................................................. 36
Style ............................ 9, 31, 34, 48, 66, 104
change ............................................... 104
Such as copying ........................................ 98
T
111
Visualstoryboards ................................ 1, 5, 9
saving .....................................................1
Storyboard ............................................ 67
Copy ..................................................... 95
Windows object...........................................9
Visualisation ............................................. 34
access .................................................. 36
Options ...................................................5
XS ........................................................ 5, 54
Zoom ................................................... 5, 97
Set ....................................................... 97
Visualretailing ....................................1, 9, 61
Zoom In ............................................... 5, 97
including ................................................. 1
112