New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Start learning with our library of video tutorials taught by experts. Get started

InDesign CS4 Beyond the Basics
Illustration by

Exporting to SWF


From:

InDesign CS4 Beyond the Basics

with David Blatner

Video: Exporting to SWF

I have a secret that I want to share with you. I have never been comfortable with working in Flash and that means I have had trouble making interactive SWF files, those Flash SWF files. Well, that is changing now that I can export SWF directly out of InDesign. Adobe has made the process nearly painless. Watch this. I have got my file open in InDesign;. I have got some various buttons, and hyper links, and so on in this file. So I go to the File menu and I will choose Export. I am going to put this out on my Desktop, and I choose SWF from the Format pop-up menu. When I do that, InDesign presents me with the Export SWF dialog box. It has lots of options. Let me go through them one at a time.
Expand all | Collapse all
  1. 2m 11s
    1. Welcome
      1m 3s
    2. Using the exercise files
      1m 8s
  2. 25m 16s
    1. Reviewing Control panel shortcuts
      8m 34s
    2. Managing panels
      6m 14s
    3. Letting InDesign do the math
      2m 52s
    4. Using Selection tool clicks
      1m 39s
    5. Using Quick Apply shortcuts
      3m 2s
    6. Setting up context shortcuts
      2m 55s
  3. 23m 51s
    1. Using column guides
      3m 42s
    2. Formatting and positioning guides
      5m 15s
    3. Setting first baseline options
      5m 30s
    4. Using the Document grid
      3m 13s
    5. Setting bleeds
      3m 3s
    6. Using slugs
      3m 8s
  4. 48m 2s
    1. Shuffling pages (or not)
      2m 47s
    2. Scaling objects to a specific size
      2m 32s
    3. Aligning objects to a page
      4m 41s
    4. Using advanced libraries
      4m 5s
    5. Using advanced anchored objects
      11m 21s
    6. Setting non-printing objects
      3m 10s
    7. Creating notes
      5m 23s
    8. Using Data Merge
      10m 41s
    9. Creating templates
      3m 22s
  5. 39m 32s
    1. Creating polygons and starbursts
      2m 35s
    2. Setting custom stroke styles
      5m 15s
    3. Using advanced effects
      8m 46s
    4. Making masks in InDesign
      4m 10s
    5. Integrating InDesign and Illustrator
      4m 59s
    6. Setting compound paths
      5m 4s
    7. Using advanced clipping paths
      6m 6s
    8. Using advanced image transparency
      2m 37s
  6. 55m 26s
    1. Using advanced text formatting
      5m 37s
    2. Using other languages
      4m 22s
    3. Setting advanced paragraph numbering
      3m 12s
    4. Using GREP to find/change
      6m 54s
    5. Managing glyphs
      5m 6s
    6. Finding and changing glyphs
      2m 39s
    7. Adding footnotes
      7m 57s
    8. Creating outlines
      3m 39s
    9. Setting conditional text
      9m 16s
    10. Creating cross-references
      6m 44s
  7. 33m 3s
    1. Advanced text importing
      7m 49s
    2. Using Apply Next Style
      5m 4s
    3. Advanced text styling
      6m 9s
    4. Setting load styles
      2m 58s
    5. Linking to text files on disk
      4m 1s
    6. Understanding GREP styles
      7m 2s
  8. 1h 4m
    1. Building a multi-document book
      4m 42s
    2. Setting page numbering across books
      7m 53s
    3. Setting chapter numbering
      6m 7s
    4. Using the Section Marker feature
      6m 53s
    5. Creating "Continued On..." numbers
      4m 44s
    6. Synchronizing documents in a book
      5m 41s
    7. Creating a table of contents
      11m 24s
    8. Indexing documents
      7m 24s
    9. Generating an index
      6m 47s
    10. Printing or exporting a book
      3m 10s
  9. 46m 4s
    1. Creating hyperlinks
      12m 53s
    2. Setting bookmarks
      6m 7s
    3. Creating buttons
      11m 16s
    4. Making movies
      8m 24s
    5. Creating sounds
      4m 51s
    6. Setting page transitions
      2m 33s
  10. 25m 59s
    1. Setting up swatch and style defaults
      3m 24s
    2. Using mixed ink colors
      6m 16s
    3. Working with duotones
      4m 23s
    4. Overprinting
      2m 10s
    5. Ink aliasing
      4m 50s
    6. Using the Kuler panel
      4m 56s
  11. 50m 27s
    1. Creating the transparency blend space
      4m 6s
    2. Understanding InDesign color settings
      9m 8s
    3. Assign Profile and Convert to Profile
      3m 26s
    4. Working with RGB images
      7m 54s
    5. Working with CMYK images
      6m 28s
    6. Soft-proofing
      5m 18s
    7. Managing color at print time
      7m 25s
    8. Managing color in a PDF export
      6m 42s
  12. 42m 1s
    1. Embedding preflight profiles
      5m 1s
    2. Using the Transparency Flattener preview
      3m 23s
    3. Reviewing Transparency Flattener settings
      6m 30s
    4. Setting print presets
      3m 35s
    5. Setting PDF presets
      3m 21s
    6. Exporting to XHTML
      7m 42s
    7. Exporting to SWF
      6m 45s
    8. Exporting to XFL
      5m 44s
  13. 25m 58s
    1. Understanding XML and InDesign
      6m 51s
    2. Structuring InDesign content
      4m 17s
    3. Importing XML
      6m 57s
    4. Exporting to XML
      7m 53s
  14. 34s
    1. Goodbye
      34s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
InDesign CS4 Beyond the Basics
8h 3m Intermediate Dec 05, 2008

Viewers: in countries Watching now:

David Blatner brings his knowledge of and passion for InDesign to the latest release of this state-of-the-art publishing program, showing how to harness its power and functionality. InDesign CS4 Beyond the Basics covers the process of publishing with an eye on the program's latest nuances: optimizing page layouts, automating InDesign with Data Merge and XML, exploring interactive documents (including making movies), and exporting publications to a variety of formats. Exercise files accompany the course.

Topics include:
  • Automating with Data Merge and XML
  • Optimizing page layouts
  • Using advanced effects
  • Creating interactive documents
  • Integrating with Illustrator
Subject:
Design
Software:
InDesign
Author:
David Blatner

Exporting to SWF

I have a secret that I want to share with you. I have never been comfortable with working in Flash and that means I have had trouble making interactive SWF files, those Flash SWF files. Well, that is changing now that I can export SWF directly out of InDesign. Adobe has made the process nearly painless. Watch this. I have got my file open in InDesign;. I have got some various buttons, and hyper links, and so on in this file. So I go to the File menu and I will choose Export. I am going to put this out on my Desktop, and I choose SWF from the Format pop-up menu. When I do that, InDesign presents me with the Export SWF dialog box. It has lots of options. Let me go through them one at a time.

I am going to Scale this down to 640x480 because I am going to be embedding it into another web page and this page right now is a little bit too big. InDesign gives a number of preset sizes in here or you can just choose your size from the Width and Height fields. I am going to export all the pages in this document. All three of them. I don't have any Spreads in my document. If I did, I could leave that turned on. Right now it's a facing pages document so it doesn't really matter, but if I did have spread, they would both show up, the left and right hand pages would show up together on the SWF file, which is kind of cool.

Now if I want to I can rasterize the pages. Rasterizing means turn it into a bitmap. So the whole page would get converted to a giant bitmap and I am not entirely sure, to be honest, why they offer that. It seems to me like one of the whole reasons of doing SWF is that it is vector file format. So I want stuff to stay in vectors, but I suppose if you need it to be rasterized, great. You can do it so just by turning on that checkbox. The next option is Generate HTML File. So not only will it write the SWF disk, but it will even write an HTML file that references that SWF and I find that very, very useful because I can never remember the HTML codes to embed that SWF file in it. So InDesign will do that for me and of course, I would like it to View the SWF after Exporting in this case because I am demoing it for you so of course, I want it to be visible.

The Text pop-up menu lets you decide what's going to happen to InDesign text. You have three options really. You want to convert it to Flash Text, to Vector Paths, or Raster Images. I generally choose Flash Text. Even though the text might change on the page a little bit because Flash's text composition engine is a little bit different than InDesign's composition engine. So text might change a little bit on the page. If you really, really need to make sure that the text is exactly same as it was in InDesign, then choose Vector or Raster.

But one of the great benefits of Flash Text is that search engines like Google can actually look inside the SWF and see that text so it becomes searchable. I am going to leave it set to Flash Text for right now. Now this document, as I mentioned, has some interactivity. I have some Buttons over here, these three navigation buttons. I have some Hyperlinks. I have actually added some Page Transitions to this as well with the Page Transitions panel and so I want all of three check boxes turned on because I want that interactivity in my final SWF file.

The fourth checkbox, Include Interactive Page Curl, is a fun effect that InDesign can build into your SWFs. I am going to leave that turned on and I will show you exactly what that does in just a moment. The last settings let you control what's going to happen to your images and your vector curves inside your InDesign document. If you really care about the highest quality bitmap images then you could Lossless. I don't really understand why you would be doing that in a SWF, so I will leave that set to Auto and Medium Quality is just fine. Curve Quality has to do with the quality of Bezier curves in the InDesign document. For example, this logo in the upper right corner is all created with Bezier curves, text that has been converted to outlines. So how accurate do you want the SWF to be in representing those Bezier curves and Medium is fine, but check it out and see how the quality is for you.

I will go ahead and click OK and the first thing I will see is that InDesign is Warning me and it's warning me because it sees that I have buttons in my document that I am trying to preserve in the SWF file. Problem is SWF does not support certain things that Acrobat PDF does. For example, a Close button. You can't close a SWF. In PDF, you can close the PDF but you can't close your SWF. You can't go to Next View or Previous View. You also can't do things like play a Movie or play a Sound. This is an important limitation that you need to know about.

InDesign will not export movies or audio files out of InDesign into a SWF, it just strips them out. They will not show up in the SWF file at all. So any buttons that play those things are also not supported. I will go ahead and click OK and now InDesign gives me another warning. You will see I have got some buttons on my page, and some hyperlinks, and so on, and I also have objects that have some transparency effects applied to them and you would think that InDesign would be smart enough to see that the transparency effects are not on top of my buttons, the buttons are on top of their transparency effects, but for some reason, InDesign is not smart enough and so it warns me, hey! If you have transparency effects on top of your buttons or your hyperlinks, the interactivity is going to get turned off because it can't deal with both transparency and hyperlinks for some reason and that's fine. I have set my document up correctly; I don't have to worry about that. So I click OK and InDesign exports the SWF to my hard drive.

It immediately opens it up in my default web browser and I can see that it looks the same except it's been scaled down and it's all a beautiful, really lovely SWF file. If I hover on top of these buttons, my rollover effects looks great. If I click on one of those, it immediately changes to that page using the page transition that I have specified, just try it again. I like that effect. On other hand, I had imported a movie into this place in InDesign, and I can click all day on this and it's not going to play because once again, InDesign cannot export movies, or any video, or audio to the SWF.

Now earlier I had mentioned that Includes Page Curl Transition, this is cool. Whenever you move the cursor over the corner, it becomes sticky. Do you see that? And I can click and drag the page over and I get the page curl effect. That's what that checkbox is all about. Click near a corner and drag it and it looks like a real page and some people like that kind of thing, some people thinks it's totally over used, but I still think it's great. I love that effect. Now as I said, InDesign is still very limited in the things that can be put in a SWF file, but all is not lost. You can still do those things in Adobe Flash, which in CS4 has gotten far easier to use, but how do you get your InDesign file over to Flash? That's what I will discuss in the next movie.

There are currently no FAQs about InDesign CS4 Beyond the Basics.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed InDesign CS4 Beyond the Basics.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.