1.4.1 Introdução ao Adobe Express

1.4.1.1 Fazendo login no Adobe Express

Abra uma nova janela incógnita do navegador e vá para https://www.adobe.com/home. Faça logon usando sua conta da Empresa ou da Escola e selecione a conta --aepImsOrgName--.

Adobe Express

O Adobe Express está disponível para você como parte das licenças de sua organização. Para garantir que você tenha acesso ao Adobe Express, é necessário verificar se você está conectado à organização correta. Para fazer isso, clique no ícone perfil e verifique qual conta está ativa. A conta que você deveria usar tem o nome --aepImsOrgName--.

Clique em Alternar perfil para alterar a conta.

Adobe Express

Escolha a conta certa no menu, neste caso o Experience Platform International (mas essa pode ser uma organização diferente para você).

Adobe Express

Quando a conta correta estiver ativa, vá para Aplicativos e clique em Introdução no cartão Adobe Express.

Adobe Express

Agora você está conectado ao Adobe Express.

Adobe Express

1.4.1.2 Introdução a partir de um modelo de marca

No Adobe Express, vá para Marcas. A biblioteca de modelos de marca provavelmente está vazia no momento. O CitiSignal definiu um modelo de marca anteriormente e agora você deve reutilizar esse modelo existente.

Adobe Express

Para fazer isso, vá para https://www.adobe.com/files/link/1c2f92cf-17bc-4d11-6031-dbd251e6cb57.

Você deverá ver isso. Clique nos 3 pontos .

Adobe Express

Selecione Fazer uma cópia.

Adobe Express

Após cerca de um minuto, você deve ver uma mensagem confirmando que fez uma cópia pessoal do modelo de marca.

Adobe Express

Retorne ao Adobe Express, às Marcas e atualize a página. Agora você deve ver o modelo de marca CitiSignal (Telco). Clique para abrir o modelo de marca CitiSignal (Telco).

Adobe Express

Em seguida, você deve ver uma biblioteca de ativos, como logotipos, fontes, cores, modelos etc.

Adobe Express

Vá para Modelos Expressos e clique para abrir o modelo Variações de Banner.

Adobe Express

Clique em Iniciar um novo arquivo.

Adobe Express

Você deverá ver isso.

Adobe Express

Clique na caixa de texto que diz Trade-up e Salvar. Em seguida, selecione Reescrever, escolha um estilo e clique em Gerar.

Adobe Express

Escolha uma variação e clique em Substituir.

Adobe Express

Em seguida, você deverá ver o texto atualizado.

Adobe Express

Em seguida, clique no texto MAIS DETALHES.

Adobe Express

Selecione Efeitos.

Adobe Express

Vá para Forma e clique em Exibir tudo.

Adobe Express

Clique no botão finetune. Altere o Tamanho da forma e clique no botão de cor.

Adobe Express

Altere a cor escolhendo outra cor do tema de cores CitiSignal.

Adobe Express

Você deverá ver o botão alterado.

Adobe Express

Em seguida, vá para Marcas e clique em Aplicar Marca. Em seguida, você verá a aparência da alteração da imagem.

Adobe Express

Observe que você também pode detalhar as configurações de Aplicar marca clicando no ícone de engrenagem.

Adobe Express

Em seguida, clique nos 3 pontos na imagem em que você está trabalhando e clique em Duplicar.

Adobe Express

Você deverá ver uma imagem nova e idêntica. Clique na camada de plano de fundo no lado direito da tela.

Adobe Express

IMPORTANT
Para concluir este exercício, você precisa ter acesso a um ambiente de trabalho do AEM Assets CS Author. Se você seguir o exercício Adobe Experience Manager Cloud Service & Edge Delivery Services, terá acesso a esse ambiente.

Vá para Assets no menu esquerdo e selecione o repositório do AEM Assets CS que deve ser nomeado como --aepUserLdap-- - CitiSignal dev. Em seguida, vá para a pasta citisignal.

Adobe Express

Selecione a imagem homepage-hero-1.png. Você deverá ver a alteração da camada de plano de fundo.

Adobe Express

Selecione a caixa de texto conforme indicado e clique em Reescrever. Selecione Rephrase e, em seguida, selecione um estilo específico. Clique em Gerar.

Adobe Express

Selecione uma variante e clique em Substituir.

Adobe Express

Você deverá ver isso. Em seguida, clique nos 3 pontos na página na parte inferior da página e clique em Duplicar.

Adobe Express

Na imagem recém-criada, vá para media e clique em Gerar imagem.

Adobe Express

Selecione Paisagem (4:3).

Adobe Express

Insira o prompt laser beams running through space e clique em Gerar.

Adobe Express

Em seguida, você deverá ver uma imagem gerada pelo Adobe Firefly. Observe que a camada na qual a imagem foi gerada está totalmente na parte superior.

Adobe Express

Mova para baixo a imagem recém-gerada e coloque-a apenas sobre a camada de plano de fundo anterior.

Adobe Express

Para remover a camada de plano de fundo antiga, clique nela e selecione Excluir.

Adobe Express

Ajuste a imagem para que ela cubra toda a tela.

Adobe Express

Selecione a caixa de texto Alternar e Salvar para alterar a cor da fonte para branco.

Adobe Express

Alterar a cor da fonte para branco.

Adobe Express

Selecione a outra caixa de texto para também alterar a cor da fonte para branco.

Adobe Express

Alterar a cor da fonte para branco.

Adobe Express

Em seguida, clique em Redimensionar e insira uma resolução personalizada de 2600 x 1080. Verifique se a caixa de seleção de Expandir imagem está marcada. Clique em Redimensionar.

Adobe Express

Você deverá ver isso.

Adobe Express

Após alguns minutos, você verá algumas novas variações da imagem. Escolha um e clique em Manter.

Adobe Express

Você deverá ver isso.

Adobe Express

Mova e ajuste a imagem para que ela preencha o espaço disponível.

Adobe Express

Em seguida, clique em Traduzir.

Adobe Express

Escolha alguns idiomas, como francês, holandês e espanhol. Verifique se apenas a página específica em que você está trabalhando está selecionada, que neste caso é a Página 3. Clique em Converter.

Adobe Express

As traduções serão geradas.

Adobe Express

Você deverá ver várias novas páginas sendo criadas. Clique no ícone fechar.

Adobe Express

Verifique as traduções e altere-as se necessário, como neste exemplo, em que a tradução não é a ideal.

Adobe Express

Atualize o texto conforme necessário.

Adobe Express

Seus ativos estão prontos.

Adobe Express

Próximas etapas

Ir para Animação e Vídeo no Adobe Express

Voltar para Adobe Express e Adobe Experience Cloud

Voltar para Todos os Módulos

recommendation-more-help
4bbf020c-24db-4a43-b239-88fab142f02d