Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/01. Introduction and project overview.mp4 |
10.8 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/02. About the resources.mp4 |
7.8 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/03. Cropping and prepping the map in Photoshop.mp4 |
17.1 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/04. Setting up the Adobe Edge Animate file.mp4 |
9.7 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/05. Version control for our project.mp4 |
5 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/06. Importing the responsive building photos and adding accessibility.mp4 |
14.8 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/07. Animating the buildings photos across the timeline.mp4 |
14.5 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/08. Drawing the background box for our informational text.mp4 |
11.2 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/09. Animate the background box and add an easing setting.mp4 |
15.5 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/10. Creating and styling the text information for the buildings.mp4 |
16.1 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/11. Changing the text information for each building and adding animation.mp4 |
27.6 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/12. Making a hideshow button symbol.mp4 |
12.9 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/13. Using stop triggers and labels to our hideshow symbol.mp4 |
7.4 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/14. Animating the hideshow button symbol.mp4 |
19.1 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/15. Nesting a timeline and adding labels and triggers.mp4 |
22.5 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/16. Coding our hideshow button.mp4 |
24 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/17. Adding the camps map, making it accessible, and animating a fadein.mp4 |
13.2 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/18. Drawing the buttons for our buildings on the main timeline.mp4 |
22 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/19. Writing the code to get our interactivity working.mp4 |
40.6 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/20. Placing an arrow svg graphic on our return button.mp4 |
17 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/21. Numbering our building buttons.mp4 |
19 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/22. Adding the title box and interface animation.mp4 |
25.3 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/23. Labeling the timeline for our buttons.mp4 |
9.8 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/24. Title creation and animation.mp4 |
17.4 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/25. Drawing a rectangle graphic and animating it.mp4 |
10.2 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/26. Duplicating boxes for interface animation.mp4 |
8.8 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/27. Show and hide the hotspots and boxes on our timeline with CSS.mp4 |
12.8 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/28. Adding a Google map widget.mp4 |
12.2 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/29. Finalizing the interface animation for the buildings.mp4 |
12.3 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/30. Animating our hotspots for rollover events.mp4 |
10.3 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/31. Moving the hotspot animations to the correct labels.mp4 |
13.8 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/32. Coding triggers to the timeline to control the rollovers.mp4 |
13.1 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/33. Making the building 1 hotspot button work with actions.mp4 |
23.1 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/34. Adding the mouseover and mouseout actions.mp4 |
23 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/35. Naming all of the building hotspots.mp4 |
17.8 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/36. Tweaking the position of the titles and adding an arrow glyph.mp4 |
29.9 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/37. Adjusting the hotspots to fit the title and the arrow graphic.mp4 |
22.7 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/38. Animating the titles and arrows on the rollovers.mp4 |
47.2 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/39. Taking care of hotspot stuttering.mp4 |
14.2 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/40. Animating the interface building titles.mp4 |
45.5 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/41. Publishing the Adobe Edge Animate project.mp4 |
11.7 MB |
Digital Tutors - Prototyping Interactive Infographics and Maps in Edge Animate/42. Wrapping up.mp4 |
13.8 MB |