Site Info

This web-site is created and maintained by Cari Jansen, Perth, Western Australia.

Subscribe



Recent Posts


Topics


Archived Posts



« Masked Text | Main | Adobe spies? – Myth busted »

Automatic Frame Resizing with AutoFit

By Cari Jansen | January 5, 2008

Digitip 066 – Adobe InDesign CS3 / Typefi AutoFit

The following tip gives an another example of how the Free Typefi’s Autofit plug-in – downloadable from www.typefi.com can be used with InDesign.  In this tip you’ll learn how text is run into a Header-Text Frame and a Body Content Text-Frame that are threaded to eachother. As the text is formatted with Paragraph Styles, the Header and Body Content Text Frames automatically grow to fit the header text and to balance the body content across three columns.

Preparing the Paragraph Styles.

Everything starts with good preparation. This tip uses InDesign’s Next Style feature. There are three paragraph styles that will format the text. The first paragraph style “Heading” will format the header text. The second paragraph style “Body Text 1st Para” formats the first paragraph of the body text, and “Body Text” is applied to all remaining paragraphs.

066_01.png

Right-click the “Heading” style in the Paragraph Styles Panel and select Edit Heading… Set the Next Style for “Heading” to “Body Text 1st Para”.

066_02.png

Right-click the “Body Text 1st Para” style in the Paragraph Styles Panel and select Edit Body Text 1st Para… Set the Next Style for “Body Text 1st Para” to “Body Text”.

066_03.png

To ensure the first paragraph of the body text starts in a the Body Content Text Frame we’ve created, set Start Paragraph to “In Next Frame”.

Preparing the Text Frames

Start by drawing the Body Content Text Frame, with the Type Tool.

066_04.png

Access Object > Text Frame Options, and set number of columns, in my example, “3″, and if preferred also set the Vertical Justification.  I like inserting a Paragraph Spacing Limit, that ensures that additional space is inserted between paragraphs prior to it being inserted between the lines of paragraphs (which tends to look like the leading’s been increased).

066_05.png

Click OK to apply the settings. And insert some dummy text (not required).

066_06.png

I’ve inserted more text than fits in the frame I’ve created. From the Typefi AutoFit panel, select the size option Resize From Top, this ensures that as more content is added the frame will retain it’s top “Y”-coordinate (vertical top position), whilst growing downwards. I’m also setting a maximum Height “60p0″. as I want to ensure that the article text stays well within the Page Margins.

066_07.png

Next, draw a second Text Frame for the Header Content.

066_08.png

I’m inserting some dummy text again, as it makes it easier to see what’s going on.

066_091.png

Again, I’m setting this frame to Resize From Top (AutoFit Panel), I’m also applying a small Baseline Gap of 2p0, this ensure that the bottom of the frame extends at least 2p0 from the baseline of the last line of text in the frame. 

Position the Header Text Frame at the top of the article. Overlapping the Body Content Text Frame.

066_11.png

Set the Text Wrap to Jump Object. A

066_12.png

Next thread the Header Text Frame with the Body Content Text Frame, by clicking the Out-Port of the Header Text Frame, then clicking the Body Content Text Frame.

066_13.png

Edit > Select All of the dummy text that was helping out until now, and delete this. You can group the two frames together (this makes it easier to move the article around on your page after content has been added).

066_15.png

To group the two frames, click-drag a marquee around them with the Selection Tool, then select Object > Group. We’re now ready try out the AutoFit functionality we’ve added to the two frames.

AutoFit at work

Place your text cursor in the Header Content Frame and start type-setting, or Place some text.

066_16.png

All of the text will sit inside the first frame, and this frame will grow to make the text fit.

066_17.png

Let’s format our text and see what happens next…  Edit > Select All. Right-click the Heading Paragraph style and select “Apply Heading then Next Style”.

066_19.png

Wow, this is cool!  The entire article runs in fully formatted. So what happens if you edit the heading?

066_20.png

Both Text Frames resize!! 


Video Tutorial

Topics: digitip, indesign, plug-in, podcast, typefi systems | No Comments »

Comments

Trademarks: Adobe, the Adobe logo, Acrobat, Creative Suite, Illustrator, InDesign, Photoshop, PostScript are trademarks of Adobe Systems Incorporated.

Disclaimer: While every precaution has been taken in the preparation of this web-site, the creator shall not have any liability to any person or entity with respect to any liability, loss, or damage caused or alleged to be caused directly or indirectly by the information or instructions contained in this web-site, or by the computer software and hardware products described therein.