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

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Exporting to SWF

From: InDesign CS4 Beyond the Basics

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.

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.

Show transcript

This video is part of

Image for InDesign CS4 Beyond the Basics
InDesign CS4 Beyond the Basics

90 video lessons · 24515 viewers

David Blatner
Author

 
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

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

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.