Ajuda e tutoriais - helpx.adobe.com · Continue lendo esse material para obter uma ... Importe os...

Ajuda e tutoriaisADOBE FLASH PROFESSIONAL

Novidades

1

Resumo dos novos recursos para o Adobe Animate CC 2015.1Animate CC 2015.1 | Verso de fevereiro de 2016

O Adobe Flash Professional CC agora se chama Adobe Animate CC. Averso 2015.1 do Adobe Animate CC introduz novos recursos fascinantes,como uma biblioteca global nova para toda a arte e pincis de pintura que vocutiliza nos projetos do Animate, integrao com bibliotecas da Creative Cloud eAdobe Stock, rotao e redimensionamento do palco, escala de contedo deacordo com o tamanho do palco, exportao de vdeo para vrias resolues eonion skinning aprimorado. Continue lendo esse material para obter umaintroduo rpida aos novos recursos disponveis com a atualizao maisrecente do Animate CC e links para outros recursos que fornecem maisinformaes.

Para o incio

Novidades e melhoriasAdobe Animate CC 2015.1 | Verso de fevereiro de 2016

Bibliotecas da Creative Cloud e integrao com o Adobe StockSuporte do TypeKit para o tipo de documento HTML5 CanvasPincis de arte vetorialAmostras marcadasDimensionamento de palcoGirar palcoRecurso Onion skinning aprimoradoExportao de vdeo para vrias resoluesCrie modelos HTML5 Canvas personalizados e anexe-os aos perfis de publicao.Suporte para publicao de OAM para AS3, WebGL e documentos HTML5 CanvasTexto esttico em documentos HTML5 CanvasMelhorias no HTML5 CanvasImportar arquivos SVGCaixa delimitadora para desenho de objeto aprimoradaSuporte para projetorOutras melhorias

Requisitos de sistema

Adobe Animate CC 2015.1 | Verso de fevereiro de 2016

A verso do Animate CC de fevereiro de 2016 (Animate CC 2015.1) oferece integrao com as Bibliotecasda Creative Cloud e do Adobe Stock, uma nova biblioteca de pincis, integrao com o Typekit,dimensionamento de contedo, rotao e dimensionamento do palco, importao de arquivo SVG, melhoriasno recurso onion skinning, suporte para publicao de OAM, amostras marcadas e compatibilidade comprojetor. Saiba mais sobre os recursos fornecidos nesta verso.

Bibliotecas da Creative Cloud e integrao com o Adobe Stock

2

Novidades no Animate CC 2015.1 | Verso de fevereiro de 2016

Bibliotecas da CC

As Bibliotecas da Creative Cloud disponibilizam os ativos em qualquer lugar. Crie imagens, cores, temas decores, pincis, formas e muito mais no Photoshop, no Illustrator e em aplicativos mveis como o AdobeCapture CC e, em seguida, acesse-os facilmente usando outros aplicativos mveis e de desktop para obterum fluxo de trabalho criativo e contnuo.

O Animate CC vem com as Bibliotecas da CC. As bibliotecas da CC ajudam a manter o controle de todos osativos de design. Os ativos grficos ficam disponveis para uso nos documentos do Animate quando socriados e salvos em bibliotecas. Os ativos de design so sincronizados automaticamente e podem sercompartilhados com qualquer pessoa com uma conta da Creative Cloud. Enquanto sua equipe criativatrabalha no desktop e nos aplicativos para dispositivos mveis da Adobe, seus recursos da bibliotecacompartilhada permanecem sempre atualizados e prontos para serem usados em qualquer lugar. Tipos deativos compatveis com o Animate:

Cores e temas de coresPincisGrficosPincis vetoriais

Para saber mais, consulte Bibliotecas da Creative Cloud no Animate CC e Bibliotecas da CreativeCloud.

3

https://helpx.adobe.com/br/animate/using/creative-cloud-libraries-stock.htmlhttps://helpx.adobe.com/br/creative-cloud/help/libraries.htmlhttps://helpx.adobe.com/br/creative-cloud/help/libraries.html

A. Selecionar pasta da Biblioteca da CC B. Mostrar itens como miniaturas C. Mostrar itens como uma lista D.Pesquisar por imagens no Adobe Stock E. Painel de contedo da Biblioteca da CC F. Adicionar cor G.Sincronizar Bibliotecas da CC H. Excluir item na biblioteca

Integrao com o Adobe Stock para proporcionar imagens, ilustraes e grficos dealta qualidade

O Animate CC vem com o Adobe Stock, um servio que fornece a designers e empresas acesso a 40milhes de imagens, ilustraes e grficos vetoriais royalty-free de alta qualidade, com curadoria, para todosos seus projetos criativos. Adquira o Adobe Stock conforme a sua necessidade, como uma imagem exclusivaou uma assinatura multi-imagem para us-lo nos documentos do Animate CC. H vrios pacotes deassinatura disponveis.

Para obter instrues detalhadas sobre como usar o Adobe Stock, consulte a pgina de ajuda do AdobeStock em https://helpx.adobe.com/br/stock/help/using-adobe-stock.html.

4

https://helpx.adobe.com/br/stock/help/using-adobe-stock.html

Procurar ativos no Adobe Stock

Nota: o Adobe Stock est disponvel somente nos seguintes pases: EUA, Canad, Mxico, Reino Unido,Irlanda, frica do Sul, Nova Zelndia, Austrlia, Japo, Holanda, Noruega, Sucia, Dinamarca, Blgica,Sua, Finlndia, Luxemburgo, Alemanha, Frana, Itlia, ustria, Espanha, Portugal, Grcia, Polnia,Repblica Tcheca, Bulgria, Estnia, Letnia, Litunia, Hungria, Malta, Romnia, Eslovnia, Eslovquia, eChipre. Para obter mais detalhes, consulte https://helpx.adobe.com/stock/faq.html

Suporte do TypeKit para o tipo de documento HTML5 Canvas


Esta verso do Animate CC oferece a integrao do Typekit com o tipo de documento HTML5 Canvas, quefornece acesso direto a milhares de fontes de qualidade e premium dos principais parceiros. Voc podeacessar e usar fontes do Typekit sem interrupes na sada do HTML5 para navegadores modernos edispositivos mveis usando a associao Creative Cloud.

Para obter mais detalhes, consulte Uso de fontes da Web do Typekit nos documentos HTML5 Canvas

5

https://helpx.adobe.com/br/stock/faq.html

Pincis de arte vetorial


A nova ferramenta Pincel oferece a possibilidade de usar Pincis artsticos, como no Adobe Illustrator, noAnimate CC. A ferramenta Pincel cria traos e diferente da ferramenta Pincel antiga, cujo comportamentopermanece o mesmo. A ferramenta Pincel permite que voc desenhe traos estilizados aplicando o padrodo pincel artstico selecionado ao longo do caminho desenhado. Voc pode aplicar traos de pincel acaminhos existentes ou usar a ferramenta Pincel para desenhar um caminho e aplicar um trao de pincelsimultaneamente.

Para obter mais detalhes, consulte Trabalho com o Pincel

6

Ferramenta Pincel

Melhoria na experincia de desenho

A ferramenta Pincel agora oferece uma experincia de desenho muito mais rpida, sem a diviso ou

interferncia nos traados desenhados anteriormente. O ajuste de curva tambm ficou mais suave.

Para uma experincia de desenho melhor, o Animate faz com que os traados do pincel artstico sejamsempre desenhados no Modo de objeto.

Edite as opes do Pincel e do Pincel artstico

Abra a caixa de dilogo da edio do Pincel para o pincel selecionado usando o novo cone Editar pincel. Seum traado normal ou um dos estilos de traado antigos for selecionado, a caixa de dilogo antiga exibida.Se um Pincel artstico for selecionado, a caixa de dilogo de Opes do pincel artstico exibida.

Aplicao de cores dos contornos de pincel

Desenhe Pincis artsticos monocromticos com qualquer cor e ele selecionar a cor aplicada como a coratual do contorno, assim como qualquer outro contorno. No entanto, os Pincis artsticos multicoloridosignoram a cor do contorno e fazem o desenho usando o prprio conjunto de cores, conforme especificado nadefinio do pincel.

Desenho como preenchimento

A nova opo Desenhar como preenchimento na ferramenta Pincel ajuda voc a controlar a forma criadapelo pincel como uma pincelada ou preenchimento de uma regio.

7

O Animate agora suporta o recurso Desenhar como preenchimento para todos os estilos de pincelada naferramenta Pincel. Quando a opo Desenhar como preenchimento estiver selecionada, voc ter aflexibilidade para desenhar usando a ferramenta Pincel nos modos de desenho Objeto e Mesclar.

Desenhos de objeto vs. Modo de desenho mesclado

Ao usar Pincis artsticos, ative o modo Desenho de objeto para que cada contorno de pincel sejadesenhado de maneira independente e no se misture com os contornos existentes que causam interseesindesejveis do contorno. Voc ver um desempenho melhor ao usar o modo Objeto de desenho em relaoao modo Desenho mesclado, porque os contornos de pincel contm dados vetoriais pesados e a fuso dasformas pode fazer com que o Animate seja executado de maneira mais lenta. Para converter uma forma jdesenhada em um Objeto de desenho, selecione o grfico no palco e clique em Modificar > Combinarobjetos > Unio.

Guias arrastveis para determinar os marcadores de incio e fim

Nesta verso, os pincis artsticos oferecem mais opes de pincis e uma visualizao do pincel comguias que podem ser arrastadas, o que facilita o ajuste dos marcadores de incio e fim. Aps editar, possvel salvar as configuraes do Pincel artstico como um novo pincel ou atualizar contornos existentesno documento.

Aplique estilos do Pincel artstico aos grficos j desenhados no palco

Aplique os novos estilos do pincel artstico em formas j desenhadas ou em documentos existentes.Selecione uma forma no palco e modifique o estilo de contorno escolhendo um estilo de contorno do Pincelartstico no painel Propriedades .

Importao de novos Pincis artsticos das Bibliotecas da CC

Importe os novos Pincis artsticos para o documento do Animate usando as Bibliotecas da CC, alm daspredefinies do Pincel artstico disponveis por padro. Para adicionar um novo Pincel artstico, abra opainel de Bibliotecas da CC e clique em um dos pincis compatveis. (No momento, o Animate compatvelapenas com os pincis do Illustrator das Bibliotecas da CC.) Para adicionar novos pincis Biblioteca da CC,use o aplicativo Pincel para Android e iOS.

Edio dos caminhos do contorno do pincel artstico

Edite ou remodele os traados do pincel desenhados usando a Ferramenta Pincel assim como todos osoutros traados no Animate que usam as ferramentas de seleo e subseleo.

Converso de contornos de pincel artstico em preenchimentos

Os pincis artsticos se comportam como contornos e podem ser convertidos em preenchimentos usando aopo "Converter linhas em preenchimentos". Para converter, selecione os contornos de pincel desenhadosno palco e clique em Modificar > Forma > Converter linhas em preenchimentos. Assim que forem convertidasem preenchimentos, as linhas se comportaro como preenchimentos normais e perdero o recurso de ediodo caminho.

8

Painel Biblioteca de pincis

O CC Animate agora possui uma biblioteca global de Pincis artsticos que inclui uma ampla coleo depincis. Para iniciar o painel Pincel, clique em Windows > Biblioteca de pincis. Antes de usar qualquerpincel, adicione-o ao documento atual clicando duas vezes no pincel no painel Biblioteca de pincis. Aoclicar em um pincel na Biblioteca da CC voc o adiciona ao painel Biblioteca de pincis global e aodocumento atual.

Amostras marcadas


Agora voc pode criar amostras marcadas selecionando uma cor a partir das amostras. Aps criar umaamostra marcada e aplic-la s formas e aos caminhos no contedo do Animate, a alterao da cor naamostra marcada atualizar automaticamente qualquer contedo que estiver usando a amostra.

Para obter mais informaes, consulte Cores

9

Nova amostra marcada nos painis Ferramentas e Cores

Dimensionamento de palco


O Animate agora suporta a publicao de documentos ActionScript como arquivos de projetor. Projetores soarquivos do Animate que contm o SWF e o Flash Player publicados. Os projetores podem funcionar comoum aplicativo comum, sem a necessidade de navegador web, de plugin do Flash Player ou do Adobe AIR.

Opo de vinculao para dimensionar proporcionalmente as medidas do palco

A caixa de dilogo Inspetor de propriedades e Configuraes de documento do Animate CC contm umaopo de Vinculao para aumentar proporcionalmente as dimenses do palco. Por padro, a altura e alargura do palco ficam desvinculadas. Se voc clicar no boto Vincular e permitir a vinculao, ao alterar osvalores da altura ou da largura, o valor de outra propriedade alterado proporcionalmente.

Se voc selecionar a opo Dimensionar contedo, as dimenses do palco so vinculadas e desativadasautomaticamente. Isso ocorre porque o dimensionamento do contedo s feito corretamente se asdimenses do palco so modificadas proporcionalmente.

Girar palco


A nova ferramenta Rotao no Animate CC gira a exibio do palco temporariamente para ajudar voc adesenhar e pintar em determinados ngulos sem girar os objetos de forma permanente no palco, comoacontece com a ferramenta Transformao livre. possvel girar o palco rapidamente, mesmo usando outraferramenta. Basta pressionar as teclasShift e Espao e arrastar o mouse para girar a exibio.

Recurso Onion skinning aprimorado


10

O Onion skinning um recurso que permite modificar o estado atual da animao com base em umapequena janela de visualizao que permite ver os quadros antigos de uma animao, bem como osquadros futuros.

Com esta verso, em vez de usar cores de camada para os contornos, o azul usado para os quadrosantigos, o vermelho para os quadros atuais e o verde para quadros futuros.

Onion skinning colorido: modo de contorno

A codificao por cores ajuda a diferenciar entre os quadros do passado, do presente e do futuro ao usar oonion skinning. Na nova interface, os quadros de onion skin anteriores ao quadro ativo aparecem em azul eos quadros posteriores ao quadro ativo aparecem em verde. Os quadros de onion skin longe do quadro ativoso exibidos com uma transparncia.

Ilustrao de Onion skin (quadros do passado em Azul, quadros do futuro em Verde e o quadro atual emSlido)

Para obter mais detalhes sobre a utilizao do onion skinning, consulte Animao quadro a quadro: onionskinning

Exportao de vdeo para vrias resolues

11

https://helpx.adobe.com/br/flash/using/frame-by-frame-animation.html#use_onion_skinninghttps://helpx.adobe.com/br/flash/using/frame-by-frame-animation.html#use_onion_skinning


Agora voc pode exportar vdeos normais e em HD de um documento do Animate para vrias resolues aoconfigurar um tamanho de renderizador na caixa de dilogo Exportao de vdeo. Ao ajustar a resoluo devdeo, o Animate CC mantm a relao de aspecto de acordo com as dimenses do palco.

Crie modelos HTML5 Canvas personalizados e anexe-os aos perfis depublicao.


O Animate CC agora admite modelos personalizados para o arquivo HTML wrapper durante a publicao deprojetos HTML5 Canvas. Voc pode anexar um modelo ao seu perfil de publicao. Alm de usar o modelopadro, tambm possvel importar um arquivo com um modelo personalizado de HTML ou exportar omodelo atual para um arquivo externo. As opes de modelo so as seguintes:

Usar padro: use o modelo padro para gerar o arquivo wrapper HTML ao publicar.Importar novo: importe um modelo personalizado para servir de base ao arquivowrapper HTML que ser criado ao publicar.Exportar: exporte o modelo atual usado para publicar.

Suporte para publicao de OAM para AS3, WebGL e documentos HTML5Canvas


Agora voc pode exportar o contedo do Animate em ActionScript, WebGL ou HTML5 Canvas para arquivoswidget animados OAM (.oam). Os arquivos OAM gerados pelo Animate podem ser colocados noDreamweaver, Muse e InDesign. As opes de publicao de OAM esto disponveis na caixa de dilogodas Configuraes de publicao do Animate.

Para obter mais informaes, consulte Configuraes de publicao do OAM

Texto esttico em documentos HTML5 Canvas


O Animate CC agora permite texto esttico para HTML5 Canvas. Todo o texto esttico convertido emcontornos durante a publicao e todo o texto dinmico permanecer sem qualquer alterao.

Melhorias no HTML5 Canvas

12

As seguintes melhorias do HTML5 Canvas so parte desta verso:

Suporte ao estilo de pincelada do Canvas: em verses anteriores, apenas o estilo depincelada constante estava disponvel para documentos HTML5 Canvas. Agora, existemestilos de pinceladas diferentes disposio. Filtro Sombreamento com propriedades de ngulo e Distncia, com qualidadedefinida como Mdia: ao criar um smbolo e selecionar o filtro Sombreamento clicandoem Filtros no painel Propriedade e expandir o menu suspenso + , voc pode definir aspropriedades Distncia e ngulo do smbolo. A qualidade definida como Mdia.

Importar arquivos SVG


Os SVG (Scalable Vector Graphics, Grficos vetoriais escalveis) so um formato de imagem vetorial paragrficos bidimensionais com suporte para interatividade e animao. Agora voc pode importararquivos SVG para o Animate CC. Algumas das opes de importao funcionam da mesma forma que asopes de importao para arquivos do Adobe Illustrator.

Voc pode usar uma das seguintes opes para importar arquivos SVG para o Animate CC:

Usando a opo Importao de arquivo: Arquivo > Importar > Importar para palco ouImportar para biblioteca.Arraste e solte um arquivo SVG diretamente no Animate.Usando os ativos SVG armazenados na biblioteca da CC: arraste e solte o ativo dabiblioteca da CC diretamente no palco ou na biblioteca do documento.Usando a JSFL API de importao do arquivo existente: document.importFile().

Voc pode optar por converter as camadas dos arquivos SVG desta maneira:

Importar todos os caminhos para a mesma camada e para o mesmo quadro:escolha essa opo para importar todas as camadas do SVG para uma nica camada doAnimate.Importar cada caminho para uma camada diferente: escolha essa opo paraimportar cada camada do SVG para uma camada separada no Animate. Importar cada camada para um quadro-chave diferente: durante a converso decamadas SVG para quadros-chave, o arquivo SVG importado como um clipe de filme.A converso de camadas SVG em camadas Animate ou para uma nica camada fazcom que o arquivo SVG seja importado como um smbolo grfico. O clipe de filme ousmbolo grfico resultante contm todo o contedo do arquivo SVG importado para alinha do tempo, como se o contedo tivesse sido importado para o palco.

Caixa delimitadora para desenho de objeto aprimorada


Os objetos de desenho no Animate usados para mostrar a caixa delimitadora retangular enquanto estoselecionados. Esta verso introduz uma caixa delimitadora aprimorada que mostra o indicador de seleodesenhado como um contorno que se ajusta perfeitamente forma. Com essa mudana, possvel editarfacilmente as arestas da forma sem entrar nos objetos de desenho.

13

Caixa delimitadora de objeto de desenho: antiga e nova

Esta alterao ser til quando voc estiver usando os novos Pincis artsticos no modo Objeto de desenho.Agora, o indicador de seleo mostra o caminho real dos contornos do pincel artstico. Voc pode editar comfacilidade o caminho do contorno conforme necessrio.

Edio do caminho do contorno de um pincel artstico usando a nova caixa delimitadora

O novo modelo da caixa delimitadora tambm ajuda a distinguir melhor um Objeto de desenho e um Grupo,j que os grupos continuaro a aparecer com caixas delimitadoras retangulares.

Representao do modo Desenho de objeto

Contorne uma forma e um objeto de desenho e traados no estado selecionado

Suporte para projetor

14


O Animate agora suporta a publicao de documentos ActionScript como arquivos de projetor. Projetores soarquivos do Animate que contm o SWF e o Flash Player publicados. Os projetores podem funcionar comoum aplicativo comum, sem a necessidade de navegador web, de plugin do Flash Player ou do Adobe AIR.

Outras melhorias

A funo PlaySound() agora retorna a ocorrncia do som

O cdigo para a funo PlaySound() gerado no arquivo HTML ao publicar o tipo de documento HTML5Canvas foi modificado para retornar a ocorrncia do som. Isso til para interromper ou pausar qualquerocorrncia de udio por scripts de quadro ou de escutas de evento.

Repetio de udio

Com a opo "loop" ativada na linha do tempo, agora possvel executar um udio em looping em umintervalo de quadros junto com outras animaes.

Manipulao da faixa de marcador da linha do tempo melhorada

As seguintes melhorias de uso foram efetuadas nas alas de marcador de onion skin:

Aumento da rea de ocorrncia das alas para fora: em verses anteriores, no erafcil arrastar as alas, especificamente quando elas estavam muito prximas. O aumentoda rea de ocorrncia das alas para fora nessa verso permite arrastar de forma suave.Feedback adequado do mouse: nesta verso, quando voc passar o mouse prximodas alas de marcador ou arrast-las, o cursor de "redimensionamento" aparece em vezdo curso de seta normal para mostrar o feedback.

Biblioteca CreateJS combinada para melhorar o desempenho do HTML5

O Animate CC agora usa a biblioteca combinada CreateJS mais recente de bibliotecas individuais usadasem verses anteriores. Essa alterao reduz a quantidade de chamadas do servidor de sada do HTML5publicado e melhora o desempenho.

Melhorias na interface do usurio da planilha de entidades grficas HTML5

A caixa de dilogo Configuraes de publicao para HTML5 Canvas foi melhorada nesta verso. A guia

15

Planilha de entidades grficas agora fornece controles separados para configuraes de PNG e JPEG,ativadas ou desativadas com base no formato selecionado.

Alteraes de PI do traado

Os traados no PI sofreram as seguintes alteraes:

Ao clicar no cone de Pincel, a Biblioteca iniciada. exibida uma pr-visualizao do estilo do pincel selecionado na parte superior.Ao editar o estilo do traado (cone do pincel) exibida a caixa de dilogo Opes dopincel artstico para o Pincel artstico selecionado.

Botes novos para operaes de uso geral no painel de propriedades

Os botes a seguir foram adicionados ao painel Propriedades para um acesso mais fcil:Expandir para preencher: converte os contornos selecionados em preenchimentos e osmesclaCriar o objeto: converte a forma selecionada no modo mesclado em um Objeto dedesenho (da mesma forma que a operao Unio)Separar: separa o Objeto de desenho selecionado e o transforma em uma forma bruta

Suporte para desenhos Wacom no modo de mouse

O Animate CC agora suporta desenhos Wacom no modo de mouse para melhorar a experincia dedesenho. Essa verso tambm contm correes para os problemas de deslocamento Wacom nasferramentas de pincel e lpis.

Melhorias no desenho e na suavidade no estado ampliado

A experincia de desenho da Ferramenta pincel tambm foi aprimorada no estado Altamente ampliado.Anteriormente, as melhorias estavam funcionando (totalmente) somente no Modo normal.

Observao: as melhorias na experincia de desenho da Ferramenta pincel foram aplicadas a apenas umaconfigurao de suavizao de 40 a 60 por cento.

Suporte para Flash Player 20 e AIR SDK 20

Esta verso do Animate CC suporta o Flash Player 20 e AIR SDK 20. O Animate CC agora suporta osseguintes tamanhos de cone do AIR para publicao no iOS:

60 x 6075 x 7587 x 87167 x 167180 x 180

Novos objetos jf de nvel superior 'an' e 'animate'

Nesta verso, os novos objetos de nvel superior an e animate substituem os objetos fl e flash. Esses

16

As publicaes do Twitter e do Facebook no so cobertas pelos termos do Creative Commons.

Avisos legais | Poltica de privacidade online

Para o incio

objetos tambm tm suporte para dicas e cores de cdigo.

CPSDK recriado com novas interfaces e macros

No novo SDK de suporte para plataforma personalizada do Animate CC, poucas interfaces e macros foramsubstitudas (no removidos) e uma gama de interfaces e macros novas foram adicionadas. Todas elas socompatveis com verses anteriores.

Requisitos de sistema

Consulte os requisitos de sistema do Adobe Animate CC 2015.1 | Verso de fevereiro de 2016 emRequisitos do sistema | Animate CC.

Consulte tambmNotas de verso do Animate CC 2015.1

17

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/pt_BR/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_brhttp://idiom-q-win-1/br/animate/release-note/releasenotes-2015-1.html

Plataformas

18

Converter em outros formatos de documento

Para o incio

Converta seu documento do Animate em outro formato de documentoConverso de seu documento do Animate usando o conversor de tipo de documento

Converta seu documento do Animate em outro formato dedocumento

O conversor de tipo de documento universal permite a converso dos seus projetos FLA atuais (de qualquertipo) em qualquer outro tipo de documento, como HTML5 Canvas, ActionScript/AIR, WebGL ou outro tipo dedocumento personalizado. Ao converter em um formato, voc aproveita os recursos de autoria que oAnimate oferece para esse tipo de documento.

Converso de seu documento do Animate usando o conversor de tipo dedocumento

Para converter seu documento do Animate em outro tipo de documento:

1. Abra o documento que voc quer converter e clique em Comandos > Converter emoutros formatos de documento. A caixa de dilogo Conversor de tipo de documento aberta.

2. No menu suspenso Converter seu documento, selecione o tipo de documento para oqual deseja converter.

3. Clique em Procurar para selecionar o diretrio no qual voc deseja salvar o arquivoconvertido e clique em OK.

Caixa de dilogo Conversor de tipo de documento

Observao: ao tentar converter qualquer documento de vrias cenas em um tipo de documento HTML5Canvas, todas as cenas sero salvas como arquivos separados, pois o tipo de documento HTML5 Canvasno aceita vrias cenas. Insira todas as suas cenas em smbolos separados se quiser us-las em um nicodocumento.

possvel converter seus projetos do Animate existentes em outro formato ou reutilizar ativos em umprojeto. Basta copiar e colar smbolos de biblioteca e camadas.

19



20

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/pt_BR/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_br

Suporte da plataforma personalizada

Para o incio

Observao:

O Animate permite a criao de grficos e animaes ricas usando tipos de documentos como ActionScript,HTML5 eWebGL. O recurso de Suporte da plataforma personalizada ajuda a ampliar a eficincia do AnimateCC para plataformas que no so originais do Animate.

O Suporte da plataforma pode ser adicionado ao Animate ao implementar um plug-in usando um conjunto deInterfaces de programao do aplicativo (APIs) que so oferecidas como parte do Kit de desenvolvimento dosuporte da plataforma personalizada. Os desenvolvedores podem criar plug-ins de suporte da plataformapersonalizada para Animate usando essas interfaces e consultando o cdigo de amostra. Ao instalar o plug-in de suporte da plataforma para um novo tipo de documento, os usurios podem criar suas obras de arteusando o rico conjunto de recursos do Animate e public-las no formato de sada da plataformapersonalizada.

Fluxos de trabalho

O recurso de Suporte de plataforma personalizada inclui duas partes: uma para o desenvolvedor que criaplug-ins de suporte da plataforma personalizada e outra para o usurio que instala e usa o plug-in.

Desenvolvedor

Se voc um desenvolvedor que cria complementos para o Animate, possvel usar o seguinte fluxo detrabalho para desenvolver e distribuir seus plug-ins:

Para obter mais instrues sobre como criar plug-ins de Suporte da plataforma personalizada

21

Palavras-chave: suporte personalizado de plataforma, flash profissional, cc 2014, suporte estendido paraplataformas personalizadas, utilizao do flash para editar formatos de documentos no nativos, novos

usando o kit de desenvolvimento, consulte Ativao do suporte para plataformas personalizadas.

Para ver a documentao detalhada das APIs no kit de desenvolvimento, consulte a Referncia da API desuporte da plataforma personalizada.

Usurio

Se voc um usurio Animate, possvel adquirir um plug-in para plataforma personalizada usando um dosseguintes mtodos:

Faa o download do plug-in para suporte da plataforma personalizada na pgina AdobeAdd-ons. A pgina Adobe Add-on permite que voc adquira um plug-in e instale- usandoo aplicativo Adobe Creative Cloud. Obtenha um arquivo .zxp de um desenvolvedor de plug-in e instale-o no aplicativoGerenciador de extenses da Adobe.

O fluxo de trabalho a seguir demonstra como possvel instalar um plug-in para suporte da plataformapersonalizada e criar seu documento de plataforma personalizada.

Documentao relacionadaAtivao do suporte da plataforma personalizadaReferncia da API de suporte da plataforma personalizadaComo trabalhar com os plug-ins para suporte da plataforma personalizada

22

https://creative.adobe.com/br/addonshttps://creative.adobe.com/br/addons

formatos de documentos em flash



23


Crie e publique documentos HTML5 Canvas no Animate CC

Para o incio

Para o incio

O que HTML5 Canvas?O novo tipo de documento HTML5 Canvas

Animate e a API CanvasCriar um documento HTML5 CanvasAdio de interatividade ao documento HTML5 Canvas

Uso de snippets de cdigo JavaScriptReferncias documentao CreateJS

Publicar animaes em HTML5Configuraes bsicasConfiguraes avanadas

Otimizao da sada do HTML5 CanvasExportao de bitmaps como planilha de entidades grficas

Como trabalhar com texto em documentos HTML5 CanvasAdio de fontes da Web do Typekit ao documento HTML5 CanvasTexto esttico

Compreender a sada HTML5 CanvasMigrar contedo existente a HTML5 Canvas

Alteraes aplicadas ao contedo aps a migraoConverso de outros tipos de documento para HTML5 Canvas

O que HTML5 Canvas?

O Canvas um novo elemento no HTML5, que fornece APIs que permitem gerar e renderizardinamicamente grficos, imagens e animao. A presena da API Canvas para HTML5 fortalece a plataformaHTML5 ao fornecer recursos de desenho bidimensional. Esses recursos so suportados na maioria dossistemas operacionais e navegadores modernos.

Basicamente, o Canvas um mecanismo de renderizao de bitmap e os desenhos so finais e no podemser redimensionados. Alm disso, objetos desenhados no Canvas no so parte do DOM da pgina da Web.

Em uma pgina da Web, possvel adicionar elementos Canvas usando a tag . Esses elementospodem ser aprimorados usando JavaScript para criar interatividade. Para obter mais informaes, consulteeste link.

O novo tipo de documento HTML5 Canvas

O Animate CC permite que voc crie um documento HTML5 Canvas com artes finais, grficos, animaesetc. Um novo tipo de documento (HTML5 Canvas) foi adicionado ao Animate e oferece suporte nativo paracriar contedos HTML5 ricos e criativos. Isso significa que voc pode usar a linha do tempo, a rea detrabalho e as ferramentas tradicionais do Animate para criar contedo, mas produzir uma sada HTML5. Comalguns cliques simples, voc est pronto para criar um documento HTML5 Canvas e gerar uma sadatotalmente funcional. Para esse fim, as opes de documento e publicao so predefinidas no Animate paragerar uma sada HTML5.

O Animate CC est integrado ao CreateJS, o que permite contedos interativos ricos em tecnologias de rede

24

http://www.w3schools.com/html/html5_canvas.asp

Para o incio

Para o incio

Preenchimento de cdigo

aberta pelo HTML5. O Animate CC gera HTML e JavaScript para contedos (inclui bitmaps, vetores, formas,sons, interpolaes etc.) criados no palco. A sada pode ser executada em qualquer dispositivo ounavegador com suporte para HTML5 Canvas.

Animate e a API Canvas

O Animate publica no HTML5 aproveitando a API Canvas. O Animate Pro converte sem problemas objetoscriados no palco para seus correspondentes no Canvas. Ao fornecer um mapeamento um a um de recursosAnimate com as APIs no Canvas, o Animate permite que voc publique contedos complexos em HTML5.

Criar um documento HTML5 Canvas

Para criar um documento HTML5 Canvas, faa o seguinte:

1. Na tela de boas-vindas do Animate CC, clique na opo HTML5 Canvas. Isso abre umnovo FLA com as Configuraes de publicao modificadas para produzir a sadaHTML5.

2. Como alternativa, selecione Arquivo > Novo para exibir a caixa de dilogo Novodocumento. Clique na opo HTML5 Canvas.

Agora, voc pode comear a criar contedos HTML5 usando as ferramentas no Animate. Quando comear atrabalhar com o documento HTML5 Canvas, voc perceber que alguns recursos e ferramentas no sosuportados e esto desativados. Isso acontece porque o Animate permite apenas as ferramentas quetambm so compatveis com o elemento Canvas em HTML5. Por exemplo, transformaes 3D, linhaspontilhadas, gradientes radiais e efeitos de chanfro no so suportados.

Adio de interatividade ao documento HTML5 Canvas

O Animate CC publica contedo HTML5 usando as bibliotecas CreateJS. O CreateJS um conjunto deferramentas e bibliotecas modulares que possibilitam contedos interativos ricos em tecnologias de redeaberta pelo HTML5. O conjunto CreateJS inclui: EaselJS, TweenJS, SoundJS, PreloadJS e Zo. O CreateJSconverte os contedos criados no palco em HTML5 usando essas bibliotecas individuais para produzirarquivos de sada HTML e JavaScript. Tambm possvel manipular este arquivo JavaScript para aprimorarseu contedo.

Contudo, o Animate CC permite que voc adicione interatividade a objetos no palco criados para HTML5Canvas de dentro. Isso significa que voc pode adicionar cdigo JavaScript a objetos individuais no palco dedentro do Animate e visualizar no tempo por autor. Por sua vez, o Animate fornece suporte nativo paraJavaScript com recursos teis no editor de cdigo para ajudar a melhorar a eficincia do fluxo de trabalhodos programadores.

Voc pode escolher quadros individuais e quadros-chave na Linha do tempo para adicionar interatividade aseu contedo. Para um documento HTML5 Canvas, voc pode adicionar interatividade usando o JavaScript.Para obter mais informaes sobre como gravar o cdigo JavaScript, consulte este link.

O cdigo JavaScript pode ser gravado diretamente no painel de Aes e oferece suporte aos seguintesrecursos ao gravar o cdigo JavaScript:

Permite que voc insira e edite rapidamente o cdigo JavaScript e sem erros.Conforme voc digita os caracteres no painel de Aes, voc pode ver uma lista de candidatos quepossivelmente completam a sua entrada.

Alm disso, o Animate tambm permite alguns recursos inerentes ao painel de Aes ao trabalhar comHTML5 Canvas. Esses recursos ajudam a aprimorar a eficincia de fluxo de trabalho ao adicionar

25

http://www.w3schools.com/js/js_intro.asp

Destaque de sintaxe

Atribuio de cores a cdigos

Colchete

interatividade aos objetos no palco. So os seguintes:

Exibe cdigos em fontes ou cores diferentes de acordo com a sintaxe. Este recursopermite que voc grave cdigo de uma maneira estruturada, ajudando a diferenciar visualmente cdigoscorretos e erros de sintaxe.

Exibe cdigos em cores diferentes de acordo com a sintaxe. Isso permiteque voc diferencie visualmente vrias partes de uma sintaxe.

Adiciona automaticamente colchetes e parnteses de fechamento para abrir ao gravar cdigoJavaScript.

(A) Destaque de sintaxe (B) Atribuio de cores a cdigos (C) Colchetes

Voc pode adicionar interatividade a formas ou objetos no palco usando JavaScript. Voc pode adicionarJavaScript a quadros individuais e quadros-chave.

1. Selecione o quadro ao qual deseja adicionar JavaScript.2. Selecione Janela > Aes para abrir o painel de Aes.

Uso de snippets de cdigo JavaScript

Voc pode adicionar interatividade usando snippets de cdigo JavaScript disponveis no Animate CC. Paraacessar e usar Snippets de cdigo, selecione Janelas > Snippets de cdigo. Para obter mais informaessobre como adicionar snippets de cdigo JavaScript, consulte este artigo.

Referncias documentao CreateJS

Bibliotecade

CreateJSDocumentao de API Exemplos de cdigo em G

EaselJS http://createjs.com/Docs/modules/EaselJS.htmlEaselJS https://github.com/createjs/ea

TweenJS http://createjs.com/Docs/modules/TweenJS.htmlTweenJS https://github.com/createjs/tw

SoundJS http://createjs.com/Docs/modules/SoundJS.htmlSoundJS https://github.com/createjs/so

PreloadJS http://createjs.com/Docs/modules/PreloadJS.htmlPreloadJS https://github.com/createjs/pr

26

http://createjs.com/Docs/modules/EaselJS.htmlEaselJShttps://github.com/createjs/easeljs/http://createjs.com/Docs/modules/TweenJS.htmlTweenJShttps://github.com/createjs/tweenjs/http://createjs.com/Docs/modules/SoundJS.htmlSoundJShttps://github.com/createjs/soundjs/http://createjs.com/Docs/modules/PreloadJS.htmlPreloadJShttps://github.com/createjs/preloadjs/

Para o incio

Sada

Substituio do arquivo HTML ao publicar

Repetir linha do tempo

Incluir camadas ocultas

Exportar ativos de imagem

Exportar ativos de som

Exportao de ativos do CreateJS

Publicar animaes em HTML5

Para publicar o contedo no palco em HTML5, faa o seguinte:

1. Selecione Arquivo > Configuraes de publicao.2. Na caixa de dilogo Configuraes de publicao, especifique as seguintes

configuraes:

Configuraes bsicas

O diretrio em que o FLA publicado. Isso tem como padro o mesmo diretrio que o FLA, mas podeser alterado ao clicar no boto de navegao "...".

Se voc desmarcar esta caixa de seleo, o arquivo HTMLno ser gerado, sobrepondo o arquivo HTML atual.

Se estiver marcado, a linha do tempo se repete, se no, ela para quando chegarao final.

Se estiver desmarcado, as camadas ocultas no so includas na sada.

A pasta na qual os ativos de imagens so colocados e de onde soreferenciados.Combinar em planilhas de entidades grficas: selecione essa opo para combinar todos os ativos deimagem em uma planilha. Para mais opes de planilhas de entidades grficas, consulte Exportao debitmaps como planilhas de entidades grficas

A pasta na qual os ativos de som do documento so colocados e de onde soreferenciados.

A pasta na qual as bibliotecas do CreateJS so colocadas e de ondeso referenciadas.

Configuraes avanadas

27

Modelo de publicao do HTML:

Bibliotecas hospedadas

Formas compactas

Limites de multiquadro

Observao:

Para o incio

Usar padro: publique a sada HTML5 com o modelo padro.Importar novo: importe um modelo novo para o documento HTML5.Exportar: exporte o documento HTML5 como um modelo.

Se estiver marcado, isso usa cpias das bibliotecas hospedadas no CreateJSCDN em code.createjs.com. Isso permite que as bibliotecas sejam colocadas em cache e compartilhadasentre vrios sites.

Se estiver marcado, as instrues de vetor so direcionadas em uma forma compacta.Desmarque para exportar instrues legveis e detalhadas (teis para fins de aprendizagem).

Se estiver marcado, os smbolos da linha do tempo incluem uma propriedadeframeBounds que contm uma matriz de Retngulos que corresponde aos limites de cada quadro na linhado tempo. Limites de multiquadro aumentos significativamente o tempo de publicao.

3. Clique em Publicar para publicar seu contedo no local especificado.

Uma animao projetada por linhas de tempo aninhadas, contendo somente um quadro, nopode ter um loop executado.

Otimizao da sada do HTML5 Canvas

O Animate otimiza o tamanho de sada e o desempenho do HTML5 Canvas ao:

Exportar bitmaps como planilha de entidades grficas usando as opes na guia Planilhade entidades grficas, presente nas Configuraes de publicao.Excluir camadas ocultas (ao desmarcar a caixa de seleo Incluir camadas ocultas) dasada publicada.Excluir todos os recursos no utilizados como sons e bitmaps, bem como todos osrecursos em quadros no utilizados (padro).Especificar no exportar os recursos de FLA ao desmarcar as opes de exportao derecurso para imagens, sons e suporte das bibliotecas CreateJS JavaScript e utilizar osURLs relativos para exportao.

28

Para o incio

Exportao de bitmaps como planilha de entidades grficas

A exportao de vrios bitmaps utilizados no documento do HTML5 Canvas como uma nica planilha deentidades grficas reduz o nmero de solicitaes de servidor, reduz o tamanho da sada e melhora odesempenho. Voc pode exportar planilhas de entidades grficas como PNG (padro), JPEG ou ambos.

1. Na guia Planilha de entidades grficas , marque a caixa de seleo Combinarimagens e ativos em planilhas de entidades grficas.

2. Selecione Formato como PNG, JPEG ou Ambos.3. Se voc selecionou PNG ou Ambos, especifique as seguintes opes em

Configuraes de PNG:Qualidade: defina a qualidade das planilhas de entidades grficas como 8 bits(padro), 24 bits ou 32 bits.Tamanho mximo: especifique o tamanho e a largura mxima da planilha deentidades grficas em pixels.Fundo: clique e defina a cor do fundo da planilha de entidades grficas.

4. Se voc selecionou JPEG ou Ambos, especifique as seguintes opes emConfiguraes de JPEG:

Qualidade: defina a qualidade da planilha de entidades grficas.Tamanho mximo: especifique o tamanho e a largura mxima da planilha deentidades grficas em pixels.Fundo: clique e defina a cor do fundo da planilha de entidades grficas.

Como trabalhar com texto em documentos HTML5 Canvas

Adio de fontes da Web do Typekit ao documento HTML5 Canvas

O Animate CC oferece fontes da Web do Typekit para tipos de Texto dinmico em documentos HTML5Canvas. O Typekit oferece acesso direto a milhares de fontes de alta qualidade de parceiros estratgicos.Voc pode acessar e usar fontes do Typekit sem interrupes na sada do HTML5 para navegadoresmodernos e dispositivos mveis usando a associao Creative Cloud.

Para obter mais informaes sobre como usar fontes do Typekit no Animate CC, consulte Uso de fontes daWeb do Typekit em documentos HTML5 Canvas

29

Para o incio

Arquivo HTML

Arquivo JavaScript

Para o incio

Texto esttico

Documentos HTML5 Canvas admitem texto esttico durante a criao. O texto esttico utilizado nodocumento HTML5 Canvas convertido em contornos de texto durante a publicao.

Observao: as fontes da Web do Typekit no esto disponveis para o tipo de texto esttico.

Vdeo: Text improvements in Animate CC

Por Train Simple (www.trainsimple.com)

Compreender a sada HTML5 Canvas

A sada HTML5 publicada contm os seguintes arquivos:

Contm definies de todas as formas, objetos e ilustraes no elemento Canvas. Tambmchama o espao para nomes CreateJS a fim de converter o Animate em HTML5 e o arquivo JavaScriptcorrespondente que contm elementos interativos.

Contm definies dedicadas e cdigo para todos os elementos interativos daanimao. Cdigos para todos os tipos de interpolaes tambm esto definidos no arquivo JavaScript.

Esses arquivos so copiados no mesmo local do FLA por padro. Voc pode alterar i local fornecendo ocaminho de sada na caixa de dilogo Configuraes de publicao (Arquivo > Configuraes depublicao).

Migrar contedo existente a HTML5 Canvas

Voc pode migrar o contedo existente no Animate para gerar uma sada HTML 5. At o fim, o Animatepermite que voc migre contedos copiando ou importando manualmente camadas individuais, smbolos eoutros itens da biblioteca. Como alternativa, voc pode executar o Convert AS3 ao comando do documentoHTML5 Canvas para direcionar automaticamente o contedo ActionScript existente para um novo documentoHTML5 Canvas. Para obter mais informaes, consulte este link.

Entretanto, ao trabalhar com o tipo de documento HTML5 no Animate CC, voc pode notar que algunsrecursos do Animate no so compatveis. Isso acontece porque os recursos no Animate no tmcorrespondentes na API Canvas. Portanto, esses recursos no podem ser usados no tipo de documento

30

Copiar

Importar

Ao trabalhar

Scripts

O contedo removido

O contedo modificado para um valor padro

Para o incio

HTML5 Canvas. Isso pode o afetar durante a migrao de contedo, ao tentar:

contedo (camadas ou smbolos da biblioteca) de um tipo de documento Animate tradicional (comoActionScript 3.0, AIR para Android, AIR para desktop e assim por diante) em um documento HTML5. Nestecaso, um tipo de contedo no suportado removido ou convertido para padres suportados.Por exemplo, copiar animao 3D remover todas as transformaes 3D aplicadas a objetos no palco.

um arquivo PSD ou AI que contenha contedo no suportado. Neste caso, o contedo removidoou convertido para padres suportados.Por exemplo, importe um arquivo PSD com efeitos de desfoque Gradient Bevel aplicados. O Animate removeo efeito.

com vrios tipos de documento (por exemplo, ActionScript 3.0 e HTML5 Canvas)simultaneamente, voc alterna documentos com uma ferramenta ou opo no suportada selecionada.Neste caso, o Animate CC indica visualmente que o recurso no compatvel.Por exemplo, voc criou uma linha pontilhada em um documento ActionScript 3.0 e alterna para HTML5Canvas com a ferramenta Linha ainda selecionada. Observe o ponteiro e o Inspetor de propriedades, elesexibem cones para indicar que a linha pontilhada no suportada em HTML5 Canvas.

Os componentes do ActionScript so removidos e o cdigo comentado. E, alm disso, se voctem JavaScript gravado no bloco de comentrios (para kit de ferramentas para CreateJS com Animate CC13.0), lembre-se de excluir os comentrios manualmente do cdigo.Por exemplo, se voc copiar camadas que contm botes, eles so removidos.

Alteraes aplicadas ao contedo aps a migrao

Estes so os tipos de alteraes que so aplicadas quando voc migra contedo de legado a um documentoHTML5 Canvas.

Os tipos de contedo que no so suportados em HTML5 Canvas so removidos.Por exemplo:

As transformaes 3D so removidasO cdigo ActionScript comentadoOs vdeos so removidos

O tipo de contedo ou recurso suportado, mas umapropriedade do recurso, no. Por exemplo:

Blendmode de superposio mo suportado; modificado para Normal.Linha pontilhada no suportada; modificada para Slida.

Para obter a lista completa de recursos que no so compatveis e seus valores de emergncia durante amigrao, consulte este artigo.

Converso de outros tipos de documento para HTML5 Canvas

O conversor de tipo de documento universal permite a converso dos seus projetos FLA atuais (de qualquertipo) em qualquer outro tipo de documento, como HTML5 Canvas, ActionScript/AIR, WebGL ou outro tipo dedocumento personalizado. Ao converter em um formato, voc aproveita os recursos de autoria que oAnimate oferece para esse tipo de documento.

Para obter mais informaes, consulte Converter em outros formatos de documentos

31



32


Criar e publicar um documento WebGL

Para o incio

Observao:

Para o incio

Para o incio

O que WebGL?O tipo de documento WebGLCriao de um documento WebGLVisualizao de contedo WebGL em navegadoresPublicao de contedo no formato WebGLCompreenso da sada WebGLAdio de udio ao documento WebGLMigrao de contedo existente para um documento WebGLMelhoria da renderizao com a cache de bitmap

O que WebGL?

O WebGL um padro de rede aberta para renderizar grficos em qualquer navegador compatvel, sem anecessidade de plug-ins adicionais. O WebGL integrado completamente em todos os padres da Web donavegado, permitindo o uso acelerado de processamento de imagens e efeitos do GPU como parte da telada pgina da web. Os elementos do WebGL podem ser incorporados a outros elementos HTML e compostoscom outras partes da pgina.

Apesar de a maioria dos navegadores atuais suportarem o WebGL, acesse este link para saber maisdetalhes sobre as outras verses que so suportadas.

Alguns navegadores no tm WebGL ativado por padro. Para ativar o WebGL em seu navegador, consulteeste artigo.

Certifique-se de ativar WebGL em seu navegador, pois alguns navegadores desativamWebGL por padro.

O tipo de documento WebGL

O Animate CC permite que voc crie e publique contedos interativos ricos no formato Web Graphics Library(WebGL). Por ser totalmente integrado aos navegadores, o WebGL permite que o Animate utilize o usoacelerado do GPU de processamento e renderizao de grficos, como parte da tela da pgina da Web.

No Animate CC, um novo tipo de documento foi adicionado para WebGL. Isso permite que voc criecontedo e publique rapidamente em uma sada WebGL. Voc pode utilizar ferramentas eficientes noAnimate para criar contedos ricos, exceto renderizar a sada WebGL que pode ser executada em qualquernavegador compatvel. Isso significa que voc pode usar a linha do tempo, a rea de trabalho e asferramentas de desenho tradicionais do Animate para criar e produzir nativamente contedo WebGL. Osnavegadores mais usados suportam WebGL, desta forma permitindo que o Animate renderize o contedo namaioria das plataformas da Web.

Criao de um documento WebGL

33

http://caniuse.com/#search=WebGLhttp://www.khronos.org/webgl/wiki_1_15/index.php/Getting_a_WebGL_Implementation

Para o incio

Para o incio

Arquivo de sada

Substituir HTML

Incluir camadas ocultas

Repetir linha do tempo

No Animate CC, o documento WebGL permite que voc crie e publique rapidamente contedo para oformato WebGL. Para criar um documento WebGL:

1. Inicializao do Animate CC.2. Na tela de boas vindas, clique na opo WebGL(Pr-visualizao) . Como alternativa,

selecione a opo no menu Arquivo > Novopara exibir a caixa de dilogo Novodocumento. Clique na opo WebGL(Pr-visualizao) .

Visualizao de contedo WebGL em navegadores

Voc pode usar o recurso Testar filme no Animate para visualizar o resto de seu contedo. Para visualizar,faa o seguinte:

1. No Animate CC, pressione Ctrl+Enter no Windows e CMD+ Enter em MAC. Isso iniciaseu navegador padro e renderiza o contedo WebGL.

O Animate CC requer um servidor da Web que execute o contedo WebGL. O Animate CC tem um servidorda Web incorporado que est configurado para executar contedo WebGL na Porta n 8090. Se um servidorj estiver usando esta porta, o Animate automaticamente detecta e resolve o conflito.

Publicao de contedo no formato WebGL

O Animate permite que voc crie e publique contedo WebGL nativamente de dentro do sistema.

Para publicar seu documento WebGL, faa o seguinte:

1. Selecione Arquivo > Configuraes de publicao para exibir a caixa de dilogo deConfiguraes de publicao. Como alternativa, selecione Arquivo > Publicar. se voc jespecificou as Configuraes de publicao para WebGL.

2. Na caixa de dilogo Configuraes de publicao, especifique os valores de:

Fornea um nome significativo para a sada. Alm disso, navegue at ou insira o local emque voc deseja publicar a sada WebGL.

Permite que voc especifique se deve substituir o HTML Wrapper todas as vezes quepublicar seu projeto WebGL.Voc pode desmarcar esta opo caso tenha feito alteraes externas ao seuarquivo HTML publicado e deseja ret-lo enquanto atualiza todas as alteraes feitas animao ou aosrecursos no Flash Pro.

Inclui todas as camadas ocultas na sada WebGL. Desmarcar Incluir camadasocultas impede que todas as camadas (inclusive as aninhadas em clipes de filmes) marcadas como ocultassejam exportadas para o WebGL resultante. Isso permite que voc teste facilmente diferentes verses dedocumentos WebGL tornando as camadas invisveis.

Repete o contedo ao atingir o ltimo quadro. Desmarque esta opo de forma aparar o contedo quando o ltimo quadro for atingido.

34

Observao:

Para o incio

Arquivo de invlucro HTML

Arquivo JavaScript (WebGL Runtime)

Atlas de textura

Para o incio

Para o incio

Copiar

Importar

3. Clique em Publicar para publicar seu contedo WebGL no local especificado.

60FPS o maior FPS que pode ser especificado para um contedo WebGl compatvel comos navegadores.

Compreenso da sada WebGL

A sada WebGL publicada contm os seguintes arquivos:

Inclui o runtime, chamadas de ativos e tambm inicializa o renderizador deWebGL. O nome do arquivo .html por padro. Voc pode fornecer um nome diferente aoarquivo HTML na caixa de dilogo Configuraes de publicao (Arquivo > Configuraes de publicao).O arquivo HTML colocado no mesmo diretrio que o FLA por padro. Voc pode fornecer um localdiferente na caixa de dilogo Configuraes de publicao.

Renderiza o contedo publicado em WebGL. publicado nabiblioteca/pasta do documento WebGL. O nome do arquivo : flwebgl-.min.jsO invlucro HTML utiliza este arquivo JS para renderizar o contedo WebGL.

Armazena todo o valor de cor ( de formas ), incluindo as ocorrncias de bitmap no palco.

Adio de udio ao documento WebGL

Voc pode importar e embutir udios no documento WebGL, controlar a reproduo usando asconfiguraes de sincronizao (evento, iniciar e pausar) e reproduzir udio da linha do tempo de execuo.O WebGL atualmente s compatvel com os formatos .wav e .mp3.

Para obter mais informaes sobre como trabalhar com udio, consulte Uso de sons no Animate.

Migrao de contedo existente para um documento WebGL

Voc pode migrar contedos existentes no Animate para um documento WebGL. At o fim, oAnimate permite que voc migre copiando ou importando o contedo manualmente. Alm disso, ao trabalharcom vrios documentos no Animate, uma prtica comum copiar o contedo em documentos comoCamadas ou ativos na Biblioteca. Apesar de a maioria dos recursos do Animate serem compatveis, algunstipos de contedo so modificados para acomodar melhor o formato WebGL.

O Animate contm vrios recursos poderosos que ajudam a produzir contedos visualmente ricos. Contudo,considerando que alguns desses recursos so nativos do Animate, eles no sero suportados em umdocumento WebGL. O Animate foi projetado para modificar esse contedo para um formato suportado eindicar visualmente quando uma ferramenta ou um recurso no for suportado.

contedo (camadas ou smbolos da biblioteca) de um tipo de documento do Animate tradicional(como ActionScript 3.0, AIR para Android, AIR para desktop, e assim por diante) em um documento WebGL.Neste caso, um tipo de contedo no suportado removido ou convertido para padres suportados.Por exemplo, copiar animao 3D remover todas as transformaes 3D aplicadas a objetos no palco.

um arquivo PSD ou AI que contenha contedo no suportado. Neste caso, o contedo removidoou convertido para padres suportados.Por exemplo, importe um arquivo PSD com efeitos de desfoque aplicados. O Animate remove o efeito.

35

Ao trabalhar

Scripts

O contedo removido

Filtros

O contedo modificado para um valor padro

O Gradiente radial

com vrios tipos de documento (por exemplo, ActionScript 3.0 e WebGL) simultaneamente,voc alterna documentos com uma ferramenta ou opo no suportada selecionada. Neste caso, o AnimateCC indica visualmente que o recurso no compatvel.Por exemplo, voc criou uma linha pontilhada em um documento ActionScript 3.0 e alterna para WebGL coma ferramenta Linha ainda selecionada. Observe o ponteiro e o Inspetor de propriedades, pois elesindicam visualmente que a linha pontilhada no suportada dentro da WebGL.

Voc pode escrever um cdigo Javascript no painel de Aes, o qual ser executado depois que osparticipantes entrarem no quadro. A varivel "this" no contexto dos scripts de quadro refere-se instncia doMovieClip qual ela pertence. Alm disso, scripts de quadro podem acessar as funes do Javascript e asvariveis declaradas no arquivo recipiente HTML. Ao copiar um quadro ou camada de um documentoActionScript e col-lo em um documento WebGL, os scripts, caso haja algum, recebero comentrios.

Alteraes aplicadas ao contedo aps a migrao

Estes so os tipos de alteraes que so aplicadas quando voc migra contedo de legado a um documentoWebGL.

Os tipos de contedo que no so suportados em HTML5 Canvas so removidos.Por exemplo:

no so suportados. O efeito ser removido e a forma passar a ter um preenchimentoslido.

O efeito de filtro de Desfoque removido e substitudo pelo Preenchimento slido.

O tipo de contedo ou recurso suportado, mas umapropriedade do recurso, no. Por exemplo:

modificado para ter preenchimento slido usando a cor principal.

36

Para o incio

O Gradiente radial modificado para ter preenchimento slido usando a cor principal.

Para obter a lista completa de recursos que no so suportados e seus valores de emergncia durante amigrao, consulte este artigo.

Melhoria da renderizao com a cache de bitmap

O cache de bitmap em tempo de execuo permite otimizar o desempenho da interpretao, especificandose o clipe do filme esttico (por exemplo, uma imagem de plano de fundo) ou smbolo de boto deve serarmazenado em cache como um bitmap em tempo de execuo. Por padro, itens de vetor soredesenhados em cada quadro. Armazenar em cache um clipe de filme ou um smbolo de boto como umbitmap impede que o navegador precise redesenhar o item continuamente, pois a imagem ser um bitmap esua posio no mudar. Isso oferece uma melhora significativa no desempenho da interpretao docontedo WebGL.

Por exemplo, quando voc criar uma animao com um fundo complexo, crie um clipe filme que contenhatodos os itens que fazem parte do fundo. Ento, selecione "Cache como bitmap" para o clipe de filme defundo no inspetor de Propriedade. Durante a reproduo, o plano de fundo renderizado como um bitmaparmazenado na profundidade de tela atual. O navegador desenha o bitmap no Palco rapidamente e somenteuma vez, permitindo que a animao seja reproduzida com maior velocidade e com mais fluidez.

O cache de bitmap permite utilizar um clipe de filme e congelar automaticamente em um certo local. Se umaregio for alterada, o cache do bitmap ser atualizado vetorialmente. Este processo minimiza o nmero dedesenhos que o navegador precisa fazer vrias fazer e oferece um desempenho de interpretao maisrpido e sem problemas.

Para habilitar Cache como Bitmap da forma adequada, selecione a instncia do clipe de filme e selecioneCache como Bitmap da lista suspensa Interpretao no Inspetor de propriedades (Janela > Propriedades).

37



Consideraes ao usar o Cache como Bitmap

Ao usar a propriedade Cache como Bitmap no contedo WebGL, leve em considerao:

O tamanho mximo do smbolo do clipe de filme limitado a 2048x2048. Observe que oslimites reais da instncia do clipe de filme que podem ser armazenados so menores doque 2048x2048, o WebGL utiliza alguns pixels.Se existir mais espao do que uma instncia no mesmo clipe de vdeo, o Animate gera ocache com o tamanho da primeira instncia encontrada. No entanto, o cache no gerado novamente e a propriedade Cache como Bitmap no ignorada, mesmo que atransformao do clipe de filme mude para uma extenso maior. E, consequentemente,se um smbolo do clipe de filme escalado durante o curso da animao, ela poderficar granulada.

38


Como compactar aplicativos para o AIR para iOS

Observao:

Para o incio

Para o incio

Suporte para AIR 17.0 e Flash Player 17.0Implantar aplicativos AIR diretamente e dispositivos iOSTeste e depurao de aplicativos AIR usando o simulador do iOS nativoPublicao de aplicativos AIR para dispositivos com suporte a Retina Display de altaresoluoTeste e depurao usando o Modo intrprete.Teste e depurao no iOS via USBConectividade de vrios dispositivos via USBAdio de cones xxhdpi (144x144)Soluo de problemas

O Animate CC inclui suporte publicao de aplicativos do AIR for iOS. Os aplicativos AIR for iOS podemexecutar no iPhone e no iPad da Apple. Quando voc publica para iOS, o Animate converte seus arquivosFLA em aplicativos nativos do iPhone.

Para obter informaes sobre requisitos de software e hardware para aplicativos AIR mveis e paradesktops, consulte Requisitos de sistema AIR.

Para obter instrues detalhadas sobre como compactar aplicativos do para o iPhone, consulte Criandoaplicativos Adobe AIR com o Packager for iPhone.

O Animate permite que voc adicione o caminho ao SDK do iOS apenas quando o aplicativoAIR incluir um arquivo ANE. V para Arquivo > Configuraes do ActionScript > Caminho da biblioteca paraincluir um arquivo ANE.

Suporte para AIR 17.0 e Flash Player 17.0

O AIR 17.0 para iOS permite gerar binrios de 64 bits em conjunto com binrios padro de 32 bits dos seusaplicativos, de modo a cumprir com as exigncias da Apple para aplicativos iOS. Com a atualizao do AIR17.0 para iOS, a opo Ativar empacotamento mais rpido , localizada na guia Implantao da caixa dedilogo Configuraes do AIR para iOS, ativada por padro.

Implantar aplicativos AIR diretamente e dispositivos iOS

Uma importante alterao no fluxo de trabalho de implantao do aplicativo AIR permite que voc implanteaplicativos AIR diretamente em dispositivos iOS. Antes, para implantar aplicativos em dispositivos iOS, eranecessrio invocar aplicativos AIR do iTunes.

Entretanto, com a atualizao do Animate, voc pode implantar aplicativos AIR diretamente no iOS,ignorando o uso do iTunes. Esse recurso reduz o tempo necessrio para publicar um aplicativo AIR for iOS emelhora a produtividade e o desempenho de maneira significativa.

Observao: necessrio instalar o iTunes na mquina na qual o Animate est instalado.

Para permitir a implantao direta em um dispositivo iOS, faa o seguinte:

1. Certifique-se de que o iTunes esteja instalado na mquina em que o Animate estinstalado.

39

http://www.adobe.com/br/products/air/systemreqs/http://www.adobe.com/go/learn_cs5_iPhone_brhttp://www.adobe.com/go/learn_cs5_iPhone_br

Para o incio

Observao:

2. No painel Propriedades do Animate, clique no boto ao lado do menu suspensoDestino para selecionar a caixa de dilogo AIR para Configuraes do iOS.

3. Na guia Implantao, selecione a opo Instalar aplicativo no dispositivo iOS conectado.

4. Clique em Publicar.

Teste e depurao de aplicativos AIR usando o simulador do iOSnativo

O Animate pode ser integrado ao Apple Xcode para permitir que o simulador do iOS nativo teste e depureaplicativos AIR criados para iOS. O simulador do iOS extremamente til quando voc no tem acesso aosdispositivos em si (iPhone ou iPad). Com o simulador do iOS nativo, tambm possvel testar e depuraraplicativos AIR em diversos dispositivos (iPhone e iPad). Entretanto, o simulador do iOS pode ser integradoao Flash CS6 executado somente em sistemas Macintosh.

Para usar o simulador do iOS, o Animate exige que voc baixe e instale o Xcode. Para obter maisinformaes, consulte Configurao do Xcode para suporte ao simulador do iOS.

Fazer o download e instalar a verso mais recente do AIR para utilizar osimulador iOS.Desde o SDK verso 16 (atualizao do CC 2014.2), o Animate CC instala e inicia oaplicativo iOS no simulador IOS.

Configurao do Xcode para suporte ao simulador do iOS

1. Baixe e instale o Xcode de http://developer.apple.com ou faa o download pela AppStore da Mac.

2. Inicie o Animate.3. Crie ou abra um documento AIR for iOS existente.4. No painel Propriedades, configure o Reprodutor de destino para a verso mais recente

do AIR.

5. Clique no boto ao lado do menu suspenso Destino para abrir a caixa dilogoConfiguraes do AIR para iOS.

40

http://developer.apple.com/

6. Na guia Geral, fornea o caminho totalmente qualificado do SDK do simulador do iOSmanualmente ou navegue at o local. Por exemplo:

Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimula

7. Na aba Implantao, fornea o Certificado e a Senha. Como opo, fornea o Perfil deprovisionamento do aplicativo AIR.

8. Clique em OK para concluir.

Agora, voc pode usar o simulador do iOS para testar ou depurar seu aplicativo. Para obter maisinformaes, consulte Teste de aplicativos AIR usando o simulador do iOS nativo e Depurao de aplicativosAIR usando o simulador do iOS nativo.

Teste de aplicativos AIR usando o simulador do iOS nativo

Certifique-se de configurar o Xcod e definir o caminho para o SDK do iPhone antes de testar seu aplicativo.

1. No Animate, selecione Controlar > Testar filme > no simulador do iOS para exibir osimulador do iOS. Entretanto, se voc no configurou o caminho do SDK do simuladordo iOS na caixa de dilogo AIR para Configuraes do iOS, ser exibido um erroindicando esse fato.

2. Navegue at seu aplicativo no simulador do iOS e clique para inici-lo.

Depurar aplicativos AIR usando o simulador do iOS nativo

Certifique-se de configurar o Xcod e definir o caminho para o SDK do iPhone antes de depurar seuaplicativo.

1. No Animate, selecione Depurar > Depurar filme > no simulador do iOS para exibir osimulador do iOS. Entretanto, se voc no configurou o caminho do SDK do simulador

41

Para o incio

Para o incio

do iOS na caixa de dilogo AIR para Configuraes do iOS, ser exibido um erroindicando esse fato.

2. No Animate, escolha Depurar > Iniciar sesso de depurao remota > ActionScript 3.0.3. Navegue at seu aplicativo no simulador do iOS e clique para inici-lo.

Publicao de aplicativos AIR para dispositivos com suporte aRetina Display de alta resoluo

O Animate permite que voc crie aplicativos AIR avanados para iOS com um suporte estendido para oRetina Display de alta resoluo. Voc pode optar por selecionar o Retina Display de alta resoluo aopublicar aplicativos AIR.

1. No Animate, crie ou abra um documento existente do AIR para iOS.

2. No painel Propriedades, clique no boto ao lado do menu suspenso Destino paraselecionar a caixa de dilogo Configuraes do AIR for iOS.

3. Na guia Geral, defina a Resoluo como Alta.


Teste e depurao usando o Modo intrprete.

O Modo intrprete permite que voc depure ou teste rapidamente seus aplicativos AIR criados para iOS.Quando o Modo intrprete selecionado, os aplicativos AIR so instalados sem converso para o cdigoARM.

Para ativar o Modo intrprete, faa o seguinte:


2. Na guia Implantao, selecione Teste de dispositivo no Modo intrprete ou Depuraode dispositivo no Modo intrprete na opo do tipo de implantao do iOS.

3. Clique em OK para concluir.

42

Observao:

Observao:

Para o incio

Para o incio

Para o incio

Para o incio

possvel empacotar e carregar vrios SWF que contenham cdigo de bytes do ActionScript,usando os modos Intrprete e AOT (Ahead of Time). Para obter mais informaes, consulte este blog.

O Modo intrprete deve ser utilizado somente para testes ou depurao. Os arquivos deinstalao do AIR produzidos pelo Modo intrprete podem ser enviados para a Mac App Store.

Teste e depurao no iOS via USB

Voc pode testar e depurar aplicativos em dispositivos iOS conectados atravs de USB. Isso adiciona afuncionalidade de teste e depurao remota via wi-fi disponvel no Animate CC. No entanto, ao conectardispositivos via USB os fluxos de trabalho de teste e depurao so simplificados pela reduo do nmerode etapas manuais e, de fato, acelerando os processos de teste e depurao.

Para permitir o teste ou a depurao via USB, siga uma das etapas a seguir:

(Para depurar) Selecione Depurar > Depurar filme > no Dispositivo via USB.(Para testar) Selecione Controle >Testar filme > no Dispositivo via USB.

Conectividade de vrios dispositivos via USB

Agora, o Animate suporta testes de aplicativos em vrios dispositivos simultaneamente. Voc pode seconectar e testar vrios dispositivos atravs do USB.

Voc pode aproveitar esse recurso para testar implantando em vrios dispositivos com vrios tamanhos detela, verses de sistema operacional e configuraes de hardware simultaneamente. Isso permite que vocanalise o desempenho de seu aplicativo no espectro de dispositivos de uma s vez.


2. Na aba Implantao, uma lista de todos os dispositivos conectados exibida. Selecioneos dispositivos nos quais voc deseja publicar o aplicativo.


Adio de cones xxhdpi (144x144)

Voc pode adicionar manualmente cones xxhdpi para um aplicativo AIR. Basta usar o arquivo app-descriptor.xml. O Animate CC permite adicionar cones xhdpi (96 x 96) com a caixa de dilogo do ManageAIR SDK. Porm, se desejar adicionar cones com melhor resoluo, possvel adicion-los manualmenteno arquivo app-descriptor.xml para o seu aplicativo AIR. Basta usar a seguinte tag:

{Location of png}/[icon_name-144x144].png

Para obter mais informaes sobre o arquivo app-descriptor.xml, consulte este artigo de ajuda.

Soluo de problemas

A publicao de um aplicativo AIR for iOS falha, se o nome do arquivo especificado forFLA ou o SWF contenha caracteres de bytes duplos.Ao publicar um aplicativo AIR for iOS, o Animate trava se o dispositivo estiver desligado.

43

http://blogs.adobe.com/airodynamics/2012/11/09/packaging-and-loading-multiple-swfs-in-air-apps-on-ios/http://help.adobe.com/pt_BR/air/build/WS5b3ccc516d4fbf351e63e3d118666ade46-7ff1.html



44


Publicao de AIR para aplicativos Android

Observao:

Para o incio

Criar um arquivo Adobe AIR para AndroidVisualizar ou publicar um aplicativo AIR para AndroidCriao de aplicativos do AIR for AndroidConfiguraes de idiomas

O Animate CC permite que voc publique contedo para o Adobe AIR para Android.

Este artigo descreve como configurar as definies de publicao do AIR for Android no Animate. Para obterinformaes completas sobre o desenvolvimento de aplicativos do Adobe AIR, consulte Criao deaplicativos do Adobe AIR.

Para obter informaes sobre requisitos de software e hardware para aplicativos AIR mveis e paradesktops, consulte Requisitos do sistema AIR.

Para ver a documentao completa do desenvolvedor do AIR, consulte a Referncia do Adobe AIR.

Vdeos e tutoriais

Os tutoriais em vdeo a seguir descrevem como criar aplicativos do AIR for Android no Animate:

Vdeo: AIR for Android - Parte 1: Configurao do ambiente de desenvolvimento(GotoAndLearn.com, 18:49)

Vdeo: AIR for Android - Parte 2: Acesso cmara em um dispositivo Android(GotoAndLearn.com, 13:35)

Vdeo: Acelerao de GPU no AIR for Android (GotoAndLearn.com, 15:55)

Blog/Vdeo: One Application, Five Screens (Christian Cantrell, Adobe blogs)

Artigo: Developing a Mobile Application with Animate (John Hattan, gamedev.net)

(Apenas para AIR 3.7) Empacotamento de aplicativos com apenas um runtime cativo(Android)

Com o AIR 3.7, o empacotamento dos aplicativos AIR para Android em qualquer destino incorporar oruntime do AIR. Isto dever aprimorar a experincia de usurio, pois no haveria necessidade de fazer odownload do runtime do AIR separadamente. No entanto, uma consequncia disso seria que haveria umaumento no tamanho do aplicativo de aproximadamente 9MB.

O Animate avisa se um aplicativo do AIR for Android foi empacotado usando a opo Tempo de execuocompartilhado.

Criar um arquivo Adobe AIR para Android

No Animate, voc pode criar documentos do Adobe AIR for Android, usando Arquivo > Novo comando.Tambm possvel criar um arquivo FLA do ActionScript 3.0 e convert-lo em um arquivo do AIR forAndroid usando a caixa de dilogo Configuraes de Publicao.

Para criar um arquivo AIR for Android, execute um dos procedimentos a seguir:

45

http://help.adobe.com/pt_BR/air/build/index.htmlhttp://help.adobe.com/pt_BR/air/build/index.htmlhttp://www.adobe.com/products/air/systemreqs/http://help.adobe.com/pt_BR/air/build/index.htmlhttp://www.gotoandlearn.com/play.php?id=123http://www.gotoandlearn.com/play.php?id=124http://www.gotoandlearn.com/play.php?id=132http://blogs.adobe.com/cantrell/archives/2010/04/one_application_five_screens.htmlhttp://www.gamedev.net/page/resources/_/reference/programming/game-programming/300/developing-a-mobile-application-with-flash-r2797

Para o incio

Para o incio

Escolha AIR para Android na tela de boas-vindas ou na caixa de dilogo NovoDocumento (Arquivo > Novo).

Abra um arquivo FLA existente e converta-o num arquivo do AIR for Android. SelecioneAIR for Android no menu Destino, na caixa de dilogo Configuraes de publicao(Arquivo > Configuraes de publicao).

Visualizar ou publicar um aplicativo AIR para Android

Voc pode visualizar um arquivo SWF AIR for Android do Animate quando ele for exibido na janela doaplicativo do AIR. A visualizao til quando voc quiser ver quais so os aspectos visveis da aparnciado aplicativo sem compact-lo e instal-lo.

1. Verifique se voc definiu a configurao do Destino na caixa de dilogo Configuraesde publicao para o AIR para o Android.

2. Selecione Controlar > Testar filme > Testar ou pressione Ctrl + Enter.

Se voc no tiver definido as configuraes do aplicativo usando a caixa de dilogo Configuraes doAplicativo e do Instalador, o Animate ir gerar um arquivo descritor de aplicativo padro (swfname-app.xml)para voc. O Animate cria o arquivo na mesma pasta em que o arquivo SWF foi gravado. Se voc definir asconfiguraes de aplicativo utilizando a caixa de dilogo Configuraes do aplicativo e do instalador, oarquivo de descrio do aplicativo ir refleti-las.

Para publicar um arquivo AIR para Android, execute um dos procedimentos a seguir:

Clique no boto Publicar na caixa de dilogo Configuraes de publicao.

Clique no boto Publicar na caixa de dilogo Configuraes do AIR for Android.

Selecione Arquivo > Publicar.

Selecione Arquivo > Publicar visualizao.

Ao publicar um arquivo do AIR, o Animate cria um arquivo SWF e um arquivo descritor de aplicativo XML.Em seguida, o Animate cria pacotes com cpias de ambos, juntamente com outros arquivos que vocadicionou no seu aplicativo, para um arquivo de instalador do AIR (swfname.apk).

Criao de aplicativos do AIR for Android

Aps concluir o desenvolvimento de seu aplicativo, especifique as configuraes dos arquivos de descrio edo instalador do aplicativo do AIR for Android necessrios para implant-lo. O Animate cria os arquivos dedescrio e do instalador juntamente com o arquivo SWF quando um arquivo AIR para Android publicado.

Especifique as configuraes desses arquivos na caixa de dilogo AIR para Android - Configuraes doaplicativo e do instalador. Depois de criar um arquivo do AIR for Android, essa caixa de dilogo pode seraberta do Inspetor de Propriedades do documento. Tambm possvel acess-la no menu Player,pressionando o boto Configuraes na aba do Animate da caixa de dilogo Configuraes de Publicao.

Ciar arquivo do aplicativo Adobe AIR

1. No Animate, abra o arquivo FLA ou o conjunto de arquivos que compe seu aplicativo doAdobe AIR.

2. Salve o arquivo FLA do AIR para Android antes de abrir a caixa de dilogoConfiguraes do aplicativo e do instalador do AIR.

3. Selecione Arquivo > Configuraes do AIR for Android.

46

Observao:

Arquivo de sada

Nome do aplicativo

ID do aplicativo

Verso

Rtulo da verso

Propores

Tela cheia

Orientao automtica

Modo de renderizao

4. Preencha a caixa de dilogo Configuraes do aplicativo e do instalador do AIR paraAndroid e clique em Publicar.

Ao clicar no boto Publicar, os seguintes arquivos so empacotados:

O arquivo SWF

O arquivo descritor do aplicativo

Os arquivos de cones do aplicativo

Os arquivos listados na caixa de texto Arquivos Includos

A publicao de um aplicativo AIR for Android falha, se o nome doarquivo especificado para o FLA ou o SWF contenha caracteres de byte duplo.

A caixa de dilogo Configuraes do Aplicativo e do Instalador do AIR for Android dividida em trs abas:Geral, Implantao e cones e Permisses.

Configuraes gerais

A aba Geral da caixa de dilogo Configuraes do aplicativo e do instalador do AIR para Android contm asseguintes opes:

O nome e o local do arquivo AIR a serem criados ao usar o comando Publicar. Aextenso do nome do arquivo gerado APK.

O nome usado pelo instalador do aplicativo do AIR para gerar o nome de arquivo e apasta do aplicativo. O nome deve conter apenas caracteres vlidos para nomes de arquivos ou de pastas. Opadro o nome do arquivo SWF.

Identifica o aplicativo com uma ID exclusiva. Voc pode alterar a ID padro se preferir. Nouse espaos nem caracteres especiais na ID. Os nicos caracteres vlidos so 0-9, a-z, A-Z, e . (ponto),com o comprimento de 1 a 212 caracteres. O padro com.adobe.example.applicationName.

Opcional. Especifica o nmero da verso do aplicativo. O padro 1.0.

Opcional. Uma sequncia de caracteres para descrever a verso.

Permite selecionar a orientao Retrato, Paisagem ou Automtica para o aplicativo. QuandoAutomtica selecionado com a orientao Automtica, o aplicativo ativado no dispositivo emconformidade com a orientao atual.

Define o aplicativo para ser executado no modo de tela cheia. Por padro, essa configuraono selecionada.

Permite que o aplicativo alterne entre modo retrato para paisagem, dependendo daorientao atual do dispositivo. Por padro, essa configurao no selecionada.

Permite que voc especifique qual mtodo o tempo de execuo do AIR usa pararenderizar o contedo grfico. As opes incluem:

Automtico - detecta automaticamente e usa o mtodo de renderizao mais rpidodisponvel no dispositivo.CPU - Usa o CPU.GPU - Usa o GPU. Se no houver GPU disponvel, o CPU usado.

47

Arquivos inclusos

Certificado

Direto - Renderiza utilizando Stage3D. Este o mtodo de renderizao mais rpidodisponvel.

Para uma lista de processadores que no suportam o modo Direto, acesse chipsets e drivers que nosuportam Stage3D | Flash Player 11, AIR 3.

Processador: permite que voc selecione o tipo de dispositivos para o qual voc est publicando oaplicativo. Os tipos de processador compatveis so ARM e Intel x86. Compatvel com processadores x86desde a verso Animate CC 2014.1.

Especifica os arquivos e as pastas adicionais a incluir no pacote do seu aplicativo.Clique no boto de adio (+) para adicionar arquivos e no boto de pasta para adicionar pastas. Paraexcluir um arquivo ou pasta da lista, selecione o arquivo ou a pasta e clique no boto de subtrao (-).Por padro, o arquivo de descrio do aplicativo e o arquivo SWF principal so adicionados automaticamente lista de pacotes. A lista de pacotes mostra esses arquivos mesmo se voc ainda no tiver publicado oarquivo FLA do Adobe AIR. A lista de pacotes exibe os arquivos e pastas em uma estrutura simples. Osarquivos em uma pasta no so listados, e os caminhos completos para os arquivos so exibidos, mastruncados se necessrio.Se voc adicionou qualquer arquivo de extenso nativa do AIR ao caminhod a biblioteca ActionScript, estesarquivos tambm aparecem nessa lista.Os arquivos de cone no so includos na lista. Quando o Animate compacta os arquivos, ele copia osarquivos de cone para uma pasta temporria que relativa ao local do arquivo SWF. O Animate exclui apasta depois que a compactao for concluda.

Configuraes de implantao

A aba Implantao da caixa de dilogo Configuraes do Aplicativo e do Instalador do AIR for Androidpermite especificar as seguintes configuraes.

O certificado digital do aplicativo. possvel navegar at um certificado ou criar um novo. Parainformaes sobre a criao de um certificado digital, consulte Assinando seu aplicativo. Observe que oscertificados para os aplicativos Android devem ter um perodo de validade definido para ao menos 25 anos.

48

http://kb2.adobe.com/br/cps/921/cpsid_92103.htmlhttp://kb2.adobe.com/br/cps/921/cpsid_92103.html

Senha

Tipo de implantao

Tempo de execuo do AIR

Publicar depois

Para o incio

A senha para o certificado digital selecionado.

Especifica o tipo de pacote a ser criado.A configurao Verso do dispositivo permite criar pacotes para o mercado ou qualqueroutro meio de distribuio, tal como um site.A configurao Verso do emulador permite criar pacotes de depurao no Simulador deDispositivo Mvel.A configurao Depurar permite realizar a depurao no dispositivo, incluindo aconfigurao de pontos de interrupo no Animate e depurar remotamente o aplicativoem execuo no dispositivo Android. Voc tambm pode escolher qual interface netwirk eendereo de IP usar para sesses de depurao.

Especifica como o aplicativo deve se comportar em dispositivos que aindano tenham o tempo de execuo do AIR instalado.

Tempo de execuo do AIR incorporado com aplicativo adiciona o tempo deexecuo ao pacote de instalao do aplicativo, para que nenhum download adicionalseja necessrio. Isso aumenta significativamente o tamanho de seu pacote de aplicativo.Obter tempo de execuo do AIR de faz com que o instalador faa o download dotempo de execuo da Google Playstore ou da Amazon Appstore.

Permite especificar se o aplicativo ser instalado num dispositivo Androi conectadoatualmente e se o aplicativo ser ativado imediatamente aps a instalao.

Configuraes de cones

A aba cones da caixa de dilogo Configuraes do aplicativo e do instalador do AIR para Android permiteespecificar um cone para o aplicativo Android. O cone mostrado depois que voc instala o aplicativo e oexecuta no tempo de execuo do AIR para Android. Voc pode especificar trs tamanhos diferentes decone (36, 48, 72 e 96 pixels) para permitir diferentes exibies nas quais os cones so exibidos. Os conesque voc escolhe para o Android no tm que aderir estritamente a esses tamanhos.

Para especificar um cone, clique no tamanho do cone na aba cones e, em seguida, navegue at o arquivoa ser usado para o tamanho. Os arquivos devem estar no formato PNG (Portable Network Graphics).

Se voc no fornecer uma imagem para um tamanho de cone especfico, o Adobe AIR escala uma dasimagens fornecidas para criar a imagem do cone que est faltando.

Configuraes de Permisses

A aba Permisses permite especificar quais servios e dados o aplicativo dever acessar no dispositivo.

Para aplicar uma permisso, marque-a na caixa de seleo.

Para ver a descrio de uma permisso, clique no nome da permisso. A descrioaparece abaixo da lista de permisses.

Para gerenciar as permisses manualmente, em vez de usar a caixa de dilogo,seleciote Gerenciar permisses manualmente e registrar as adies no arquivo descritordo aplicativo.

Configuraes de idiomas

O painel de Idiomas permite que voc selecione os idiomas que voc gostaria que sejam associados ao

49



armazenamento do aplicativo ou ao marketplace. Ao selecionar um idioma, voc permite que usurios dosistema operacional Android neste idioma faam o download de seu aplicativo. Esatas configuraes deidioma no fazem mais nada para localizar a interface de usurio do aplicativo.

Se nenhum idioma for selecionado, o aplicativo publicado com suporte para todos os idiomas. Isso evitaque voc precise selecionar todos os idiomas. Os idiomas listados so aqueles suportados pelo Adobe AIR.Android pode suportar outros idiomas.

50


Publicao no Adobe AIR para desktop

Para o incio

Para o incio

Sobre o Adobe AIRCriar um arquivo Adobe AIRVisualizar ou publicar um aplicativo do Adobe AIRCriao de arquivos do aplicativo do AIR e do instaladorAssinatura do aplicativoAdicionar ou remover uma verso do AIR SDK

Sobre o Adobe AIR

O Adobe AIR um tempo de execuo entre vrios sistemas operacionais que permite potencializar suashabilidades de desenvolvimento para Web existentes (Adobe Animate , Adobe Flex, AdobeFlashBuilder, HTML, JavaScript e Ajax) para criar e implantar Aplicaes avanadas para internet (RIAs) narea de trabalho. O AIR permite trabalhar em ambientes familiares, potencializar as ferramentas eabordagens que voc considera mais confortveis. A compatibilidade com Animate, Flex, HTML, JavaScript eAjax ajuda a criar a melhor experincia possvel que atenda a suas necessidades.

Usurios interagem com aplicativos do AIR da mesma forma que interagem com aplicativos nativos da reade trabalho. O tempo de execuo instalado uma vez no computador do usurio e, em seguida, osaplicativos AIR so instalados e executados exatamente como qualquer outro aplicativo da rea de trabalho.O tempo de execuo oferece uma plataforma cruzada de sistema operacional e estrutura para implantaode aplicativos e, portanto, elimina os testes entre navegadores, assegurando funcionalidade e interaesconsistentes entre reas de trabalho. Em vez de desenvolver para um sistema operacional especfico, vocdireciona o tempo de execuo.

O AIR altera significativamente o modo como os aplicativos podem ser criados, implantados eexperimentados. Voc obtm mais controle criativo e pode estender os aplicativos baseados em Animate,Flex, HTML e Ajax para a rea de trabalho, sem ter que aprender as tecnologias tradicionais dedesenvolvimento para rea de trabalho.

Para obter informaes sobre requisitos de software e hardware para aplicativos AIR mveis e paradesktops, consulte Requisitos do sistema AIR.

Para obter informaes completas sobre o desenvolvimento de aplicativos do Adobe AIR, consulte Criaode aplicativos do Adobe AIR.

Criar um arquivo Adobe AIR

Voc pode criar documentos do Adobe AIR Animate usando a tela de boas-vindas do Animate ou ocomando Arquivo > Novo, ou criar um Arquivo Animate do ActionScript 3.0 e convert-lo em um arquivoAdobe AIR por meio da caixa de dilogo Configuraes de publicao.

Para criar um arquivo do Adobe AIR, execute um dos procedimentos a seguir:

Inicie o Animate. A tela de boas-vindas exibida. Se j tiver iniciado o Animate, fechequaisquer documentos abertos e volte para a tela de boas-vindas. Na tela Bem-vindo,selecione Adobe AIR 2 (CS5) or AIR (CS5.5).

Observao: se voc desabilitou a tela de boas-vindas do Animate, poder exibi-lanovamente selecionando Editar > Preferncias e marcando Tela de boas-vindas na

51

http://www.adobe.com/products/air/systemreqs/http://help.adobe.com/pt_BR/air/build/index.htmlhttp://help.adobe.com/pt_BR/air/build/index.html

Observao:

Para o incio

Observao:

Para o incio

categoria Geral do menu pop-up Ao iniciar.

Escolha Arquivo > Novo e selecione Adobe AIR 2 (CS5) ou AIR (CS5.5) e clique em OK.

Abra um arquivo do Animate e converta-o em arquivo AIR selecionando Adobe AIR nomenu Player da guia Animate, na caixa de dilogo Configuraes de publicao(Arquivo > Configuraes de publicao).

(Somente Fl

Ajuda e tutoriais - helpx.adobe.com · Continue lendo esse material para obter uma ... Importe os...

Documents

Transcript of Ajuda e tutoriais - helpx.adobe.com · Continue lendo esse material para obter uma ... Importe os...