Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate

1. 01. Introduction and project overview.mp410.81MB
2. 02. About the resources.mp47.83MB
3. 03. Cropping and prepping the map in Photoshop.mp417.1MB
4. 04. Setting up the Adobe Edge Animate file.mp49.74MB
5. 05. Version control for our project.mp44.96MB
6. 06. Importing the responsive building photos and adding accessibility.mp414.76MB
7. 07. Animating the buildings photos across the timeline.mp414.5MB
8. 08. Drawing the background box for our informational text.mp411.19MB
9. 09. Animate the background box and add an easing setting.mp415.52MB
10. 10. Creating and styling the text information for the buildings.mp416.09MB
11. 11. Changing the text information for each building and adding animation.mp427.62MB
12. 12. Making a hideshow button symbol.mp412.93MB
13. 13. Using stop triggers and labels to our hideshow symbol.mp47.4MB
14. 14. Animating the hideshow button symbol.mp419.06MB
15. 15. Nesting a timeline and adding labels and triggers.mp422.52MB
16. 16. Coding our hideshow button.mp424.02MB
17. 17. Adding the camps map, making it accessible, and animating a fadein.mp413.19MB
18. 18. Drawing the buttons for our buildings on the main timeline.mp422.04MB
19. 19. Writing the code to get our interactivity working.mp440.63MB
20. 20. Placing an arrow svg graphic on our return button.mp416.97MB
21. 21. Numbering our building buttons.mp418.97MB
22. 22. Adding the title box and interface animation.mp425.32MB
23. 23. Labeling the timeline for our buttons.mp49.81MB
24. 24. Title creation and animation.mp417.4MB
25. 25. Drawing a rectangle graphic and animating it.mp410.21MB
26. 26. Duplicating boxes for interface animation.mp48.75MB
27. 27. Show and hide the hotspots and boxes on our timeline with CSS.mp412.79MB
28. 28. Adding a Google map widget.mp412.19MB
29. 29. Finalizing the interface animation for the buildings.mp412.34MB
30. 30. Animating our hotspots for rollover events.mp410.28MB
31. 31. Moving the hotspot animations to the correct labels.mp413.8MB
32. 32. Coding triggers to the timeline to control the rollovers.mp413.13MB
33. 33. Making the building 1 hotspot button work with actions.mp423.08MB
34. 34. Adding the mouseover and mouseout actions.mp423.01MB
35. 35. Naming all of the building hotspots.mp417.84MB
36. 36. Tweaking the position of the titles and adding an arrow glyph.mp429.91MB
37. 37. Adjusting the hotspots to fit the title and the arrow graphic.mp422.73MB
38. 38. Animating the titles and arrows on the rollovers.mp447.21MB
39. 39. Taking care of hotspot stuttering.mp414.22MB
40. 40. Animating the interface building titles.mp445.48MB
41. 41. Publishing the Adobe Edge Animate project.mp411.7MB
42. 42. Wrapping up.mp413.78MB