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

Similar Messages

Edge Animate and typekit

Hi,
Can anyone help me please with this.
I followed the video tutorial but couldn't add the font from typekit. It would show the new font as an available, but the look didn’t change.
Best,
Lana
P.S. I did try to contact the adobe chat and phone support but was told that the Edge Animate and typekit are only supported via forum

Hi Lana_Studio,
You most likely need to add "127.0.0.1" to the list of allowed domains on your kit in Typekit.
See these articles for more information:
http://blogs.adobe.com/edge/2012/01/27/web-fonts-and-edge-together-at-last/
(Scroll down to "How to Embed Web Fonts Using Typekit")
http://help.typekit.com/customer/portal/articles/6857-using-typekit-while-developing-local ly
Don't forget to publish your kit after adding 127.0.0.1. Also, note that it may take a few minutes (I noted up to about 15 minutes) before the changes to your kit will be completely published.

Are there any known issues with Adobe Edge Animate and Yosemite? Experiencing performance issues since upgrading OS

Are there any known issues with Adobe Edge Animate and Yosemite? Experiencing performance issues since upgrading OS. Animation I was working on that had been performing in browser fine suddenly stopped working, and was not related to any action I had done at that point. Also was working in it today and program stopped responding to key board short cut commands.

I am having a whole slew of odd interface problems with a fresh 2014.1.1 on a fresh macbook pro with latest Yosemite. Program locks up, cursor selections don't show, things disappear. I have a mac mini also and the program runs fine on it. Is there possibly something related to the solid state hard drive in new macs?

Edge Animate and Fancybox Conflict

Hi,
I've created a nice little splash animation for my company's website, which is working nicely on it's own. Further down the page, we have a section that I'm trying to manually call fancybox galleries on. It works if I delete the Edge Preloader Script tag in the head, but as soon as I paste it back in, fancybox does not work again. I have other jquery scripts running on the page while the Edge script is active, so I don't think it's from multiple jquery calls. I'm at a loss here as it seems that getting rid of one or the other is the only solution and I hope that isn't the case.
You can see the code at: http://brilliant-graphics.com/BrilliantJune2013/
The manual fancybox call is on the 'Clients Section' on the gallery button for Peter Sculthorpe.
Brendan

Thank you very much for your answer.
When I give exported as HTML at the end of the process opened me is the page of the Google search engine, but when I go to the folder where I keep the project in HTML and give click to INDEX up the page but only see the color background page and do not see the animations I did in EDGE ANIMATE . It seems to me that it is wrong EDGE ANIMATE , because when I look for the assets folder, there are two animations I did in Edge Animate , and when I enter one of them and I click the HTML document animation , raises with defects in the animation , it lacks a number of images to the project. However, these missing pictures ARE ON THE IMAGES FOLDER . Then I went to Edge Animate to see how Edge Animate published as Web (not as oam file) and when I clicked the HTML document created by Edge Animate gives the same error as in Muse . I really do not understand what's happening because the preview of Edge Animate and the Muse preview look perfect . And I do not miss any ' error code or something.
I do not know what else to do , my knowledge of the programs is limited , perhaps , to be able to locate an solution .
I will be very grateful to all who can help me on this case.
Thank you

Oh wow finally apart of a community im so excited. Hi everyone. I just got abode edge animate and am not so familiar wif this product though i sense a hint of flash buried there somewhere can you guys please assist me in the basics of edge? thanks.

Oh wow finally apart of a community im so excited. Hi everyone. I just got abode edge animate and am not so familiar wif this product though i sense a hint of flash buried there somewhere can you guys please assist me in the basics of edge? thanks.

That's going to be a ridiculous waste of money and energy.
First of all, the current ATI drivers don't support multiple GPUs, so at the moment even a single 4870X2 would be only a 'normal' 4870 (which is quite a speed beast already). GFX drivers evolve rapidly, so things might look different next month, but when it comes to Linux and hardware there's one Golden Rule: stay away from the newest stuff and wait for proper support to get coded.
I also wonder what power supply could possibly cope with the differences between idle and full load; that's way beyond 400W. But then, I'm one of those "quiet&green" types where >100W idle is already a bit much.
I kind of understand that you want to get it done and not worry about hardware for the next 10 years or so, but that's simply not how the hardware world works and never did. At least not for the average consumer.

Interaction between Edge Animate and RaphaelJS (or any svg library)

Hello.
Edge Animate's possibilities are really nice as long as i'm working with anything rectangular. The overall UI is very practical and so, but when you want to work with more complex shapes overlapping it gets very limitated.
I've looked around with no success, so may be someone here as a clue for me.
How would you integrate something from this kind of page (interactive map of australia) and make the map and an Edge environment work together.
Here i'm thinking :
- Edge buttons that would highlight some parts of the map (or reveal some divs from the original html)
- RaphaelJS code at building of the map that would interact with edge symbols.
So far, my knowledge of code/js/css seems too limited to get things done as i wish, any ideas/insight welcome.

Hi Franck!
You are right. The default implementation uses the SVG as a background image applied to a div container. That's the reason why you loose all the interactivity within the SVG itself. I love Raphael, but I think it would be an overhead for your map example.
Here is a light weight solution with (jQuery SVG) that works like a charme with non-rectangle click areas.
Assuming you have a rectangle placed on the stage (named "playground") you can load the SVG into that container within the "compositionReady" handler of your composition like this:
yepnope({
     load: "libs/jquery.svg.package-1.4.5/jquery.svg.min.js",
     complete: function() {
          // Load Handler for SVG Graphics
          function onSvgLoad(svg, error) {
            $('path#Cyan').click( function(){
                 alert('hello Cyan');
                 // Your code here
          // Select Edge Animate Element for SVG display
          var playground = sym.$("playground");
          // Load SVG Graphics
          playground.svg({});
          var svg = playground.svg('get');
          svg.load('images/pie.svg', {
               addTo: false,
               changeSize: false,
               onLoad: onSvgLoad
I put together a small demo project with an example svg and all dependencies:
http://public.simonwidjaja.com/temp/AnSVG.zip
Hope that helps!
Cheers,
Simon

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*

Already have a GIF file,put it in Edge Animate and make into an embedded web file on my site? how?

Hi there,
Im new to this particular programme. I use PS, Illustrator, AE and PP quite a lot,
However i have never used Adobe Animate and have tried for the last few days using online videos etc..
Here is my issue...
I have a GIF already. When i put it on my Wordpress site it only plays once and doesnt carry on...
I need to animate it into an embedded file i think? HTML.. etc
I have the GIF file. i also have the frames from the Gif as JPEGS...
I dont know how to simply import the gif or jpegs and render off as a html web video...
Please help me?
I know this is vague and my undertsanding of this particular programme is not great but i use other adobe products daily and feel i just need a bit of help to get me going..
Many Thanks
Sophie

Also
- how was the animated .gif created? If you are not seeing it loop the creator must have the loop playback set to 0 when it was created. Example Photoshop frame based animations has the option to set the loop to 0 or indefinite or a predefined set x of times; Fireworks also has a similar option. So somewhere along the way loop back is off in your file.
- You could open the animated gif file in Ps or Fireworks reset the loop to indefinte.
- Since you have the indivual frames you can also import them into Ps as separate layers, then control the playback options as you wish. (http://helpx.adobe.com/en/photoshop/using/creating-frame-animations.html)
- 'render off as html web video'?? Please elaborate.
How does Edge Animate fit into what you are wanting to achieve?
Darrell

Constant crashes with Edge Animate and Yosemite

I'm using Edge Animate running on a macbook pro and it is crashing every few minutes (like many others are reporting).
The program is up-to-date. I have uninstalled and reinstalled it.
Sometimes after a minute or two of working, the display features disappear. Old bounding boxes remain but, with some careful cursor action, I can still manipulate the image or symbol. . . until the entire program freezes. Other times things just stop working (e.g., motion paths). The only solution is to force quit the program -- the button on the crash notice rarely works.
Each time it crashes, it seems to create another Adobe Edge Animate CC 2014.1 Helper in the Activity Monitor (don't know what that means). I've tried deleting them but it doesn't help.
In the console, I get
2/18/15 9:16:30.612 AM Adobe Edge Animate CC 2014.1[4172]: *** Assertion failure in -[NSEvent subtype], /SourceCache/AppKit/AppKit-1343.16/AppKit.subproj/NSEvent.m:2427
There are 43 lines (!!!) that are identical to the one above.
This is obviously a known problem and needs to be acknowledged and fixed!

Hi L Nordstrom,
- If you have Dropbox installed, uninstall the software and retry.
- If you are accessing files from a remote network, copy them to your local computer, and retry.
Let us know if you still face issues.
Thanks,
Preran

Working with Edge Animate and Muse CC

Hi,
I have just published a website to the Business Catalyst server via Muse for testing (link below) and noticed that the Edge animation i have included in the website doesnt work in Internet Explorer 8 as it doesnt support HTML5, do you have a work around for this and if so how do i implement it?
Look forward to hearing from you.
http://hooperdesign.businesscatalyst.com/

i'm from orgin an php wordpress developer and im trying to make an muse site now to...
and it is a pain in the *** xD.
no control over css or html, so im starting to regret this
but you can just render it as web in edge animate wit hthe iframe checked. than place in in muse by object > insent html and insent is as iframe.
<iframe src="/folder/index.html"></iframe>
warning, you can not see anything of iframe in preview mode, you have to completely render is as html and manualy open it to see the change....
i really like edge animate but im starting to hate muse

What Is Edge Animate and What Can I Create with It? | Learn Edge Animate | Adobe TV

Welcome to Edge Animate, a new motion graphics tool for the web. In this video you'll learn what you can do with Edge Animate, see some sample projects, and get a good idea of the potential fun you can have with this application.
http://adobe.ly/SG2GeP

Southhampton? I've never seen it spelt that way.

Edge animate (and some others) don't show up to install on Windows XP (32bit)

I can't see an option to install Edge animate (Reflow or Inspect either) on my windows xp (32bit) machine. However with same account on my Windows 8 machine they do.
Are these pieces of software only 64bit or later OS?

Winodws 7 and 8 only.
http://html.adobe.com/edge/animate/tech-specs.html

Edge animate and content management system

Since I'm having great difficulty getting this to work, I'm wondering if edge animate 2014.1 will work in an content management system? The previous version I was using created a _edgePreload.js which among other things, loaded the javascript files and had a path to those .js files that could be changed, which is how I managed to get about half working with my cms. Now that Edge has updated to v2014.1 the _edgePreload.js is no longer automatically generated as a separate file and when set to publish preload DOM as separate file, this preload.js does not have the same "paths" section. Also, publish settings will not let you use relative paths, Can anyone explain if and how edge animate 2014.1 can work in an content management system I would greatly appreciate it.

You can now modify the first parameter to "AdobeEdge.loadComposition" in the generated html page accordingly.
Say, you moved the edge generated js(_edge.js and/or _edgePreload.js) files to folder "myJSFiles", then do the following change:
Before Change: AdobeEdge.loadComposition('CompName', 'EDGE-107552393', { ..... }
After Change: AdobeEdge.loadComposition('myJSFiles/CompName', 'EDGE-107552393', { ..... }
hth,
Vivekuma

Edge Animate and ExCanvas.js?

OK, I've used Edge Animate to make a killer landing page prototype for a really big e-commerce/retail company and everyone whose seen it has flipped out. That's the good part. The bad part is that none of this will work in IE 7/8. SInce the mouthbreathers that use these out-dated, POS browsers makes up about 1/3 of their customers, telling them to come back after they upgrade to a real browser isn't an option.
I've tried using ExCanvas to no success to get what is essentially a timeline animation using 10 images to work. I'm missing something here, but have no idea what is is.
Will Edge Animate output work with ExCanvas.js for use in IE7/8 or is this just a pipe dream?
Please be advised: at current, I'm using EA 1.5 (CS) not 2.0 (CC).
Thanks,
jeff

Hi Jeff,
With IE <8 on the decline, we have no plans to add support for these browsers. It would take a huge amount of effort to polyfill for these and you would end up with an obnoxious payload - nobody wants that
Have you tried Chrome frame? In the publish options, you can select Chrome Frame which will prompt older IE users to run a Chrome emulation. It only needs to be run once for it to work and could be the trick to getting your clients on board.
Sarah

^ Edge Animate and Your Facebook account integration....

Hello everyone, I am a young Indian designer. I have used Edge Animate to integrate your facebook account stats in it and with that I have performed an animation which is cool... Checkout that animation @ www.creativemantra.net/kaushiksavla
correct link updated

I'm watching this thread with intertest, because I am experiencing the same thing with an Edge Animate file brought into my Muse project. Everything previews in browser just fine... works as expected when I publish to Business Catatlyst. But when I export as html and ftp the files to my web host (not Business Catalyst)... everything BUT the Edge Animate animation works as expected. The EA simply does not play, even though it is set to 'autoplay'. A look in the site directory shows the necessary files 'in place'. I'm stumped...
elevate-creative.businesscatalyst.com
www.elevate-creative.us

InDesign, Edge Animate and SVG import

Similar Messages

Maybe you are looking for