Good alternative to Edge Animate for SVG animation?

Hello,
Does anyone know if there is an animation tool that makes full use of the capabilities of the SVG file type? I understand SVG has a very robust feature set in terms of effects and animation, but is there a tool that allows us to use all of those things together?
Thanks.

use this plugin to be able put html code : http://wordpress.org/extend/plugins/import-html-pages/
then use this : <iframe src="your_Edge_File.html" width="100%" height="100%" scrolling="no"></iframe>

Similar Messages

Installing edge animate for students

How would we install edge animate for a class of students?
is there any way to install it without using creative cloud?

Going through Dave's answer there, Animate seems to be currently free, if you have an Creative Cloud account (Free or Paid - http://html.adobe.com/edge/animate/faq.html#pricing). What I would do is get each student to register for a free CC account. Install Edge Animate on each machine, then if a student wants to use it on the machine, they can log into the Application Manager using their Adobe ID and the license should activate the installed Animate for them.
I assume this wouldn't be against Adobe T&C, as each computer is using a license registered to the student, but it might be something to check.

Edge Animate for Windows Vista (was: Adobe Edge Animate)

My question is if there is any version of Adobe Edge Animate for Windows Vista

Thank you for your answer!..and you do not need to be sorry, is just a question.
Regards,
Sanyasin

How can I maintain the font used in Adobe Edge Animate for Adobe Muse website?

I used a png file which is working perfect and then used the font Montez in Edge Animate for 2 titles, however once I published the file(live) to muse it a totally different font. Is there something in particular I need to do in Animate to avoid alteration of font. Help!

The original photo gallery is:
http://www.bethanyjanedavies.com/portfolio.html
You can see that the right side is chopped off
But I may have to compromise and use:
http://www.bethanyjanedavies.com/portfolio2.html
This is a much wider page than the rest of the website, but I suppose you have to find a compromise that works!!
Cheers
Helen

InDesign, Edge Animate and SVG import

I created an Edge animation whose ultimate destination is for an iPad app authored in InDesign. To avoid any font issues and to make this viewable in all iPad flavors (retina), I imported three lines of text as well as a text logo as SVG files from Illustrator in to Edge Animate. All fonts were converted to paths:
http://www.ampersandmiami.com/edge/
The link above is what Edge created when publishing for web. It is indeed SVGs and they do appear as such in my desktop machine, on my ipad and on my iphone when I view it using Safari. When I pinch and zoom in, all is rasor sharp. Perfect.
Here is the issue…
I unzipped the .oam file Edge creates for import into InDesign. Just to make sure, all my SVGs are there in the images folder. Edge did not create raster versions of any of them. So far so good...
But, when I place the .oam file in InDesign and preview the app on my ipad using the Aobe Content Viewer, the SVGs are rasterized. I zoom in and they are pixelated. Not good for retina ipads.
Is there a way of importing my Edge animation and retaining the SVGs as vectors and not making them rasters? Is this an InDesign limitation?
Any thoughts?

Unfortunately not at the moment. This is a known issue with Edge placement in InDesign.
Neil

Advice on using Edge Animate & Interactive SVG to create an interactive map

Hello folks, I'm hoping for some guidance on a complicated graphic. My org. has an existing interactive map which was created by a freelancer for us using Ruby and js. It's very nice but I wanted to see if it's possible to recreate using Edge Animate (both as a challenge to myself and as a way of being able to move ownership of it in-house). Here's the map:
http://csai-online.org/sos
I have done a fair amount of work in Edge Animate but have mostly stuck with simple interactivity (play, repeat, navigation links, etc.) so this would be a stretch. But I'm thinking that the map itself (with various shadings) could be recreated using Edge Commons' Interactive SVG function. I would create the map in Illustrator as an svg with different layers for each group of states, which would then be activated by the buttons in Edge Animate. (The floating box could be done entirely in Animate.)
So my questions are,
- Does this seem doable, and has anyone done something similar?
- How do I trigger the layer visibility toggle from Edge? There's a tutorial from Edge Commons which changes the color of an object by CSS, but it seems like it would be simpler to use layer visibility.
- Some of the combinations of checkboxes result in States that are in multiple groups (resulting in a striped fill). I'm guessing I'd need to add some code to indicate that if buttons X and Y were both checked, a third combined layer would be shown. (A further complication is that each of the groups of buttons shuts off the other groups.)
Alternately, it seems like I could also create each state as a series of differently-colored graphics which are then shown or hidden based on which buttons are checked (using arrays, maybe?), but that seems a messier due to the million separate images.
Anyway, how would you approach this problem, I guess is my main question.
Thanks very much.

This looks pretty simple to me and I don't see why you wouldn't be able to do it in edge animate.
Create each state as a button and animate the hover effects inside a symbol and then on the main timeline animate the content boxes opacity to on and off and set labels for each "on" state and then in your button link to that label in the mouse over actions preset.u
As far as calling the bottom content into the div i would just do that by hand by grabbing a simple script off the internet. *theres loads*

Edge Animate export to animated .gif?

Hi everyone, I just started using Edge Animate and have completed my project. My final deliverable I am looking for is an animated gif with everything contained in it. Can Edge do this? I think I will blow the mind of my vendor if I try to send them an HTML file, Javascript and the images all separately. Is there a way to export just one file? If not, can I import my Edge Animate file into another Adobe application where I could do so? Thank you.

There really is no "single file" solution with HTML, none that would be easy anyways. The HTML page is an aggregate of images, libraries, fonts, etc and due to the nature of the format I don't think you'll find the one-off package you're looking for. Even if you were to embed in say Dreamweaver or Muse the output would still be multiple files.
IMO I think your best solution would be to upload somewhere and share a link
Cheers,
Sarah

How can someone without Edge Animate see an animation if I don't upload it to a website yet?

So I just got Adobe Edge Animate CC and I've watched a few videos about the different saving options but I don't talk HTML/code or anything like that so I just want to make sure I'm doing things right. I designed and animated a banner and I have to send this to the webmaster where he will put the banner online but I want to make sure before I send anything that he will ble able to view the animation even without having Adobe Edge or not using Dreamwaever or Muse or any Adobe program. Just like a photo in Photoshop can be saved in jpeg, png. etc. I wanted to know if there is a file extension that can be opened with Flash or some other software that people don't need to pay for in order to watch my products.
I don't want to upload the banner and then find out it needs edits- that's why I'd like others to be able to see rought cuts.
Thanks for your help!
Andrea

Hi, PR-
You would upload it the way you would upload any set of files to your web server. Some companies have them set up as network shares, some have them set up so that you log in with an FTP or SFTP account, and some have them set up so that you use SCP or a similar protocol. Basically, you will want to publish to web and then take the contents of the publish/web/ directory and put them into a directory on your webserver.
Hope that helps,
-Elaine

Can we add form validations in edge animate for particular input box

Hi Everyone,
I have created an animation which includes some forms to be filled by the user. For this I have created the form in which i used the j-query input box inside the edge animate. Its appearing perfectly as it should be. Now I want to validate this input box. For example, I have to put some numeric figure in the text field which is limiting to 100. Now how I can control the figure so that user can'nt put 101 and if in case user presses 101 on keyboard, the 100 appears in the text field by default. I mean to say, it should not exceed to 101.
I am a new bee for j-query and validations, so please help me out in this.
Regards
Vikas Sharma

Hi Rupa,
Yes it is possible.You want to make include both drop down and input fiels for particular column.Yes you can achieve this by using cell variant of column,using this you can make some cells are drop down and some are input enabled.
We have a stanard program WDR_TEST_TABLE,check the view VARIANTS_STANDARD in this go to the method WDMODIFYVIEW.
In the above methos they explained how to add cell variant to the column.
Thanks
Suman

Edge Suite for Wordpress: Animation not starting

After many hours, I finally managed to implement our Edge animation in some way on our website, but the animation is not firing (clouds are supposed to float):
http://mineout.net/hangout
(seems I have to press CTRL+F5 to force reload for it to load properly sometimes...)
Here's the working HTML version for reference:
http://mineout.net/hangout/Untitled-1.html
Initially, Stage was 100% height and width, but I read that stage had to be fixed size for animations to work in Edge Suite, but after that change, I noticed no difference (source: comment at http://tv.adobe.com/watch/create-like-crazy-with-adobe-edge/episode-5-spice-up-your-wordpr ess-site-with-edge-animate/)
I'm seeing this error in Firebug:
TypeError: fillProp[1].match is not a function
http://mineout.net/hangout/wp-content/plugins/edge-suite/includes/edge-wordpress.js
Line 112
I manually added this line to the theme's functions.php:
wp_register_script('Untitled-1', home_url() . '/Untitled-1_edgePreload.js', 'jquery', '1.7.1');
I also called it in the custom header I made for the front page, before wp_head:
<?php wp_enqueue_script('Untitled-1', home_url() . '/Untitled-1_edgePreload.js'); ?>
<?php wp_head(); ?>
And I tried both with and without CSS:
#Stage_untitled-1_4{
    /*position:absolute !important;*/
    /*position: absolute !important; *//* That is not pretty, but no way around it. */
    top: 0px; /* Aligns the animation with the top of the header (can be removed or changed) */
    z-index: -5; /* Sets animation as overlay, set to negative value for background placement */
    /* Only use the following if you want to center the animation */
    /*left: 50%; */
    width:100%;
    height:800px;
    /* margin-left: -346px; */ /* Half the width of the stage */
I have tried all kinds of stuff (javascript and php hacks), but I am not sure if the issue is with my theme (it uses a lot of jquery stuff) or with Edge Suite for WP, or what it could be.
Anyone got any clues? Any help would be greatly appreciated

use this plugin to be able put html code : http://wordpress.org/extend/plugins/import-html-pages/
then use this : <iframe src="your_Edge_File.html" width="100%" height="100%" scrolling="no"></iframe>

Is there a roadmap for Edge Animate for new features and releases in the future?

where can i found a roadmap for the next releases of Edge animate and new features?

Hi tsiky64,
I think you might need to check the screen shot attached: Tech specs | Adobe Reader XI
To download other version of Reader you may visit : Acrobat-Reader Enterprise Toolkit Home
Regards,
Ajlan Huda.

Best workflow from InDesign to Edge Animate for DPS

I'm working on a DPS project and want to take an article that I designed in InDesign, and bring it into Edge Animate to animate.
What's the best way to do that?

There is no good way to do that but without seeing the layout it's pretty much impossible to give you any advice at all. BTW, The Edge and DPS forums would be way better places to post this.
Bob

Having problems using DPS and Edge Animate for iPad Air

Hi, I recently just puchased a iPad air, wanting to explore and learn how to use DPS. I've been trying to import a OAM file from edge to indesign cc.
When i do place the file, and run a preview, as soon as i click on the preview, it breaks. The preview zooms into one section of the design.
I've designed the Edge animate file as 2048x1536 hoping to optimize for the retina display. Does my INDD file have to be 2048x1536? Or only my folio. If anyone can help me with this, it'll be a life saver. Thanks. Screen shots included as examples.
-Paul
The indesign file before preview
The preview.

I would not test this using the "Preview" method as I have found the desktop app to be unreliable. You're better off to publish the folio privately and use the Adobe Content Viewer app to view the content on the device. If this doesn't help please provide screen shots of the settings you are using in the folio overlay panel to help the community better understand the issue.
Also just as an FYI if you intend to move forward with DPS and are publishing work to the app store, 2048x1536 folios are not recommended:
"Create only 2048x1536 folios. This approach is not recommended. In multi-issue viewers, 2048x1536 folios appear only on the HD iPad. In single-issue viewers, the content is noticeably rasterized and performance problems can occur." -
https://helpx.adobe.com/digital-publishing-suite/help/creating-dps-content-different-ipad. html

Edge Animate CC 2014 animation of elements of a html file created in Dreamweaver

Does anyone know why with Edge Animate CC 2014 it's not possible anymore to animate elements of a html file created in Dreamweaver? With Edge Animate CC 3.0.0. this was possible.

Hello!
I now have a project that seems to be corrupted. A had been working on it all morning, with a few bugs here and there. Now I can no longer open the file, receiving this error: "Edge Animate: Exception An error occurred. Please your work and restart Edge Animate."
I will try to attach sample files.
- J Sean

Edge Animate CC - parallel animation

How make two animations? First animation when i click is stopped, second animation dont stop? I don't understand, it turns only the linear animation.
the problem is that it is impossible to make a smooth transition, since I don `t know in what period of time, click on the object.

If you want 2 animations in the same composition to play at the same tme, you need 2 symbols and invoke them at the same time on the timeline with a code similar to this:
sym.getSymbol('symbol1'),play();
sym.getSymbol('symbol2'),play();
You could also add this on a click event or any other mouse event.
https://app.box.com/s/hqehmzklk0pnzlp92r3c
This being said, I am not sure this is what you want. If you want the second animation to play when the first one is finished, you can add the code for the second animation at the end of the first animation timeline.
Let us know if what you want to do is different with more details.

Good alternative to Edge Animate for SVG animation?

Similar Messages

Maybe you are looking for