Introduction to iStudio Publisher · Introduction to iStudio Publisher 1.1 How to flow text to...
Transcript of Introduction to iStudio Publisher · Introduction to iStudio Publisher 1.1 How to flow text to...
Introduction to iStudio Publisher 1.1
Sit back, relax...
...and we'll show you around.
2
Introduction to iStudio Publisher 1.1
What does what
(and where it is)
(1)
Introduction to iStudio Publisher 1.1
iStudio Publisher layout overview
Toolbar
ShapeLibrary
Zooming PageNavigation Show / HideTheInspectorsToolkit
4
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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.
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
The Color Chooser
The standard apple colorchooser is used in iStudioPublisher.
10
Note: This allows you to share yoursaved colors with other applications.
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
The Inspectors
(learn to control the power)
(2)
Introduction to iStudio Publisher 1.1
Document Inspector
Set your page grid.Set the margins around theedge of the page.
13
Introduction to iStudio Publisher 1.1
Page / Spread Inspector
Add and remove pages and spreads to your document here.
14
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
Line Inspector
Create a variety of line styles for single lines, or shapes.
=
16
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
Text Containers Inspector
Create any shape, then add your text columns.
Column Width
Gutter Width
Inset Distance
20
Introduction to iStudio Publisher 1.1
Character Inspector
Here is where you change theappearance of the characters inthe text.
For example:
my textmy text my textmy text
my text21
Introduction to iStudio Publisher 1.1
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)
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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.
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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
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
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
Introduction to iStudio Publisher 1.1
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
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
30
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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
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
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
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
Shape breakdown
Loremipsumdolor sitamet,consecteturadipiscingelit. Ut nisllorem,pulvinar egetpulvinar sed,porttitor etnisl. Nunc
mi
elit,temporquiscommodoquis,ultricies sitamet enim.Aliquamposuereauctor estsed egestas.Quisque inlaoreeteros.
Loremipsumdolor sitamet,consecteturadipiscingelit. Ut nisllorem,pulvinar egetpulvinar sed,porttitor etnisl. Nunc
mi
elit,temporquiscommodoquis,ultricies sitamet enim.Aliquamposuereauctor estsed egestas.Quisque inlaoreeteros.
Loremipsumdolor sitamet,consecteturadipiscingelit. Ut nisllorem,pulvinar egetpulvinar sed,porttitor etnisl. Nunc
mi
elit,temporquiscommodoquis,ultricies sitamet enim.Aliquamposuereauctor estsed egestas.Quisque inlaoreeteros.
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
Introduction to iStudio Publisher 1.1 3
(4)Making life easier
(shortcuts you wish you knew before)
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1 3
(5)New Document Dialog
(setup a single page or a 900 page book)
Introduction to iStudio Publisher 1.1
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.
Introduction to iStudio Publisher 1.1
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
Introduction to iStudio Publisher 1.1
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