How do I turn an entire Edge Animate project into a symbol

I have created an Edge Animate project that features a short animated tutorial for our website. Now I realize that I would like to incorporate that project inside a larger project. Is there any way to convert the entire tutorial into a symbol that can be added to the larger project?
Thanks
Paul

Hi, Paul-
You'll need to do a little bit of wrangling to make this happen, but the easiest thing to do is:
Select everything in your elements panel and convert to symbol
Transfer all of your triggers by highlighting them all in your main timeline and cutting (Ctrl/Cmd-X), then:
Open your symbol
Move the playhead to the time location of your first trigger
Paste (Ctrl/Cmd-V)
Transfer all of your timeline-based and stage-based code manually
Hopefully that helps - it's a little bit of a pain if you have a lot of code involved, but if you only have timeline-based things, most can be cut and pasted over.
-Elaine

Similar Messages

How do I upload the entire Edge Animate folder to the cloud?

How do I upload the entire Edge Animate folder to the cloud?

Hi there,
Are you talking about the Creative Cloud? If so, you can compress the Edge Animate files into one folder as a .zip file, and then upload the entire .zip file by clicking the Upload button on Creative Cloud:
I hope this helps! Let me know if you need further clarification! : )

How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. Do I use .png or svg?

I want to use Edge Animate to create native app in PhoneGap Build. How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. And do I use .png or svg?

If you use responsive scaling it will definitely scale .
For best practises regarding graphics refer
Edge Animate Help | Best practices for graphics in Adobe Edge Animate

How to zoom and pan with Edge animate?

Hi,
I have been trying to make a project with Edge Animate, it is all about an image, but I want to be able to zoom and pan the image. Can you please send me an example if there is any around? or Can you explain me how to zoom and pan with Edge Animate?
Thanks,
Guasch

I am having this same issue! I am searching through forums on what tools to use to create a good zoom and pan on an image that contains hyperlinks an other things, developed in Adobe Edge Animate.
So far, here are some solutions I have come across:
http://craigfrancis.github.io/zoomify/
http://zynga.github.io/scroller/demo/dom.html
These two seem to be the closest solutions to what I'm looking for. Now I just have to integrate the javascript into my adobe ege animate composition. Hopefully that won't be too hard. Are there any suggestions from the adobe community on how to do this?

How to add Creative Commons code from GitHub to my Edge Animate project?

Hi there!
I am pretty new to Edge Animate, and I am trying to figure out how to add in a GitHub Creative Commons html code to my Edge Animate project.
I have a feeling there is an easy solution- which I can't seem to figure out...
Thanks in advance!

Yes- thanks for asking!
I would like to use an html code that is available in the GitHub Creative Commons library. I would like to import the html code for the collapsable force layout from the Creative Commons GitHub library found here: http://bl.ocks.org/mbostock/1062288#index.html into my Edge Animate project.
I am hoping that once I have been able to import this code, that I can than use Edge Animate to customize how it is displaying- i.e. add call-out boxes to the bubbles etc.
Any advice you may have would be greatly appreciated!

How do I link a google drive edge animate project to an iframe?

I have a simple edge animate project as a test. It has the following files in the root:
edge_includes folder containing 3 images and edge.5.0.1.min.js
project.html
project_edge.js
I want to be able to have these files stored on google drive (or dropbox or alternative) and link to them through an iframe on my website. I've tried doing this by keeping the file structure the same on google drive and just referencing the shared link of the html file, but the project will not work.
I've also tried replacing the src links of the edge.5.0.1.min.js file and the image files to their shared links on the google drive. This didn't work either.
Is there any way to host the files externally and have them still reference each other properly so the html file can be linked into an iframe on a different site?
Many thanks in advance
Barry

Just to add the relevant requested information:
I am using the latest version of Edge animate (2014.1)
Google chrome (and IE desktop not metro as backup)
If anyone wants to see the file then I'm happy to link to it, but I don't think the question really warrants it.
Thanks again.

Import Edge Animate compositions into In Design

Hi, how do I import Edge Animate compositions into In Design..? Cheers
p.s. perhaps i should have added: my main interest is to have the animate project imported to have it load in the adobe viewer for digital publishing. up until now I'd linked the html overlay from the standard Edge app. One of the things that caught my eye under the features for Edge animate was:
Digital Publishing support
Import Edge Animate compositions into the Adobe Digital Publishing Suite with Adobe InDesign CS6, or into Apple iBooks Author.
How I proceed: as per the help/resources:
Publish as Animate Deployment Package (.oam)
Select this export option to create a package file of your project for use in other Adobe tools. The following tools support Animate Deployment Packages: Adobe Digital Publishing Suite (DPS), InDesign CS6, Dreamweaver CS6, and Muse.
Select File > Publish Settings.
In the Publish Settings dialog box, make sure Animate Deployment Package is selected as the publish target.
Note or change the target directory.
(Optional) Specify a poster image.
Click Save to save the publish settings, or click Publish.
but all i get is
Content generation error.
[Error: Invalid URL for Web Content Overlay]

Here is a walkthrough on Adobe Dev Connectings - http://www.adobemarketing.com/devnet/digitalpublishingsuite/articles/enhancing-your-dps-fo lios-with-edge-animations.html
The only difference in that walthrough is the reference to in the Publish Settings: in Adobe Edge Animate v1, its now called 'Animate Deployment Package' instead of 'Indesign/DPS'.
Darrell

The best way to import video in Edge Animate project?

What is the best way to add video and audio in Edge ANimate project?
Thanks
Ares

Hi,
Can you check out the answers on this forum thread, and let us know if it helped you?
Can I import video into Edge? (http://forums.adobe.com/message/4352262)
Thanks,
Preran

What is the best way to manage file structure in an Edge Animate project

I started an Edge Animate project, but halfway through I realized that one of the folders I created was misspelled. In Windows Explorer, I renamed the folder, but that caused the Edge Animate project keep crashing. Is there a way to manage/edit the file structure of a project within Edge Animate? If not, is it possible to make alterations to the project's file structure in Windows Explorer without causing errors in Edge Animate?
Thanks,
Paul

Does anyone have any comments or know of any possible solutions for this?

Unable to Insert Adobe Edge Animate files into Dreamweaver CS6!

I have just tried the new Insert Edge Media feature in the new Cloud version of Dreamweaver CS6, but I can't get it to work!!
I have the option, but all the files in the Edge folder are unhighlighted (grey'd out) and I am unable to select anything Edge has published. I have noticed that the file extension has recently changed from .edge to .an with the launch of Animate.. Is this the problem?
Its a shame as its really quite tricky to put edge stuff into a web page at present..
Any ideas?
Wesley

Do you have an HTML5 web document open?
Below are instructions from the DW CS6 Reference document
http://helpx.adobe.com/pdf/dreamweaver_reference.pdf
Import Edge Animate compositions | Creative Cloud
This feature is available for Creative Cloud members and point product subscribers only.
You can import Adobe Edge Animate compositions (OAM files) into Dreamweaver. The composition is placed at the location of the cursor. Dreamweaver extracts the contents of the imported OAM file to a folder named edgeanimate assets. You can change the default location in the Site Setup dialog.
1. Ensure that your cursor is at the location where you want to insert the Edge Animate composition.
2. Select Insert > Media > Edge Animate Composition.
3. Navigate to the location in your computer containing the OAM file, and open it. The animation is placed at the specified location.
By default, the contents of the OAM file are extracted to the edgeanimate_assets folder. A sub folder with the name of the file is created. The contents of the OAM file are placed in the Assets folder under this location.
You can place Edge Animate Compositions into individual pages not part of any site. The files are extracted to the location of the page.
Location of extracted files
     A. The edgeanimate_assets folder
     B. The folder created using the file name of the OAM file
     C. The Assets folder containing the extracted files
4. Preview the inserted Edge Animate composition in a browser or in the Live View.
Change default location for extracted files
1. Open the Site Setup dialog for your site.
2. Under Advanced Settings, select Edge Animate Assets.
3. In Asset Folder, modify the location for extracted files
Nancy O.

Is it possible to export an Edge Animate clip into YouTube, somehow?

Is it possible to export an Edge Animate clip into YouTube, somehow?

Hi, rinse 62-
This thread popped up at about the same time as your message:
http://forums.adobe.com/message/5275274#5275274
This should get you started. From video capture, you can easily upload to YouTube.
Cheers,
-Elaine

Is it possible to place an Adobe Edge Animate animation into an Interactive PDF?

Hello all,
At the moment, this seems to be the biggest InDesign mystery to me...
Is it possible to place an Adobe Edge Animate animation into an Interactive PDF?
I have not been able to find anything on this. Thanks for any insight you can provide.

No.

First Edge Animate project!

http://www.publico.pt/multimedia/infografia/guerra-na-siria-ja-obrigou-6-milhoes-a-fugir-6 9

Hi. Some are made by Hype and Flash, but most with Edge. If you click them and choose "view source" you can tell which one.
Kjell Erik
Den 3. juni 2013 kl. 13:41 skrev catia mendonca <[email protected]>:
Re: First Edge Animate project!
created by catia mendonca in Edge Animate - View the full discussion
Are they all made with Edge?
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5374464#5374464
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5374464#5374464
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5374464#5374464. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Edge Animate by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

There is suppsoed to be an option to import Edge Animate objects into Dreamweaver. I have the latest

There is suppsoed to be an option to import Edge Animate objects into Dreamweaver. I have the latest version and I do not see that option.
Windows 8.
DW CS6
12.0 5808
http://helpx.adobe.com/dreamweaver/using/import-edge-files.html
http://layersmagazine.com/edge-animations-into-dreamweaver-cs6.html
And I am a member of creative cloud

Reading another post... here's what I had to do. Log into creative Cloud. >> Re-Download Edge >> It installs over the top of the existing Edge Animate install >> Then close everything >> go back into Creative Cloud >> Now it shows that Dreamweaver has an update. >> So I download the latest Dreamweaver>> Bam!
My guess is there is no reason to have the DW 12.2 if the system doesn't think you have the latest Edge Animate.
Silly.
Thanks again.

Typekit fonts not working after Edge Animate project is published

Hi, I have added Myriad from Typekit to a Edge Animate project and after applying the font it looks great and even when I 'View in Browser' it works fine.
My problem is after publishing, the font defaults to it's fallback font (Serif-Sans) overtime in every browser.
Am I missing a step in the process of publishing?

Hi Nathan,
I'm sorry that you ran into trouble with this. The fonts may not be loading because the published website uses a different domain name than your development site. Please make sure you have added the published/live domain name to the domain listing on your kit.
To add domains, go to https://typekit.com/account/kits and launch your Kit Editor. Click Kit Settings in the upper right corner and add your domain to the domains field, then save your settings. When you're done, republish your kit. The fonts will be available on the new domain within a few minutes of republishing.
If that doesn't solve the problem, would you share the project URL so we can take a look? If you don't want to post it on the forum, you can email Typekit Support directly at [email protected]
Thanks!
-- liz

How do I turn an entire Edge Animate project into a symbol

Similar Messages

Maybe you are looking for