9 Replies Latest reply on Jun 24, 2014 7:33 AM by carrzkiss

    Lesson for Adobe Edge Animate

    dreaminkiss Level 1

      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

      1.  

        Adding sound to Mouseover event in Adobe Edge Animate

         

         

        Thumbnail 3:42

         

        1

         

        Adobe Edge Animate - Add Sound in Mouseover Event

        by darkeffectstv 1,987 views

        In this video, we will learn how to add sound to a buttons Mouseover event in Adobe Edge Animate.…

         

      2. Thumbnail

        Learning how to add sound to Adobe Edge Animate

         

         

        Thumbnail 7:08

         

        2

         

        Adobe Edge Animate Adding Sound to Project

        by darkeffectstv 5,031 views

        Adobe Edge Animate Adding Sound to Project…

         

      3. Thumbnail

        Remake, as the cursor was not in the last videos.

         

         

      4. Thumbnail

        Remake, with Cursor

         

         

        Thumbnail 3:49

         

        4

         

        Adobe Edge Animate - Load Background Image (Lesson 3) (remake)

        by darkeffectstv 1,050 views

        remake with Cursor, as Cursor was not int he original one.…

         

      5.  

        Thumbnail 2:00

         

        5

         

        Adobe Edge Animate Starting Symbol at certain location

        by darkeffectstv 245 views

        In this quick tip.
        We are going to stop a symbol from playing.…

         

      6.  

        Thumbnail 6:53

         

        6

         

        Adobe Edge Animate Animate Logo to show and hide words

        by darkeffectstv 418 views

        In 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.…

         

      7.  

        Thumbnail 5:44

         

        7

         

        Adobe Edge Animate Publish Files and JS Folder

        by darkeffectstv 758 views

        In this lesson, we will guide you through the ins and outs of publishing your site from Adobe Edge Animate, to a web server.…

         

      8.  

        Thumbnail 6:19

         

        8

         

        Adobe Edge Animate Create a Pen and write a Line

        by darkeffectstv 527 views

        In 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.…

         

      9.  

        Thumbnail 2:34

         

        9

         

        Adobe Edge Animate Rollover Button

        by darkeffectstv 2,195 views

        In 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.…

         

      10.  

        Thumbnail 4:06

         

        10

         

        Adobe Edge Animate show Grid to fine tune your Animation

        by darkeffectstv 77 views

        Have 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…

         

      11.  

        Thumbnail 16:49

         

        11

         

        Adobe Edge Animate Create a Menu

        by darkeffectstv 4,993 views

        In this lesson, we are going to be creating an animated interactive menu, that is sure to grab your users attention.…

         

      12.  

        Thumbnail 12:30

         

        12

         

        Adobe Edge Animate Menu Slide Down

        by darkeffectstv 1,175 views

        In 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…

         

      13.  

        Thumbnail 9:45

         

        13

         

        Adobe Edge Animate Menu Slide In from Left

        by darkeffectstv 358 views

        In 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,…

         

      14.  

        Thumbnail 4:29

         

        14

         

        Adobe Edge Animate Pin and Timeline Indicator

        by darkeffectstv 153 views

        In 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 …

         

      15.  

        Thumbnail 16:43

         

        15

         

        Adobe Edge Animate Menu Button Header Footer

        by darkeffectstv 905 views

        In 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.…

         

      16.  

        Thumbnail 12:56

         

        16

         

        Adobe Edge Animate - Shot Bullet from Gun and hit Wall

        by darkeffectstv 110 views

        In 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.…

         

      17.  

        Thumbnail 7:44

         

        17

         

        Adobe Edge Animate Menu Rollover Buttons

        by darkeffectstv 1,047 views

        In this lesson we are going to create some Rollover Menu Buttons.…

         

      18.  

        Thumbnail 4:11

         

        18

         

        Adobe Edge Animate - Animate Ball Bounce Squish

        by darkeffectstv 172 views

        In 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.…

         

      19.  

        Thumbnail 6:16

         

        19

         

        Adobe Edge Animate - Change Text when Button is clicked

        by darkeffectstv 353 views

        In 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.…

         

      20.  

        Thumbnail 4:02

         

        20

         

        Adobe Edge Animate - Space Demonstration (Lesson coming soon!)

        by darkeffectstv 49 views

        This 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.  

        Thumbnail 21:37

         

        21

         

        Adobe Edge Animate - Lesson 1 Space Project

        by darkeffectstv 87 views

        Adobe Edge Animate space project, showing how to rotate elements around a centered element. Also, how to reuse the same text element over again…

         

      22.  

      23.  

        Thumbnail 1:39

         

        23

         

        Adobe Edge Animate - Open Link

        by darkeffectstv 227 views

        In this quick how to lesson.
        We are going to create a link on Adobe Edge Animate.…

         

      24.  

        Thumbnail 2:31

         

        24

         

        Adobe Edge Animate - Add Sound in MouseOut Event Part II

        by darkeffectstv 192 views

        This is a follow up to a previous lesson.
        Please view the following lesson to catch up to what this is all about…

         

      25.  

        Thumbnail 1:28

         

        25

         

        Adobe Edge Animate - 3D Planet Effect and Tooltip Flyout Panel (Demonstration)

        by darkeffectstv 336 views

        This is the Demo of a lesson that will be released soon.
        Planets with a 3D Effect, along with a Tooltip Flyout Panel.…

         

      26.  

        Thumbnail 34:42

         

        26

         

        Adobe Edge Animate - 3D Planet Effect and Tooltip Flyout Panel Lesson

        by darkeffectstv 339 views

        In this lesson we will be creating a flyout tooltip, and a browser minimize 3d effect…

         

      27.  

        Thumbnail 5:27

         

        27

         

        Adobe Edge Animate - Create a Loading Page (Like the JQuery gif image)

        by darkeffectstv 279 views

        In this lesson, we are going to create an animation that resembles a loading page, or a software installation progress animation.…

         

      28.  

        Thumbnail 2:59

         

        28

         

        Adobe Edge Animate Lesson #1 - Work with Live Web Fonts

        by darkeffectstv 43 views

        In this lesson, we are going to work with web fonts the easy way.…

         

      29.  

        Thumbnail 1:53

         

        29

         

        Adobe Edge Animate Lesson #2 - Make an Object follow a Unified Circle on our stage

        by darkeffectstv 87 views

        In this lesson, we are going to make a circle go around our stage…

         

      30.  

        Thumbnail 2:21

         

        30

         

        Adobe Edge Animate Lesson #3 - Make Circle Animate into different Shapes

        by darkeffectstv 100 views

        in this lesson, we are going to make a circle changes it shape…

         

      31.  

        Thumbnail 5:48

         

        31

         

        Adobe Edge Animate CC Lesson #1 Animate a car driving around stage using Motion Path

        by darkeffectstv 488 views

        In this lesson, we are going to make a car animate itself around the stage, making it look like it is actually driving around the stage.…

         

      32. Thumbnail

        Demo for future lesson. Image Gallery

         

         

        Thumbnail 0:44

         

        32

         

        Adobe Edge Animate - Demo Image Gallery (Lesson coming soon)

        by darkeffectstv 81 views

        This is a demo of the new lesson coming soon.
        In this demo you will notice there is:…

         

      33. Thumbnail

        This is the lesson for our Edge Animate Image gallery. Enjoy!

         

         

        Thumbnail 40:04

         

        33

         

        Adobe Edge Animate Lesson - Image Gallery

        by darkeffectstv 114 views

        In this lesson, we are going to be creating an Image gallery in Adobe Edge Animate…

         

      34. Thumbnail

        News Ticker for your website

         

         

        Thumbnail 6:30

         

        34

         

        Adobe Edge Animate - News Ticker

        by darkeffectstv 83 views

        Using Adobe Edge Animate, to create a News Ticker to the bottom of a page.
        This is a real simple and easy to create feature for your website.…

         

      35.  

        Thumbnail 4:21

         

        35

         

        Adobe Edge Animate - Lesson 6 Show/Hide Toggle Button

        by darkeffectstv 32 views

        Using a toggle, to show and hide button…

         

      36.  

        Thumbnail 3:10

         

        36

         

        Adobe Edge Animate - Lesson 7 - Move objects around the Timeline

        by darkeffectstv 16 views

        In this lesson, we are going to move objects around our timeline, instead of using the Opacity, we are going to do something a little different, that will allow us to do so much more…