Can You Upload Png Transparent Background to Adobe Animate

Working with Photoshop and Animate

You can use Adobe® Photoshop® and Adobe® Animate® together to create visually compelling web-based applications, animations, or interactive messaging elements. Photoshop lets you create still images and artwork, providing a loftier degree of creative control. Animate lets you lot bring those still images together and incorporate them into interactive Internet content.

The Photoshop drawing and pick tools provide you with a greater degree of creative control than the tools institute in Animate. If you lot have to create complex visual images, or retouch photographs for use in interactive presentations, use Photoshop to create your artwork, and then import the finished images into Animate.

Importing still images into Animate

Animate can import still images in many formats, but you lot normally use the native Photoshop PSD format when importing nevertheless images from Photoshop into Animate.

When importing a PSD file, Animate can preserve many of the attributes that were practical in Photoshop, and provides options for maintaining the visual allegiance of the image and further modifying the epitome. When you lot import a PSD file into Animate, you lot can choose whether to represent each Photoshop layer every bit Breathing layers or individual keyframes.

(CS6 and before versions simply) Exchanging QuickTime movies

You can exchange QuickTime video files betwixt Photoshop and Animate. For example, y'all can return a QuickTime pic straight from Photoshop, and so import information technology into Animate, converting information technology into an FLV (Animate Video) file, which can be played in Flash Player.

When yous use Photoshop to alter video footage, you can paint nondestructively on its frames. When you salvage a Photoshop file with a video layer, you are saving the edits that you made to the video layer, not edits to the footage itself.

 When y'all import a QuickTime video file from Photoshop to Animate, use the Import Video dialog box (File > Import Video). Using the Photoshop PSD import feature to import video only imports the first frame of a video file.

You lot can besides export Animate documents as QuickTime video, and import them into Photoshop where you tin paint non-destructively on the video frames. For example, you can create an animated sequence in Breathing, export the Animate document as a QuickTime video, and then import the video into Photoshop.

Breathing works internally with colors in the RGB (red, green, bluish) or HSB (hue, saturation, brightness) colour infinite. Although Breathing can convert CMYK images to RGB, you should create Photoshop artwork in RGB. Before you import CMYK artwork from Photoshop into Animate, convert the image to RGB in Photoshop.

About importing Photoshop PSD files

Animate lets you import Photoshop PSD files and preserves most of your artwork'south information. The PSD Importer also lets you command how your Photoshop artwork is imported into Breathing, letting you specify how to import specific objects in a PSD file, as well as specifying that the PSD file be converted to a Animate movie prune.

The Animate PSD Importer provides the following fundamental features:

• PSD files imported into Animate maintain their colour fidelity from Photoshop.

• Preserves editability of blend modes that both Animate and Photoshop have in common.

• Smart Objects in the PSD file are rasterized, and imported into Animate every bit bitmaps which preserves object transparency.

• Converts the PSD file layers to individual Animate layers or keyframes or imports the PSD file as a single bitmap image, in which instance Animate flattens (rasterizes) the file.

• Drag-and-drop from Photoshop to Animate invokes the PSD file importer, letting you choose how to import your Photoshop artwork.

Compatibility between Animate and Photoshop

Certain visual attributes can either not be accurately imported, or, after they are imported, lose their ability to be further edited in the Animate authoring environment. The PSD Importer provides you with several options to import and place artwork to best maintain its visual appearance and editability. Yet, certain visual attributes cannot be preserved. Use the post-obit guidelines to improve the appearance of PSD files imported into Animate:

• Animate supports just the RGB color infinite, and not the CMYK color space, which is mutual in printing. Breathing can catechumen CMYK images to RGB; all the same, colors are better preserved if you catechumen CMYK colors to RGB in Photoshop.

• Animate can import the following Photoshop blend modes, and maintain their editability: Normal, Darken, Multiply, Lighten, Screen, Hard Calorie-free, Difference, and Overlay.

  If you use a blend mode that Animate does not support, you can rasterize the layer to maintain its visual appearance, or remove the alloy fashion from the layer.

• Animate cannot import Photoshop Smart Objects every bit editable objects. To preserve the visual attributes of Smart Objects, they are rasterized and imported into Animate equally bitmaps.

• Animate can only import the starting time frame of Photoshop Video layers.

• Image and Fill layers are always rasterized when imported into Breathing.

• PNG objects in Photoshop are converted to JPG files when imported into Animate. Transparency in the original PNG is preserved in the resulting JPG file.

• Photoshop does a better job of scaling bitmap images than Animate. If y'all know that you plan to scale a bitmap that is coming from Photoshop into Animate, scale the bitmap in Photoshop earlier importing it into Breathing.

• When importing objects containing transparent areas equally flattened bitmaps, any objects on the layers behind the transparent portion of the object will exist visible through the transparent area—bold the objects behind the object containing transparency are likewise existence imported. To prevent this, import only the transparent object as a flattened bitmap.

  To import multiple layers and maintain transparency without having whatsoever visible remnants of the layers backside the transparency, import the PSD file using the Bitmap Epitome With Editable Layer Styles option. This volition encapsulate the imported objects as a moving picture clip, and apply the pic clip's transparency. This is particularly useful if you need to breathing the different layers in Animate.

Import Photoshop PSD files

Photoshop format (PSD) is the default Photoshop file format. Breathing tin straight import PSD files and preserve many Photoshop features, retaining the paradigm quality and editability of the PSD file in Animate. You can as well flatten PSD files when importing them, creating a single bitmap image file that retains the image'due south visual effects but removes the hierarchical layer data native to the PSD file format.

For a video tutorial nigh designing websites with Photoshop and Animate, run across www.adobe.com/go/vid0201.

Select File > Import To Stage or Import To Library.

Navigate to the Adobe Photoshop PSD file to import, select it, and click OK.

(Optional) In the PSD Import dialog box, select layers, groups, and private objects and choose how to import each detail.

Select the diverse avant-garde import options and publish settings for the PSD file.

In the Import screen, select the post-obit options:

• Select Photoshop layer comp: Lets you select the particular layer comp with which he wants to import the PSD file.
• Import as bitmap paradigm with editable layer styles: Creates a picture clip with a bitmap inside.Supported blend modes, filters, and opacity are maintained. Blend modes that cannot be reproduced in Animate are removed. The object must be converted to a picture clip.
• Import as Flattened bitmap image: Rasterizes the text into a bitmap to preserve the verbal appearance of the layer in Photoshop.
• Create movie prune: Specifies that the prototype layers be converted to moving picture clips when imported into Animate. This option tin can be changed in the PSD Import dialog box on a layer by layer footing if you practise non want all of the image layers to be converted to moving picture clips.
• Instance name: Specifies the proper noun of the imported example.
• Registration: Lets you prepare the registration bespeak for your movie clip.
• Pinch: Lets you cull either lossy or lossless pinch formats.
• Lossy (JPEG): Compresses the paradigm in JPEG format. To use the default compression quality specified for the imported epitome, select Use Publish Setting. To specify a new quality compression setting, select the Custom choice and enter a value between 1 and 100 in the Quality text field. (A higher setting preserves greater image integrity merely yields a larger file size.)
• Lossless (PNG/GIF): Compresses the image with lossless compression, in which no information is discarded from the image.
  
• Quality:
  
  • Use Publish setting: To use the default compression quality specified for the imported image, select Use Publish Setting.
  • Custom: To specify a new quality compression setting, select the Custom pick and enter a value between i and 100 in the Quality text field.
    
• Calculate bitmap size: To calculate the size of all the bitmaps to be imported, select all the layers and click Calculate Bitmap Size.
• Convert layers to:
  
  • Animate layers: All selected layers in the Select Photoshop layers list are placed on their own layer. Each layer is labeled with the proper noun of the layer in the Photoshop file. The layers in Photoshop are objects on the individual layers. The objects besides take the proper noun of the layer in Photoshop when placed into the Library panel.
  • Single Breathing layer: All the Photoshop layers are placed on a single Animate layer.
  • Keyframes: All selected layers in the Select Photoshop layers list are placed in individual keyframes on a new layer. The new layer is named for the Photoshop file (for example, myfile.psd). The layers in Photoshop become objects on the individual keyframes. The objects too have the name of the layer in Photoshop when placed into the Library panel.
    
• Import as a single bitmap image: Compresses the object with multiple layers into a single bitmap paradigm.
• Place objects at original position: Retains the contents of the PSD file with the exact position they had in Photoshop. For instance, if an object was positioned at X = 100 Y = 50 in Photoshop, it assumes the aforementioned coordinates on the Animate Phase. (non displayed in Import to Library option).
• Set phase size to the same every bit Photoshop Canvas (546x513): The Breathing Stage size resizes to the same size as the Photoshop document size (or active ingather area) used to create the PSD file. This option is not selected by default. (non displayed in Import to Library pick).

Select Import to import the files, Abolish to cancel the process or Hide advanced options to display the basic options.



PSD Basic Options: Library



In the Basic options, select the options in Layer conversion, Text conversion and Convert Layers.

• Select Photoshop layer comp: Allows you to select a particular layer comp with which you want to import the PSD file. If you alter the Layer Comp in the Basic options, the tree layout in Advanced Options is updated based on the selected Layer Comp.
• Maintain editable paths and effects: Creates an editable vector shape with a bitmap clipped inside the vector. Supported blend modes, filters, and opacity are maintained.
• Single flattened prototype: Rasterizes the shape into a bitmap to preserve the exact advent of the shape layer in Photoshop.
• Editable text: Creates an editable text object from the text on the selected Photoshop layer. The appearance of the text might exist compromised to maintain the edit ability of the text.
• Vector outlines: Converts text to vector paths to preserve the visual advent of the text.
• Flattened bitmap image: Rasterizes the text into a bitmap to preserve the exact advent of the text layer in Photoshop. Rasterized text is no longer editable.
• Animate layers: Selected layers in the Select Photoshop layers list are placed on their ain layer. Each layer is labeled with the name of the layer in the Photoshop file.
• Single Animate layer: All the Photoshop layers are placed on a single Breathing layer.
• Keyframes: All selected layers in the Select Photoshop layers list are placed in individual keyframes on a new layer.Select Import to import the files, cancel to cancel the process or Testify advanced options to display the advanced options.
  

Importing PSD files to the Animate library

Importing a PSD file into the library is similar to importing to the Stage. When you import a PSD file into the library, the root folder uses the name of the PSD file. After the PSD file is imported into the library, you can change the name of the root binder, or move the layers out of the binder.

 The library orders the contents of the imported PSD file alphabetically. The hierarchical group and folder structure remains the same, just the library reorders them alphabetically.

A moving-picture show clip is created that contains all of the content of the PSD file imported to its timeline, every bit if the content were imported to the Stage. Almost all movie clips take a bitmap or other asset associated with them. To minimize confusion and naming conflicts, these avails are stored in an Assets folder in the same folder as the movie clip.

 When yous import to the library, the PSD file's contents are imported to the movie clip's timeline, not the main Animate timeline.

Photoshop Import options

When y'all import a Photoshop PSD file that contains multiple layers, you lot can gear up the post-obit options:

Layer Comp

If the Photoshop file contains layer comps, you can specify which version of the paradigm to import. A layer comp is a snapshot of a land of the Photoshop Layers palette. Layer comps record three types of layer options, all of which are imported into Breathing:

• Layer visibility: whether a layer is displayed or hidden.

• Layer position in the certificate.

• Layer appearance: whether a layer style is applied to the layer and the layer's blending style.

If no layer comps are present, this popular-upwardly menu is hidden. Animate supports all aspects of the layer comp's fidelity, including visibility, position, and layer style.

Importing text objects

Text objects are text layers in Photoshop. Cull how to import text into Animate.

Editable Text

Creates an editable text object from the text on the selected Photoshop layer. The appearance of the text might be compromised to maintain the editability of the text. If you import the text every bit a film clip, the movie clip contains an editable text object.

annotation: When importing editable text into the library, it must be inside a motion-picture show prune. Only pic clips, bitmaps, and graphic symbols can be stored in the library. When Editable Text is selected as an pick for a text layer being imported into the library, information technology is automatically imported as a character.

Vector Outlines

Converts text to vector paths to preserve the visual advent of the text. The text itself is no longer editable, just opacity and compatible blend mode maintain their editability. If this option is selected, the object must be converted to a movie clip.

 (Windows 8 only) If a PSD file containing text is imported with the Vector Outline option selected, you cannot edit the anchor points for the vector object. This is observed with PSD files that were created using fonts unavailable in Windows 8.

Flattened Bitmap Paradigm

Rasterizes the text into a bitmap to preserve the verbal appearance of the text layer in Photoshop. Rasterized text is no longer editable.

 When importing text on a path you must import it as a flattened bitmap paradigm to preserve the visual fidelity of the object.

Importing shape objects

A Shape Layer object is an object that was originally a shape layer in Photoshop or an paradigm layer with a vector clipping mask on it.

Editable Paths And Layer Styles

Creates an editable vector shape with a bitmap clipped within the vector. Supported blend modes, filters, and opacity are maintained. Unsupported blend modes that cannot exist reproduced in Breathing are removed. The object must be converted to a picture clip.

Flattened Bitmap Image

Rasterizes the shape into a bitmap to preserve the exact appearance of the shape layer in Photoshop. A rasterized image is no longer editable.

Importing paradigm or fill layers

If the image or fill layer is associated with a vector mask, information technology is treated every bit a shape layer object.

Bitmap Image With Editable Layer Styles

Creates a movie clip with a bitmap inside. Supported blend modes, filters, and opacity are maintained. Unsupported blend modes that cannot be reproduced in Animate are removed. The object must exist converted to a motion picture clip.

Flattened Bitmap Image

Rasterizes the image into a bitmap to preserve the exact advent of the image or fill layer in Photoshop.

(CS6 and earlier versions only) Importing merged bitmap objects and objects in a merged bitmap

A merged bitmap is an object that contains more than one Photoshop layer that is flattened (or merged) into a single bitmap when imported into Animate. Objects in a merged bitmap stand for layers in Photoshop. To create a merged bitmap, select two or more layers, and select the Merge Layers button.

(CS6 and earlier versions but) Importing multiple objects of different types

If y'all import multiple objects of different types, Animate only lets you import the selected objects with the import options they share in mutual, such as Create Picture Clip and Registration.

Importing multiple objects of the same type

If yous import multiple objects of the aforementioned type, the import options displayed are the aforementioned as if a single object of that type was selected. If the objects do not share the same attributes, the import options displayed are in an indeterminate state, and your results may not be as expected.

(CS6 and earlier versions only) Importing a Group folder

When y'all import a group folder, you lot tin import information technology equally a movie prune, or identify each layer in the group on its own layer or keyframe on the timeline.

If you select Import Equally Movie Prune, each layer in the group folder is placed on a layer in a picture prune, which is so placed on its own layer or keyframe on the timeline. The picture prune uses the aforementioned name as that grouping folder had in Photoshop, and if you import the flick clip to a Animate layer, the layer uses the aforementioned name.

If you do not identify the grouping in a picture clip, each layer is converted to the type that is currently ready for information technology, and each layer in the grouping is imported to its own Animate layer. The Animate layers are named for the private layers in the PSD file.

(CS6 and earlier versions only) Importing and merging layers

The PSD Importer lets yous merge 2 or more layers into a merged bitmap that is imported equally a single bitmap file rather than individual objects.

The layers yous select to create a merged bitmap must be a continuous range of two or more layers at the same level. For example, you cannot select ane layer inside a group and a layer outside that group, and merge them. Instead, yous must select the entire grouping and the separate layer.

Setting publish options

The publish settings in the PSD Importer allow you specify the degree of compression and document quality to utilise to the image when publishing the Animate certificate equally a SWF file. These settings take effect merely when you lot publish the document as a SWF file and accept no effect on the image when yous import it to the Animate Stage or library.

Compression

Lets you choose either lossy or lossless pinch formats:

Lossy

Lossy (JPEG) compresses the image in JPEG format. To use the default compression quality specified for the imported image, select Use Publish Setting. To specify a new quality compression setting, select the Custom choice and enter a value between ane and 100 in the Quality text field. (A higher setting preserves greater image integrity just yields a larger file size.)

Lossless

Lossless (PNG/GIF) compresses the image with lossless compression, in which no information is discarded from the image.

 Employ lossy compression for images with circuitous color or tonal variations, such as photographs or images with slope fills. Use lossless pinch for images with simple shapes and relatively few colors.

Summate Bitmap Size

Determines the number of bitmaps that are created for a given layer based on your import selections and the compressed size in kilobytes of the resulting bitmaps on the layer. For example, if you select a layer with a drop shadow and a mistiness and maintain layer styles, the Calculate Bitmap Size information states that three bitmaps volition result from the import—one for each filter effect and another for the image itself. To calculate the size of all the bitmaps to be imported, select all of the layers and click Calculate Bitmap Size.

(CS6 and earlier versions but) Photoshop file importer preferences

The Animate Preferences dialog box lets you gear up import preferences for Photoshop PSD files. The preferences yous specify for importing PSD files affect the options the PSD Import dialog box is initially populated with for the Photoshop layer types.

 To override the preferences specified for different layer types on an object by object basis, apply the PSD Import dialog box. Select the layer to alter import options for, and specify the necessary options.

Import Paradigm Layers Preferences

These options specify how the import options for prototype layers volition initially be set up. Yous tin can import image layers as any of the following:

Bitmap Images With Editable Layer Styles

Creates a motion picture clip with a bitmap nested inside. Specifying this option maintains supported blend modes and opacity, but other visual attributes that cannot be reproduced in Animate will be removed. If this option is selected, the object must be converted into a movie prune.

Flattened Bitmap Images

Rasterizes any text into a flattened bitmap image to maintain the exact advent the text layer had in Photoshop.

Create Movie Clips

Specifies that the prototype layers be converted to movie clips when imported into Breathing. This option can be changed in the PSD Import dialog box on a layer by layer footing if you exercise not want all of the epitome layers to be converted to movie clips.

Text layer import preferences

These options specify how the import options for text layers will initially be set up.

Editable Text

Creates an editable text object from the text on the Photoshop text layer. The appearance of the text will be sacrificed to maintain the editability of the text. If this pick is selected, the object must be converted into a movie clip.

Vector Outlines

Vectorizes the text into paths. The appearance of the text may exist altered, but visual attributes will be maintained. If this option is selected, the object must be converted into a movie clip.

Flattened Bitmap Images

Rasterize the text to maintain the exact advent the text layer had in Photoshop.

Create Moving-picture show Clips

Automatically converts the text layer to a movie clip when imported into Animate. This pick tin can be changed in the PSD Import dialog box on an object by object basis if you practise not want all of the text layers to exist converted to movie clips. This option is required when either Editable Text or Vector Outlines is selected.

Shape layer import preferences

These options specify how the import options for shape layers volition initially be set.

Editable Paths And Layer Styles

This pick volition create an editable vector shape with a bitmap clipped inside the vector shape. Supported blend modes and opacity volition also be maintained with this option, just other visual attributes that cannot be reproduced in Animate volition be sacrificed. If this option is selected, and then the object must exist converted into a motion picture clip.

Flattened Bitmap Images

This option volition rasterize the shape and maintain the verbal appearance the shape layer had in Photoshop.

Create Picture Clips

This option will fix the shape layers to be converted to a movie clip when imported into Animate. This option can be inverse on an object by object basis if y'all do non want some shape layers to be converted to movie clips. This option is disabled if the Maintain Editable Paths and Layers Styles checkbox is checked.

Layer group import preferences

This option specifies how the options for layer groups volition initially be gear up.

Create Movie Clips

Specifies that all groups be converted to a movie clip when imported into Animate. This can be changed on an object by object footing if you do not want some layer groups to be movie clips.

Merged bitmap import preferences

This option specifies how the import options for merged bitmaps will initially be gear up.

Create Movie Clips

This option will prepare the merged bitmaps to be converted to a movie clip when imported into Animate. This option tin can be changed on an object by object footing if you do not desire some merged bitmaps to be converted to motion picture clips. This choice is disabled if the Maintain Editable Paths And Layers Styles checkbox is checked.

Movie clip registration import preferences

Specifies a global registration point for movies that are created. This setting applies to the registration point for all object types. This option tin can exist inverse on an object past object basis in the PSD Import dialog box; this is the initial setting for all object types.

Publish settings for imported images

The publish settings preferences for a FLA file allow y'all specify the degree of pinch and certificate quality to apply to images when publishing the Animate document every bit a SWF file. These settings take outcome only when you publish the document equally a SWF file, and accept no effect on the image when you import it to the Animate stage or library.

Compression

Lets you choose either lossy or lossless compression formats:

Lossy

Lossy (JPEG) compresses the image in JPEG format. To use the default compression quality specified for the imported epitome, select Utilise Publish Setting. To specify a new quality compression setting, select the Custom option and enter a value betwixt 1 and 100 in the Quality text field. (A higher setting preserves greater image integrity but yields a larger file size.)

Lossless

Lossless (PNG/GIF) compresses the prototype with lossless pinch, in which no data is discarded from the image.

 Use lossy compression for images with complex color or tonal variations, such every bit photographs or images with slope fills. Employ lossless pinch for images with uncomplicated shapes and relatively few colors.

Quality

Lets you set a quality level for the compression.

Utilise Publish Setting

Applies the current JPEG Quality setting from the Publish Settings.

Custom

Lets you specify a separate specific quality setting.

seymour-symerslostactunce38.blogspot.com

Source: https://helpx.adobe.com/animate/using/photoshop-psd-files.html

Share this post