Catálogo de cursos dualpixel
dualpixel - treinamentos em soluções Adobe
Criada e dirigida por Felipe Santos, designer e produtor gráfico, a dualpixel conta com mais de 20 anos de atuação, de seu fundador, nas áreas de pré-mídia, editoração e tratamento de imagens. A parceria com a Adobe realizada pelas certificações - Adobe Certified Expert e Adobe Certified Instructor permite o uso de material didático diversificado e conteúdo sempre atualizado nos treinamentos para mídia impressa e digital.
2. Sumário
O QUE FAZEMOS
POR QUE A DUALPIXEL?
CLIENTES E CASES
CURSOS
1. INDESIGN PARA PUBLICAÇÕES DIGITAIS INTERATIVAS
2. IMERSÃO EM DIGITAL PUBLISHING
3. PRODUÇÃO DE EBOOK/EPUB COM INDESIGN, SIGIL E DREAMWEAVER
4. PRODUÇÃO DE EPUB EM LAYOUT FIXO DA APPLE
5. ADOBE EDGE ANIMATE
6. ADOBE MUSE - A WEB SEM CÓDIGO
7. ADOBE MUSE - WEBAPP
3. Apresentação
O que fazemos
O mercado atual busca profissionais multidisciplinares
que possam elaborar desde um simples cartão de
visita até a mais complexa revista. A computação e o
conhecimento de diversas ferramentas são fundamentais
na formação do profissional que deseja atualizar-se
constantemente.
A dualpixel oferece serviços de treinamento,
consultoria e design para profissionais e empresas em
diferentes mídias, entre elas: impressão; web; mobile,
publicações digitais em ePUB e Folio/DPS. Seja na
capacitação técnica ou criação, nossa empresa prioriza o
atendimento personalizado aliado as melhores práticas e
ferramentas existentes no mercado digital.
4. Apresentação
Por que a dualpixel?
Cada vez mais, as empresas precisam de profissionais que saibam
entender seus clientes e acompanhar as mudanças do mercado. O
papel da dualpixel é fazer com que as barreiras do aprendizado
sejam rompidas, de forma que conceitos e técnicas sejam
transmitidos de forma clara e objetiva.
Com mais de 20 anos de experiência no mercado de premídia e
editorial, a dualpixel conta com a parceria do Adobe Systems,
tendo instrutores certificados - Adobe Certified Expert e
Adobe Certified Instructor, além de profissionais gabaritados no
mercado digital.
DEVELOPER
DEVELOPER
5. Clientes e cases
Nos últimos 15 anos, Felipe Santos, já capacitou centenas de profissionais em empresas de pequeno à grande
porte. Alguns destaques:
Jornal OFluminense / Niterói
2010 - esenvolvimento e implantação do fluxo de
D
trabalho com InDesign e InCopy, em todas as
etapas de produção do jornal - diagramação,
edição, revisão e produção.
2003 - Implantação do aplicativo Adobe InDesign, na
redação e departamento de arte, em substituição
ao PageMaker.
Workshop Produção de eBooks no formato EPUB
2011 - Organização de três workshops, em parceria com
a empresa SImplíssimo, sobre a produção de livros,
via InDesign CS5, otimizados para conversão em
EPUB (formato padrão para leitores digitais).
Outras empresas e clientes:
Casa do Cliente (RJ); Gráfica Ano Bom (Barra
Mansa); Jornal do Commercio (RJ); Grupo
CCAA (RJ); Teadit (RJ), Allen Informática (RJ), COI
Clinícas Integradas (RJ), O GLobo (RJ), Prizma
(RJ), Revista Carta Capital (SP), Agência Dlucca
(SP), CPAD - Casa Publicadora da Assembleia de
Deus (RJ), Agência + Interface (RJ), Sociedade
Brasileira de Cardiologia (RJ), Editora Napoleão
(SP), Universidade Federal de Góias (GO),
Supremo Tribunal Federal(DF), Universidade
Federal de Santa Catarina (RJ), Aker Solutions
(Macaé).
7. InDesign
para publicações digitais interativas
Crie conteúdos interativos - Com os recursos de interatividade
seus leitores terão uma experiência nova, podendo tocar, deslizar e
explorar o conteúdo de uma forma inovadora.
Produção contínua - A equipe de criação continua trabalhando
com o InDesign para produção da edição digital da revista.
Módulos adicionais permitem aos designers incluir vídeos, áudios,
bem como, converter uma sequência de fotos em slideshow.
100% InDesign - Toda produção da edição digital acontece no
InDesign sem a utilização de novos softwares, nem a inclusão de
etapas complexas no fluxo de produção.
Plataforma WYSIWYG - O Adobe Digital Publishing Suite utiliza
o padrão WYSIWYG (What You See Is What You Get), ou seja, todo
trabalho é realizado sem a utilização de programação, numa
interface amigável e intuitiva.
8. InDesign
para publicações digitais interativas
Conteúdo
ADOBE DIGITAL PUBLISHING SUITE (DPS) COMO FUNCIONA?
Mas afinal, o que é o arquivo .folio?
Tabela comparativa entre Tablets
Conhecendo o fluxo de trabalho
Recursos disponíveis – Visão Geral
Estrutura do projeto (pastas)
RECURSOS DE
INTERATIVIDADE
Hyperlinks
Buttons
State Objects
Scrollable frames
PAINEL OVERLAY CREATOR
TRABALHANDO O DOCUMENTO NO INDESIGN
Perfil do Documento – web / print
Uso das novas ferramentas do InDesign CS6
Linked Graphic, Liquid Layout, Alternate Layout,
Flexible Columns e entre outras (caso utilize a versão CS6)
Image Sequence
Slide Show
Image Pan
Panorana
Audio
9. InDesign
para publicações digitais interativas
FOLIO PRODUCER
Uso de Metadados para agilizar o preenchimento das
tabelas de informação
Controle da orientação da leitura das páginas.
Você pode definir se as páginas serão passadas no
sentido horizontal ou vertical
Trabalhando com páginas maiores que 1024 x 768px
Aplicar recurso de zoom com o toque nas páginas
Opções de exportação
HTML5 E ANIMAÇÃO
Inclua animação na página
Crie conteúdos a partir de HTML5
Dicas de CSS3
PRODUÇÃO E DISTRIBUIÇÃO DO APP
Passo-a-passo do procedimento
necessário para a construção do App, via
Adobe, e distribuição, via AppleStore.
Inclui a produção de ícones; certificados
da publicação; cadastro das ID’s, entre
outros
12. Interatividade com
InDesign e HTML5 para tablets
O curso
O conteúdo ideal para ex-alunos do Curso InDesign para
Publicações Digitais Interativas e profissionais que já utilizam
o Adobe Digital Publishing Suite aumentarem seu portfolio com
dicas e recursos de interatividade.
Torne-se um profissional ainda mais capacitado neste novo
cenário das publicações digitais.
13. Interatividade com
InDesign e HTML5 para tablets
Conteúdo
DICAS PARA APRIMORAR A COMBINAÇÃO DOS
RECURSOS INTERATIVOS NO INDESIGN:
Opções de Navegação com Digital Publishing Suite.
Inserção PDF, Imagens, arquivo de texto e planilhas
dentro do Folio (como link).
Parallaxing background.
Slideshow em cubo.
Recursos de drag/drop (arrastar e soltar).
Efeito de colorir.
Desenho à mão livre.
Efeitos de Carrossel e slideshow, entre outros recursos.
Efeitos de transformação com javascript.
Widgets do Dreamweaver.
CSS Regions e Exclusions
Dicas de CSS3
SAIBA MAIS:
Veja exemplos neste video (clique).
14. Publicação para App Store:
Apple e Google Play
O curso
O curso permite o entendimento deste novo fluxo de
trabalho utilizando o Adobe Digital Publishing Suite
integrado as app stores da Apple e Android para o
gerenciamento das publicações (arquivos Folio) e
aplicativos.
Apresenta as principais características e particularidades
de cada plataforma de distribuição, além de detalhar o
modelo de negócio da Adobe e como se integra com as
app stores da Apple e Android.
15. Publicação para App Store:
Apple e Google Play
Conteúdo
ADOBE DPS
Digital Publishing Suite x Aplicativos
Tipos de aplicativos existentes.
Modelos de negócio.
Tipos de distribuição - dentro e fora das App Stores.
COMO PUBLICAR NA APPLE APP STORE
Criação dos certificados para apple.
Cadastros para venda e assinatura.
Push Notifications.
Newsstand.
Gerenciamento do app - atualização, metadados, etc.
COMO PUBLICAR NO GOOGLE PLAY
Criação do certificado para Android.
Cadastros para venda.
Gerenciamento do app - atualização,
metadados, etc.
RELATÓRIOS DO DPS
Análise dos relatórios de desempenho da
publicação.
17. Publicação de eBook/ePUB
com InDesign, Sigil e Dreamweaver
Conteúdo
VISÃO GERAL
Entenda o cenário atual do mercado de livros digitais – no
Brasil e no mundo. Onde visualizar, distribuir e vender o
formato ePUB/Mobi/KF8, bem como as principais diferenças
entre os sistemas da Adobe, Apple e Amazon.
Livro digital – um novo produto
Conhecendo os formatos dos eBooks
Por que ePUB?
Dispositivos de leitura – browsers, eReaders e apps
Modelos de negócio
Tipos de DRM
Ferramentas de produção, visualização e testes para ePUB/
Mobi/KF8
Dicas e exemplos
18. Publicação de eBook/ePUB
com InDesign, Sigil e Dreamweaver
NO INDESIGN CC
INTRODUÇÃO AO XHTML E CSS
Aprenda a “ressucitar” um documento do InDesign
para o formato ePUB. Conheça uma seleta lista de
plug-ins e scripts para otimizar seu fluxo de trabalho
e veja o que os novos comandos e recursos do
InDesign CC podem fazer pelos seus eBooks.
Modulo inteiro dedicado ao
entendimento da marcação do
conteúdo em XHTML e sua
correta formatação com folhas de
estilos - CSS.
Novo documento
Principais passos no InDesign - dicas e truques
Formatação por estilos
Como lidar com as fontes
Produção do sumário
Divisão do documento
Elementos gráficos complexos
Texto ao contorno
Hyperlinks
Referências cruzadas
Notas de rodapé
Tabelas
Exportação para ePUB
Relação InDesign x XHTML x CSS
Principais tag´s do XHTML
para ePUB
Formatação dos títulos e tópicos
Uso de fios e elementos gráficos
Controle do espaçamento
Aplicação de cores
Centralização de objetos e tabelas
Usando duas ou mais folhas de
estilo - CSS
19. Publicação de eBook/ePUB
com InDesign, Sigil e Dreamweaver
EDIÇÃO DO EPUB
Após ser apresentado aos padrões da web – XHTML
e CSS – você estará pronto para aprimorar o eBook,
tanto no visual como na estrutura do arquivo. Neste
modulo aprenda a utilizar os principais editores
de XHTML para ePUB – Sigil e Dreamweaver para
melhorar o código e design do arquivo ePUB.
ePUB visto por dentro
Regex – busca avançada, limpeza do código
Edição do XHTML e CSS
Edições no sumário – incluir, remover, renomear, trocar,
marcar, etc
Sumário interno
Divisão do ePUB
Metadados
Índices
Vídeo e Áudio
eBooks no formato ePUB leitura multi plataforma
20. Publicação de eBook/ePUB
com InDesign, Sigil e Dreamweaver
VALIDAÇÃO DO EPUB - FORMATO MOBI/KF8
CONTEÚDO PARA EXPLORAR
Chegamos ao fim de nossa trajetória de aprendizado
sobre eBooks analisando sua estrutura em conformidade
aos padrões do IDPF. Aprenda a validar o formato ePUB e
como converte-lo, de forma profissional, para os formatos
nativos da plataforma Amazon/Kindle – mobi/KF8.
APRESENTAÇÃO DO FORMATO
EPUB3
Validação pelo Sigil
Validação pelo IDPF – online
Validação pelo IDPF – local
Erros comuns na validação
Como lidar com as fontes para evitar erros na validação
Características do formato Mobi
Características do formato KF8
Cuidados na formatação para Amazon/Kindle
Media querie para Mobi/KF8
Introdução ao ePUB3
Leitores e ferramentas disponíveis
Recursos e fluxos de trabalho
Novos desafios e possibilidades
22. Produção de ePUB
em layout fixo da Apple
O curso
ePub de Layout Fixo é uma variação do formato ePUB dedicado
para leitura no aplicativo iBooks, da Apple. Este formato possui
características semelhantes ao PDF, possibilitando um maior
controle dos elementos no layout, melhor suporte ao uso de
fontes embutidas, além de permitir a aplicação de fotos em tela
cheia. O que o torna ideal para publicações com tema infantil,
gastronômico, viagens, entre outros.
Neste curso você irá aprender a construir uma publicação em
Layout Fixo desde o inicio, com dicas de como começar a partir
de arquivos em PDF e InDesign. Aplique recursos interativos
na publicação com os exemplos de video, áudio, animações e
interatividades avançadas demonstradas durante o curso.
23. Produção de ePUB
em layout fixo da Apple
Conteúdo
TRABALHANDO COM
INDESIGN E SIGIL
PRIMEIROS PASSOS
Aprenda a criar um documento
no InDesign preparado para
exportação em ePUB Layout Fixo.
Neste módulo será apresentado
um conjunto de scripts, no InDesign,
para otimizar a produção do arquivo.
Através do Sigil vamos incluir os arquivos nativos
da Apple que tornarão nosso ePUB exportado do
InDesign em Layout Fixo, de forma fácil e prática.
Entenda as diferenças entre ePUB de layout fluido
layout fixo, os benefícios e desafios desses formatos.
Quais as principais etapas na produção, canais de
distribuição e exemplos de Layout Fixo. Veja como
extrarir as informações de texto e imagem a partir do
formato PDF.
Diferenças entre Layout fluido x Layout fixo
Exemplos e Recursos
Trabalhando com PDF/Acrobat
Extraindo imagens
Extraindo textos
Trabalhando com Acrobat Reader
Definição da página
Entenda como funciona o Viewport
Estrutura de camadas no InDesign
Metadados
Sumário
Formatação básica no HTML e CSS
Edição do Content.opf
24. Produção de ePUB
em layout fixo da Apple
EDIÇÃO AVANÇADA NO DREAMWEAVER
INTERATIVIDADE
Neste módulo será utilizado o Dreamweaver (ou o
seu editor de HTML preferido) para a formatação
dos textos e imagens da publicação. Através de uma
interface amigável será demonstrado como animar
e transformar elementos do layout via CSS3. Aplique
imagens em background na página e utilize imagem
em páginas duplas.
Solte a sua criatividade com o conjunto de
recursos apresentados neste módulo. Aprenda
a incluir arquivos javascripts no formato
ePUB e produza publicações com elementos
interativos de alto impacto visual.
Controle do posicionamento
Texto ao contorno
Formatação de imagens - página simples
Formatação de imagens - páginas duplas
Transformação via CSS3
Animação via CSS3
Video e Áudio
Raspadinha
Drag-drop
Scrollable
Quebra-cabeça
Entre outros
25. Produção de ePUB
em layout fixo da Apple
TEXTO E ÁUDIO SINCRONIZADO
Neste módulo especial será detalhada todas as etapas
para marcação do texto e áudio, o que permite incluir
áudio sincronizado com o destaque do texto. Esse
comando é conhecido como Text-to-Speech sendo
um importante recurso para publicações infantis,
ensino de idiomas, entre outras.
Dicas para gravação do áudio
Marcação do texto em XHTML
SMIL - Sincronização do áudio e texto
Opções do Media Overlay para iBooks
27. Adobe
Edge Animate
Conteúdo
CRIANDO NO ADOBE EDGE
Neste módulo será apresentado a parte operacional do Edge Animate. Sua
interface, ferramentas, como trabalhar com imagens, símbolos, textos e fontes.
Criar, salvar e abrir arquivos no Edge.
Que arquivos são criados pelo Edge - saiba diferencia-los.
Formato .an e .html. Qual usar?
Painéis da Interface - Stage, timeline, Elements, Library
Ferramentas de forma.
Ferramenta de texto.
Clipping.
Transformação.
Propriedades das imagens - Formatos, Opacidade, Background.
Propriedades de texto - webfonts, opções de caracter e parágrafo.
28. Adobe
Edge Animate
ANIMAÇÃO SYMBOL
Módulo inteiro dedicado as ferramentas de animação. Dê
vida as suas criações aplicando transição nas propriedades
dos elementos inseridos no Edge.Você pode animar
qualquer comando aplicado num objeto.
Opções da Timeline
Tipos de Animação
Usando Auto-Keyframe e Auto-Transition
O fantástico comando Toggle Pin
Funcionalidades com Copy, Paste e Paste Especial
Efeitos de Easing (tornando sua animação real)
Painel Symbol
Edição de Symbol
Controle do Symbol (Playback)
Exemplos de animação
AÇÕES, TRIGGERS,
EVENTOS E EFEITOS
Animar é só o começo! Neste
módulo será apresentado os
segredos do Edge para criar composições
impactantes. Através das bibliotecas jquery
e javascript aprenda a controlar sua animação
com symbols, inserção de texto em html,
video, áudio, hyperlinks para web.
A diferença entre Action e Trigger
Aplicando Trigger em symbol
Aplicando Action com Eventos para Browsers
Aplicando Action com Eventos para tablets
Funcionalidades do painel Code
Exemplos de Efeitos
29. Adobe
Edge Animate
PUBLICACANDO E INTEGRANDO O EDGE COM
OUTROS SOFTWARES
Torne sua animação compatível com browsers antigos
com as dicas do comando Publish. Aprenda a utilizar a
composição criada no Edge nos aplicativos InDesign, Muse,
Dreamweaver e Wordpress.
Layout Responsivo. O que é isso?
Como tornar a composição ajustável ao browser
Preset Layouts
Finalizando a animação
Inserindo Poster
Down-level
Pre-loader
Formatos de publicação - web, OAM, iBooks
Edge Animate em outros aplicativos - InDesign, Muse,
DW e Wordpress
31. Adobe Muse
a web sem códigos
Conteúdo
PLANEJANDO O PROJETO E O LAYOUT DAS PÁGINAS
Com uma interface amigável, o Muse permite o rápido planejamento
e design do site, com miniaturas e páginas-mestras arrastáveis para
uma fácil criação das templates e controle dos elementos comuns em
todo site. Aprenda a criar estilos e efeitos, e veja como é fácil controlar o
layout das páginas com Adobe Muse.
Conhecer a interface
Definir um projeto
Criar a estrutura do site
Uso das páginas-mestras
Cabeçalhos e rodapés
Propriedades da página
Propriedades do site
Trabalhando com textos
Uso de Web-fonts
Barras de Navegação
32. Adobe Muse
a web sem códigos
USO DE IMAGENS E INSERINDO
INTERATIVIDADE
Neste módulo aprenda a inserir imagens no layout
nos principais formatos, como .PNG, .JPG, GIF e
.PSD. Dicas de sites para imagens em background e
importação de arquivos em .PSD para utilização das
camadas do Photoshop no layout. Aplique efeitos e
estilos nas imagens para aumentar a produtividade e
controle dos objetos. Com o painel Widgets trabalhe
de forma criativa com recursos interativos e deixe
o Muse fazer o trabalho pesasdo criando todos os
códigos necessários para publicação em HTML5.
Importação de imagens
Uso de background-image
Recurso de Texto ao contorno
Dicas de tamanho e resolução
Adicionando arquivos
para download
Uso de animações em GIF e SWF
Uso de Hyperlinks e Ancoras
Criando um Banner de Texto
Criando Menu com imagens e Texto
Slideshow com miniaturas
Efeito Lightbox
Painéis em accordion
33. Adobe Muse
a web sem códigos
ADICIONE HTML, FORMULÁRIOS E PUBLIQUE
SEU SITE.
Com Muse é possível integrar diversos serviços online
no site, como Google Maps, YouTube, Facebook, entre
outros. Utilize o serviço da Adobe, Business Catalyst, para
envio de formulários inteligentes e mantenha contato
com seus clientes. Otimize seu site com dicas de SEO
e aprenda a publicar através do upload direto por FTP,
exportação em HTML ou com serviço de hospedagem
da Adobe, Business Catalyst.
Inserindo videos
Configurar formulário via Business Catalyst
Configurar formulário via editor externo
Usando rede social - facebook e twitter
Inserindo códigos/scripts externos
Dicas de metadados e SEO
Publicação do site via exportação em HTML
Publicação do site via FTP
Publicação do site via Business Catalyst
35. Adobe Muse
webapp
O curso
Neste webinar especial aprenda a dominar as técnicas de
produção responsiva de sites pelo Adobe Muse. Com o avanço
dos dispositivos mobiles acessando a internet, cada vez mais
torna-se necessário adaptar a visualização do conteúdo web para
celulares e tablets. Com Muse você não precisa se preocupar
com media queries, view port e outros termos técnicos. Adicione
uma versão para esses dispositivos mobile com facilidade e
compartilhe elementos gráficos, estilos e imagens entre os
layouts. A partir do conteúdo produzido pelo Muse, no layout
para tablet, aprenda a criar um WebApp para iPad.
36. Adobe Muse
webapp
VERSÕES MOBILE | CELULAR E TABLET
PRODUÇÃO DO WEBAPP
Neste webinar será detalhado como incluir as versões
para celular e tablet ao seu projeto produzido pelo
Muse. Aprenda técnicas e conceitos sobre web design
responsivo.
Distribua seu conteúdo web para
iPad de forma simples e rápida
através de um WebApp. Ideal para
informativos, publicações e hotsites. Durante
este webinar será demonstrado como utilizar
o kit de javascripts para realizar a instalação do
App direto do browser do iPad. Com WebApp
é possível fazer um distribuição privada sem
passar pela Apple app store.
Conceitos de web design responsivo
Adaptar o site para celular
Adaptar o site para tablet
Uso de recursos interativos
Aplicando links entre layouts
Detectar o perfil do browser
(mobile ou desktop)
Produção do icone do app
Instalação do App pelo browser
Dicas de javascript e CSS
37. dualpixel treinamento e consultoria | dualpixel.com.br
contato@dualpixel.com.br • 55 (21) 3276-3246 • 55 (21) 8577-4875
Rua Caranda, 290 • Rio de Janeiro - RJ • CEP 20740-580