adobe animate ccdigiblog.s3-eu-central-1.amazonaws.com/app... · § html5 canvas sprite sheets with...
TRANSCRIPT
![Page 1: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/1.jpg)
© 2016 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobe Animate CC: Animation neu definiert
![Page 2: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/2.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Flash Professional is nun Animate
2
![Page 3: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/3.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Das Adobe Animate Versprechen ...
3
![Page 4: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/4.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Unterstützte Plattformen
4
![Page 5: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/5.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Cross Platform Publishing
5
§ Einmal erstellen/animieren§ Für jede Plattform konvertieren§ Zukunftssichere Inhalte
![Page 6: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/6.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Neuerungen Animate CC
§ New Paint Brush Tool§ Brush Library with art brushes§ Improved Brush tool § Vector Art Brush Editor§ CC Libraries Panel§ Support for Adobe Stock§ Stage Rotation§ SVG Import dialog § Colored Onion Skins§ Tagged Swatches§ Publish text as outlines in HTML5 Canvas§ Stage Scaling§ Content Scaling§ Custom Platform optimizations
§ Video Export to multiple resolutions § OAM Publishing support § Improved Object Drawing Mode Representation § New buttons for commonly used operations in the
Properties Panel § Bone Tool § HTML5 Canvas Sprite Sheets with customizations§ Timeline Video Guide § Audio Splitting § Scaled Brushes § iOS 64-bit Output§ Typekit support§ Static Text support§ HTML5 Canvas template support
6
![Page 7: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/7.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobe Stock
7
![Page 8: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/8.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Skalieren von Inhalten
8
![Page 9: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/9.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Video export
9
![Page 10: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/10.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Onion Skinning
10
![Page 11: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/11.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Neue Vektor Pinsel
11
![Page 12: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/12.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Markierung von Farben
12
![Page 13: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/13.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Bühnen Rotation
13
![Page 14: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/14.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Sprite-Sheet Export
14
Export aller Bitmaps in ein einziges Sprite-sheet
![Page 15: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/15.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Bühnen Größe
15
![Page 16: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/16.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Statischer Text
16
![Page 17: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/17.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Typekit Web fonts
17
![Page 18: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/18.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
HTML5 Canvas Templates
18
![Page 19: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/19.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
OAM Publishing
19
![Page 20: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/20.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobe Capture Apps
20
![Page 21: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/21.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Flash Player/AIR
21
Neues Top Feature:§ iOS Multi-Threading
§ AIR application installs – 4 Billion§ Unique Mobile applications built with AIR – 200k§ Many top spots on the top paid, free and grossing charts for
both iOS and Android stores.
§ Over 1 Billion monthly updates from adobe.com§ Preinstalled/Auto-updated on all new Windows computers§ Integrated into all Google Chrome installs and Chrome OS
devices§ Preinstalled with Microsoft’s new Windows 8.x and 10 § 9 out of the 10 top Facebook games use Flash Player
Statistics:
![Page 22: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/22.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Beispiel Projekte - Animation
22
• http://keyframer.com/ - all animations in his portfolio are animate/flash compositions• https://www.youtube.com/user/DrawWithJazza - Hugely popular flash artist with 500k followers on youtube• Another one with 700 k subscribers - https://www.youtube.com/user/SamGreenMedia
![Page 23: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/23.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Beispiel Projekte - Games
23
• https://www.youtube.com/watch?v=ZfIwW-CeBIE&feature=youtu.be webgl game trailor by Alex Fleisigwho has done animations for Hollywood movies like shrek, madagaskar, ratarouile etc.
• Grant Skinners Html5 canvas games with images below. The source code is available on github -https://github.com/CreateJS/AdobeAnimateDemo
![Page 24: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/24.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
HTML5 Canvas Game
24
Shared by: Rich Sangillo
http://vlgreview.com/JumpSpark/site-preview/WorldwideClinicalTrials/TossTheseSnowballs/
![Page 25: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/25.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
WebGL Game
25
By Christopher Caleb & Alex Fleisinghttp://yeahbutisitflash.com/projects/bunny-webgl-max/bunny.html
![Page 26: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/26.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
WebGL Animation
26
By Christopher Caleb & Alex Fleisinghttp://yeahbutisitflash.com/projects/max-15/corgi/index.html
![Page 27: Adobe Animate CCdigiblog.s3-eu-central-1.amazonaws.com/app... · § HTML5 Canvas Sprite Sheets with customizations § Timeline Video Guide § Audio Splitting § Scaled Brushes §](https://reader034.vdocuments.mx/reader034/viewer/2022042220/5ec6b902cdff383ace08d9c8/html5/thumbnails/27.jpg)
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
SVG Support (Custom Platform)
27
Custom Platform Extension
Example Source: http://ics-web.jp/lab/archives/8439By - Ikeda Tainobe
Open-sourced Project on GithubRun by CJ Gammon
Adobe MAX 2015 SessionAnimating SVG with Flash Professional CC
Wednesday, Oct 7, 12:45 PM – 2:00 PM