SlideShare une entreprise Scribd logo
1  sur  24
Télécharger pour lire hors ligne
Illustrator & Flash
             Fluxo de trabalho com Illustrator e Flash
             workshop apresentado na reunião on line do grupo de usuários
             Adobe - Designers do Interior de São Paulo




14/05/2011                            www.flatschart.com
Fábio Flatschart
                        Consultor da Adobe Systems do Brasil

                        Consultor da subárea de Internet da Gerência de
                        Desenvolvimento (GD2) do Senac/SP na produção
                        de eventos, novas parcerias, desenvolvimento e
                        atualização dos produtos e cursos

                        Formado pela Escola de Comunicações e Artes da
                        Universidade de São Paulo (ECA-USP), possui
                        especialização em Criação Visual e Multimídia

                        Autor da Editora Brasport e Editora Senac/SP

                        Professor da UNIFMU




14/05/2011   www.flatschart.com
Illustrator & Flash

             Illustrator


                            vetorial


14/05/2011                 www.flatschart.com   Flash
Plataforma Flash


       FERRAMENTAS           FRAMEWORK          SERVIDORES     SERVIÇOS     CLIENTES




     Flash         Flash        Flex             Flash Media     Flash      Flash Player
  Professional    Catalyst                          Server      Platform
                                                                Services


        Flash Builder                             LiveCycle                    AIR




        Creative Suite                           ColdFusion     Análise &
                                                               Otimização
14/05/2011                             www.flatschart.com
Plataforma Flash
A plataforma Adobe Flash é um conjunto integrado de tecnologias de
programação de aplicativo envolvidas por um ecossistema estabelecido de
programas de suporte, parceiros comerciais e comunidades de usuários
interessados.

Juntas, elas fornecem tudo que é necessário para criar e fornecer aplicativos,
conteúdos e vídeos mais atrativos para a maior audiência possível.




14/05/2011                       www.flatschart.com
Fluxo de trabalho
Fluxo de trabalho ou Workflow é a organização

eficiente e produtiva da seqüência de ações e

etapas do desenvolvimento de um projeto



O momento da produção, publicação e
                                                           Flash
distribuição de conteúdo para múltiplas

plataformas requer a otimização e consolidação
                                                                   Illustrator
do fluxo de trabalho para tecnologias e

dispositivos emergentes buscando atingir o maior

número possíveis de usuários




14/05/2011                                 www.flatschart.com
Exemplo de fluxo de trabalho para produção, publicação e distribuição de
   conteúdo multimídia e multiplataforma




14/05/2011                      www.flatschart.com
design   desenvolvimento         publicação


14/05/2011               www.flatschart.com
aplicações browser
                                              html / swf



                                              aplicações desktop
                                              mac / win / linux




                      code
        arte

                                              aplicações mobile
                                              iOS / android



             design   desenvolvimento          publicação


14/05/2011               www.flatschart.com
aplicações browser
                                                                            html / swf



                      fl                                              air   aplicações desktop
                                                                            mac / win / linux




                                     html + css + js + as3 + outros
                      fc                                              exe

  ai                  dw                                              dmg



                           code
        arte

  ps                  fb                                              ipa   aplicações mobile
                                                                            iOS / android
  id                  fx                                              apk


             design        desenvolvimento                                   publicação


14/05/2011                    www.flatschart.com
Flash & Illustrator : O que a Adobe uniu o homem não separe !




   0
14/05/2011                      www.flatschart.com
Exemplo 1 : Salvar como arquivo SWF usando o comando Exportar ou
   Salvar para Web e dispositivos para criar uma animação




   1
14/05/2011                     www.flatschart.com
Save for web and devices
                                      Illustrator




14/05/2011       www.flatschart.com
Export




14/05/2011   www.flatschart.com
Exemplo 2 : Compartilhar símbolos




   2
14/05/2011                     www.flatschart.com
Symbols
                                     Illustrator




14/05/2011   www.flatschart.com
Symbols
                                       Flash




14/05/2011   www.flatschart.com
Symbols
                                       Flash




14/05/2011   www.flatschart.com
Exemplo 3 : Copiar & Colar




   3
14/05/2011                      www.flatschart.com
Copiar e Colar
                                             Flash




14/05/2011   www.flatschart.com
Referências : Illustrator & Flash




   4
14/05/2011                        www.flatschart.com
Vídeos Illustrator & Flash
Illustrator e Flash
www.adobe.com/go/lrvid4099_xp_br

Símbolos entre o Illustrator e Flash
www.adobe.com/go/vid0198_br

Texto entre o Illustrator e Flash
www.adobe.com/go/vid0199_br

Exportar arquivos SWF a partir do Illustrator
www.adobe.com/go/vid0214_br

Conteúdo mobile no Illustrator
www.adobe.com/go/vid0207_br

14/05/2011                     www.flatschart.com
Livros Flash
Adobe Flash CS5              ActionScript 3.0




14/05/2011        www.flatschart.com
Ficamos em contato !
                                           flatschart.com

                          quadrodosbemois.com.br

                                               @fabioflat

                                  slideshare.net/fabioflat




14/05/2011   www.flatschart.com

Contenu connexe

Tendances

Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4Rodrigo Kono
 
Utilização CMS - WordPress | Criação de um site de um restaurante
Utilização CMS - WordPress | Criação de um site de um restauranteUtilização CMS - WordPress | Criação de um site de um restaurante
Utilização CMS - WordPress | Criação de um site de um restauranteDiogoAlfama
 
Iaca apresentacao
Iaca  apresentacaoIaca  apresentacao
Iaca apresentacaopererecas
 
Desenvolvendo e portando App C# para Android e Iphone
Desenvolvendo e portando App C# para Android e IphoneDesenvolvendo e portando App C# para Android e Iphone
Desenvolvendo e portando App C# para Android e IphoneAlessandro Binhara
 
8 motivos-para-usar-o-yii2
8 motivos-para-usar-o-yii28 motivos-para-usar-o-yii2
8 motivos-para-usar-o-yii2Renato Lucena
 
Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webigorpimentel
 
Desenvolvimento de Aplicações com Visual Studio
Desenvolvimento de Aplicações com Visual StudioDesenvolvimento de Aplicações com Visual Studio
Desenvolvimento de Aplicações com Visual StudioGeovani Ferreira Gonçalves
 

Tendances (12)

Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4
 
Utilização CMS - WordPress | Criação de um site de um restaurante
Utilização CMS - WordPress | Criação de um site de um restauranteUtilização CMS - WordPress | Criação de um site de um restaurante
Utilização CMS - WordPress | Criação de um site de um restaurante
 
Driver Flash para o ISFramework
Driver Flash para o ISFrameworkDriver Flash para o ISFramework
Driver Flash para o ISFramework
 
Iaca apresentacao
Iaca  apresentacaoIaca  apresentacao
Iaca apresentacao
 
Desenvolvendo e portando App C# para Android e Iphone
Desenvolvendo e portando App C# para Android e IphoneDesenvolvendo e portando App C# para Android e Iphone
Desenvolvendo e portando App C# para Android e Iphone
 
Apresentação ISFramework
Apresentação ISFrameworkApresentação ISFramework
Apresentação ISFramework
 
8 motivos-para-usar-o-yii2
8 motivos-para-usar-o-yii28 motivos-para-usar-o-yii2
8 motivos-para-usar-o-yii2
 
Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões web
 
HTML 5 e Open Web Platform
HTML 5 e Open Web PlatformHTML 5 e Open Web Platform
HTML 5 e Open Web Platform
 
PHP versus Java
PHP versus JavaPHP versus Java
PHP versus Java
 
Windows 8
Windows 8Windows 8
Windows 8
 
Desenvolvimento de Aplicações com Visual Studio
Desenvolvimento de Aplicações com Visual StudioDesenvolvimento de Aplicações com Visual Studio
Desenvolvimento de Aplicações com Visual Studio
 

En vedette

Adobe illustrator
Adobe illustratorAdobe illustrator
Adobe illustratoritalorns
 
Adobe illustrator: Galerias de ferramentas
Adobe illustrator: Galerias de ferramentasAdobe illustrator: Galerias de ferramentas
Adobe illustrator: Galerias de ferramentasSara Rangel
 
O FLASH ESTÁ MORTO! PROGRAME EM HTML5
O FLASH ESTÁ MORTO! PROGRAME EM HTML5O FLASH ESTÁ MORTO! PROGRAME EM HTML5
O FLASH ESTÁ MORTO! PROGRAME EM HTML5Renato Melo
 
Criando aplicações em flash para web
Criando aplicações em flash para webCriando aplicações em flash para web
Criando aplicações em flash para webJoão Paulo Radd
 
O Flash no mundo da Animação
O Flash no mundo da AnimaçãoO Flash no mundo da Animação
O Flash no mundo da AnimaçãoLeonardo Pereira
 
Flex 4 para desenvolvedores flash
Flex 4 para desenvolvedores flashFlex 4 para desenvolvedores flash
Flex 4 para desenvolvedores flashIgor Costa
 
Flash Platform + Zend Amf
Flash Platform + Zend AmfFlash Platform + Zend Amf
Flash Platform + Zend AmfMiguel Pinto
 
Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4
Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4
Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4Igor Musardo
 
Web 2.0, web 3.0 e Plataforma Flash
Web 2.0, web 3.0 e Plataforma FlashWeb 2.0, web 3.0 e Plataforma Flash
Web 2.0, web 3.0 e Plataforma FlashAna Laura Gomes
 
Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...
Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...
Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...Coradini Lucas, PMP
 
Dinastia do Flash no Brasil
Dinastia do Flash no BrasilDinastia do Flash no Brasil
Dinastia do Flash no Brasilppgmkt
 
Active Sessions [0] - html5 vs Flash
Active Sessions [0] -  html5 vs FlashActive Sessions [0] -  html5 vs Flash
Active Sessions [0] - html5 vs FlashActive Media
 
Flash & arduino (via Glue API) - (24 Jun 2010)
Flash & arduino (via Glue API) - (24 Jun 2010)Flash & arduino (via Glue API) - (24 Jun 2010)
Flash & arduino (via Glue API) - (24 Jun 2010)Ricardo Castelhano
 
Fim do Flash - Html5 e Java
Fim do Flash - Html5 e JavaFim do Flash - Html5 e Java
Fim do Flash - Html5 e JavaRenato Melo
 
Flash + WordPress = Amantes
Flash + WordPress = AmantesFlash + WordPress = Amantes
Flash + WordPress = AmantesActive Media
 
Aula 7 Flash - Divirta-se criando animações
Aula 7 Flash - Divirta-se criando animaçõesAula 7 Flash - Divirta-se criando animações
Aula 7 Flash - Divirta-se criando animaçõesProjeto Meu Brasil
 
Aula 4 Flash - Divirta-se criando animações
Aula 4 Flash - Divirta-se criando animaçõesAula 4 Flash - Divirta-se criando animações
Aula 4 Flash - Divirta-se criando animaçõesProjeto Meu Brasil
 

En vedette (20)

Adobe illustrator
Adobe illustratorAdobe illustrator
Adobe illustrator
 
Sistemas Workflow
Sistemas WorkflowSistemas Workflow
Sistemas Workflow
 
Adobe illustrator: Galerias de ferramentas
Adobe illustrator: Galerias de ferramentasAdobe illustrator: Galerias de ferramentas
Adobe illustrator: Galerias de ferramentas
 
O FLASH ESTÁ MORTO! PROGRAME EM HTML5
O FLASH ESTÁ MORTO! PROGRAME EM HTML5O FLASH ESTÁ MORTO! PROGRAME EM HTML5
O FLASH ESTÁ MORTO! PROGRAME EM HTML5
 
Criando aplicações em flash para web
Criando aplicações em flash para webCriando aplicações em flash para web
Criando aplicações em flash para web
 
O Flash no mundo da Animação
O Flash no mundo da AnimaçãoO Flash no mundo da Animação
O Flash no mundo da Animação
 
Flex 4 para desenvolvedores flash
Flex 4 para desenvolvedores flashFlex 4 para desenvolvedores flash
Flex 4 para desenvolvedores flash
 
Flash Platform + Zend Amf
Flash Platform + Zend AmfFlash Platform + Zend Amf
Flash Platform + Zend Amf
 
Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4
Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4
Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4
 
Web 2.0, web 3.0 e Plataforma Flash
Web 2.0, web 3.0 e Plataforma FlashWeb 2.0, web 3.0 e Plataforma Flash
Web 2.0, web 3.0 e Plataforma Flash
 
Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...
Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...
Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...
 
Dinastia do Flash no Brasil
Dinastia do Flash no BrasilDinastia do Flash no Brasil
Dinastia do Flash no Brasil
 
Active Sessions [0] - html5 vs Flash
Active Sessions [0] -  html5 vs FlashActive Sessions [0] -  html5 vs Flash
Active Sessions [0] - html5 vs Flash
 
Flash & arduino (via Glue API) - (24 Jun 2010)
Flash & arduino (via Glue API) - (24 Jun 2010)Flash & arduino (via Glue API) - (24 Jun 2010)
Flash & arduino (via Glue API) - (24 Jun 2010)
 
Html
HtmlHtml
Html
 
Fim do Flash - Html5 e Java
Fim do Flash - Html5 e JavaFim do Flash - Html5 e Java
Fim do Flash - Html5 e Java
 
Flash + WordPress = Amantes
Flash + WordPress = AmantesFlash + WordPress = Amantes
Flash + WordPress = Amantes
 
Lingua hebraica 04
Lingua hebraica 04Lingua hebraica 04
Lingua hebraica 04
 
Aula 7 Flash - Divirta-se criando animações
Aula 7 Flash - Divirta-se criando animaçõesAula 7 Flash - Divirta-se criando animações
Aula 7 Flash - Divirta-se criando animações
 
Aula 4 Flash - Divirta-se criando animações
Aula 4 Flash - Divirta-se criando animaçõesAula 4 Flash - Divirta-se criando animações
Aula 4 Flash - Divirta-se criando animações
 

Similaire à Fluxo de trabalho com Illustrator e Flash

Campus Party 2011 html 5
Campus Party 2011 html 5Campus Party 2011 html 5
Campus Party 2011 html 5Danilo Sousa
 
Desenvolvimento Web : HTML5, CSS3 & JavaScript
Desenvolvimento Web : HTML5, CSS3 & JavaScriptDesenvolvimento Web : HTML5, CSS3 & JavaScript
Desenvolvimento Web : HTML5, CSS3 & JavaScriptFábio Flatschart
 
Adobe flash platform bem 2009
 Adobe flash platform bem 2009 Adobe flash platform bem 2009
Adobe flash platform bem 2009FabricioManzi
 
Adobe flash platform fabricio
Adobe flash platform fabricioAdobe flash platform fabricio
Adobe flash platform fabricioFabricioManzi
 
Desenvolvendo aplicações RIA - Marcel Araujo
Desenvolvendo aplicações RIA - Marcel AraujoDesenvolvendo aplicações RIA - Marcel Araujo
Desenvolvendo aplicações RIA - Marcel AraujoTchelinux
 
Tendências da Computação Gráfica
Tendências da Computação GráficaTendências da Computação Gráfica
Tendências da Computação GráficaFábio Flatschart
 
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBHTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBFábio Flatschart
 
Construir Aplicações Silverlight para Windows Phone 7
Construir Aplicações Silverlight para Windows Phone 7Construir Aplicações Silverlight para Windows Phone 7
Construir Aplicações Silverlight para Windows Phone 7Pedro Lamas
 
Asp Net 4 0 Para Iniciantes Cp 2010
Asp Net 4 0 Para Iniciantes   Cp 2010Asp Net 4 0 Para Iniciantes   Cp 2010
Asp Net 4 0 Para Iniciantes Cp 2010Campus Party Brasil
 
T@rget Trust - Formação: Animador Flash
T@rget Trust - Formação: Animador FlashT@rget Trust - Formação: Animador Flash
T@rget Trust - Formação: Animador FlashTargettrust
 
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...Rio Info
 
PALESTRA :: Desenvolvimento para plataforma Android
PALESTRA :: Desenvolvimento para plataforma Android PALESTRA :: Desenvolvimento para plataforma Android
PALESTRA :: Desenvolvimento para plataforma Android Fundação Vanzolini
 

Similaire à Fluxo de trabalho com Illustrator e Flash (20)

Campus Party 2011 html 5
Campus Party 2011 html 5Campus Party 2011 html 5
Campus Party 2011 html 5
 
Mobile, Adobe & Cia
Mobile, Adobe & CiaMobile, Adobe & Cia
Mobile, Adobe & Cia
 
Desenvolvimento Web : HTML5, CSS3 & JavaScript
Desenvolvimento Web : HTML5, CSS3 & JavaScriptDesenvolvimento Web : HTML5, CSS3 & JavaScript
Desenvolvimento Web : HTML5, CSS3 & JavaScript
 
Adobe flash platform bem 2009
 Adobe flash platform bem 2009 Adobe flash platform bem 2009
Adobe flash platform bem 2009
 
Adobe flash platform fabricio
Adobe flash platform fabricioAdobe flash platform fabricio
Adobe flash platform fabricio
 
Mobile & Cia
Mobile & CiaMobile & Cia
Mobile & Cia
 
Desenvolvendo aplicações RIA - Marcel Araujo
Desenvolvendo aplicações RIA - Marcel AraujoDesenvolvendo aplicações RIA - Marcel Araujo
Desenvolvendo aplicações RIA - Marcel Araujo
 
Adobe Flex
Adobe FlexAdobe Flex
Adobe Flex
 
Adobe Flex
Adobe FlexAdobe Flex
Adobe Flex
 
Tendências da Computação Gráfica
Tendências da Computação GráficaTendências da Computação Gráfica
Tendências da Computação Gráfica
 
O que é HTML5
O que é HTML5O que é HTML5
O que é HTML5
 
Ppt Flex Mania
Ppt Flex ManiaPpt Flex Mania
Ppt Flex Mania
 
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBHTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
 
Construir Aplicações Silverlight para Windows Phone 7
Construir Aplicações Silverlight para Windows Phone 7Construir Aplicações Silverlight para Windows Phone 7
Construir Aplicações Silverlight para Windows Phone 7
 
Asp Net 4 0 Para Iniciantes Cp 2010
Asp Net 4 0 Para Iniciantes   Cp 2010Asp Net 4 0 Para Iniciantes   Cp 2010
Asp Net 4 0 Para Iniciantes Cp 2010
 
T@rget Trust - Formação: Animador Flash
T@rget Trust - Formação: Animador FlashT@rget Trust - Formação: Animador Flash
T@rget Trust - Formação: Animador Flash
 
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
 
Alguns conceitos web
Alguns conceitos webAlguns conceitos web
Alguns conceitos web
 
JavaScript além do browser
JavaScript além do browserJavaScript além do browser
JavaScript além do browser
 
PALESTRA :: Desenvolvimento para plataforma Android
PALESTRA :: Desenvolvimento para plataforma Android PALESTRA :: Desenvolvimento para plataforma Android
PALESTRA :: Desenvolvimento para plataforma Android
 

Plus de Fábio Flatschart

HTML5 e CSS3 : Por onde começar no mercado editorial ?
HTML5 e CSS3 : Por onde começar no mercado editorial ?HTML5 e CSS3 : Por onde começar no mercado editorial ?
HTML5 e CSS3 : Por onde começar no mercado editorial ?Fábio Flatschart
 
Direcao de Arte e Open Web Platform
Direcao de Arte e Open Web PlatformDirecao de Arte e Open Web Platform
Direcao de Arte e Open Web PlatformFábio Flatschart
 
Empresas Digitais : Estrategias de Posicionamento
Empresas Digitais : Estrategias de PosicionamentoEmpresas Digitais : Estrategias de Posicionamento
Empresas Digitais : Estrategias de PosicionamentoFábio Flatschart
 
Computação Gráfica : novos profissionais, novas ferramentas e novos mercados
Computação Gráfica : novos profissionais, novas ferramentas e novos mercadosComputação Gráfica : novos profissionais, novas ferramentas e novos mercados
Computação Gráfica : novos profissionais, novas ferramentas e novos mercadosFábio Flatschart
 
Comunicação e Marketing na era da Interatividade
Comunicação e Marketing na era da InteratividadeComunicação e Marketing na era da Interatividade
Comunicação e Marketing na era da InteratividadeFábio Flatschart
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEBFábio Flatschart
 
Trilhas Sonoras & Vídeo Game
Trilhas Sonoras & Vídeo GameTrilhas Sonoras & Vídeo Game
Trilhas Sonoras & Vídeo GameFábio Flatschart
 
3D e virtualidade no Mundo dos Games
3D e virtualidade no Mundo dos Games3D e virtualidade no Mundo dos Games
3D e virtualidade no Mundo dos GamesFábio Flatschart
 

Plus de Fábio Flatschart (20)

Empresas Virtuais
Empresas VirtuaisEmpresas Virtuais
Empresas Virtuais
 
Gestao de Midias Digitais
Gestao de Midias DigitaisGestao de Midias Digitais
Gestao de Midias Digitais
 
HTML5 e CSS3 : Por onde começar no mercado editorial ?
HTML5 e CSS3 : Por onde começar no mercado editorial ?HTML5 e CSS3 : Por onde começar no mercado editorial ?
HTML5 e CSS3 : Por onde começar no mercado editorial ?
 
Tecnologias Digitais
Tecnologias DigitaisTecnologias Digitais
Tecnologias Digitais
 
Direcao de Arte e Open Web Platform
Direcao de Arte e Open Web PlatformDirecao de Arte e Open Web Platform
Direcao de Arte e Open Web Platform
 
Empresas Digitais : Estrategias de Posicionamento
Empresas Digitais : Estrategias de PosicionamentoEmpresas Digitais : Estrategias de Posicionamento
Empresas Digitais : Estrategias de Posicionamento
 
SEO, Semantica e HTML5
SEO, Semantica e HTML5SEO, Semantica e HTML5
SEO, Semantica e HTML5
 
E-consumidor
 E-consumidor E-consumidor
E-consumidor
 
Ebusiness
 Ebusiness Ebusiness
Ebusiness
 
Revolucões
 Revolucões Revolucões
Revolucões
 
Computação Gráfica : novos profissionais, novas ferramentas e novos mercados
Computação Gráfica : novos profissionais, novas ferramentas e novos mercadosComputação Gráfica : novos profissionais, novas ferramentas e novos mercados
Computação Gráfica : novos profissionais, novas ferramentas e novos mercados
 
Games e Interatividade
Games e InteratividadeGames e Interatividade
Games e Interatividade
 
Comunicação e Marketing na era da Interatividade
Comunicação e Marketing na era da InteratividadeComunicação e Marketing na era da Interatividade
Comunicação e Marketing na era da Interatividade
 
Produção Multimídia
Produção MultimídiaProdução Multimídia
Produção Multimídia
 
Trabalhando com Hipertexto
Trabalhando com HipertextoTrabalhando com Hipertexto
Trabalhando com Hipertexto
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEB
 
Entendendo a WEB 2.0
Entendendo a WEB 2.0Entendendo a WEB 2.0
Entendendo a WEB 2.0
 
Trilhas Sonoras & Vídeo Game
Trilhas Sonoras & Vídeo GameTrilhas Sonoras & Vídeo Game
Trilhas Sonoras & Vídeo Game
 
XHTML e CSS
XHTML e CSSXHTML e CSS
XHTML e CSS
 
3D e virtualidade no Mundo dos Games
3D e virtualidade no Mundo dos Games3D e virtualidade no Mundo dos Games
3D e virtualidade no Mundo dos Games
 

Fluxo de trabalho com Illustrator e Flash

  • 1. Illustrator & Flash Fluxo de trabalho com Illustrator e Flash workshop apresentado na reunião on line do grupo de usuários Adobe - Designers do Interior de São Paulo 14/05/2011 www.flatschart.com
  • 2. Fábio Flatschart Consultor da Adobe Systems do Brasil Consultor da subárea de Internet da Gerência de Desenvolvimento (GD2) do Senac/SP na produção de eventos, novas parcerias, desenvolvimento e atualização dos produtos e cursos Formado pela Escola de Comunicações e Artes da Universidade de São Paulo (ECA-USP), possui especialização em Criação Visual e Multimídia Autor da Editora Brasport e Editora Senac/SP Professor da UNIFMU 14/05/2011 www.flatschart.com
  • 3. Illustrator & Flash Illustrator vetorial 14/05/2011 www.flatschart.com Flash
  • 4. Plataforma Flash FERRAMENTAS FRAMEWORK SERVIDORES SERVIÇOS CLIENTES Flash Flash Flex Flash Media Flash Flash Player Professional Catalyst Server Platform Services Flash Builder LiveCycle AIR Creative Suite ColdFusion Análise & Otimização 14/05/2011 www.flatschart.com
  • 5. Plataforma Flash A plataforma Adobe Flash é um conjunto integrado de tecnologias de programação de aplicativo envolvidas por um ecossistema estabelecido de programas de suporte, parceiros comerciais e comunidades de usuários interessados. Juntas, elas fornecem tudo que é necessário para criar e fornecer aplicativos, conteúdos e vídeos mais atrativos para a maior audiência possível. 14/05/2011 www.flatschart.com
  • 6. Fluxo de trabalho Fluxo de trabalho ou Workflow é a organização eficiente e produtiva da seqüência de ações e etapas do desenvolvimento de um projeto O momento da produção, publicação e Flash distribuição de conteúdo para múltiplas plataformas requer a otimização e consolidação Illustrator do fluxo de trabalho para tecnologias e dispositivos emergentes buscando atingir o maior número possíveis de usuários 14/05/2011 www.flatschart.com
  • 7. Exemplo de fluxo de trabalho para produção, publicação e distribuição de conteúdo multimídia e multiplataforma 14/05/2011 www.flatschart.com
  • 8. design desenvolvimento publicação 14/05/2011 www.flatschart.com
  • 9. aplicações browser html / swf aplicações desktop mac / win / linux code arte aplicações mobile iOS / android design desenvolvimento publicação 14/05/2011 www.flatschart.com
  • 10. aplicações browser html / swf fl air aplicações desktop mac / win / linux html + css + js + as3 + outros fc exe ai dw dmg code arte ps fb ipa aplicações mobile iOS / android id fx apk design desenvolvimento publicação 14/05/2011 www.flatschart.com
  • 11. Flash & Illustrator : O que a Adobe uniu o homem não separe ! 0 14/05/2011 www.flatschart.com
  • 12. Exemplo 1 : Salvar como arquivo SWF usando o comando Exportar ou Salvar para Web e dispositivos para criar uma animação 1 14/05/2011 www.flatschart.com
  • 13. Save for web and devices Illustrator 14/05/2011 www.flatschart.com
  • 14. Export 14/05/2011 www.flatschart.com
  • 15. Exemplo 2 : Compartilhar símbolos 2 14/05/2011 www.flatschart.com
  • 16. Symbols Illustrator 14/05/2011 www.flatschart.com
  • 17. Symbols Flash 14/05/2011 www.flatschart.com
  • 18. Symbols Flash 14/05/2011 www.flatschart.com
  • 19. Exemplo 3 : Copiar & Colar 3 14/05/2011 www.flatschart.com
  • 20. Copiar e Colar Flash 14/05/2011 www.flatschart.com
  • 21. Referências : Illustrator & Flash 4 14/05/2011 www.flatschart.com
  • 22. Vídeos Illustrator & Flash Illustrator e Flash www.adobe.com/go/lrvid4099_xp_br Símbolos entre o Illustrator e Flash www.adobe.com/go/vid0198_br Texto entre o Illustrator e Flash www.adobe.com/go/vid0199_br Exportar arquivos SWF a partir do Illustrator www.adobe.com/go/vid0214_br Conteúdo mobile no Illustrator www.adobe.com/go/vid0207_br 14/05/2011 www.flatschart.com
  • 23. Livros Flash Adobe Flash CS5 ActionScript 3.0 14/05/2011 www.flatschart.com
  • 24. Ficamos em contato ! flatschart.com quadrodosbemois.com.br @fabioflat slideshare.net/fabioflat 14/05/2011 www.flatschart.com