Adobe Edge - generic questions

Hi, I've a couple of fairly generic questions regarding Adobe Edge: - Is it part of the Adobe Creative Cloud? - I'm looking to produce animated online web ads (leader board / MPU) As far as I'm aware I can produce HTML 5 in this, is this correct? Can I also produce .swf files too? My overall aim to get trained on a package which can produce online interactive animated ads (which will play on both PC and Apple devices old and new). Flash only seems to produce .swf (don't work on some Apple products) Is Edge the answer? Thanks in advance, Andy

Hi, Andy-
Edge Animate is available for download from the Creative Cloud, so you should already be able to see it in your offerings. Animate works natively in HTML, so it can't output SWF. I believe Flash can export to Canvas using CreateJS (http://www.adobe.com/products/flash/flash-to-html5.html), but Canvas support is uneven across all browsers. We are working with other advertising agencies, so I can tell you that there is good interest in Edge Animate as a solution for HTML-based animated advertisements.
Hope that helps you,
-Elaine

Similar Messages

License Question - Adobe Edge Inspect

Ok, here is the problem. We have 3 Creative Suite Cloud licenses for 3 members of our team to use at work. Awesome.
We have now built a mobile testing station which is one computer connected to numerous mobile devices for testing purposes. We want to Use Adobe Edge Inspect on this computer in order to do this. But when I install Creative Cloud and try and set Edge Inspect up it tells me I need a paid version in order to connect multiple devices. Do I need to buy a whole new Creative Suite License for this computer in order to use this one 'lite' application? Or can I use one of our existing licenses so that I can run this application on the testing station?
Thanks
Mike

If the installation would be getting used at the same time that the other license owners would be using their CC installations then you likely need to have a separate license for the test station. The CC licensing allows for installation on two machines with the exception that the subscription is only in use for one machine at any given time.

Lesson for Adobe Edge Animate

Hello Everyone.
OK. Have been doing Edge Lesson's for quite nearly a year now, and wanted to share them with the community.
If you have any request or questions, please feel free to post them to the video links below, or in here, and I will
Try my best to assist you any way that I can.
Edge Animate has really come a long ways, and with the new CC, it has taken on a life of its own.
Look forward to what the future may bring with this awesome Adobe program release.
Wayne Barron
Dark Effects Production
Adding sound to Mouseover event in Adobe Edge Animate
3:42
1
Adobe Edge Animate - Add Sound in Mouseover Event
by darkeffectstv 1,987 viewsIn this video, we will learn how to add sound to a buttons Mouseover event in Adobe Edge Animate.…
Learning how to add sound to Adobe Edge Animate
7:08
2
Adobe Edge Animate Adding Sound to Project
by darkeffectstv 5,031 viewsAdobe Edge Animate Adding Sound to Project…
Remake, as the cursor was not in the last videos.
4:10
3
Adobe Edge Animate - Mirror Text Effects with Wipe On Text (Lesson 3) (Remake)
by darkeffectstv 447 viewsRemake with "Cursor" this time…
Remake, with Cursor
3:49
4
Adobe Edge Animate - Load Background Image (Lesson 3) (remake)
by darkeffectstv 1,050 viewsremake with Cursor, as Cursor was not int he original one.…
2:00
5
Adobe Edge Animate Starting Symbol at certain location
by darkeffectstv 245 viewsIn this quick tip.
We are going to stop a symbol from playing.…
6:53
6
Adobe Edge Animate Animate Logo to show and hide words
by darkeffectstv 418 viewsIn this lesson, we are going to learn how to take an Image (Like a LOGO for a company) and animate it on the screen, and show and hide words.…
5:44
7
Adobe Edge Animate Publish Files and JS Folder
by darkeffectstv 758 viewsIn this lesson, we will guide you through the ins and outs of publishing your site from Adobe Edge Animate, to a web server.…
6:19
8
Adobe Edge Animate Create a Pen and write a Line
by darkeffectstv 527 viewsIn this lesson, we are going to create a Pen, then write 2 lines.
This can be used in so many different projects, that it is endless.…
2:34
9
Adobe Edge Animate Rollover Button
by darkeffectstv 2,195 viewsIn this lesson, I will show you how to code a Rollover Button.
This is a very simple and easy way to create a Rollover Button, with very little effort.…
4:06
10
Adobe Edge Animate show Grid to fine tune your Animation
by darkeffectstv 77 viewsHave a lot of Animation in your project?
In this lesson, we are going to show you how to fine tune your animation down to the 30th of a second…
16:49
11
Adobe Edge Animate Create a Menu
by darkeffectstv 4,993 viewsIn this lesson, we are going to be creating an animated interactive menu, that is sure to grab your users attention.…
12:30
12
Adobe Edge Animate Menu Slide Down
by darkeffectstv 1,175 viewsIn this lesson, we are going to showing you how to create a Sliding Down Menu.
This was really big a few years ago, a lot of sites had these types of menus…
9:45
13
Adobe Edge Animate Menu Slide In from Left
by darkeffectstv 358 viewsIn this lesson, we are going to be creating a cool little menu that will slide in from the left.
I have never seen one like this before, and thought that I would create one, to see if it would work good,…
4:29
14
Adobe Edge Animate Pin and Timeline Indicator
by darkeffectstv 153 viewsIn this lesson, we are going to go over some basics on how to use the Pin and the timeline indicator. This will come in handy, if you have a big project and you wonder what happened, if something messes up …
16:43
15
Adobe Edge Animate Menu Button Header Footer
by darkeffectstv 905 viewsIn this lesson, we are going to be creating a Menu Button, with a Header and Footer.
This is a cool looking button, that will come in handy for some sites.…
12:56
16
Adobe Edge Animate - Shot Bullet from Gun and hit Wall
by darkeffectstv 110 viewsIn this lesson, we are going to be creating a gun, a bullet, a wall.
We are then going to shot the bullet, out of the gun, and destroy the wall.…
7:44
17
Adobe Edge Animate Menu Rollover Buttons
by darkeffectstv 1,047 viewsIn this lesson we are going to create some Rollover Menu Buttons.…
4:11
18
Adobe Edge Animate - Animate Ball Bounce Squish
by darkeffectstv 172 viewsIn this lesson, we are going to animate a ball, of which is going to bounce on the floor, and once it makes contact with the floor, it is going to squish down, just like a real ball will do.…
6:16
19
Adobe Edge Animate - Change Text when Button is clicked
by darkeffectstv 353 viewsIn this lesson, we are going to learn how to change the text of Textfield, when a button is clicked.
reusing the same Text Element over and over again, keeps the project clean and tidy.…
4:02
20
Adobe Edge Animate - Space Demonstration (Lesson coming soon!)
by darkeffectstv 49 viewsThis is a demonstration of a project that I have been working on for the last few days. This will be turned into a lesson, that will be available within the next week or so…
21:37
21
Adobe Edge Animate - Lesson 1 Space Project
by darkeffectstv 87 viewsAdobe Edge Animate space project, showing how to rotate elements around a centered element. Also, how to reuse the same text element over again…
9:32
22
Adobe Edge Animate - lesson 2 Display Planet Information using single text element
by darkeffectstv 61 viewsview lesson #1 first:
http://youtu.be/16GOY1QOD_…
1:39
23
Adobe Edge Animate - Open Link
by darkeffectstv 227 viewsIn this quick how to lesson.
We are going to create a link on Adobe Edge Animate.…
2:31
24
Adobe Edge Animate - Add Sound in MouseOut Event Part II
by darkeffectstv 192 viewsThis is a follow up to a previous lesson.
Please view the following lesson to catch up to what this is all about…
1:28
25

Here are 2 video using "Edge Hero"
Adobe Edge Animate - Edge Hero Lesson 1 - 3d Objects
by darkeffectstv 107 viewsIn this lesson, we are going to be working with a new plugin for Edge Animate called
Edge Hero…
6:55
2
Adobe Edge Animate CC Lesson #2 - Loading Video with Edge Hero
by darkeffectstv 40 viewsIn this lesson, we are going to load some video into our edge project using Edge Her…
And this is the latest video for Edge Animate CC
Adobe Edge Animate CC - Lesson #3 - Animate ball bouncing on boxes and changing colors
http://youtu.be/MxxpQspBpcw

Adobe Edge Animate JavaScript Coding issues/page load time speeds

To let you have an idea of my skill set I have a background in animation and design and have been taking classes in web development. My question is about how to create an interactive website that loads various animation depending on the user's choice and current place within the Adobe Edge Animate timeline. The website I developed for a client @ www.goshowpro.com works but loads slower than I want and doesn't format properly on my client's Macbook (I believe he needs to update his browsers but that is something else.)
So as you can see from looking at my website I used a multitude of HTML files to create my vision of an interactive website based off of a theatrical stage. I know this is not an ideal method. I would prefer to have it all on one page but I am having trouble with my javascript coding. I was wondering if there would be away to expedite my current site's load time and if not if you could look at my NEW coding. (This IS NOT the current coding on the site.)
if = "hstop" "chomstop" "shomstop" "phomstop"
{sym.play("hporstart")};
else = "hconstop" "sconstop" "pconstop"
{sym.play("cporstart")};
else = "hserstop" "cserstop" "pserstop"
{sym.play("sporstart")};
It looks crappy but I'm trying to learn so don't laugh too much. Thanks again.
Michael

Hi, Marlene-
We currently bundle jQuery 1.7.1 with the Animate runtime. In order to call fadeOut() on the element newSquare, you would do the following:
sym.$("newSquare").fadeOut();
OR
sym.getSymbol("newSquare").getSymbolElement().fadeOut();
Hope that helps!
-Elaine

Adobe Edge Animate CC won't preview in Browser

I am writing a review on Adobe Edge Animate CC. Loving the program until I tried to preview it in a browser.
I am on a PC, using latest version of Firefox, and IE10. The only thing that is viewable in either browser is a static image.
The animation runs perfectly "within" the Edge Animate CC program.
Need to resolve this problem, as I would hate to give the program a bad review, especially if it is something that I'm doing wrong.
Thanks for any help you can give,
Dee Marie

Thanks for your response to my question.
The animation I created was very simple one.
The Original Animation (that I could not view in any browser)
1. Resized the Stage and changed the background color
2. Created a "moon" shape from the Ellipse Tool, adding a silver color and inverted shadow
3. Animated "moon" shape using Motion Paths
4. Added a font from Edge Web Fonts (clicking the Add Fonts within the Edge Web Fonts box), changed font color and size
Saved each step as I created them
The first time I tried to create the above animation it would not animate when previewed in browser.
TODAY: I started from scratch.
The only thing that I did differently: after saving "each" step, I clicked preview in browser.
To my surprise, each time I added an additional step the animation worked perfectly when I clicked "preview in browser"
Not sure what I did wrong the first time ... as I stated above, the only thing that I did differently this time was to click the "preview in browser" between each step (after first saving each step).
So, whatever I did, it is now working perfectly!
Thanks again for your helpful response.
Sincerely,
Dee Marie

Photoshop 3D image export into Adobe Edge?

Hi,
I am hoping to design an image / animation like the one shown below, in software (probably Photoshop), and then import this image into Adobe Edge for the user to interact with.
I have a few questions that I hope people could help with:
1. Should Photoshop be used if I am considering importing into Edge (File Size issues?)
2. Is Adobe Edge suitable to animate this design? - Why? (Note: I am looking for the pitch to rotate and stop at certain frames when user will click on certain links.
3. This is planned to be hosted on a CMS Joomla, where users will have access to certain animaitons based on membership (tiered) - Is this possible? - Why?
4. Is it wishful thinking to link Photshop, Adobe Edge and Joomla in this way (compatibility issues)?
Many thanks for any help, an answer would be a god send and I am sure would help many developers and designers out there also.
JG

Thanks again Station_two..
Mylenium, thank you for your feedback and you make some, no doubt, valid points based on years of experience. But your point (I know it sounds rude, but no harm intended!). stands out like a sore thumb. There are many of us who are trying to learn these skills and I amongst others am really trying my best to become an effective designer and/or developer.
Short and to the point: I have created a site in Joomla with a backend database which I am hoping to get onto my remote host soon. This site contains information on users with ACL for specific members. Dependent on the subscription the users of the site have paid for, will determine what access they have to various features such as animations, the animations that I have requested some help and advice on creating. I have basic actionsript knowledge which I believe will be needed in whichever software I choose.
I am looking for software that will allow me to create this image and animation and I'm guessing after scrolling through hundreds of pages that Photoshop may be the answer initally and then be able to animate in another program, adding interactivity within it.
Now, I may be "pretty clueless about web techniques on a more general level", but I think I have done OK so far, and need some help from more expreienced and skilled users like yourself to get this project off the ground.
I sincerely hope that I can get a more positive and helpful response.
Thanks.

Adobe-Edge content not displayed in iframes on Internet Explorer 9

Hi all,
I'm having trouble to see my content, generated w/ Adobe Edge, on Internet Explorer 9, when I'm embedding via iframes.
Here's an example: http://n-land.de/bilder/bilder.html
Did anybody experience the same problem, yet?
Cheers,
Chris

Try this thread, it helped me:
http://stackoverflow.com/questions/13616478/why-doesnt-adobe-edge-animation-work-after-cop ying-generated-code-into-an-html
I had same problem - on all browsers Adoeb Edge app was swhowing in iframe except IE (9).
So i locally made another index.html file, which loads as object main animate html file. And then in iFrame I laod that index.html
<object data="adobe_edge_project_name.html" style="height:500px; width:810px"></object>

How to embed Adobe Edge HTML5 animations into carousel instead of images.

Is the above question possible? I cannot figure out a way to embed any of my html5 animations (created in Adobe Edge) into a carousel. I have tried creating a nested slider inside of Edge, and I have tried hard coding it, but can not figure out an appropriate solution.

Nancy,
Slideshow is now working great, but I cannot get my animations to exist within the slides themselves. I tried them inside this html but not inside the slideshow, and they work fine, but if I try to add them into the slider, nothing happens and that particular slide is simply blank. I have only tried the first one but it is not working. Here is my code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Cycle2 with Carousel Slider</title>


<script src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.carousel.min.js"></script>

    <script type="text/javascript" charset="utf-8" src="Infographic-1_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-3350547 { visibility:hidden; }
    </style>

<style>
.slideshow {
    width: 915px;
          height: 440px;
    margin: 0 auto;
    border: 1px solid silver;
.slideshow div {
    width: 915px;
          height: 440px;
/* slideshow pager */
.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: relative;
    top: 0;
.cycle-pager span {
    font-family: arial;
    font-size: 75px;
    width: 22px;
    height: 22px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
.cycle-pager span.cycle-pager-active { color: #FF0004; }
.cycle-pager > * { cursor: pointer; }
/**End Cycle2 Carousel Styles**/
</style>
</head>
<body>
<header>
<h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> with <a href="http://jquery.malsup.com/cycle2/demo/carousel.php">Responsive Carousel </a>Slider</h1>
</header>

<div class="slideshow"
data-cycle-pause-on-hover="true"
data-cycle-fx="carousel"
data-cycle-timeout="0"
data-cycle-pager="#pager"
data-cycle-carousel-visible="1"
data-cycle-carousel-fluid="true"
data-cycle-slides="div"
>

<div id="Stage" class="EDGE-3350547">
</div>
<div>
<p>Slide two content here...</p>
</div>
<div>
<p>Slide three content here...</p>
</div>
<div>
<p>Slide four content here...</p>
</div>

</div>

<div class="cycle-pager" id="pager">

</div>

<script>$.fn.cycle.defaults.autoSelector = '.slideshow';
</script>
</body>
</html>

I want to use Adobe Edge Animate. It is sufficient to subscribe to Photoshop for photographers?

I want to use Adobe Edge Animate. It is sufficient to subscribe to Photoshop for photographers?

Thanks for the link, the page I saw about 100 times :-)
Again, you do not understand. Edge Animate is not possible to subscribe individually. Forget now on photographic plan.
If I subscribe Adobe Muse(this and nothing more) is Edge Animate included?
https://helpx.adobe.com/edge-animate/kb/edge-animate-frequently-asked-questions.html
How much does Edge Animate CC cost, and how do I get it?
Edge Animate CC is available exclusively via Adobe Creative Cloud. Learn more about Creative Cloud subscriptions.
not much usefull info. Yes I get it if I pay the full cloud. But what if I pay one program = (Adobe Muse is in Creative Cloud subscription). Please respond. Is it possible or not? I want a simple answer in one sentence. :-)

Moving from Flash to Adobe Edge - concerns

Lets Design makes flash banners for some of our clients (we also make flash games).
We'd like to shft toward html5 animated banners. As a business we do not wish to take a risk and jump to using Adobe Edge / HTML5 if it's deemed too risky. I would like to know if anyone has any reasons for us not to do this shift?
I would also like to know of this communities opinions on the following:
1. Their is a post on Adobe Edge examples. Inside this thread are a number of links to peoples examples. A vast majority point to 404 pages and to pages that take an age to load. Should this slow loading example pages be of concern to us and subsequently our clients?
2. What are the best graphic formats to use for Adobe Edge. I'd like to start using SVG, yet Adobe seems to have a lack of integration between software packages. Where do you create vector SVG and does it form part of a good workflow with Adobe Edge?
If not, what is the best method for Vector graphics, it seems Edge haas it's issues with dealing with vector?
3. Does it support sound yet?
4. What programming can go alongside the animations. Javascript?
How deep can you program the animations, can you make games?
5. If you were to recommend a rival software to Adobe Edge, what would be the best alternative?
Is it better?
6. If you could say 1 really bad thing about Adobe Edge, what would it be?
7. How steep is the learning curve for someone who animates in flash?
I welcome any answers and help you can give me, even just to answer 1 of the questions.
Thanks and best regards,
David
http://www.letsdesign.co.uk

Hi there,
I'm not sure what page you are talking about that has 404 errors on the examples. The Edge Animate Showcase can be found in the link below which has examples of Edge Animate that all work and load perfectly fine for me:
http://html.adobe.com/edge/animate/showcase.html
There's all different options for graphics/image formats for Edge Animate. Ultimately it's up to you and what you want to deliver for your audience, but the link below points to an article written to explain all of the different image types and what their pros/cons are, as well as talks about best practices for images in Edge Animate:
http://helpx.adobe.com/content/help/en/edge-animate/kb/best-practices-graphics-edge-animat e.html?promoid=KBHBC
There is a way to add sound in Edge Animate, however it is all dependent upon the browser's support of audio. This thread below will point you in the right direction on code examples to add sound to your file:
http://forums.adobe.com/message/4736869
The programming that Edge Animate supports is Javascript, CSS3, and HTML5. Many users have made games using Edge Animate, and you can find links to examples of these in the Edge Animate Showcase link that I posted above.
At this time there really isn't anything quite like Edge Animate with it's tools and smooth integration into the rest of the Adobe Creative Suite. My suggestion to find rival software is to search on a search engine for HTML5 software.
The learning curve for Edge Animate for Flash users is minimal. Coming from Flash myself, it only took a couple of days for me to pick up the interface and functionality of Edge Animate. Below is a link to the getting started tutorials on Edge Animate:
http://helpx.adobe.com/edge-animate/topics.html
I hope this helps! I know some of these answers are a little vague but my only suggestion is to try out Edge Animate for yourself and see if it's right for you. I know I fell in love with it as soon as I started using it. : )

Does Adobe Edge Inspect support a user agent switcher or mobile emulator?

Hey there,
Does Adobe Edge Inspect support a user agent switcher or mobile emulator?
is there any kind of particular user agent switcher/emulator that is supported? if so, which?
does Adobe have a reliable user agent switcher that supports a tilt option?
thanks for any help on this

Please ask your question in the Edge Inspect forum here http://forums.adobe.com/community/edge_inspect. They will be able to help you.

Curve path in adobe edge

Since adobe edge cannot do curve path like adobe flash, is that possible we do curve path in flash then export to adobe edge?
Or more directly, export that flash file into adobe indesign for DPS?

Maybe post the question in a forum for Flash.
I can't show you how to do it, Sorry.

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

What is Adobe Edge Animator

I am having many issues with photoshop cs6 as well as lightroom 4.2. one PS app crash report from photoshop said ( according to the lightroom forum help) 'The dynamic link library faulted in your earlier post belongs to Adobe Edge Animator'.
I have no idea what this is.. does it ship with cs6?

sorry.. I guess I am too frustrated. I have been having CS6 problems plus lightroom 4.2 problems. CS6 has been crashing while I am working. I am using a wacom intuos 3 tablet. New drivers have not been issued since august.
I am trying to document errors , and am trying to deal with this.,
computer is an i7 windows 64 bit-- 3.5GHZ- 32 gigs ram.. 7800 series ATI graphics..
someone on the lightroom forum posted that question about 'did I have the adobe edge animator' becasue they saw that listed in an error report that I posted . I think the error reports were from lightroom, but I dont see how this can be part of photoshop or lightroom for that matter. ( unless lightrooms web module has something to do with it. ( Ive never used that)
sooooo I am asking if that is part of CS6, which you answered.
I dont know how to post my snagits here.

Adobe Edge Animate CC 2014.1

Hello, do the animation in Adobe Edge Animate CC 2014.1
and faced with a problem, animating picture animation works when you hover over the image and still have the text which also operates and has a different animation, and the problem is if I'm pokartinke mouse and spend the mouse over the text in the image on the animation picture as if jumps and starts with a new one, I want to know how to do so that would be mouse as I had not seen the text of this so I can keep the mouse on the image and animation are normally worked

UPDATE
i have ulpaded 2 animation ( one normal and one Responsive ) in 2 different server here the link
www.eclipseadv.com/maliRP/maliRP.html
Untitled
via SAFARI or CHROME on MAC all OK
but via IPAD ( SAFARI, CHROME and MERCURY) i didn't see the video, just the animation of the BUTTON and the link if i click on it (not in Mercury), like in the content viewer.

Adobe Edge - generic questions

Similar Messages

Maybe you are looking for