![Page 1: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/1.jpg)
Shlomo Perets microtype.com
Making the Most out of FrameMaker’s Graphic Tools
![Page 2: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/2.jpg)
1 My services & tools ('&')
■ Training / ConsultingFrameMaker (including Structured), Acrobat, Captivate (on-site or via web)
■ Template development■ Conversion services
(to FM; FM to Structured FM)■ Add-ons: FM Express Customization;
FrameMaker-to-Acrobat TimeSavers + Assistants (Forms, Navigation …)
![Page 3: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/3.jpg)
2 FrameMaker graphics■ Easy to handle inside FrameMaker■ Vector■ Not easily exported to other graphic
formats for re-use elsewhere
![Page 4: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/4.jpg)
3 FrameMaker’s graphic toolssmart select select object
line arcpolyline freehand curve
rectangle rounded rectangleoval polygon
text frame text linegraphic frame
fill patternpen pattern
line widthline end style
current default dashed line patterncolor
tintoverprint
![Page 5: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/5.jpg)
4 Set up drawing environment■ Grids
● Visible grid ● Invisible snapping grid● Choose your own spacing for the grids
■ Gravity● Makes it easier to connect to an existing
object when drawing/resizing/reshaping● Objects exert gravity along their path; corners
= double; rectangles/ovals also at their centers ● Gravity takes precedence over Snap (if active)
![Page 6: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/6.jpg)
5 View quality ■ Often need to refresh screen:
Window > Refresh or Control-L ■ Tip: select object before zooming in,
to have it displayed in the zoomed view
![Page 7: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/7.jpg)
6 Selecting objects■ Shift-click to select additional objects■ Shift-click an object to deselect one
object ■ With smart cursor: Ctrl-click text frame
or text line to select as an object
![Page 8: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/8.jpg)
7 Selecting objectsCONTINUED
■ Drag selection border around objects■ Holding down Shift-Ctrl while
dragging makes it easier to select specific items
■ Select all on page or in frame (Ctrl-A)■ Select first drawn (Esc o F),
next (Esc o n)
![Page 9: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/9.jpg)
8 Many uses of Shift key ■ Shift and drag object to move along
vertical or horizontal axis■ Shift-click when selecting a tool to
keep it active & draw multiple objects (select any tool to end)
![Page 10: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/10.jpg)
9 Many uses of Shift keyCONTINUED
■ Shift while resizing to maintain ratio ■ Shift while using the drawing tools
to constrain the shapes drawn● Oval circle● Rectangle square● Arc circular arc● Line, Polyline & Polygon straight vertical or
horizontal lines or at 45°
![Page 11: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/11.jpg)
10 Quick copying
Hold down Alt or Ctrl while dragging an object to create a copy
![Page 12: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/12.jpg)
11 Group / ungroup■ Small groups can be nested inside larger
groups – may need to ungroup several times to access a specific item
■ Small groups can be useful when aligning and distributing, e.g. several pairs of graphic item + callout
![Page 13: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/13.jpg)
12 Object styles (FM11+)■ Named styles for graphics
● Object Style Designer Esc g i ● Object Style Catalog Esc g e
■ Globally update some/all graphic properties by adjusting style definitions
■ Can use File > Import Formats to bring styles defined in other files
![Page 14: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/14.jpg)
13 Fine positioning (“nudge”)■ Move selected objects using arrow keys:
press Alt-Arrow for a small nudge or Alt-Shift-Arrow keys for a large nudge
■ At 100% zoom, small nudge is 1 point and large nudge is 6 points; the nudge distance changes depending on zoom settings
![Page 15: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/15.jpg)
14 Bring to front / send to back■ Controls stacking order■ When adding callouts to bitmaps, bitmap
should be sent to back
![Page 16: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/16.jpg)
15 Align■ Single item is aligned relative to
anchored frame, graphic frame or page■ When two or more objects selected –
items align relative to last item selected
Before aligning
T/B Centers
Tops Bottoms
Before aligning
L/R Centers
Left Sides
Right Sides
![Page 17: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/17.jpg)
16 AlignCONTINUED
■ Esc g a to open Graphics > Align(multiple choices, vertical+horizontal)
■ Use direct alignment: Esc j followed by● l (left) ● t (top)● r (right) ● m (middle)● c (center) ● b (bottom)
![Page 18: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/18.jpg)
17 Distribute
Leftmost / topmost items remain in place
Objects as drawn
Equidistant centers
Edge gap = .0625"
Equidistant edges
Horizontal distribution
Objects as drawn
Equidistant centers
Edge gap = .0625"
Equidistant edges
Vertical distribution
![Page 19: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/19.jpg)
18 Rotate
■ Free rotate with Alt+drag handle(rotation angle reported in status bar)
■ Shift while Alt+dragging a corner or reshape handle constrain rotation to 45°
■ Can inspect an object’s rotation angle in Object Properties (Rotation/Angle)
Objects rotate around their centers
Text lines rotate around their alignment points
Abc Abc
![Page 20: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/20.jpg)
19 Reshape■ Reshape arc
■ Reshape polyline / polygon
Arc: 270 -306 10% Arc: 270 18 30%Start and end angles
Percentage of circle
2 Choose Reshape
3 Drag 4 Release1 Select
![Page 21: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/21.jpg)
20 ReshapeCONTINUED
■ Reshape curveControl point
Reshape handle
2 Drag reshape handle
3 Drag control point
4 Rotate control point
1 Select Reshape
![Page 22: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/22.jpg)
21 ReshapeCONTINUED
■ Ctrl-click to add/remove control points■ Right-drag reshape handle to crimp
a curve
Right-drag reshape handle
Select Reshape
![Page 23: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/23.jpg)
22 Join ■ Join lines, arcs, polylines, freehand
curves – so that fill can be applied
■ Objects have to be touching end to end to be joined
Objects drawn
Objects positioned and selected
Objects joined
Fill pattern selected
![Page 24: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/24.jpg)
23 Smooth
Smooth/unsmooth
Before smoothing After smoothing
![Page 25: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/25.jpg)
24 Scale
Useful when you need to resize different items consistently
![Page 26: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/26.jpg)
25 Curvature of rounded rectangle
The curvature of the “corners” of a rounded rectangle can be changed by specifying the radius of an imaginary circle drawn in the corner of a rectangle (Graphics > Object Properties)
Radius = .125 inch Radius = .25 inches Radius = .375 inch
r r r
The longer the radius, the more curved the corners are
![Page 27: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/27.jpg)
26 Cropping a graphic
Use an anchored or unanchored graphic frame to crop (mask) the edges of a graphic
Uncropped graphic Graphic placed and cropped in an unanchored graphic frame
![Page 28: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/28.jpg)
27 Picking up object properties
To change one or more properties of one object to match another: ● Select the object that has the properties you
want to copy● Hold down Shift, Graphics > Pick Up Object
Properties – properties of selected object are made the default in palette
● Select the objects you want to change and click the properties to apply
![Page 29: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/29.jpg)
28 Change line cap style
Cap style determines the appearance of any line ends that don’t have arrowheads
Projecting Butt Round
![Page 30: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/30.jpg)
29 Change arrow style
Arrow styles are determined by their base angle, tip angle, and length. They can be filled, hollow, or drawn with sticks.
B = Base angle
T = Tip angle
L = Length
T B
L
Filled
Hollow
Stick
![Page 31: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/31.jpg)
30 Custom arrow style
You can create a custom arrow style by specifying new settings below Custom:● Style: Filled, Hollow, or Stick● Base angle: 10–175
(at least 5 greater than tip angle; FrameMaker ignores base angle setting when choosing Stick)
● Tip angle: 5–85● Length: 0–255 points
![Page 32: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/32.jpg)
31 Custom arrow style CONTINUED
Length specified applies to objects that have a line width of 1 point. When you use a thicker line width, arrowhead is longer Arrow Base angle Tip angle Length
70 30 10 points
80 30 10 points
70 15 10 points
70 30 5 points
![Page 33: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/33.jpg)
32 Set number of sides
Use to draw a regular polygon
Original object
Number of sides = 3
Start angle = 0
Number of sides = 3
Start angle = 45
0 045
![Page 34: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/34.jpg)
33 FrameMaker clipart■ Ancient…, but can still be used as a
basis for development, or to learn how graphic techniques were used
■ Files are in the clipart folder(Help > Clip Art…)C:\Program Files (x86)\Adobe\AdobeFrameMaker12\ClipArt
![Page 35: Making the most out of FrameMaker's graphic tools](https://reader038.vdocuments.mx/reader038/viewer/2022103117/55a521ff1a28abbf348b4809/html5/thumbnails/35.jpg)