Versão 15.3.0.0828 | Versão de shell 12.2.0.0

Modelos e componentes

As correções de modelos e componentes podem ser lançadas separadamente das novas versões do Google Web Designer:

Notas da versão

Uma nova versão do Google Web Designer está disponível. Como parte dessa versão, foram corrigidos 11 problemas. Confira os detalhes a seguir.

Atualizar o Google Web Designer

O Google Web Designer será atualizado automaticamente na inicialização se você tiver uma conexão com a Internet. Também é possível fazer o download da versão mais recente.

Mudanças de compatibilidade:

Os componentes personalizados que seguem a especificação de elementos personalizados v0 não são mais compatíveis. Saiba como fazer upgrade dos componentes.

Correções e melhorias na versão 15.2.1.0306

Corrigimos o problema em que modelos de vídeo responsivos eram abertos em um tamanho incorreto.
Corrigimos o problema em que a visualização do vídeo da galeria de modelos não tinha o título do modelo.
[Efeitos de texto] Corrigimos o problema em que a primeira linha do texto era deslocada horizontalmente para alguns efeitos e configurações.
[Efeitos de texto] Corrigimos o problema em que a posição era deslocada para o texto com efeitos em um GIF animado publicado.
[Efeitos de texto] Corrigimos o problema em que alguns efeitos de texto posicionados sobre uma imagem não eram exibidos no Safari.
[Efeitos de texto] Agora o painel de visualização responsiva corresponde à visualização do cenário.
[Efeitos de texto] Corrigimos o problema em que algumas letras eram cortadas ao usar o efeito de gradiente.
[Efeitos de texto] Corrigimos o problema em que as propriedades do efeito aplicado anteriormente eram aplicadas ao novo efeito.
[Efeitos de texto] Corrigimos o problema em que a alteração na opacidade não era aplicada.
[Efeitos de texto] Corrigimos o problema em que as letras eram cortadas ao usar os efeitos de virar ou girar no texto posicionados sobre outros elementos.
[Efeitos de texto] Corrigimos o problema em que as quebras de linha causavam problemas de posicionamento.

Novos recursos na versão 15.2.0.0112

Modelos de vídeo

Disponibilizamos 27 novos modelos para anúncios em vídeo. Eles estão disponíveis na nova guia "Vídeo" da Galeria de modelos.

Visualização compartilhável de anúncios gráficos

Agora é possível compartilhar prévias dos anúncios gráficos. Gere o URL da prévia usando o botão "Visualizar".

Substituições no painel "Responsivo"

Agora os documentos responsivos listam as substituições do tamanho ou intervalo de tamanho selecionado no painel "Responsivo".

Correções e melhorias na versão 15.2.0.0112

Quando ocorre uma falha na publicação de um anúncio gráfico, a mensagem de erro genérica foi substituída por uma mais específica.
Corrigimos o problema em que caracteres especiais no caminho do arquivo (como ') causavam falhas na importação de imagens.
A opção de escalonamento padrão para a conversão de documentos agora está definida como "Ampliar até preencher".
Corrigimos o problema em que um documento de vídeo convertido em um banner tinha o tamanho errado.
Corrigimos o problema em que não era possível definir as propriedades "Superior" e "Esquerda" no painel "Propriedades" quando a fixação estava ativada.
Corrigimos o problema em que o link de ajuda para a opção "Layout em vários tamanhos" em um GIF animado não carregava o conteúdo de ajuda.
Corrigimos o problema em que o campo de URL ficava vazio no Modo fácil.
Corrigimos o problema em que o redimensionamento de uma camada da linha do tempo acionava a rolagem horizontal automática da linha do tempo.

Mudanças importantes na versão 15.0.4.1108

A opção "Gerar link compartilhável" agora gera um código QR que pode ser lido para o acesso ao link de visualização.

Correções e melhorias na versão 15.0.4.1108

Corrigimos o problema em que os anúncios às vezes não eram carregados no Chrome. Republique os anúncios para que eles sejam corrigidos.

Correções e melhorias na versão 15.0.3.1010

Corrigimos o problema em que o zoom do cenário era redefinido após o redimensionamento da janela de visualização.
Corrigimos o tremeluzir ao mover uma imagem no cenário que usava uma opção de escalonamento diferente de "Ampliar até preencher".
Corrigimos o problema em que a visibilidade de um elemento ou de uma máscara no cenário não refletia as edições no primeiro frame-chave.
Corrigimos o problema na exportação de alguns documentos HTML5 dinâmicos, como imagens.
Corrigimos o problema em que os elementos não eram ocultados antes do início do intervalo de visibilidade em vídeos exportados, GIFs animados e anúncios gráficos.
Corrigimos o problema em que o intervalo de visibilidade não funcionava devido à criação acidental de um frame-chave a mais.

Mudanças importantes na versão 15.0.2.1005

A opção "Gerar link compartilhável" agora gera um código QR que pode ser lido para o acesso ao link de visualização.

Correções e melhorias na versão 15.0.2.1005

Corrigimos o problema com a publicação de anúncios gráficos e em vídeo e de GIFs animados.

Correções e melhorias na versão 15.0.1.0922

Corrigimos o problema em que os eventos dos elementos dentro dos grupos não funcionavam.

Novos recursos na versão 15.0.0.0913

Acessibilidade: navegação pelo teclado

Uma funcionalidade de navegação pelo teclado mais abrangente permite acessar a interface do Google Web Designer pressionando teclas.

Use a tecla Tab (e Shift + Tab) e as teclas de seta para navegar entre diferentes partes da interface.
Alterne ou ative botões e outros elementos de interface com a barra de espaço e a tecla Enter.

GIF animado

Agora é possível criar GIFs animados no Google Web Designer usando o fluxo de trabalho de criação de vídeos.
A opção "GIF animado" está disponível como um tipo de anúncio ao criar um novo arquivo em branco.
Também é possível exportar documentos de vídeo como GIFs animados ao publicar.
Visualize os arquivos GIF imediatamente após a exportação.
Aproveite os layouts e as variantes de vários tamanhos para produzir GIFs de diferentes tamanhos e com conteúdo variado, tudo no mesmo documento.

Edição de áudio

Com os envelopes de volume, é possível mudar o volume dos clipes de áudio nos seus projetos de vídeo.

Controle o volume do áudio a qualquer momento durante a reprodução ao adicionar e mover os nós dos envelopes.
Selecione um dos diversos tipos de esmaecimento ao mudar o volume.

Compartilhamento de conteúdo entre documentos

Agora é possível copiar e colar entre mais tipos de documento.

Copie conteúdo em vídeos, imagens e documentos que não sejam HTML para AMP.
O conteúdo que não for compatível no documento de destino vai ser modificado ou omitido.

Conversão de tipo de documento

É possível converter a maioria dos documentos HTML em um anúncio gráfico ou em vídeo.

A maioria dos tipos de anúncios (exceto HTML para AMP) e documentos HTML com páginas podem ser convertidos para um anúncio gráfico ou em vídeo no menu "Arquivo".
Escolha como dimensionar o conteúdo se você quiser que seu anúncio gráfico ou em vídeo seja de tamanho diferente.

Seleção de elementos nos painéis

Os elementos listados nos painéis "Eventos" ou "Dinâmico" agora podem ser selecionados diretamente no painel.

Clique com o botão direito no elemento de destino, receptor ou limite no painel para ver a opção de selecionar o elemento.
Os elementos ocultos ou bloqueados vão ser exibidos ou desbloqueados quando selecionados.

Visibilidade da camada

Controle quando um elemento fica visível durante a linha do tempo da animação.

Defina intervalos de visibilidade na linha do tempo para elementos que são necessários somente por um momento.
Fora do intervalo de visibilidade, o elemento se comporta como se estivesse oculto e bloqueado.
Clique duas vezes em uma camada para selecionar toda a animação nela e mudar facilmente o intervalo de visibilidade.

Layouts de vários tamanhos para vídeos

Use o fluxo de trabalho responsivo para criar vídeos de diferentes tamanhos no mesmo documento.

Ative um layout em vários tamanhos ao criar um novo arquivo de vídeo ou no painel "Responsivo" para documentos de vídeo atuais.
Selecione um conjunto de dimensões de vídeo comuns ou adicione tamanhos personalizados.
Cada tamanho é publicado como um arquivo separado.

Publicar tamanhos individuais de um documento responsivo

Agora os documentos responsivos podem ser publicados como tamanhos únicos não responsivos.

A caixa de seleção "Exportar tamanhos individualmente" pode ser encontrada na caixa de diálogo "Publicar" ao fazer uma publicação local.
Uma exportação individual é gerada para cada tamanho selecionado.

Responsivo: layout flexível e flexbox

Novas opções para layout flexível e flexbox agora estão disponíveis.

Organize automaticamente os elementos em linhas ou colunas flexíveis usando o flexbox (o módulo de caixa flexível do CSS).
Fixe elementos para manter o alinhamento horizontal ou vertical.
Defina as larguras e alturas mínimas e máximas dos elementos.

Efeitos de texto

Adicione efeitos animados ao texto com o novo painel "Efeitos de texto".

Escolha entre vários efeitos, como rolagem ou máquina de escrever.
Personalize a duração e a aparência de cada efeito.

Espaçamento do texto

Com os campos adicionais no painel "Texto" e na barra de opções da ferramenta Texto, é possível configurar o espaçamento entre os textos.

Ajuste a altura da linha do texto com base no padrão de 120%.
Defina o espaçamento entre as letras.

Ajuste de altura da faixa

Redimensione as faixas de áudio e vídeo na linha do tempo.

Amplie as faixas para ver melhor as formas de onda do áudio e as miniaturas do vídeo.
Minimize para se concentrar melhor em outras partes da linha do tempo.

Fazer upload de vídeos e imagens na Biblioteca de recursos do Ads Creative Studio

Se você tiver uma conta do Ads Creative Studio, vai poder adicionar vídeos e imagens à Biblioteca de recursos diretamente do Google Web Designer.

A nova opção de upload está no menu "Publicar" dos anúncios gráficos e em vídeo.
Selecione a pasta de destino na Biblioteca de recursos ou crie uma nova.

Melhorias nos vídeos

Várias melhorias foram feitas no fluxo de trabalho de anúncios em vídeo.

Configure o perfil H.264 e as taxas de bits de vídeo e áudio das exportações de vídeo.
Use a nova ferramenta da Razor para dividir clipes de áudio e vídeo na linha do tempo.
O marcador não se move mais quando você clica nas faixas de áudio e vídeo.
Uma linha indicadora mostra o tempo da posição atual do cursor na linha do tempo.
A origem de uma máscara de imagem agora pode ser diferente entre as variantes.
Ao arrastar um recurso da Biblioteca para uma faixa, o novo clipe vai ser exibido na linha do tempo.
O alinhamento com as bordas do clipe agora tem prioridade sobre o alinhamento com outros elementos na linha do tempo.
A importação de recursos de áudio e vídeo cria um clipe na faixa selecionada na posição do marcador.
A duração padrão da transição agora é definida como 1 segundo.
As opções de dimensionamento de clipes de vídeo agora incluem "Nenhum".

Outras mudanças relevantes na versão 15.0.0.0913

Um botão para mascarar a área do cenário foi adicionado ao lado dos controles de zoom.

Correções e melhorias na versão 15.0.0.0913

Acessibilidade

Corrigimos o problema com o indicador de foco ao trocar de guias para usar os controles.
Corrigimos o problema ao trocar de guias na caixa de diálogo "Novo arquivo".
Corrigimos o problema em que não era possível usar a tecla Tab para acessar a lista "Abrir arquivos recentes".
Corrigimos o problema em que as teclas de seta para cima e para baixo não funcionavam no painel "Componentes".

Cor

Corrigimos o problema em que pressionar a tecla Enter no botão "Extrair cores da imagem" no painel "Cor" adicionava as cores duas vezes.
Corrigimos o problema com a seleção de tonalidades de marcadores de cor para gradientes lineares e radiais.
Corrigimos o problema em que a ferramenta Conta-gotas não funcionava no monitor externo de um MacBook.
Corrigimos o problema em que o seletor de cores não fechava ao usar atalhos de teclado para selecionar uma ferramenta.

Modo fácil

Corrigimos o problema em que as fontes da Web não eram exibidas inicialmente nos modelos.
Corrigimos o problema em que a tecla Esc convertia um arquivo aberto do Modo fácil para o Modo padrão.
Corrigimos o problema em que o menu suspenso "Tamanho" não tinha uma barra de rolagem.

Responsivo

Corrigimos o problema em que o cenário exibia o tamanho errado ao desmarcar tamanhos compatíveis.
Corrigimos o problema em que as propriedades "Superior" e "Esquerda" eram definidas como substituições quando apenas uma delas era editada no cenário.
Corrigimos o problema com a definição de valores de tradução como 0 nas regras de mídia.
Agora um aviso é exibido quando um elemento é copiado, excluído ou reordenado em uma regra de mídia.
Agora o painel "Efeitos de CSS" é atualizado ao voltar para o documento de base.
Corrigimos o problema em que o indicador da regra de mídia era exibido em um documento não responsivo depois de alternar entre painéis e arquivos.

Trocar imagem

Agora a caixa de diálogo "Trocar imagem" pode ser redimensionada em todas as direções.
Corrigimos o problema em que a imagem errada era destacada durante a seleção na caixa de diálogo "Trocar imagem".
A caixa de diálogo "Trocar imagem" agora é compatível com nomes de arquivos mais longos.

Linha do tempo e animação

Corrigimos o problema em que a caixa de diálogo de propriedades animadas não era atualizada durante a edição.
Corrigimos o problema em que a opção "Colar frames-chave" não era ativada corretamente após excluir uma camada e adicionar uma máscara.
Corrigimos problemas com os frames-chave e a reprodução ao combinar trajetórias e outros elementos de animação.
Melhoramos a usabilidade dos botões de bloqueio e ocultação de camada com a exibição deles quando ativos ou ao passar o cursor.

Vídeo

Agora o marcador da linha do tempo é completamente desativado durante a reprodução.
Corrigimos o problema em que arrastar vários frames-chave ou clipes não estendia a linha do tempo.
Corrigimos o problema em que o marcador não ficava na posição correta para um novo documento ao sair de um documento de vídeo.
Corrigimos um erro que ocorria ao copiar e colar um frame-chave em uma faixa de áudio.
O tamanho máximo da fonte foi atualizado de 350px para 1000px.
Corrigimos o problema em que os documentos de vídeo não eram publicados quando o ponto de saída de um clipe era definido depois da duração da origem do clipe.
Corrigimos o problema em que os elementos às vezes ficavam temporariamente ocultos depois de determinadas alterações.
Corrigimos o problema em que a exportação da variante padrão com resolução mais baixa levava tanto tempo quanto a resolução máxima quando uma variante diferente estava no cenário.
Quando a lista de vinculações de variantes é filtrada, agora o menu suspenso de seleção de elementos mostra apenas os elementos correspondentes.
Uma opção foi adicionada para apagar os valores de substituição da variante, clicando com o botão direito na guia "Variantes".
Corrigimos o problema em que um recurso de vídeo era armazenado em cache, mesmo que fosse excluído da Biblioteca, ao desfazer a exclusão de uma faixa de vídeo que continha um clipe com esse recurso.

Outros problemas

Agora a Galeria deslizante é redesenhada corretamente no cenário quando a janela de visualização muda.
Corrigimos o problema com o texto do marcador e a entrada de menu suspenso vazia na caixa de diálogo "Atalhos do teclado" após a filtragem.
Corrigimos o problema em que a contagem de uso mudava para zero na Biblioteca após a atualização para carregar edições externas.
Corrigimos o problema em que o zoom era redefinido após a atualização para carregar edições externas.
Corrigimos o problema em que os grupos desapareciam após a atualização do documento para carregar edições externas.
A ferramenta de desenho de processamento de imagens agora é centralizada na ponta do cursor do marcador.
Corrigimos o problema em que as teclas de seta não moviam o cursor ao editar o nome de arquivo de um recurso na Biblioteca.
A tradução em chinês do selo "Novo" na caixa de diálogo "Novo arquivo" agora é exibida corretamente.
O indicador da página aparece no modo de edição de grupo após a troca de arquivos.
Agora os documentos indicam que há alterações não salvas depois de adicionar ou editar o ID de um elemento.
O menu suspenso de opções de dimensionamento no painel "Propriedades" agora fica totalmente visível, mesmo quando a janela do app Google Web Designer é pequena.
Corrigimos o problema com a perda do foco ao fazer edições no painel "Propriedades" usando o teclado.
Ao publicar no Studio, o menu suspenso "Tamanho" agora aparece acima do campo "Nome do criativo".
Corrigimos o problema em que o cenário rolava para fora da tela depois de entrar duas vezes consecutivamente no modo de edição de grupo.
Os arquivos SVG agora são importados com o tamanho natural.
Corrigimos o problema em que a aplicação de um filtro a uma segunda forma ocultava a primeira.
Corrigimos o problema em que a adição de um vídeo a um documento HTML sem anúncios fazia com que todos os elementos fossem renderizados em branco no cenário.
Agora os componentes são listados em ordem alfabética nos filtros da Galeria de modelos.
Corrigimos o problema com a visualização do cenário quando havia uma combinação de quebra de linha, ajuste de texto e animação de altura.
Corrigimos o problema em que o estilo errado era adicionado ao colar elementos com ajuste de texto e elementos aninhados.

Problemas conhecidos

Somente Safari: elementos com desenhos impedem a animação de máscaras de caminho do clipe.
Google Chrome e Opera: as máscaras de caminho do clipe são renderizadas incorretamente quando o elemento host contém um elemento filho com transformação 3D.
As referências a elementos personalizados do Google Web Designer (gwd-image, gwd-video, gwd-audio, gwd-iframe, gwd-page e gwd-pagedeck) podem não funcionar conforme o esperado. Saiba como você pode atualizar suas referências.
Os eventos de animação da linha de tempo como pausa ou loop não funcionam quando você abre o arquivo .html de origem diretamente no navegador. Esse é o comportamento esperado, uma vez que o CSS da animação da linha de tempo é gerado ao visualizar ou publicar o documento. Solução: use o botão "Visualizar" ou publique o documento localmente e veja o arquivo publicado no navegador.
Os arquivos de imagem sem uma extensão com ponto no nome não são importados para a "Biblioteca". Solução: adicione a extensão (como .png) ao nome do arquivo.
A exibição de uma tela preta na inicialização pode indicar que os drivers de vídeo estão desatualizados. Tente fazer a atualização desses componentes. Se o problema não for resolvido, desative a renderização da GPU. Para fazer isso, saia do Google Web Designer e siga as instruções do seu sistema operacional antes de fazer a reinicialização:
- Windows: adicione um valor DWORD32 com o nome disable-gpu-rendering a HKEY_CURRENT_USER\Software\Google\Web Designer\Settings no registro. Defina esse valor como 1.
- Mac: adicione uma linha booleana a ~/Library/Preferences/com.google.WebDesigner.plist com o nome disable-gpu-rendering e um valor de YES ou execute defaults write com.google.WebDesigner.plist disable-gpu-rendering -bool true no terminal.
- Linux: adicione uma linha a ~/.local/share/google-web-designer/preferences/settings.conf com o nome disable-gpu-rendering e um valor true. Caso a seção [Settings] não exista, será necessário criá-la primeiro.
Para que o vídeo comece automaticamente quando o anúncio for expandido outra vez no Mac Safari, a primeira fonte do vídeo precisa estar no formato mp4.
O preenchimento de gradiente em segundo plano de uma imagem só é renderizado quando o dimensionamento está configurado para esticar.
No máximo, quatro painéis podem ser agrupados/colocados em guias.
Tela branca na inicialização se estiver atrás de um proxy da Web. Siga estas instruções para alterar suas configurações de proxy.
Chrome para Mac e Opera: o botão "Reproduzir" não funciona na visualização do Google Web Designer quando a opção "Reprodução automática" está ativada. Alternativa: remova o host local do URL para usar file:///.
Somente Linux: o recurso de arrastar e soltar arquivos do sistema de arquivos para o Google Web Designer não está funcionando. Alternativa: use as opções "Arquivo" > "Importar recursos" ou "Adicionar recurso" a partir da Biblioteca.
O download do arquivo .ics do iCalendar não é compatível com o navegador Safari para computador.
Não é possível ter mais de um componente de Mapa ou do Street View no mesmo criativo. Além disso, o mesmo criativo não pode ter um componente de Mapa e um do Street View ao mesmo tempo.
Somente Linux: se o navegador (Chrome ou Firefox) for iniciado pelo Google Web Designer para visualização, só será possível fechar o Google Web Designer depois de fechar o navegador.
Somente Linux: às vezes, o Google Web Designer perde o foco e não consegue detectar a entrada do teclado ao alternar entre aplicativos. Alternativa: redimensione a janela do Google Web Designer para devolver o foco ao app.
Somente Linux: se o renderizador falhar e uma tela branca for exibida, defina disable-gpu-rendering como true nas configurações do Google Web Designer. Adicione uma linha a ~/.local/share/google-web-designer/preferences/settings.conf com o nome disable-gpu-rendering e um valor true. Caso a seção [Settings] não exista, será necessário criá-la primeiro.
Anúncios em vídeo: no Mac, fazer edições rápidas, como duplicar clipes, pode resultar em interrupção da exibição de vídeos no cenário, problemas na reprodução do conteúdo ou congelamento da IU. Alternativa: reinicie o Google Web Designer.
Anúncios em vídeo: uma pequena lacuna aparece entre os vídeos durante as transições em determinados níveis de zoom do cenário. A lacuna não será visível no vídeo exportado. Alternativa: ajuste o zoom do cenário.
Anúncios em vídeo: se você copiar um clipe para outro documento, o recurso não será removido automaticamente da biblioteca. Alternativa: exclua manualmente o recurso da biblioteca.
Anúncios em vídeo: se um arquivo de recurso de vídeo ou áudio for substituído manualmente por um arquivo diferente no diretório de um projeto, a funcionalidade antiga continuará aparecendo no cenário e no vídeo exportado, caso a resolução máxima não seja usada. Alternativa: exclua o recurso e adicione-o novamente usando a biblioteca.
Anúncios em vídeo: erros de importação podem ocorrer ao abrir um projeto do Google Web Designer criado em um sistema operacional diferente. Por exemplo, abrir um arquivo no Windows criado originalmente em um Mac. Alternativa: use Arquivo > Salvar como ZIP... para exportar e compartilhar um projeto.
Anúncios em vídeo: quando o zoom é reduzido na linha do tempo, clipes muito curtos (por exemplo, com um frame a frame rates mais altos) podem não ser exibidos e aparecer como espaço vazio, mesmo quando selecionados. Os clipes não são excluídos. Alternativa: aumente o zoom para ver os clipes.
Anúncios em vídeo: determinados recursos com problemas (por exemplo, vídeos criados com algum software de edição de vídeo) não são reproduzidos nem exportados corretamente no Google Web Designer.
Anúncios em vídeo: alguns textos coloridos podem exibir uma pequena sombra no vídeo exportado (artefato de compressão).
Os elementos do pano de fundo animados em uma trajetória de animação curva ou aninhados em outro elemento com trajetória de animação curva podem não exibir efeitos de filtro durante a reprodução da animação no cenário. Os filtros terão o comportamento esperado no vídeo exportado e ao arrastar o marcador.

Isso foi útil?

Como podemos melhorá-lo?