Professional Documents
Culture Documents
4 October 2013
Table of Contents
1.
2.
3.
4.
5.
6.
7.
8.
9.
1.
1.1
2.
cases, just needs to use the Edit bar and the context menu
functionality without having to access palettes and/or menus,
where a user can find functionality of a more specialized
nature.
In addition, the position and arrangement of certain interface
components can be customized to make it easier for users to
access frequently used features and actions.
The CCI LayoutChamp interface consists of six key
components:
Menu bar
Title bar
Edit bar
Tools
Application area
Palettes/task panes
10
2.1
11
12
13
14
2.2
Tools
Note: If the user holds down the space bar, all tools except
the Text tool will turn into the Hand tool.
15
16
17
Article Tool
The Article tool is used to draw article shapes on the page.
By default, the Article tool uses the Current Column Model mode to draw articles with columns that conform to the number
and size of columns defined in the column model.
The Custom Column Model option can also be selected from the Article tool fly-out menu. This mode allows a user to create
an article layout based on a custom number of columns.
Each tool has a fly-out menu where additional mounting options can be selected.
Note: For all relevant mount tools, the Shift key can be used to mount the text to the bottom of the article shape.
18
Mount on Page
The Mount on Page tool is used to mount elements directly to the page, independent of an article. The Mount on Page tool
fly-out menu contains the following additional mounting tools:
Mount in Article
The Mount in Article tool is used to mount elements inside existing articles on the page. The Mount in Article tool fly-out
menu contains the following additional mounting tools:
19
Mount in Figure
The Mount in Figure tool is used to mount text into a figure shape, such as a circle or a square. The Mount in Figure tool
applies only to text and cannot be used to mount articles or items from the Shapes palette. The Mount in Figure tool fly-out
menu contains two mounting tools:
20
To draw a square or circle of equal proportions, select the appropriate tool and Shift+drag on the page.
Line
The Line tool is used to create lines. The Line tool fly-out menu contains three line tools:
Mask
The Mask tool is used to create masks on images on the page. The Mask tool fly-out menu contains additional options for various
mask shapes:
21
Eyedropper
The Eyedropper tool allows users to copy formatting, colors and strokes from texts and figures and then format other
text/figures with the copied formatting.
Zoom
The Zoom tool is used to zoom in and out of pages.
Hand
The Hand tool is used to quickly pan over a page. Users can toggle to the Hand tool by holding down the space bar when any
tool is selected other than the Text tool.
22
2.3
Edit Bar
The Edit bar is the most important access point for actions and options in CCI LayoutChamp. The Edit bar displays the most
relevant functions based on the tools and elements selected, and it holds all the most common functions that a user needs to
complete daily tasks.
The Edit bar consists of separate bricks, each containing a set of related actions. Separators indicate where one brick ends and
a new brick starts. From the Edit bar menu, the user can customize which bricks are displayed and in which order. The contents
of a single brick are predefined and cannot be changed.
The Edit bar can be docked to the top or bottom of the CCI LayoutChamp window, or it can be floated within the application area.
The bar can also be turned on/off from the Window menu.
The Edit bar is context sensitive: The actions/options displayed are determined first by whether the Pointer tool or Text tool
is selected and second by the type of component selected on the page.
23
24
25
26
27
28
is selected, the Edit bar shows formatting-related functions according to what is selected on the page.
The Edit bar is divided into a Character Edit bar and a Paragraph Edit bar. A user can toggle between the Character Edit
and Paragraph Edit bars by clicking the / buttons in the Edit bar.
29
30
2.4
Context menus
Unlike the menus that appear at the top of your screen, context-sensitive menus display functions related to the selection and the
active tool. You can use context menus to quickly choose common functions.
The functions that are available in the context menus depend on two things: the type of object selected on the page (article,
text, photo, graphics or figure) and the selected tool in Tools.
If a selected tool has more tool options, these options are always listed first in the context menu, under the name of the tool:
31
2.5
32
33
34
35
2.6
Menus
File menu:
Functionality for outputting and saving pages
Access to the Shopper application
Edit menu:
Functionality for editing text/articles/objects,
including Cut, Copy and Paste functions
Access to Spellcheck and text editors
Preferences and Keyboard Shortcuts
Type menu:
Formatting options, such as Font and Size
Special characters
Object menu:
Options for aligning, arranging, fitting and applying
effects to objects
Grouping and soft grouping
Masking images
Article menu:
Functionality for creating and ordering articles
Jump story options
Options for selecting article tag sets
Functionality for working with relations to a source
page
Pages menu:
Functionality for creating spreads, updating master
pages and choosing page check options
State functionality, i.e. Editorial Ready and Design
Ready
View menu:
Options for viewing pages, including zoom options
Display options such as Pasteboard and Article
Outlines
Column/register grids and Snap options
Window menu:
Access to palettes
Functionality for saving window setup
36
2.7
View Options
Fitting options:
Fit Screen
Fit Width
Fit Height
100%
Zoom factor
Options for grids, guides and other displays:
Column Grid
Register Grid
Guidelines
Article Outlines
View Notes
Screen modes:
Preview displays content on the page
Outline Dummy Elements shows outlines
around dummy content only
Outline All shows outlines around all content
Progress shows a dynamic display of
production states
Options for displaying and selecting pages
Page Range
Next Page
Previous Page
Select Jump Story Pages
37
38
39
2.7.3 Display
The Display submenu is used to enable/disable the display of overflow text on the page, as well as other markings and indicators
such as Article State Display. Options for the Pasteboard, Sheet Area and Full Page Grid are also available.
40
2.8
41
3.
42
3.1
Dummy articles are used to design pages before real stories, photos and graphics are available for the designer. By using dummy
layouts, a designer can start building the pages in advance. Dummy articles are also used for creating text assignments and other
ordered content from CCI LayoutChamp. Mounting element shapes into articles is by far the fastest way to create a dummy
layout. The mounting functionality allows you to mount the shapes with a desired width and in another order.
Here is a look at basic dummy article workflows:
43
Current Column Model creates an article with the same column measurements as the default column model. Custom
Column Model is used to customize the number and size of the article's columns.
44
When Direct Scaled to Top is selected, it is possible to control how many columns the shape will cover with two mouse clicks.
The width of the point size of text in the shape is not affected. Holding the Shift key when Direct Scaled to Top is selected will
change the mount direction to Direct Scaled to Bottom.
Copyright 2013 by CCI Europe Inc.
45
46
47
3.2
Once a designer has created an article and mounted shapes onto the page, there is some basic functionality used to handle the
dummy articles.
48
The Break Up Article action deletes the article shape from the page and from the database. The action cannot be undone.
49
Unmounted articles or elements containing live content are removed from the page and placed in the Components palette, from
which it can be remounted later if needed. Unmounted dummy content is placed in the Show Waste Content area of the
Components palette and will be deleted when the page is saved.
Copyright 2013 by CCI Europe Inc.
50
Auto-Adjust Elements ensures that the spacing is always preserved between elements in an article. The automatic spacing is
based on the associated model.
Copyright 2013 by CCI Europe Inc.
51
Auto-Adjust Outline is used for rearranging elements inside an article that is already mounted on a page. When Auto-Adjust
Outline is turned off, the article outline is kept as-is.
Copyright 2013 by CCI Europe Inc.
52
3.3
Once a basic article has been built on a page, additional design techniques can be used to add interest to the article and design.
This section explores some of those techniques:
53
54
55
If a single element is selected within the article, such as a single column of text, the inserted line will be the width of the individual
element rather than the width of the entire article.
Copyright 2013 by CCI Europe Inc.
56
57
The Text Wrap options in the Edit bar apply the same runaround distance to all four sides of the shape.
Copyright 2013 by CCI Europe Inc.
58
The Insert at Position option also is available for the Mount on Page, Custom Area Mount and Mount in Figure tools.
Copyright 2013 by CCI Europe Inc.
59
3.4
Design Snapshots
The Snapshot functionality provides more freedom and flexibility when working in CCI LayoutChamp. The Snapshot palette
allows a designer to save one or more variants of a page design and to apply a selected design to the page at any point in time.
Note: Changes to article content, such as photos or illustrations, are not restored when a snapshot is applied.
60
3.5
CCI LayoutChamp also offers the possibility to enable a pasteboard. The pasteboard lets the user temporarily place page elements
outside the page, e.g. in order to try a new layout for an article. Elements mounted on the pasteboard are not typeset.
61
4.
62
4.1
Live content is flowed into a dummy article using the Components palette. When live content is dragged onto a dummy shape,
the dummy components are replaced with the live components.
Once the live content has been placed, it can be unmounted or remounted directly on the page from the Components palette.
Content can also be unassigned from the article shape, and the article may be reused for different content.
Here is a look at the basic steps used to flow live stories, photos and graphics into dummy shapes on the page:
63
View
options:
Fit Screen
Fit Width
Fit Height
Filters
Show Editorial Content
Show Ads
Show Waste Content: Displays recently
unmounted dummy content
64
When content is dragged from the Components palette onto a dummy shape, the dummy content is replaced with the live
content. In addition to dragging-and-dropping a live article onto a dummy article, it is also possible to drag-and-drop individual
items, such as a text object or photo, onto a corresponding dummy element.
Note: This method of dragging-and-dropping to a dummy article is used only when a default shape is not used.
Copyright 2013 by CCI Europe Inc.
65
When unmounted, the article and its contents whether live or dummy are placed back in the Components palette. The layout
of the article is preserved, and the article can be remounted.
Note: Unmounted dummy articles are placed in the Show Waste Content area of the Components palette.
Copyright 2013 by CCI Europe Inc.
66
An unmounted article can be re-mounted on the page and will retain its previous layout. The article also can be mounted in a new
layout by dragging-and-dropping into a dummy shape on the page.
Copyright 2013 by CCI Europe Inc.
67
Revert to Dummy can also be used to unassign an individual element, such as a photo, from its shape on the page.
The Revert to Dummy & Delete Package option can be used on e.g. a sourced article to revert the content to dummy and
remove the content from the page. The package associated with the article will be deleted from the story folder.
Copyright 2013 by CCI Europe Inc.
68
4.2
Layout-Driven Workflow
69
70
71
4.3
72
73
74
75
76
4.4
The design of the pages is created as a combination between the use of shapes and the mount tool, which makes it possible to
mount the components directly on the page.
77
78
79
80
81
5.
82
5.1
image is shown inside the crop frame. The crop frame can be
moved, resized and redrawn to adjust the image as needed.
Here is a look at options for working with images in CCI
LayoutChamp:
83
Fitting Options:
Fit Content to Frame
Fit Content Proportionally
Fill Frame Proportionally
Fit Frame to Content
Center Content
Scale:
Horizontal Zoom Factor
Constrain Proportions
Vertical Zoom Factor
Position:
Horizontal Offset
Vertical Offset
Flip and Rotation
Flip Horizontal
Flip Vertical
Image Rotation Angle
PDF Page Number
84
85
86
87
5.2
88
89
5.3
Handling Images
90
91
92
After the image has been edited, a Save action from the external program will save the new version into the CCI NewsGate
database.
Copyright 2013 by CCI Europe Inc.
93
94
5.4
Handling Graphics
Graphics are placed on the page via drag-and-drop from the Components palette. Mounted graphics that need processing or
corrections can be sent to Graphics Service. Graphics can also be edited from the page using CCI Edit.
95
5.5
Masking Images
The Mask functionality is used to cut out part of an image or mask out the background. A mask is displayed on the screen as
a dotted line, but the line is not visible on the outputted page.
Note: The Mask Image option is also available from the right-click menu on a selected image.
Copyright 2013 by CCI Europe Inc.
96
6.
97
6.1
Shopper is used to collect items for use in creating new content. Shopper also provides easy access to frequently used photos,
text, graphics, filler ads and editorial filler ads. Standing elements from Shopper can be placed directly on the page or placed
inside dummy elements in an article. The application is opened in CCI LayoutChamp from File menu Browse in Shopper
Text Library contains standard text elements, such as contact information boxes.
Photo Library contains common photos, such as mug shots.
Filler Ad Library contains filler ads used by the advertising/production department.
Editorial Filler Ad Library contains filler ads for newsroom use.
98
99
6.2
The Tips and Events workspace provides access to elements, such as text, images or graphics, imported into CCI NewsGate.
Import lists can be used to import standing elements, such as images or graphics, and to assign them directly to the page.
Note: When imported content is assigned to a page, the content is removed from All Imports.
Copyright 2013 by CCI Europe Inc.
100
7.
101
7.1
The Edit bar is used to tag and untag text and to edit
typography. Various formatting can be applied, either to the
whole tag or to a selected portion of the tag.
When formatting is applied to highlighted text, a
Typography Tag is inserted and contains the relevant
composition codes. This tag is shown in the Edit bar and in
the advanced part of the Character palette. The
Typography Tag also appears in CCI NewsDirector.
102
103
104
105
106
When Retag Content is turned on, the text in the elements is preserved when the tag is changed. If Retag Content is off, the
text in the element is replaced with dummy.
Copyright 2013 by CCI Europe Inc.
107
7.2
Using Notes
108
7.3
CCI NewsDirector is the text editing tool in CCI NewsGate. Most text editing and text styling should be done in CCI NewsDirector.
109
8.
8.1
Figures
110
111
112
113
114
115
8.2
Swatches
116
117
118
8.3
Eyedropper Tool
The Eyedropper is used to copy the formatting from one object to another. Formatting can be copied from text to text; from text
to figure; from figure to figure; from figure to text; and on articles. The Eyedropper cannot be used on photos.
Use Shift+click to load only the fill color in the Eyedropper. If a figure has a stroke but no fill, click the stroke to load it in the
Eyedropper. To reload the Eyedropper with different formatting, Alt+click on a new object. The Eyedropper will be emptied
and automatically refilled with the new formatting.
Important: If an object is selected on the page prior to selecting the Eyedropper tool, the selected object becomes the
destination instead of the source of the formatting. When an object is selected with the Eyedropper, the formatting will be
applied to the original selection.
Copyright 2013 by CCI Europe Inc.
119
8.4
Gradients
The Gradient palette is used to create a one-color or four-color gradient, which can be applied to an object on the page.
Note: It is also possible to use the Color palette to adjust the colors of the gradient.
Copyright 2013 by CCI Europe Inc.
120
9.
Jump Stories
121
9.1
Text Flow ensures automatic flow between articles. The selected texts are joined into one text object in the database. This
option ensures that changes to one article, such as added or trimmed text, are automatically reflected in the joined article.
Sometimes it is necessary to have different typography in the two jump stories. This could be the situation if, i.e., you have
wanted the text in the first jump story to be aligned to the left and the text in the continue story to be justified. The result is a
story with a text flow, but with different typography in the two jump stories.
122
9.2
The Separate Texts functionality allows two articles to be linked together without creating text flow between the two mounted
articles. It is often used when one article refers to a related article elsewhere in the product.
123
9.3
The Break Up Jump Story action breaks the relationship between the linked article shapes. Note that if the jump story was
created using Text Flow, breaking up the jump story may cause the story to be unmounted.
124
125
126
127
128
129
130
131
132
133
134
135
Ad source page
Content template page
Layout template page(s)
Editorial source page
136
When the content relation has been broken, the gray screen
behind the type is removed. The gray screen in the margins
and gutters remains, indicating that the layout relation is
intact.
When the layout relation has been broken, the gray screen is
removed from the article margins and gutters. The gray
screen behind the text remains, indicating that the content
relation is intact.
If both the layout and content relations are broken, the gray
screen is removed entirely.
137
138
139
140
141
142
143
144
145
146
147
148
149
150
Page Check can also be incorporated as part of a typeset preset, in order to check pages automatically when typesetting.
Copyright 2013 by CCI Europe Inc.
151
152
A page is automatically released upon typeset. It is also possible to release the editorial content separately and typeset the page
later. Pages can only be typeset when both the editorial and ad contents have been released.
Copyright 2013 by CCI Europe Inc.
153
154
155
12.2.2 Re-plate
When changes or updates are needed after a page has been released and/or typeset, the page state should be set to Re-plate in
Pages workspace. Once changes have been made, the page must be released and typeset again.
156