Adobe Flash – Criação de Conteúdo & Diretrizes de localização

Este artigo foi escrito originalmente em Inglês. Texto em outros idiomas é fornecido através de tradução automática.

1. Objetivo deste documento
Este blog é um resultado de um extenso estudo realizado para identificar as melhores práticas na localização de conteúdo Flash baseado em.

Localizando conteúdo estruturado através de ferramentas de gerenciamento de tradução (como SDL WorldServer) pode ser um processo simples. No entanto conteúdos não estruturados, como o texto que aparece em vídeos em Flash não é fácil. Para adicionar a ele, monitoramento da eficiência dos lingüística se torna ainda mais difícil para conteúdo não-estruturado.

O blog cobre todos os aspectos da localização do Flash incluindo a criação do conteúdo Inglês do jeito certo; de modo que ela se torna localização “amigável ". Isso deve resultar em redução de custos e tempo; que é multiplicado pelo número de línguas-alvo deve render dividendos suficientes.

2. Extração de texto a partir de uma animação em Flash

A dificuldade de localização do Flash animação depende do nível de globalização da fonte – geralmente Inglês animações em Flash. Durante o processo de localização, todo o texto localizável é extraído da animação fonte, substituídos por versões localizadas e strings localizadas são modificadas de acordo com as guias de estilo- escolha, incluindo o tamanho da fonte, família etc. Ocasionalmente texto localizável não está incluído nas camadas de texto, mas apresentados como gráficos. Portanto, a animação fonte tem que ser fixado em primeiro lugar para tê-lo pronto para a localização. Como primeiro passo do Flash localização animação é extrair todo o texto localizável da animação. Isso é possível utilizando ferramentas comerciais como "ferramenta de localização Flash" ou fonte de renomeação. Fla arquivo para o arquivo zip. (apenas mudar a extensão de. fla para. zip) e extrair todos os arquivos. xml a partir de "biblioteca" subpasta do zip.. Veja a figura 1 e Figura 2 para mais detalhes.


Figura 1 - Lista de Flash arquivo com subpasta BIBLIOTECA

Figura 2 -. Lista de camadas de texto em formato xml armazenado na subpasta biblioteca de um arquivo Flash

Formato Flash nativo é um arquivo zip com estrutura definida. Ter um conhecimento baisc de que permite que sejam facilmente extrair todas as camadas de texto da animação. Uma vez feito, a única tarefa continua para localizar o texto dentro dos arquivos extraídos. xml e fornecer os tradutores com. ini (se a tradução está a ser concluída usando CAT Trados). Camadas de texto em arquivos XML pode ser encontrado rodeado por <caracteres>Seu texto</caracteres> Tags XML.
As lojas XML as informações sobre o tamanho da fonte, família e estilo (Além de armazenar o texto localizável). A maioria desta informação como a família da fonte pode ser facilmente modificado para todo o texto se fonte de origem não suporta o alfabeto do idioma alvo. Para mais detalhes sobre o Flash arquivo XML por favor veja a Figura 8.

Best Practice # 1:
Nunca modifique os textos dentro de camadas de texto com a ajuda do script de ação. Vai ser difícil de compreender roteiro.

3. Pseudo localização
"Localização Pseudo" é um processo para garantir a animação está pronto para localização e todos os textos localizáveis ​​está nas camadas de texto apenas. Durante este processo, todas as cordas atualmente contido em camadas de texto (.xml) são substituídos por pré-definida cadeia, por exemplo. por "X". Arquivos originais. Xml na subpasta BIBLIOTECA são substituídos por outros modificados e quando essa ação é concluída, render.swf deve ser reproduzida em Flash player. Ao jogar estes processa é possível localizar qualquer texto restante que não foi pseudo localizada por várias razões.
Texto originalmente presente nas camadas de texto é exibido como "X" neste renderização. No caso de haver ainda qualquer texto legível, geralmente, vem de vídeo embutido, gráficos ou um script de ação. Pode-se encontrar exemplo de localização pseudo na Figura 3, Figura 4 e Figura 5.

Figura 3 – Exemplo de localização pseudo. Todas as seqüências, exceto “O que há de novo” foram alteradas para “X”. “O que há de novo” é uma gráfica em animação em Flash e, portanto, não podem ser facilmente editadas.

Figura 4 – Imagem mesmo, como na Figura “3″ mas agora localizada em russo. Como você pode ver também “O que há de novo” está corretamente localizado. Neste caso fonte foi fixada e localizáveis ​​textos gráficos foram atualizados para as camadas de texto.

Figura 5 – Outro exemplo de localização pseudo. Bem apresentado é um screenshot de um aplicativo e o único texto editável está no canto superior direito. Neste caso específico, Decidiu-se não a fingir-lo e deixá-lo em Inglês, como o tamanho da fonte era muito pequena

Best Practice # 2:
Aplicar localização Pseudo para descobrir não whichis qualquer texto localizável em camadas de texto dentro do Flash projeto. Se o seu projeto foi globalizado, desde a forma ideal, localisation pseudo pode ser skiped.

 

4. Camadas de texto em animação em Flash
Há muitas maneiras para inserir texto em animação em Flash. Por exemplo, evitar a inserção de texto gráfico (letras como objetos gráficos) e trabalhar com camadas de texto apenas. Se este for o caso, Não quebre o texto em várias cadeias, e mantê-lo em uma única cadeia, se as exigências específicas. Qualquer separação de substrings múltiplos resultará segmentação intext dentro. Arquivo xml e pode levar à perda de contexto durante a tradução e localização, portanto, incorreto dele é substring.
Na Figura 6 e Figura 7, pode-se encontrar texto "Os clientes fiéis como você economizar com o preço de atualização especial. Adobe Photoshop Elements & Adobe Premiere Elements é agora um perfeito 10!"
Esta frase é separado em duas camadas diferentes do texto. Tal separação resultará em segmentação de strings no arquivo xml. Bem e tradutor vê-los como duas cordas separadas, sem qualquer relação entre eles, veja a Figura 8.

Figura 6 – "Os clientes fiéis como você economizar com o preço de atualização especial. Adobe Photoshop Elements & Adobe Premiere Elements é agora um perfeito 10!"Separação de texto em duas substrings. Nesta figura, a primeira parte é visível.

Figura 7 – Segunda parte do texto "Os clientes fiéis como você economizar com o preço de atualização especial. Adobe Photoshop Elements & Adobe Premiere Elements é agora um perfeito 10!"

Figura 8 – Representação de substrings no arquivo xml.. Cada substring está incluído no <DOMStaticText> dentro de tag. arquivo xml.

Não é recomendado para dividir uma string em substrings mais curtos, mas sim mantê-los em uma camada de texto, sempre que possível. As vantagens desta abordagem são:
1. String localizada é bem ordenada para que substrings localizadas não precisam ser revisados ​​pelo falante nativo após a localização e postprocess.
2. Cadeia não é dividido em substrings mais curtas dentro. Arquivo xml.
A versão atual do Flash permite aos autores manter cordas com a família de fonte diferente, cor, estilo, tamanho etc. em uma camada de texto. Adicionalmente, não há necessidade para separá-los em várias camadas de texto. Mantendo strings em uma camada de texto ajuda os tradutores e engenheiros de localização para gastar menos tempo na tradução e pós-processamento de seqüências localizadas na animação. Ele também diminui a chance de questões relacionadas à ordem das palavras. Na Figura 9 você pode encontrar exemplo de cadeia complexa (parte do texto está em amarelo com fonte maior) em uma camada de texto.

Figura 9 – Seqüência complexa de uma camada de texto apenas. Não há necessidade de colocar o texto em amarelo em uma camada de texto separado. Com o Flash de hoje você pode criar tais seqüências complexas.

Melhor Prática #3:
Manter o número de camadas de texto dentro de projeto do Flash o mais baixo possível. Se qualquer formatação de texto é necessária, fazê-lo apenas uma camada de texto (, tanto quanto possível).

 

5. Vídeos incorporados
Muitas vezes, Animações em Flash pode conter vídeos incorporados. Estes vídeos incorporados podem ser facilmente encontrados em Flash biblioteca de objetos sob o título "Vídeo incorporado" tipo, por favor veja a Figura 10.
Se houver quaisquer segmentos a ser localizado dentro de vídeos incorporados e apenas de render o foi fornecido, será muito difícil e tempo para localizar tais cordas. Em casos especiais, quando o vídeo é cuidadosamente analisado, algum texto pode ser "falsificado" com pequeno esforço.
Contudo, texto animado (Figura 11) ou um estático com fundo em movimento é quase impossível para editar e para localizar este tipo de fonte é necessário gastar muitas horas para falsos apenas um ou dois segundos do render final. A fonte simplesmente precisa ser recriado o que aumenta o colector de esforço.
Com o arquivo editável vídeo um projeto pode modificar todas as camadas de texto dentro de vídeo embutido e preparar versões localizadas desses vídeos.

Figura 10 – O vídeo incorporado “soccer.flv” com seqüência de caracteres localizável animado

Figura 11 – Exemplo de texto localizável dentro do vídeo incorporado impossível de falsificar, texto é animado

Best Practice #4:
Vídeos incorporados com textos localizáveis ​​no projeto do Flash aumentar o tempo e esforço para colector de localização.
A melhor maneira de fazer é extrair todo o texto do vídeo, localizá-lo, substituir todos os textos localizáveis ​​e criar renderização localizada primeira. Sem arquivo de vídeo editável, a única (pungente) opção é tentar texto falso dentro de vídeo embutido, que é geralmente impossível. Então NÃO incorporar text / ativos em vídeos se você quiser localizá-lo. Fornecer bens e vídeo separetely vez.

6. Capturas de tela Animações
Pode-se também criar uma animação flash dentro do projeto de uma série de screenshots. Veja o exemplo da série de imagens na Figura 12 e Figura 13. Texto nas imagens são os localizáveis ​​e uma fonte. Psd com camada de texto editável precisa ser criado inicialmente. Uma vez concluída eo texto está substituído com uma versão localizada, screenshooting da série localizada pode ser realizada.
Se você tem o código fonte editável. Psd disponível, forneça ao seu engenheiro de localização. Além disso, efeitos de texto usados ​​no Flash localizada serão idênticas às do Flash fonte.

Figura 12 – Série Screenshot. Você pode ver os dois pré-visualização da tela e também seqüência de imagens na timeline do Flash

Figura 13 – Fim da série de tela na animação em Flash. Texto “O Big …” é animado dentro da série e cada imagem acrescenta uma letra do texto na animação.

Best Practice # 5: Para qualquer Localizable texto dentro de alguns gráficos (texto gráfico), é importante para fornecer ativos de origem inglesa. Se bem-fonte editável não é fornecido, tem que ser re-criado por fornecedor de localização primeiro a ser capaz de substituir o texto por uma versão localizada e criar renda para o Flash projeto. Durante a re-criação de ativos de origem editável alguns efeitos podem ser supervisionado e, portanto, perdeu na versão localizada.

 

7. Botões & Camadas ativos
É vital para manter todos os botões com textos localizáveis ​​como tipo "Movie Clip" no projeto do Flash e não usar mistura de tipos diferentes de Flash para simular a funcionalidade do botão. Se a funcionalidade do botão consiste em mais tipos de Flash, é muito provável que, durante o processamento pós, os engenheiros podem usar inadvertidamente alinhamento incorreto desses objetos em relação uns aos outros dentro de determinado período de. Como resultado, isso levará a um impacto funcional no arquivo flash, e, em alguns casos, rending ele corromper
Um exemplo de botão corrompido é descrito na Figura 14. Aqui o botão consiste em um texto gráfico na caixa amarela e camada ativa (mostrado como uma moldura azul) que desempenha papel de área "clicável". Você pode observar que a caixa não está alinhado com camada ativa e do lado esquerdo desse botão não será clicável. Adicionalmente, lado direito contém uma área sobreposta que é ativo, que não está correto.

Figura 14 – Botão corrompido “O que há de novo”. Camada ativa (moldura azul) não está alinhado com caixa amarela.

Criação de botões como "Clipe de Filme" vai evitar problemas semelhantes em animações Flash. Às vezes, modificação do script de ação atribuída é necessário, bem.

Best Practice #5:
Camadas de ativos fora do botão em Flash pode levar a desalinhamentos em versão localizada do Flash. Exige uma vez para redimensionar botão e objetos da camada de ativos a cada mudança no não. de caracteres de texto no botão. Botões criada corretamente eliminar os riscos potenciais de desalinhamento e diminuir o número de botão re-colas por um número significativo.

 

8. Vacilante
Em alguns players em Flash, texto localizada podem apresentar “Flickering efeito "ou seja, texto é movido por um ou um pixel para a esquerda poucos, direito, cima ou para baixo quando o cursor é passado sobre ele. Veja a figura 15 para mais detalhes.

Figura 15 – A tremulação em detalhes - a imagem é composta de duas imagens da mesma peça re-capturados depois de alguns segundos mais tarde para ver se muda a posição do pixel

A única maneira de corrigir a "cintilação" A questão é converter as camadas de texto dentro de projeto do Flash localizada em curvas e processar em formato final. Texto gráfico (curvas) não mostra o “Flickering efeito "mais

Best Practice #6:
Cintilação efeito é visível em alguns jogadores apenas. É recomendado o uso de jogadores Flash sem cintilação efeito. Caso contrário, camadas de texto localizados têm que ser convertidos em curvas antes da renderização em formato final. Quando multiplicado pelo número de línguas-alvo, esforço vai passar a ser enorme.

 

9. Agradecimentos / Créditos

Este documento foi elaborado a partir de um estudo independente feito no Photoshop Elements 11 por James Skrabal & Petr Knápek de Morávia, e Akulaa Agarwal & Manish Kanwal da Adobe.

Por favor, note que ele pode ser aplicado a todos os projetos Adobe / Adobe não exigindo a localização de texto e outros ativos em arquivos Flash. Para quaisquer questões, sinta-se livre para chegar aos Akulaa Agarwal(akulaa@adobe.com) e Manish Kanwal (mkanwal@adobe.com).

Invocando UTI a partir de aplicativos Adobe AIR (Parte 2): usando o Flash Builder 4.6

Este artigo foi escrito originalmente em Inglês. Textos em outros idiomas foram fornecidos via tradução automática.

Em meu artigo anterior http://blogs.adobe.com/globalization/invoking-icu-from-adobe-air-applications-2, eu demonstrei o use das extensões de AIR3 ActionScript nativa característica de invocar UTI de um aplicativo AIR. Eu usei as ferramentas de desenvolvedor AIR para compilar e criar vários componentes. Neste artigo, Eu demonstro o mesmo usando a versão pré-lançamento do Adobe Flash Builder 4.6. É muito mais simples de fazer isso no Flash Builder evitando a linha de comando complicado.

A versão pré-lançamento do Adobe Flash Builder4.6 tem uma nova versão do Flex SDK 4.5.2, que tem AIR3 integrada. Faça o download do arquivos de exemplo da seguinte forma.

Você vai precisar do software a seguir para construir uma extensão da UTI para a plataforma AIR.

1 Extensão UTI Edifício para Adobe AIR

Adobe AIR extensões nativas t, também conhecido como 'ane' ou 'ANE "os processos foram arquivados pacotes. Estes consistem em

  • Classes wrapper ActionScript pôr em DLLs externas
  • O DLLs externas
  • Detalhes do arquivo XML descrevendo de DLLs externas

Os arquivos arquivados ANE são usados ​​apenas como bibliotecas SWC na integração em um aplicativo AIR. Em outras palavras, ANE arquivo é uma biblioteca e tem público ActionScript APIs.

Cobrindo todos os detalhes sobre a extensão ActionScript é demais para este artigo no blog, mas eu vou explicar os passos para criar esse exemplo e executar. Abaixo estão as etapas seqüenciais e comandos.

1.1 DLL Edifício do Windows Extensão AIR UTI

1) A pasta AirIcuExtensionWin tem o estúdio Visual solução "AirIcuExtension.sln '. Abrir esta em MS VS2010.

2) O AIRIcuExtension.cpp arquivo tem o código necessário necessário para fazer a interface com o Adobe AIR 3. Tem também as rotinas wrapper chamar funções C UTI.

3) Este é um projeto DLL ea saída de construção é AirIcuExtension.dll

1.2 Edifício ActionScript Biblioteca em FB 4.6

1.2.1 A construção da biblioteca ActionScript

Criar um novo projeto de biblioteca ActionScript e nomeá-la AirIcuExtension. Ver o projeto de biblioteca baixado ActionScript FB4.6.

1.2.2 Embalagem extensão nativa ActionScript

Para um pacote ANE, você ainda precisa fazê-lo na linha de comando. FB 4.6 não tem ainda uma característica de gerar ANES no IDE.

Abra o bin AirIcuExtension.swc é um arquivo zipado. Abri-lo usando WinRAR ou WinZip programa e extrair o library.swf arquivo no pacote para o swc AirIcuExtension bin pasta.

A pasta src resources contém o arquivo extension.xml, AirIcuExtension.dll e UTI dlls icudt48dll, icuuc48dll, icuio48.dll e icuin48.dll. O arquivo external.xml define os detalhes biblioteca externa para AIR runtime.

Para simplificar, coloque o AirIcuExtension.dll, UTI dlls e arquivos em extension.xml AirIcuExtension bin pasta. Todos esses arquivos são compactados em um arquivo zipado chamado AiricuExtension.ane usando o seguinte comando.

C:\FB4.6 SDKs bin adt-package-storetype pkcs12-storepass <senha> -Keystore <Certificado de AIR> -tsa nenhum alvo ane AirIcuExtension.ane extension.xml-swc AirIcuExtension.swc-plataforma Windows x86-library.swf AirIcuExtension.dll icudt48.dll icuin48.dll icuio48.dll icuuc48.dll

Utilização Adobe FlashBuilder4.6 ou C:\FB4.6 SDKs bin ter tomado programa, pode-se gerar um certificado AIR.

A saída é um arquivo AirIcuExtension.ane no AirIcuExtension bin pasta.

1.3 Construindo o AirIcuExtensionTest.mxml Programa de teste

Agora que nós construímos e embalados o pacote de extensão nativa AiricuExtension.ane, estamos prontos para usar esse e chamar os serviços de UTI em um programa de teste.

A pasta AirIcuExtensionTest src contém o arquivo de teste AirIcuExtensionTest.mxml. O arquivo descritor AirIcuExtensionTest-app.xml tem os detalhes de extensão nativa.

Flash Builder 4.6 tem um novo recurso para ligar aplicações Flash com arquivos ANE. Como você vê a partir do comando FB4.6 propriedades do projeto "Flex Build Path", há uma nova guia para Native Extensions. Utilização 'Ed Lane' botão, adicione o arquivo presente na pasta AirIcuExtension.ane AirIcuExtension / bin, como mostrado abaixo.

Veja também o comando 'Pacote Construindo Flex' nas propriedades do projeto, há uma nova guia para Extensão nativa. Por favor, certifique-se que a caixa de seleção é AiricuExtension Em.

A saída de arquivos swf AirIcuExtensionTest.swf é colocado na pasta bin-debug.

1.4 Construir pacote AIR para executar AirIcuExtensionTest

O passo final é para empacotar o AirIcuExtensionTest acima. Swf e arquivos AirIcuExtension.ane em uma pasta executável AIR. Podemos fazer isso em FB4.6 agora, em vez de usar a linha de comando tedioso.

  • IN FB4.6, selecione AiricuExtensionProject e executar o comando menu Project->Exportação de Lançamento Construir ...
  • Na caixa de diálogo que se seguiu, escolher Assinado instalador nativo botão de rádio. Só podemos criar instaladores nativos, como estamos usando OS específicos pacote ANE.
  • Na tab Native Extensions tab, certifique-se que a checkbox AirIcuExtension.ane esteja selecionada.
  • Terminar de criar a versão de compilação depois de entrar as credenciais certificado correto AIR.

A saída do comando acima é um instalador AirIcuExtensionTest.exe. Ao executá-lo, você pode instalar o programa de teste.

2 Conclusão

Este exemplo ilustra como invocar ICU do ActionScript. A AIR extensão UTI é fácil de construir usando os próximos AdobeFlash Builder 4.6 lançamento. ANE é um ótimo recurso para os desenvolvedores AIR e aplicações AIR pode fazer uso da plataforma ou UTI desde serviços de globalização.

É importante Localize Developer Tools?

Este artigo foi escrito originalmente em Inglês. Textos em outros idiomas foram fornecidos via tradução automática.

 

Você cria conteúdo multilíngüe ou aplicativos usando o Flash Builder? Você usa uma versão localizada do Builder? Por que ou por que não? Você prefere desenvolver em Inglês durante a implantação em vários idiomas?

Gostaríamos de ouvir sua voz e entender seus pontos de dor. Por favor, link para o nosso pequeno inquérito em Flex e localização para que possamos entender o que é importante para você.
Muito obrigado!
Janice Campbell, Localização Flex