Adobe Creative Cloud Design Tools All-in-One For Dummies (2013)

Book I

Getting Started with Adobe Creative Cloud

Chapter 5: Importing and Exporting Files

In This Chapter

image Integrating Adobe Bridge into your workflow

image Importing content

image Moving files from one CC application to another

image Exporting content from CC apps

Because the Creative Cloud offers such an integrated group of tools, you’ll almost always be in the process of cutting, pasting, importing, and exporting content from one application to another.

Content that you might import and export includes images, text, word files, 3D objects, and more. You may find that you need to go through the process of exporting files in order for them to be recognized by other applications. Non-Adobe applications will even recognize your files from the Creative Cloud applications if you save them in the right format. In this chapter, you find out how to get your files in and out of your various applications, starting with a separate application that comes with the Creative Cloud, named Adobe Bridge.

Discovering the Adobe Bridge Application

Adobe Bridge helps you organize and manage your assets, such as pictures, text, and movie and audio files, as well as non-Adobe applications such as Word or Excel files. Adobe Bridge acts like a hub for the Creative Cloud tools; for example, by choosing to open files using the Bridge interface, you can browse directories quickly and see thumbnail previews of files, as shown in Figure 5-1. You can even use the Filter panel to help find files and view metadata to your file, including important information such as keywords and copyright details.

Bridge not only makes a great deal of information accessible, but it can also be used as a central resource for all your Help needs.


Figure 5-1: The Adobe Bridge workspace.

imageBy default, Adobe Bridge may not be installed on your system. The first time that you choose to access it from any other application, the Adobe Application manager will launch, giving you the opportunity to install it.

Accessing the Bridge software

Whether you have Adobe Bridge installed or not, you can still select File⇒Browse in Bridge from most of the applications in the Creative Cloud. Upon selecting Browse in Bridge, Bridge or the Adobe Application Manager will launch.

In Photoshop, you can choose File⇒Browse in Mini Bridge to open the Mini Bridge panel across the bottom of the default Essentials workspace. Mini Bridge is essentially a miniature version of Adobe Bridge, as shown in Figure 5-2.


Figure 5-2: Open the Mini Bridge application in Photo­shop CC.

Navigating in Adobe Bridge

To navigate Bridge, simply click the Folders panel in the upper-left corner to choose the folder you want to view. Watch as previews are created and automatically replace the standard file format icon.

imageAdobe Bridge may take a fair amount of time to build the preview the first time you use it, so be patient. Either choose Tools⇒Cache⇒Build and Export Cache to save this data or choose Tools⇒Cache⇒Purge Cache to free up file space.

Select an individual file by clicking it once (twice opens it) or select multiple files by Ctrl-clicking (Windows) or Command Key-clicking (Mac).

With one or more files selected, you can

check Relocate the files to another location by dragging them to a folder in the Folders panel in the upper-left corner. Use Bridge as a central filing system. Using the commands on the File menu, you can create new folders and delete or move files or groups of files.

check Read metadata in the Metadata panel in the lower-right corner. The metadata includes important camera data (EXIF) information such as camera, flash, and f-stop. See Figure 5-3.


Figure 5-3: Use the Metadata panel to find important information about your selected image.

check Enter your own metadata for any item listed by clicking the pencil icon, shown in Figure 5-4.


Figure 5-4: Look for the pencil icon to determine which metadata you can edit yourself.

check Use the Keywords panel, shown in Figure 5-5, to enter your own keywords, which can help you find your images later.


Figure 5-5:The Keywords panel can help you locate images.

check Choose Edit⇒Find or use the Filter panel to locate your files within Bridge by entering criteria, such as Keywords, Description, Date Created, and more.

check Create image stacks. You can select many files in Bridge by holding down the Ctrl key (Windows) or Command Key key (Mac) and clicking multiple files. You can then choose Stack⇒Group as Stack or use the keyboard shortcut Ctrl+G (Windows) or Command Key+G (Mac). It stacks the images into one compact thumbnail, as shown in Figure 5-6.

The number of images in the stack is shown in the upper-left corner of the image stack. To reopen the stack, click the stack number; to close the stack, click the stack number again. If you no longer want the stack, you can choose Stack⇒Ungroup from Stack or use the keyboard shortcut Ctrl+Shift+G (Windows) or Command Key+Shift+G (Mac).


Figure 5-6: Stack similar images to help keep files organized.

Managing color

Using Bridge for color management is a timesaver and a production boost! You can adjust color settings across the board in all Creative Cloud applications right in Adobe Bridge. Create consistent color choices in all Creative Cloud applications by using the synchronized color-management controls that Adobe Bridge offers.

Choose Edit⇒ Color Settings to choose a color management setting that remains consistent throughout all Creative Cloud applications, as shown in Figure 5-7. Read more about color correction in Book IV, Chapter 7.

imageThe setting for Joe’s Press, shown in Figure 5-7, was created in Adobe Photoshop. If your printer can send you the Joe’s Press color settings, you can load them using the Color Settings dialog box in Photoshop and then make them accessible to all your CC applications by selecting the settings in Adobe Bridge.


Figure 5-7: Use color settings to synchronize color manage-ment policies in Adobe Bridge.

Importing Files into a Document

Importing files works similarly, no matter which program you’re working with. Importing content is more important in some programs than others. A program such as InDesign relies on importing content into a document that’s then incorporated into a page layout. However, in programs such as Photoshop, importing content is much less important because you frequently start out editing an image you open in Photoshop. In the following sections, we take a look at importing content into each program.

Placing content in InDesign

When working in InDesign, you need to import images and text for many of your design layouts. When you choose File⇒Place, you can select text or image files from your hard drive or network. You can also choose sound and video files that you can use when you’re creating PDF documents for electronic distribution. After you choose a file to import, a new cursor icon appears, with a thumbnail preview of your image. This preview shows up when you place the cursor over the page or pasteboard. Place the imported content by clicking on the page where you want the upper-left corner of the image to be positioned.

When you import different kinds of images, you see the Place dialog box, in which you can select a variety of options for importing selected content. However, to access additional settings, you must select the Show Import Options check box in the Place dialog box. In Figure 5-8, you see the additional options that appear when an image is placed.


Figure 5-8:When importing text and graphics, you can check Show Import Options, in the Place dialog box, to access additional options.

Choose File⇒Place and select a file to import. Select the Show Import Options check box and click the Open button. The Image Import Options dialog box appears with options specific to the type of file you’re importing. For example, if you’re importing a bitmap image (say, a JPEG), you can choose how you want the bitmap to appear, whether it contains a background or color management information, and other, similar options.

When you import text information, you may lose some text formatting that was made in the original file. Anything that InDesign doesn’t understand isn’t imported into the document. Column and margin information also typically isn’t retained when you import text. However, some plug-ins that are available help remedy the situation to some extent.

imageYou can use the Launch Bridge button in the center of the Application bar in InDesign to open Adobe Bridge. Then simply drag and drop the images you want to use directly from Bridge.

Adding content to a Photoshop file

In Photoshop, you can choose to open an image to work with or import content into a document that’s open already. Choose File⇒Place to import AI, EPS, PDP, or PDF files. These files import into a new layer in the document, and you can then use tools to manipulate the imported content, as shown in Figure 5-9.


Figure 5-9: Imported content is placed on a new layer.

imageYour placed Illustrator file is embedded, by default, into the Photoshop file. (You can read about the Smart Object feature in Book IV, Chapter 9.) Double-click the placed artwork layer to open and edit the embedded Illustrator file. After you save the file, the changes are immediately reflected in Photoshop. Note that your original file isn’t changed.

imageIf you want to import images from your digital camera directly into Adobe Bridge, choose File⇒Get Photos from Camera.

Placing files into Illustrator

Illustrator lets you place images and other forms of data in a new document. You can import Photoshop, PDF, image, and vector files by choosing File⇒Place. The Place dialog box opens, and you can choose a file to import. Click Place to import the file. An Import dialog box may appear at this point, depending on the type of file you’re importing. This dialog box offers several options for choosing a way to import the content into Illustrator. For example, you can sometimes choose between flattening layers or retaining layers when you import a file containing layers.

Encapsulated PostScript (EPS) is a commonly used file format for saving vector drawings (although it can be used for other file types as well). Because this file format is used in many programs, you may find other people giving you these files to work with. To import an EPS document, you also choose File⇒Place; after you import an EPS document into Illustrator, the file is converted to Illustrator objects but isn’t editable. To edit the EPS object, choose File⇒Open to open the file, or click the Edit Original button in the Links panel.

You can also import text files into Illustrator. Microsoft Word, TXT (text only), RTF (Rich Text Format), and Unicode, among other text documents, are all supported by Illustrator, and you can import them by choosing File⇒Place. When you import the text file, you may be prompted to choose the character set used for the text.

You not only can use the Place command for importing files, but also can copy and paste from other programs. You can select part of an image in Photoshop and copy it to the Clipboard by pressing Ctrl+C (Windows) or Command Key+C (Mac) and then pasting it into the Illustrator document.

Use the Place command whenever possible to avoid losing quality in the content you’re importing. Also, transparency isn’t supported from one application to another when you copy and paste, but it is when you use Place.

imageWhen you have particular plug-ins installed, you can import additional file types, such as CAD files, into Illustrator.

Adding to Acrobat

Adobe Acrobat is primarily a tool for sharing completed documents — you’ll complete most document construction and editing in other programs, such as InDesign or Illustrator. However, you can import several kinds of data into PDF documents, and you can do some creative things when you place data into PDF files as well:

check Comments: The most useful and common items to import into an Adobe PDF file are comments made using the review and markup tools provided by Adobe Acrobat. By importing comments into a PDF file, you can consolidate suggestions and input from several reviewers (people editing a document) into a single document. This feature makes the reviewing process easier when many people are working on a single document. To import someone’s comments into a PDF, click the Comment button, and then from the Comments List section click the panel menu in the upper-right corner and select Import Data File. When the Import Comments dialog box appears, locate the comments file that you want to Import and click Open.

If you’re reviewing a document, you can also select Export All to Data File from the Comments panel menu to export only the comments rather than send the document owner the entire PDF file.

check Form data: You can import form data into a PDF document by clicking the Tools button, selecting Forms, and then selecting More Form Options⇒Import Data. The data you import can be generated by exporting the form data from another PDF form, or it can come from a delimited text file. You can then share form data between forms or from a database.

check Multimedia files: If you’ve ever had the urge to add a movie or sound file to your PDF documents, you’re in luck. By clicking the Tools button, selecting Interactive Objects, and choosing Add Video, Add Sound, or Add SWF, you can identify the location on the page where you want the file to appear and then choose whether to embed the multimedia file (compatible with Acrobat 6 or later) or create a link to the file (compatible with Acrobat 5 and earlier).

check Buttons: Creating buttons to turn pages, print a document, or go to a website makes your PDF files easier to use. Adding custom button images, such as pictures of arrows or a printer icon, makes your document unique. Use the Button tool, located by clicking Tools⇒Interactive Objects⇒Add Button to create the location of the button and then select the graphic file to be used as the image on the button. The image file you use must first be converted to a PDF graphic.

check Preflight information: If you’re creating a PDF file to be sent to a commercial printer for reproduction, you may want to preflight the file to ensure that it meets the specifications and needs of the printer and has all the necessary assets (such as fonts and images) that it needs to print correctly. If your printer has supplied a preflight profile for Acrobat, you can import the profile to ensure that Acrobat checks for the elements your printer has requested, such as certain font types or color specifications. Import a preflight profile by choosing Tools⇒Print Production⇒Preflight. In the Preflight window that opens, choose Options⇒Import Preflight Profile. If you do not see the Production Tools panel, choose View⇒Tools⇒Print Production, and select Preflight from the list of production tools.

Importing into Dreamweaver

In Dreamweaver, you can import several different kinds of files into a site you’re creating:

check Insert images and other media such as Flash, FlashPaper, and Flash Video by using the Insert menu item.

check Import XML files and XHTML documents exported from InDesign.

check Cut and paste a layered file in Photoshop. Simply choose Edit⇒Copy Merged and paste the file directly into Dreamweaver. An Image Preview window opens (see Figure 5-10), and you can then optimize the image for the web. Choose your settings and click OK. (You can read about the best settings for web imagery in Book IV, Chapter 10.)


Figure 5-10: The Image Preview window opens when a native PSD file is pasted into a Dream-weaver page.

Exporting Your Documents

Exporting content from Adobe Creative Cloud documents is important if you’re transferring content into other programs, placing the document where it’s publicly available and where it needs to be opened on other computers. Adobe Creative Cloud offers you the flexibility to export a document as many different file formats.

imageOther programs sometimes accept native Adobe documents as files you can import. For example, Adobe Flash CC can import Illustrator AI files, Photoshop PSD files, and PDF documents.

Exporting from InDesign

In InDesign, you can export pages or a book as several file types. Most notably, you can export layouts as PDF documents, which anyone who has the free Adobe Reader installed can view. InDesign can also export to other image and vector formats, such as EPS and JPEG. An InDesign document can also export to SVG (Scalable Vector Graphics) and XML (Extensible Markup Language), which is useful when you export documents for the web. InDesign has a handy feature to package your work for Dreamweaver: By choosing File⇒Export for Dreamweaver, you can export a project you’re working on and have it ready for page creation in Dreamweaver.

If you select File⇒Export and take a look at the Save as Type drop-down list, you’ll see a large amount of export selections available, including EPUB and HTML5 options. Check out Chapter 8 of Book II to find out more about these features.

Exporting content from Photoshop

If you're working in the creative field, you'll export many files from Adobe Photoshop, from simple .png or .jpg files to more complex sliced images that are exported with HTML and CSS content. If you're interested in 3D and video, you'll be happy to know that you can export to a wide range of video and 3D formats as well. Refer to Book IV for more complete instructions.

Keep in mind that if you're working within the Creative Cloud applications then you'll most likely not need to export any content, because most of the applications recognize the native .psd format. For instance, paths and masks in a Photoshop Document can be read in both InDesign and Illustrator.

Exporting Illustrator files

Illustrator supports exporting to many different file formats. You can export files in a long list of image formats. Choose File⇒Export, and the Export dialog box opens. Click the Save As Type (Windows) or Format (Mac) drop-down list to view the exportable file formats.

After you choose a file type to export to, a second dialog box may appear, allowing you to enter a bunch of settings for the exported file.

Try choosing the Flash SWF file format when you export a file. A second dialog box opens that includes many settings, such as options to generate an HTML page, save each layer as a separate SWF document, and preserve editability (when possible). The options that are available when you export a document depend on the type of file format to which you’re exporting.

Exporting Acrobat content

Acrobat lets you export certain parts of a PDF document you’re working on. For example, you may be using form data — the data that’s filled into a form made of text fields and so on — in one of your files. You can export this data from Acrobat and then send it online, which is helpful because PDF documents tend to be rather large for the web. Therefore, only a small amount of formatted data is sent online, not a huge PDF file.

You can also export parts of an Acrobat document to use in other programs. You can export comments in a PDF to a Microsoft Word file that was used to create the PDF by clicking the Comment button and clicking the panel menu in the Comments List section in the upper-right corner, and then selecting Export to Word. You can also export comments to an AutoCAD file (assuming that it was used to create the PDF). In both cases, you need the original document that was used to generate the PDF file in order to successfully import the comments.

Exporting Dreamweaver content

In Dreamweaver, you can export your sites so that they’re prepared for publishing and ready to be placed on a live website. The site you’re working on in Dreamweaver is exported to your hard drive before you put it somewhere on a server. The HTML styles used in a site you’re working on can be exported and saved as an XML document, which in turn can be reused if necessary. These files can then be imported into another Dreamweaver project you’re working on. You can also take advantage of File⇒Convert, which provides options so that you can convert your Dreamweaver file into other versions of HTML. Find out more about Dreamweaver in the Book VI.