150 likes | 164 Views
This course introduces the history of Flash and its important role in modern web technologies. Learn how to create stunning animations and interactive designs using Flash Professional CS6. Develop the necessary skills for web projects and prepare for programming questions on the final examination.
E N D
CP5310: E-business Technologies Lecturer: Dr. Cue Nguyen Lab assistant: Dion
About Instructor • Name : Dion Nguyen • Interesting Fields: Web Technology, Social Media, Mobile Learning, Interactive Design and Development • Email: anhduc.nguyen77000@gmail.com • Discussion Blog: http://dionnguyenjcu.wordpress.com/
Overview • Modern web technologies nowadays: flash, html, xml, css, javascript, jquery, phpand mySQL. • Weight: • Worth 10% (attendance + practical) • Useful for Web Project (40%) • Many programming questions in final examination ( 30%)
History of Flash • mid-1990s – FutureSplashAnimator • First version of Flash professional • Vector animation program • - 1996 – Macromedia bought it and renamed it Flash • - 2005 – Adobe bought Macromedia • Flash CS3 (2007) – Action Script 3.0 (OOP) • Flash CS4 (2008) – Animation and Designer • Adobe CS5 (2010) – Basic 3D • Adobe CS5.5(2011) • Current version: Flash CS6 • Now – Flash is the leading technology for graphics, animation, and video on the Web
Flash Authoring Environment • Basic structures: • Stage • Tool Panel • Timeline • Library • Three kinds of files: • Movies : .swf • Documents: .fla • Files with action script: .as
Short Cut Keys • Insert Frame :F5 • Insert key frame :F6 - Key frame: defines the starting and ending points of any smooth transition. • Insert blank frame: F7 • Insert New Symbol: Ctrl + F8 • Convert object to symbols: F8 • Ctrl+L: Open Library • Ctrl+R: Import to Stage
Practice Now, Put your hand in!
Drawing Shapes in Flash • Fill • Stroke • Hold Shift key for a perfect square or circle • Selection tool, sub-selection tool (specific point on the shape) • Click or double-click on a shape • Click or double-click on a shape and drag it • Ctrl-Z to undo • Delete a shape, shapes, fill and stroke • Primitive rectangles/ovals • Shift and click multiple selections
Animation • Frame and Key Frame • http://www.youtube.com/watch?v=4mupkhM1LUo • http://www.youtube.com/watch?v=r6JZjrapV-Q • Shape tweens • Frame-by-frame animation • Motion tweens
Learn Flash Professional CS6 • http://tv.adobe.com/show/learn-flash-professional-cs6-/