Introduction to iStudio Publisher · Introduction to iStudio Publisher 1.1 How to flow text to another shape When text overflows a shape you will see a red cross at the bottom right

Introduction to iStudio Publisher 1.1

Sit back, relax...

...and we'll show you around.

2


What does what

(and where it is)

(1)


iStudio Publisher layout overview

Toolbar

ShapeLibrary

Zooming PageNavigation Show / HideTheInspectorsToolkit

4


Toolbar

Along the top of the screen, you will probably use thesebuttons regularly:

5

Save Undo;

Redo

Cut; Copy;

Paste; Duplicate

Show Master Page;

Show Body Pages

Snap toguides;

Snap togrid

Showguides;

Showx-hair

Working;

Previewmodes

Group;

Ungroup

Ordering on page

(To front, to back)

Rotate shapes Flipshapes

Align shapes

Print


Toolkit

At the top left of your screen is where you can:

Select and edit shapes

Modifying a shape

Draw a straight line

Select and modifyimages within shapes

Set up text flows

Draw a curve

Select and edit text

Rotate shapes

Create any shape withthe Multi-Line Tool

Add a blank shapein text mode

Write along a line orthe outside of a shape

Scribble

6


The Shape Library

A series of pre-built shapes to kick-start your designs:

Click and dragto draw thatshape to thesize you desire.

7

Click on any shape to select it,then move to your page.


Navigation

Move around your document withthe greatest of ease.

Zoomtocanvas

Zoomtocanvas

Zoomtopage

Zoomtoselected

Zoominandout

Zoomlevel

Move between pages Select page

8

+ scroll wheel

= Smooth zoom

+ click & drag

= Pan

Thesenavigationbuttons areacross thebottom ofthe screen:

Moving around with the mouse


Show / Hide Application Sections

Show or hide sections of the user interface by usingthis panel at the bottom right of your screen:

Inspectors

Stylecatalogues

ShapeLibrary

Toolkit

Rulers

Show or hide:

PageThumbnails

9


The Color Chooser

The standard apple colorchooser is used in iStudioPublisher.

10

Note: This allows you to share yoursaved colors with other applications.


Inspectors

Welcome to the business

end of iStudio Publisher.

This is where you have the powerto edit and manipulate anyshapes, text and their interactionwith each other.

11


The Inspectors

(learn to control the power)

(2)


Document Inspector

Set your page grid.Set the margins around theedge of the page.

13


Page / Spread Inspector

Add and remove pages and spreads to your document here.

14


Lorem ipsum dolor sitamet, consecteturadipiscing elit. Ut nisllorem, pulvinar egetpulvinar sed,porttitor et nisl.Nunc mi elit,tempor quiscommodo quis,ultricies sit amet

enim.

Shape Inspector

Set the size and location.Set the text wrapping.

X

ywidth

height

Set the shapes overall opacity.

15


Line Inspector

Create a variety of line styles for single lines, or shapes.

=

16


Fill Inspector

Create a variety of solid or gradient fill styles.

Overlay shapes and adjust the opacityof each fill to create some cool effects.

17


Image Inspector

Scale them, stretch them, cropthem, tile them.

Loads of cool things to try here.

Try placing an image in a starshape, reducing its size, thenselecting Tile under the Fit menu:

18


Shadow Inspector

Shadow shapes or transparent images with many coloursusing the versatile Shadow Inspector.

Shadow a PDF

Shadow a shape Shadow an image

no shadow shadow

19


Text Containers Inspector

Create any shape, then add your text columns.

Column Width

Gutter Width

Inset Distance

20


Character Inspector

Here is where you change theappearance of the characters inthe text.

For example:

my textmy text my textmy text

my text21


Paragraph Inspector

Here is where you change the appear-

ance of the paragraphs and you can:

Align Left, Right, Centred or use the

four fully Justified modes.

Push a paragraph to start at the top

of next column.

Hyphenate a paragraph.

Add Spacing before and after

paragraphs and between the lines.

Indent the first line of a

paragraph, the whole of the left of the

paragraph (minus the first line) or the

right hand side.

22

Introduction to iStudio Publisher 1.1 3

(3)Shapes

(the basis for all content)


Shape overview

The starting point for all content is a shape, which you create usingthe Shape Library or any of the drawing tools.

A shape is a container in which

you can add any combination of:

text in columns;

an image:

a line style;

a fill style;

text along its outline path;

and a shadow

Lorem ipsumdolor sit amet, con-sectetur adipiscing elit.Ut nisl lorem, pulvinareget pulvinar sed,porttitor et nisl.Nunc mi elit, tem-por quis commodoquis, ultricies sitamet enim. Ali-quam posuereauctor est sedegestas. Quisque inlaoreet eros. Sus-

pendisse lacus nisi,porttitor in sodales quis,

pellentesque id felis. Proinsemelit, auctor nec consecte-

tur vel, feugiat quis ipsum. Nullalectus nisl, laoreet tristique ullam-

corper non, iaculis ultricies tortor.Aenean vestibulum egestas ultrices.Sed ante metus, vestibulum ut ornareut, rhoncus a ipsum. Vivamus aliquameleifend lacus, in dapibus estpulvinar vel. S u s -

pendisseet leo ut augue fringillahendrerit a quis nunc. Aliquam fringillapurus vitae nunc blandit eget aliquamipsum adipiscing.

Lorem ipsum dolor sit amet, con-sectetur adipiscing elit. Ut nisllorem, pulvinar eget pulvinarsed, porttitor et nisl. Nuncmi elit, tempor quis com-modo quis, ultricies sitamet enim. Aliquamposuere auctor estsed egestas.Quisque in laoreeteros. Suspendisselacus nisi, portti-tor in sodales quis,pellentesque id fe-lis. Proin sem elit,auctor nec consecte-tur vel, feugiat quis ip-sum. Nulla lectus nisl,laoreet tristique ul-lamcorper non,

iaculis

Loremipsum

dolorsitamet,consectetu

radipiscing eli

t. Ut nis

l lorem, pulvinar eget pulvinar sed, port

oretnisl.Nuncmi elit, tempor quiscommodoquis,sitametenim.A

liquamposuereauc

torestsed.

24


Creating shapes:

2. The Multi-Line Tool

1. Straight Line Tool

Click, move and click. Simpleas that to create a straightline.

You can create any shape you canthink of, by using the sparkly newMulti-Line Tool head up display.

As you draw, click on each item,or press 1 to 7 and T, N, H and V to letyour imagination run wild. Just double clickto finish drawing at any time.

Once you have drawn your funky shape,you can insert an image and text within it,as you can with all shapes created iniStudio Publisher.

Lorem ipsum dolorsit amet, consectetur

adipiscing elit. Ut nisl lorem,pulvinar eget pulvinar sed,porttitor et nisl. Nunc mi elit,tempor quis commodo quis,ultricies sit amet enim.Aliquam posuere auctor estsed

egestas. Quisque inlaoreet eros. Suspendisselacus nisi, porttitor insodales quis, pellentesque idfelis. Proin sem elit, auctornec consectetur vel, feugiatquis ipsum. Nulla lectus nisl,laoreet tristique ullamcorpernon, iaculis ultricies tortor.Aenean vestibulum egestasultrices. Sed ante metus,vestibulum ut ornare ut,rhoncus a ipsum. Vivamusaliquam eleifend lacus,

in dapibus est

25


Creating shapes (part deux):

4. The Freeform Scribble Tool

3. Bezier Curve Tool

Click, move, click and then move around to startforming a curve.

The curve passes through all of your click points.

It's really useful for creating curved text paths.

Just like picking up a pencil.

Just select then draw!

26


How to add text to a shape

First, create a shape.

In this case it's an egg shapefrom the Shape Library.

Select the Text Tool and clickinto the shape.

Now just type or paste textinto the shape.

Lorem ipsumdolor sit amet,

consectetur adipiscingelit. Ut nisl lorem, pulvinareget pulvinar sed, porttitor etnisl. Nunc mi elit, tempor quiscommodo quis, ultricies sit ametenim. Aliquam posuere auctor estsed egestas. Quisque in laoreeteros. Suspendisse lacus nisi, porttitorin sodales quis, pellentesque id felis.Proin sem elit, auctor necconsectetur vel, feugiat quis ipsum.Nulla lectus nisl, laoreet tristiqueullamcorper non, iaculis

ultricies tortor.

27

Note: If your document is to include lots of text,we recommend preparing the text in a wordprocessor and then using copy and paste to bringit into iStudio Publisher for layout, formatting andfinal editing.


How to add columns to a shape

Select the shape with the text in it whilst using the Pointer Tool.

Go to the Text Containers Inspector to add columns.

Loremipsum

dolor sitamet,consecteturadipiscing elit.Ut nisl lorem,pulvinar egetpulvinar sed,porttitor et nisl.Nunc mi elit,tempor quiscommodoquis,

ultricies

sitametenim.Aliquamposuereauctor est sedegestas.Quisque inlaoreet eros.Suspendisselacus nisi,porttitor insodales quis,pellentesqueid felis.Proin

=

28


How to add an image

Select a shape.

In this case we'll stick with the egg shape from the previous page.

Then you can either:

1. Choose menu option Insert > Image;

or

2. Select the Image checkbox in the Image Inspector.

Loremipsum


ultricies


29

Note: You can insert the followingfile types:

Insert menu > Image:

BMP, GIF, ICNS, ICO, JPEG, JPEG2000, PICT, PNG, PSD and TIF files.

Insert menu > PDF, EPS, AI

PDF, EPS, AI


How to manipulate an image

Select a shape with the image then either:

1. Go to the Image Inspector to changethe settings;

or

2. Select the Image Tool, doubleclick the image to set its Fitmode to Manual, then move,scale or rotate the image.

Loremipsum


ultricies


30


How to flow text to another shape

When text overflows a shape you will see ared cross at the bottom right hand corner.

You can flow this text into another shape,or around a text path.

Select the Text Flow Tool.

Click on the origin shape.

Then click the destination shape.

Note: You can dothis across pages byusing the pagenavigation tools.

31


How to write text along a line

and the outside of a shape

Select the Text Along Path Tool.

Hover over any line and you will see'Click to Type on Path'.

Click on the line and off you go!

Loremipsum


ultricies


sem elit, auctornec consectetur vel,

feugiat quis ipsum. Nullalectus nisl, laoreet tristiqueullamcorper non, iaculisultricies tortor. Aeneanvestibulum egestas ultrices.Sed ante metus,vestibulum ut ornare ut,

rhoncus a ipsum.

Click onthe

lineand

thenyoucantyp

earound

the

edge!

32


How to modify a shape

Select the Reshaping Tool.

Select an image and you will see node handles.

Click and drag the orange and purple nodehandles to modify the shape.

33


Shape breakdown

Loremipsumdolor sitamet,consecteturadipiscingelit. Ut nisllorem,pulvinar egetpulvinar sed,porttitor etnisl. Nunc

mi

elit,temporquiscommodoquis,ultricies sitamet enim.Aliquamposuereauctor estsed egestas.Quisque inlaoreeteros.


mi



mi


Thisissom

e text writing

alongthe

outsideoftheeggsh

ape.

Line style Shadow Fill style

Text Image Text around

A shape can be made up of the following items, which areautomatically layered.

34


(4)Making life easier

(shortcuts you wish you knew before)


Handy shortcuts

Normal mode

Preview mode

Show / hide grid

Group

Ungroup

Duplicate shape

Rotate 5° anti

Rotate 5° clockwise

To front of page

To back of page

ctrl + + n

ctrl + + p

ctrl + + g

+ g

+ shift + g

+ d

ctrl + + shift +

ctrl + + shift +

ctrl + +

ctrl + +

36

ACTION SHORTCUT


Panning and zooming

+

-

ctrl + 0

+ 0

+ shift + 0

+ 1

+ 2

+ 3

+ 4

+ 5

ctrl + x

ctrl + z

Zoom in 10%

Zoom out 10%

Zoom to selected

Zoom to page

...to page width

Zoom to 100%

Zoom to 200%

Zoom to 300%

Zoom to 400%

Zoom to 500%

Zoom out tool

Zoom in tool

37

ACTION SHORTCUT

+ scroll wheel

= Smooth zoom

+ click & drag

= Pan

Moving around with the mouse


Shortcuts for Selecting Tools

ctrl + a

ctrl + i

ctrl + s

ctrl + f

ctrl + l

ctrl + b

ctrl + t

ctrl + e

ctrl + r

ctrl + p

ctrl + m

ctrl + g

ctrl + x ctrl + z

38

SHORTCUT SHORTCUT


Moving between pages

Moving between shapes

First Page

Previous Page

Next Page

Last Page

ctrl + +

ctrl + +

ctrl + +

ctrl + +

Cycle through shapes

Cycle the other way

Select all shapes

Select inverse

Tab

Shift + Tab

+ + a

+ + shift + a

39

ACTION SHORTCUT

ACTION SHORTCUT


Seeing double and the window

Maximize working area

New document window

+ + 0

+ shift + n

Selecting new document window allows you to have many windowslooking at the same document at the same time.

40

ACTION SHORTCUT


(5)New Document Dialog

(setup a single page or a 900 page book)


The New Document Dialog

The New Document Dialog lets you setup a large number of pagesthat automatically flow text from one to the other, with a defaulttext container on each page, with columns in each. Here you can:

42

Set the page size.

Set the number of pages.

Set if the pages are to bedisplayed in pairs usingspread editing mode.

Here is where you create adefault text container oneach page and link themtogether. You can set thenumber of columns too.

Set the margins for thepage and the textcontainer here.


The New Document Dialog

The result

Here is the document setupas on the previous page.

Page 1 Page 3

Page 5

Page 2

Page 4 Page 6

Text

Default Text Container

Columns & Gutter

Margins

Link Pages Together

43


Legal

iStudio Publisher

© 2009 c:four limited. All rights reserved. iStudio is a trademark ofc:four limited registered in the United Kingdom and other countries.

Other product and company names mentioned within this documentmay be trademarks of their respective companies.

Because c:four frequently release new versions and updates to itssoftware, images shown in this book may be different from what yousee on your screen.

This document has been completely created in iStudio Publisher 1.1.You can download the iStudio Publisher ispx file from the gallery at...

www.istudiopublisher.com

44

Documents

Introduction to iStudio Publisher · Introduction to iStudio Publisher 1.1 How to flow text to another shape When text overflows a shape you will see a red cross at the bottom right