Criar um modelo
Para criar um modelo, vá para Build > Template Basics. Selecione Designer ou Desenvolvedor. Nessa página, é possível adicionar camadas de imagem e texto. Também é possível reordenar camadas, alterar o tamanho e a posição das camadas e aplicar efeitos de sombra e brilho a imagens e texto.
Veja também o vídeo de treinamento Noções básicas do modelo.
&allowCanvasPrompt e &layer=0 na URL e pressione Enter ou Return.Criar o modelo inicial creating-the-initial-template
Ao criar um conjunto de modelos, a opção Publish after a save afeta o conjunto e os membros do conjunto das seguintes maneiras:
Consulte também Publicar ativos manualmente e Cancelar a publicação manual de ativos.
Você pode criar um template a partir de um template existente. Abra o modelo, selecione Save As e digite um novo nome na caixa de diálogo Salvar Como.
Para criar o modelo inicial:
-
Para criar o template inicial, use um dos seguintes métodos:
-
Selecione o(s) PSD ou as imagens primeiro: no painel Procurar, selecione o(s) arquivo(s) de PSD que deseja para o modelo, vá para Build > Template Basics.
-
Iniciar na tela Modelo: Ir para Build > Template Basics. Selecione Designer ou Desenvolvedor.
-
-
Na caixa de diálogo Inserir Tamanho da Tela de Pintura, insira as medidas de largura e altura do seu modelo.
-
Selecione uma pasta na Biblioteca de ativos e arraste o arquivo PSD ou as imagens desejadas para o modelo na tela Modelo.
-
Quando terminar, próximo ao canto inferior direito da página, verifique se Publish after a save está selecionado (padrão).
-
Selecione Save.
-
Selecione uma pasta para armazenar o modelo, digite um nome para o modelo e selecione Submit.
O Adobe Dynamic Media Classic reduz as imagens, se necessário, para ajustá-las à tela, que é a área na tela Modelo para definição do modelo.
Editar um conjunto de modelos editing-a-template-set
Se você editar um conjunto publicado ou um conjunto de modelos não publicado, a opção Publish after a save afetará o conjunto e os membros do conjunto das seguintes maneiras:
Consulte também Publicar ativos manualmente e Cancelar a publicação manual de ativos.
Para editar um conjunto de modelos:
- Na Exibição de Grade, navegue até um Conjunto de Modelos e, abaixo da imagem, selecione Edit.
- Altere o template conforme necessário.
- Quando você terminar a edição, próximo ao canto inferior direito da página, verifique se Publish after a save está selecionado (padrão).
- Selecione Save, selecione uma pasta de armazenamento, insira um nome para o conjunto e selecione Save.
Excluir um modelo
Quando você exclui um Conjunto de modelos, o conjunto em si é movido para a Lixeira. No entanto, os membros (ou "filhos") dentro desse conjunto não são afetados; em vez disso, cada um retém seu estado publicado ou não publicado existente.
Consulte também Publicar ativos manualmente e Cancelar a publicação manual de ativos.
Para excluir um Modelo:
- Na Exibição em Grade, Exibição em Lista ou Exibição de Detalhes, selecione um ou mais Modelos.
- Na Barra de Navegação Global, vá para File > Delete > Delete.
Compreender a tela Modelo understanding-the-template-screen
A tela Modelo oferece ferramentas para manipular e parametrizar camadas.
Use estas ferramentas na tela Modelo para criar modelos:
-
Pan: Permite selecionar camadas, movê-las ao redor da tela, redimensioná-las ou girá-las.
-
Text: cria uma camada de texto. Arraste na tela de desenho para criar uma camada de texto e, em seguida, insira o texto na camada. Consulte Criando uma camada de texto.
-
Preview: Abre a tela de Visualização e mostra o modelo em um Visualizador de Zoom. Você vê a aparência do modelo para os usuários no seu site ou aplicativo.
-
Parameter Summary Abre a tela Resumo de Parâmetros. Você pode ver o nome de cada camada em um modelo e, em cada camada, os nomes dos parâmetros que foram ativados.
-
Text Editor v4.3 and Text Editor v4.2: Use o Editor de Texto mais recente e completo. Você pode optar por usar o Editor de texto v4.3 ou o Editor de texto anterior, Editor de texto v4.2. Ao criar modelos, o Editor de texto v4.3 é selecionado por padrão. Ao editar modelos mais antigos, o Editor de texto v4.2 é selecionado por padrão. No momento, o Editor de texto v4.3 não é compatível com quebra automática de linha. Portanto, ao editar modelos mais antigos que usam quebra automática de linha, use o Editor de texto v4.2 para manter a fidelidade do modelo totalmente intacta. Se o modelo mais antigo não usar quebra automática de linha, você poderá escolher o Editor de texto v4.3 para aproveitar os vários recursos novos que ele oferece. Por exemplo, Aumentar Margens, Diminuir Margens, Definir Texto em Todas as Maiúsculas e Copiar Ajustar Texto.
note note NOTE A remoção do Editor de texto v4.2 está planejada como uma opção no Adobe Dynamic Media Classic. É recomendável usar o Editor de texto 4.3 quando possível. A opção Word Wrap será incorporada em uma versão futura do Editor de Texto. -
Designer and Developer: Selecione a opção que melhor descreve sua função.
-
Canvas: Define a área total disponível, em pixels, para definir seu modelo. O tamanho padrão é 300 × 300 pixels. As camadas são colocadas na tela de desenho.
-
Layers list: Lista o nome das camadas no modelo. Para selecionar uma camada, selecione seu nome na lista Camadas. A lista Camadas oferece ferramentas para adicionar efeitos a camadas, excluir camadas, reordenar camadas e parametrizar camadas. Consulte Trabalhar com camadas.
-
Layer Properties area: esta área oferece ferramentas para alterar a cor, a opacidade, o tamanho e a posição do plano de fundo de uma camada. Também é possível alterar a cor, a opacidade e o tamanho da tela de fundo. Também é possível ajustar efeitos de sombra e brilho. Consulte Trabalhar com camadas.
Criar camadas de imagem creating-image-layers
-
Arraste a imagem da Biblioteca de ativos para a tela.
O nome da ID da imagem aparece na lista Camadas.
note note NOTE Se necessário, o Adobe Dynamic Media Classic reduz as imagens para ajustá-las à tela ao criar uma camada de imagem.
Criar uma camada de texto creating-a-text-layer
-
Selecione a ferramenta Text.
-
Arraste para criar uma caixa de texto na tela ou em uma imagem.
-
Na tela de Texto que é aberta, adicione o texto seguindo um destes procedimentos na guia Preview:
- Digite texto na caixa de texto. Escolha 'Copiar texto de ajuste' para ajustar o texto à caixa de texto.
- Cole o texto da Área de Transferência na caixa de texto.
-
Selecione Apply e feche a tela Texto.
Formatar texto format-text
Para formatar o texto em uma camada de texto, faça o seguinte:
-
Na lista Camadas, clique duas vezes no nome da caixa de texto com o texto que deseja editar. O Editor de texto se abre.
-
Na caixa de texto do Editor de texto, selecione o texto que deseja formatar. Você pode selecionar todo o texto, partes do texto ou caracteres individuais.
-
Especifique qualquer uma das opções de formatação a seguir e selecione Apply.
-
Font: Escolha uma fonte no menu Fonte. Se uma fonte desejada não for exibida no menu, você poderá carregá-la na Adobe Dynamic Media Classic. Consulte Fontes.
-
Font Size: Escolha um tamanho de fonte no menu, digite um tamanho específico na caixa ou selecione as setas Up ou Down para aumentar ou diminuir o tamanho em dois pontos.
-
Color: Selecione para escolher uma cor para o texto.
-
Bold, Italic ou Underline: Selecione o texto e o ícone do tipo de formatação que deseja aplicar ao texto.
-
All Caps, Superscript ou Subscript: Selecione o texto e o ícone do tipo de formatação que deseja aplicar ao texto.
-
Alignment: Escolha um botão Alinhamento para alinhar à esquerda, centralizar ou alinhar à direita o texto na camada de texto.
-
Tracking: Digite ou selecione um valor numérico pelo qual ajustar a quantidade de espaço entre palavras.
-
Kerning: digite ou selecione um valor numérico pelo qual ajustar a quantidade de espaço entre caracteres.
-
Line Spacing: Digite ou selecione um valor numérico pelo qual ajustar a quantidade de espaço entre linhas.
-
Baseline Shift: Digite ou selecione um valor numérico pelo qual mover um caractere selecionado para cima ou para baixo em relação à linha de base do texto ao redor. Essa opção é especialmente útil quando você está ajustando manualmente frações ou ajustando a posição de gráficos incorporados.
-
Formatar parágrafos format-paragraphs
-
Na lista Camadas, clique duas vezes no nome da caixa de texto com o texto que deseja editar. O Editor de texto se abre.
-
Selecione o parágrafo que deseja formatar.
-
Especifique qualquer uma das opções de formatação a seguir e selecione Apply.
-
Alignment: Especifique o tipo de alinhamento clicando em Align left, Align center, Align right ou Justify.
-
End of Paragraph Justification: selecione para especificar o tipo de justificativa para a última linha do parágrafo: a última linha se alinha à esquerda; a última linha se alinha ao centro; e a última linha se alinha à direita.
-
Line Spacing: Digite ou selecione um valor numérico pelo qual ajustar a quantidade de espaço entre todas as linhas no parágrafo.
-
Indent All: selecione para aumentar a quantidade de recuo do texto.
-
Remove Indent: selecione para diminuir a quantidade de recuo do texto.
-
Indent First Line: especifique a quantidade pela qual deseja recuar a primeira linha do texto.
-
Space Before Paragraph: especifique a quantidade de espaço que você deseja exibir acima da primeira linha do texto no parágrafo.
-
Space After Paragraph: especifique a quantidade de espaço que você deseja que apareça abaixo da última linha do texto no parágrafo.
-
Vertical Align: Selecione onde deseja que o texto apareça verticalmente na caixa de texto: Superior, Meio, Inferior.
-
Text Direction: Selecione a direção na qual deseja exibir o texto: Da Direita para a Esquerda ou Da Esquerda para a Direita.
-
Ajustar propriedades da camada de texto adjust-text-layer-properties
-
Na tela Noções básicas do modelo, selecione a caixa de texto que deseja ajustar.
-
No painel Propriedades da camada, selecione qualquer uma das seguintes opções:
-
Shrink Text (Text Editor v4.2 only): Selecione esta opção para reduzir o texto de forma que ele se ajuste à caixa de texto.
-
Word Wrap (Text Editor v4.2 only): Para especificar se ou como o texto é quebrado, selecione uma opção de quebra automática:
-
Wrap: envolve o texto para ajustá-lo em uma caixa de texto muito pequena horizontalmente.
-
No Wrap: Não quebra o texto automaticamente quando a caixa de texto é muito pequena horizontalmente e, em vez disso, corta uma parte do texto.
-
Nonbreaking Wrap: Quebra o texto para ajustá-lo em uma caixa de texto e não quebra as palavras.
-
Position: Especifica o local da caixa de texto na tela.
-
Padding: Adiciona margens ou recorta o retângulo da camada. Especifique o número de pixels que deseja adicionar ou remover para Esquerda, Superior, Inferior e Direito. Insira números positivos se quiser adicionar uma margem ou números negativos ao corte.
-
Exibir e editar o código-fonte do texto view-and-edit-text-source-code
As informações fornecidas na guia Source do Editor de texto são para sua referência. Edite o texto somente se estiver familiarizado com a edição do código-fonte.
-
Na lista Camadas, clique duas vezes no nome da caixa de texto com o texto que deseja editar. O Editor de texto se abre.
-
No Editor de Texto, para revelar o código-fonte do texto, selecione a guia Source no Editor de Texto.
-
Exiba ou edite o texto conforme desejado.
As alterações permanecerão intactas se você alternar entre as visualizações de Visualização e Source.
-
Selecione Apply para renderizar as edições.
Trabalhar com camadas working-with-layers
Use a lista Camadas e a área Propriedades da camada para trabalhar com camadas. É possível reordenar camadas, alterar seu tamanho e posição, girar camadas e determinar a cor do plano de fundo, a cor do primeiro plano, a opacidade e o modo de mesclagem de uma camada.
Também é possível alterar o tamanho da tela de desenho, escolher sua cor de fundo e alterar sua configuração de opacidade.
Reordenar camadas reordering-layers
A alteração da ordem das camadas pode afetar a aparência, especialmente quando há envolvimento de transparência ou superimposição. Certifique-se de visualizar o resultado antes de confirmar as alterações.
-
Use uma destas técnicas para reordenar as camadas em um modelo:
- Selecione uma camada na lista Camadas. Em seguida, selecione Up ou Down quantas vezes forem necessárias para colocá-lo na posição correta da lista.
- Arraste uma camada para cima ou para baixo na lista Camadas.
Alteração do tamanho e da posição das camadas e da tela de desenho changing-the-size-and-position-of-layers-and-the-canvas
As camadas devem ser pequenas o suficiente para caber na tela de desenho. É possível alterar o tamanho de uma camada ou da tela de desenho manualmente ou inserindo medidas de tamanho. É possível alterar a posição de uma camada manualmente ou inserindo medidas de deslocamento. Também é possível girar uma camada.
-
Alteração do tamanho de uma camada: para alterar o tamanho de uma camada ou tela de desenho, selecione a camada ou tela de desenho na lista Camadas e use uma destas técnicas:
-
Alterando manualmente o tamanho: selecione e arraste um canto da camada ou tela de desenho. Com camadas de texto, também é possível arrastar um lado da camada. Mantenha pressionada a tecla Shift enquanto arrasta para alterar o tamanho, mas manter a proporção (a forma).
-
Inserindo medidas de tamanho de camada: insira medidas de pixel nas caixas de texto L (Largura) e A (Altura) na área Propriedades da Camada.
Além de alterar o tamanho de uma camada, você pode preenchê-la. Para fazer isso, insira uma medida de Preenchimento na caixa Esquerda, Direita, Superior e Inferior da área Propriedades da camada. O preenchimento adiciona uma margem à camada atual para deslocá-la do perímetro de sua camada base. O preenchimento é útil se você adicionar um efeito de sombra projetada ou brilho externo e quiser tornar o efeito mais visível. O preenchimento aumenta o tamanho de uma camada e exibe sua cor de fundo na área estendida e preenchida. A camada base se reposiciona em relação ao novo tamanho da camada. Por exemplo, se a camada atual estiver centralizada na camada base, estender o lado esquerdo da camada a moverá mais para a direita da camada base.
-
Alteração da posição de uma camada: para alterar a posição de uma camada na tela de desenho, selecione seu nome na lista Camadas e use uma destas técnicas:
-
Alterando manualmente a posição: mova o ponteiro para perto de, mas não acima de um limite de camada e, quando você vir o cursor de seta de quatro pontas, selecione e comece a arrastar.
-
Inserindo medidas de deslocamento de posição: insira medidas de deslocamento X e Y nas caixas de texto X e Y. Essas medidas representam o deslocamento x e y do ponto de ancoragem em pixels.
-
Girando uma camada: a caixa Girar lista o ângulo em que a camada foi girada. Para girar uma camada, selecione seu nome na lista Camadas e use uma destas técnicas:
-
Girando manualmente: mova o cursor para perto, mas não sobre um canto da camada. Ao ver o cursor de rotação, arraste o canto da camada. Mantenha pressionada a tecla Shift enquanto arrasta para girar em incrementos de 15 graus.
-
Inserindo uma medida de grau: insira o número de graus para girar a camada. A rotação é no sentido horário; para girar no sentido anti-horário, insira um número negativo.
Ocultar uma camada ou um efeito de camada:
Você pode ocultar uma camada ou um efeito de camada selecionando o ícone de olho ao lado do nome de uma camada ou do nome de um efeito. Camadas ocultas não aparecem em visualizações ou saída. As informações da camada não são excluídas do URL. Em vez disso, hide=1 é adicionado à URL para observar que a camada está oculta na exibição. Por exemplo:
layer=5&src=is{PortalCo/title}&pos=274,192&effect=-1&.effect=Drop Shadow&blendmode
layer=5&src=is{PortalCo/title}&pos=274,192&hide=1&effect=-1&.effect=Drop Shadow&blendmode
Determine a cor do plano de fundo, a opacidade e o modo de mesclagem
Para escolher uma cor de plano de fundo, opacidade e modo de mesclagem para uma camada ou tela de desenho, selecione a camada ou tela de desenho e use estas técnicas:
-
Cor do primeiro plano: selecione Foreground Color e escolha uma amostra de cor para alterar a cor da sombra ou do brilho. Você também pode inserir um parâmetro de valor de cor na caixa. A cor do plano de fundo se aplica somente às camadas que usam transparência. Por exemplo, ela se aplica a uma camada parcialmente transparente em uma etiqueta de preço ou ao plano de fundo de um campo de texto. Camadas que consistem em uma imagem PSD, TIFF ou PNG com transparência ativada podem ter planos de fundo transparentes.
-
Cor do plano de fundo: selecione Background Color e escolha uma amostra de cor para alterar a cor das áreas preenchidas.
-
Opacidade: arraste o controle deslizante de Opacidade para tornar qualquer camada translúcida de forma que parte da imagem subjacente seja exibida. A configuração de 100% é opaca; 0 é transparente.
-
Modo de mesclagem: para simular um dos modos de mesclagem disponíveis no Photoshop, escolha uma opção. As opções são Normal, Dissolver, Clarear, Escurecer, Multiplicar e Tela. Essas opções estão disponíveis para camadas, não para a tela de desenho.
Usar efeitos de sombra e brilho em camadas using-shadow-and-glow-effects-on-layers
É possível aplicar sombra ou brilho a uma camada. A sombra ou o brilho se aplica ao perímetro da camada e se estende para dentro ou para fora, dependendo da opção de sombra ou brilho escolhida. Se o modelo tiver sido originado com um arquivo PSD com efeitos de sombra e brilho, é possível ajustar esses efeitos no Adobe Dynamic Media Classic.
Depois de aplicar um efeito de sombra ou brilho, é possível ajustar seu tamanho, cor, opacidade e posição na área Propriedades da camada da tela Modelo.
Aplicar um efeito de sombra ou brilho a uma camada applying-a-shadow-or-glow-effect-to-a-layer
-
Selecione uma camada na lista Camadas.
-
Selecione o menu
Add Effecte escolha uma opção:-
Drop Shadow: Aplica uma sombra aos lados inferior e direito da camada.
-
Inner Shadow: Aplica um efeito de sombra dentro de todas as bordas da camada.
-
Outer Glow: aplica um efeito de brilho em todas as bordas da camada.
-
Inner Glow: aplica um efeito de brilho dentro de todas as bordas da camada.
-
Um nome de efeito é exibido na lista Camadas depois de aplicar um efeito. Para excluir um efeito, selecione seu nome na lista Camadas e selecione Delete.
Ajustar um efeito de sombra ou brilho adjusting-a-shadow-or-glow-effect
Para ajustar um efeito de sombra ou brilho, comece selecionando seu nome na lista Camadas. Em seguida, altere suas configurações na área Propriedades de camada da tela Modelo:
-
Color: Selecione o botão Cor e escolha uma amostra de cor para alterar a cor da sombra ou do brilho. Você também pode inserir um parâmetro de valor de cor na caixa.
-
Opacity: arraste o controle deslizante para determinar a intensidade do efeito. Efeitos menos opacos são mais transparentes.
-
Blend Mode: para simular um dos modos de mesclagem disponíveis no Photoshop, escolha uma opção. As opções são Normal, Dissolver, Clarear, Escurecer, Multiplicar e Tela.
-
Size: Insira medidas nas caixas X e Y para aumentar ou diminuir o efeito de sombra. As opções de tamanho só estão disponíveis para sombras internas e sombras projetadas.
-
Grow: Arraste o controle deslizante para estender o efeito para dentro ou para fora.
-
Blur: Arraste o controle deslizante para controlar a difusão nas bordas do efeito. Efeitos com mais desfoque são mais emplumados.
Mascarar camadas masking-layers
A lista Camadas oferece um botão Máscara que especifica como a máscara ou o canal alfa de uma camada é usado. Usando o botão Máscara, é possível aplicar o efeito de uma camada de plano de fundo a uma camada específica ou a toda a camada pai no modelo. Selecione uma camada na lista Camadas e selecione Mask para percorrer estes estados:
- O plano de fundo da camada é opaco.
- O conteúdo da camada é invertido e o plano de fundo da camada é preenchido com preto sólido.
- O plano de fundo da camada é preenchido com preto sólido.