Agora você tem mais flexibilidade para personalizar a atenuação para cada etapa da animação. Anteriormente, havia cinco tipos básicos de flexibilização disponíveis: Linear, Ease-In, Ease-Out, Ease-In-Out e Elastic-Fin. Agora você pode ajustar manualmente a atenuação, definir valores precisos para esse recurso e aproveitar os 24 novos tipos de atenuação.
Configurações avançadas de facilitação na animação passo a passo
O tamanho dos elementos da interface do editor Zero Block não é mais afetado pela ampliação ou redução do zoom na área de trabalho. Guias, linhas de grade, bordas de elementos e réguas foram reformulados para tornar seu trabalho no editor mais confortável.
Interface de usuário otimizada ao aumentar ou diminuir o zoom
Agora é possível aplicar alterações a uma página que está sendo criada no Zero Block sem sair do editor. Basta clicar em "Publish" (Publicar) no canto superior direito e a página será publicada.
Publicação de páginas com um clique no Zero Block
Para exibir o botão, abra Artboard Settings → Zero Block Settings → Publish.
Cada sequência de animação é executada uma vez, depois reproduz todas as etapas em sentido inverso e, em seguida, recomeça, o que a torna ideal para animação de loop infinito. A configuração está disponível para todos os eventos de animação, exceto para a animação "On scroll".
Loop com reversão na animação passo a passo
A sequência de animação é executada apenas uma vez - ela não será repetida até que a página seja atualizada. Isso é útil quando o elemento animado precisa aparecer após um clique em um botão ou ao passar o mouse e permanecer visível na página. A configuração está disponível para eventos de animação "on Hover" e "on Click".
Loop uma vez em uma animação passo a passo
Configuração de estouro para os eixos X e Y
Agora é possível definir configurações de estouro separadas para os eixos X e Y. Isso é útil se, por exemplo, você quiser que os cartões ou as avaliações rolem apenas horizontalmente, sem deslocamento vertical.
Onde encontrar: Configurações da prancheta → Posição e estouro.
Agora você pode personalizar as configurações para a exibição de um Zero Block fixo na página para cada resolução.
Configurações de fixação de Zero Block para cada resolução
Onde encontrar: Configurações da prancheta → Posição e estouro.
Agora é possível limpar as configurações de elementos para resoluções de tela inferiores. Isso pode ser útil se você não gostar do design de algumas das versões móveis criadas anteriormente e quiser redefinir rapidamente o design e começar de novo.
Redefinir configurações de elementos em resoluções mais baixas
Onde encontrar: selecione um ou mais elementos → clique com o botão direito do mouse para acessar o menu de contexto → Clear Adaptive Design.
Agora a prancheta pode ser dimensionada entre 20% e 300% e se move em relação à posição do cursor. Esse intervalo facilita o trabalho com pequenos detalhes ou animações complexas com muitos elementos, quando você precisa diminuir o zoom da prancheta o máximo possível para ver a imagem completa.
Escala de prancheta estendida de 20% a 300%
Agora você pode aplicar efeitos de gradiente linear e radial a elementos vetoriais. O recurso funciona para as cores de preenchimento e traço. Você também pode importar e editar arquivos SVG que contenham gradientes criados em outros editores gráficos.
Gradientes e máscaras no Vector Editor
Além disso, ao importar elementos SVG, há suporte para máscaras - elas serão importadas corretamente e estarão prontas para serem modificadas no Tilda.