Baixado 11 vezes
Carregado porFabricioManzi
Cs6+ccm+flas hbr2
O documento apresenta Fabricio Manzi, consultor da Adobe Systems Brasil, e discute as novidades do Flash Professional CS6 e da Creative Cloud da Adobe, incluindo recursos para publicação multiplataforma, geração de sprite sheets, melhorias de desempenho e suporte para HTML5.
Cs6+ccm+flas hbr2
- 1. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Flash CS6 Fabricio Manzi – Consultor Adobe Systems Brasil fabriciomanzi@fmanzi.com.br
- 2. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Fabricio Manzi 2 12 anos de carreira com o Flash Consultor Adobe Systems 11 livros publicados 98 Certificações Oficiais Adobe Parceiro de Treinamentos Adobe
- 3. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. LIBERDADE PARA CRIAR
- 4. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Design Web Video Fotografia
- 5. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Tendências Ajuste o Design do conteúdo para ser visualizado de forma adaptável em vários dispositivos Capture idéias criativas em qualquer lugar Publique em qualquer lugar
- 6. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Adobe Creative Suite 6
- 7. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential.
- 8. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. A Creative Cloud SERVIÇOS CRIATIVOS Sincronização PC e Dispositivo Armazenament o na Cloud Business Catalyst (Criação e Gerenciamento de negócios online Typekit (Serviço de fontes web baseado em nuvem) E mais… Digital Publishing Suite Single Edition* (para publicação de conteúdo para tablets) Kuler** Photoshop Touch** Collage** Proto** Debut** Ideas** APLICATIVOS CRIATIVOS InDesign Dreamweaver Edge preview Premiere Pro After Effects Flash Pro Photoshop Illustrator Fireworks Acrobat Muse Audition E mais… COMUNIDADE CRIATIVA* Suporte Comunidade Treinamento * Disponível ainda em 2012. ** Vendidos Separadamente.
- 9. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Como a Creative Cloud Funciona 1. Usuário se torna assinante e possui sua Adobe ID 2. Assinante faz o download de aplicativos CS6 para uso no desktop, ou utiliza os serviços online 3. Aplicativos Touch* para tablets auxilia o assinante na criação 4. Assinante sincroniza arquivos de aplicativos Touch para a Creative Cloud 5. Realiza o download de arquivos da Cloud para o computador permitindo continuar o design 6. Novos recursos, aplicativos e serviços disponíveis para download primeiramente para assinantes7. Assinante publica seus projetos 8. Assinante participa de comunidade para ajuda, dicas, truques e inspiração (Disponível ainda em 2012) CREATIVE CLOUD * Comprados Separadamente
- 10. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential.10
- 11. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Flash Professional CS6 A ferramenta padrão do mercado para experiências animadas interativas Foco em aplicativos AIR e HTML Expandindo possibilidades para o desenvolvimento de games de alta performance e reutilização de animações Melhorias em qualidadade 11 Multi-Telas e Multi-Plataforma em um novo Nível
- 12. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Publicação para AIR 12 Suport para o AIR 3.2 e Flash Player 11.2 Empacote seu AIR como uma aplicação única com Captive Runtime Acesso a recursos exclusivos dos dispositivos utilizando Extensões Nativas pré-compiladas Simulador de AIR para dispositivos móveis Melhorias na depuração remota
- 13. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Geração de Sprite Sheet 13 Exporta sequências de imagens de símbolos e bitmaps na biblioteca Transform a símbolos e exporta seqências do Stage Automação com APIs JS Cria sprite sheets de símbolos na Biblioteca ou no Stage Saída em JSON, XML, JS
- 14. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Outras Melhorias do Flash CS6 Melhor compressão do SWF (LZMA) Melhorias na performance do painel Biblioteca Testar filme no Navegador Gerencie múltiplos SDKs AIR Stage com até 8192 x 8192 14
- 15. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Flash Professional - Toolkit for CreateJS 15 Extensão gratuita para o Flash CS6 Publique conteúdo HTML5 à partir do Flash CS6 com animação, imagens, vetores, graficos, audio e interação Usuário podem continuar a usar as ferramentas de animação e desenho do Flash CS6 Crie e exporte animação para HTML5 em um click A Biblioteca CreateJS possui um grupo de bibliotecas JavaScript para trabalhar com com o elemento Canvas do HTML5
- 16. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Vantagens 1. Auxilia os usuários do Flash realizarem a transição para o HTML5 2. Trabalha mais facilmente com o elemento Canvas 3. Gera um fluxo de trabalho designer-developer melhor 4. Cria um JavaScript fácil de se entender e editar 5. Soluções com a mais alta performance possível 16
- 17. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. O que é o CreateJS? 17 EaselJS TweenJS SoundJS PreloadJS Uma suíte de bibliotecas para a criação de experiências ricas e interativas e games em HTML5 A Adobe apoia este projeto Fácil – Modular – Extensivel - Aberto
- 18. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. O tamanho do elefante? 18 Bilbo.SWF Bilbo.JS * SWF: 37 KB GZipped: 38 KB * Excluindo as bibliotcas CreateJS : ~28 KB GZip
- 19. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Toolkit for CreateJS – Características Principais v1.0 Classic tweens e easing Bitmaps, textos, vetores, audio Grupos, movieclips e símbolos gráficos Sombra e brilho, Blend mode, cache Labels e timeline JavaScript Avisos 19
- 20. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Plataformas e Linguagens Suportadas Navegadores Android 2.x Webkit Android 3.x Webkit Chrome 10+ Firefox 4.6+ IE 9+ Safari 5+ Safari Mobile 20 Sistemas Operacionais Android 2.x Android 3.x iOS 5+ Macintosh Windows Linguagens Inglês Japonês
- 21. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Fluxo de Trabalho 21
- 22. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. PhoneGap (agora Cordova) Fluxo de Trabalho 22
- 23. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential. Fluxo de Trabalho para Digital Publishing 23
- 24. © 2012 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential.
Notas do Editor
- #2 Welcome.
- #4 3
- #5 We have fantastic customers, who express their creative ideas in fresh, innovative ways. WEB: For web design professionals, they are looking to keep pace with changes in devices, tablets, web standards and technologies like HTML5 and CSS3 to they can design once, and carry the fidelity through across all these different screens. DESIGN: The design community must not only create rich, high-quality print materials, but carry that design across other devices and publishing formats as well. Digital publications, e-magazines, . Many want to evolve their skills, and learn how to create websites, interactive content, and bring their experiences online. VIDEO: Video professionals in television and broadcast must keep pace with changes in camera formats and work faster and more creatively than ever before to satisfy clients with dazzling TV commercials, trailers, training materials, and online video. PHOTOGRAPHY: Photographers are in search of perfect shot…blah lah
- #6 Ideation to Publishing: Capture creative idea anywhere, on tablet; continue on desktop and publish across multiple screens web, tablet, mobile Responsive design: display content uniformly across device; design integrity maintained and brands present themselves consistently across devices Need to go from concept to completion as fast as possible, leveraging hardware and software platforms for efficiency and productivity
- #8 Adobe Creative Cloud offers members access to all Adobe Creative Suite CS6 desktop tools, Adobe Touch Apps, Adobe publishing services, and more so you can take your creative idea and publish it anywhere. Creative Cloud members receive early, immediate access to new features, upgrades, and services as they become available, at no additional cost, and have access to a robust online community where you can share your work, connect with peers, and be inspired. The vision of Creative Cloud is to allow our customers to create freely, and work in
- #9 First animation: Of course, everything people love in Creative Suite is included. Every single CS application that is normally included in Master Collection. Plus, we are including Acrobat. And Muse and Edge, which will not be part of Creative Suite but will be part of Creative Cloud (NOTE: EDGE NOT BEING PART OF CREATIVE SUITE IS NDA INFO UNTIL SXSW WHERE WE WILL ANNOUNCE THAT IT IS SUBSCRIPTION-ONLY). And Lightroom, which is an incredible product for photography that is not included with any of the suites. - And unlike our shrinkwrap software, customers will have access to Windows and Mac versions of all of the desktop tools. Second animation: The tools you use today are expanding beyond the desktop. We are helping creative pros capture their ideas wherever and whenever creativity strikes with our set of Touch Apps. Third animation: We’re also including cloud-based services that will allow you to create and access files anywhere you want, and publish anywhere you want. Fourth animation: Finally, we are giving you a whole set of community resources to give you the inspiration, training, and support you need to be successful. This piece of Creative Cloud will come after the initial launch.
- #10 Customers purchase annual membership, and billed $49.99 monthly Download any or all CS6 solutions, plus access Touch apps and services Store and sync files between Touch Apps, Creative Cloud and desktop tools Get access to late-breaking features ahead of the rest of the user base Ongoing subscription ensures access to latest upgrades, tools, apps, more
- #14 A sprite sheet is a collection of sprites/images arranged into a single image, where each sprite represents a frame of an animation, an asset, a part of an image, or something to that extent. The idea of a sprite sheet has been utilized for a long time, namely in early gaming systems like Atari and Nintendo. In recent times they are most often used for efficient bitmap animation and are extremely useful in tile based games for level creation. Sprite sheets are popular because there are many existing code frameworks that use sprite sheets for animation sequences, they use memory efficiently, they can be GPU accelerated on both mobile and desktop platforms, and they can be used in applications created in almost any language like C/C++, Java, AS3 and HTML5. Our goal is to allow the user to create animations in Flash Professional and then export those animation sequences to a sprite sheet which will include the sprite sheet image data and the metadata needed by the using application to know where each frame of the animation is located in the sprite sheet image. The graphics used in the animation can of course be imported from other applications like Illustrator of Photoshop. To start off we will probably export the metadata in JSON format since it is supported by Flash Player 10.3 and XML and then expand to exporting other popular formats. Blitting is the process by which you take two or more bitmap data objects (one being the destination object, the rest being the source objects) and you combine them in to a single bitmap data object. Think of this like merging layers in Photoshop. One advantage of this is that it is far more efficient to just have one item rendered to the display than lots of individual assets. As a result you can have more assets displayed than you would using normal display methods (using the DisplayList in Flash for example).
- #16 The Adobe Flash Professional Toolkit for CreateJS is an extension for Flash Professional CS6 that enables designers and animators to create assets for HTML5 projects using the open source CreateJS JavaScript libraries. The extension supports most of the core animation and illustration capabilities of Flash Professional, including vectors, bitmaps, classic tweens, sounds and JavaScript timeline scripting. With one click, the Toolkit for CreateJS exports the contents on the stage and in the library as JavaScript that can be previewed in the browser to help you start building expressive HTML5-based content in no time.
- #22 Designer/Animator Create assets and animations Script timeline navigation in Javascript Generate sprite sheets using EaselJS data format Preview content in browser Export library and stage to JS library Iterate until ready to handoff to developer [in parallel with development] Update assets and regenerate JS library Developer Create new project and import generated JS lib and html files Create new JavaScript file Check-in to source control system Setup Stage, Ticker and preloader Integrate assets as encapsulated objects Write logic in JavaScript Iterate, test and debug Deploy to web server