Como personalizar um modelo do Photoshop

• Abril 24, 2024

Neste tutorial do Photoshop CC, aprenderemos como personalizar um modelo predefinido do Photoshop. Seja um modelo animado ou não, começar com um modelo pode economizar muito tempo. Ao usar um modelo do Photoshop para seus projetos de design, todo o trabalho de design é feito para você e você só precisa substituir os elementos genéricos de design, chamados espaços reservados, com seu vídeo, texto, gráficos ou fotos personalizados.

Com o aumento da popularidade de gifs e vídeos animados, você pode usar um modelo de animação predefinido para adicionar animação ao seu site e sites sociais. Por exemplo, você pode postar um vídeo em suas postagens ou histórias do Instagram e fazer upload de um vídeo como sua capa do Facebook. Você ficará surpreso com o que pode criar com a animação da Linha de tempo do Photoshop.

Existem muitos lugares na Web que oferecem modelos predefinidos do Photoshop e é fácil personalizá-los para suas necessidades específicas. Vamos dar uma olhada em como substituir alguns dos espaços reservados de modelos genéricos pelo seu próprio conteúdo.

Fontes

A primeira coisa que você pode ver quando abre o modelo no Photoshop é a mensagem sobre fontes ausentes (veja a captura de tela). Obviamente, se você já possui as fontes usadas no modelo instalado em sua máquina, não receberá esta mensagem. A maioria das fontes usadas nos modelos de design é gratuita e há muitos lugares com fontes gratuitas. Se você não deseja instalar as fontes ausentes, o Photoshop escolherá automaticamente a melhor fonte de substituição.

A Adobe adicionou um novo livre Associação à Creative Cloud, que inclui o uso ilimitado das fontes na biblioteca Básica. Nos meus modelos, gosto de usar essas fontes da Adobe, pois elas estão disponíveis para a inscrição no Adobe ID gratuito, são fáceis de sincronizar e os termos de uso são muito claros para uso pessoal e comercial. Depois de sincronizar as fontes ausentes, elas serão associadas ao seu ID da Adobe e estarão disponíveis para qualquer software da Adobe.

Formas ao vivo

Algumas camadas contêm objetos vetoriais, chamados Formas ao vivo em um modelo do Photoshop e pode ser reconhecido pelo pequeno ícone no canto inferior direito da miniatura da camada (veja a captura de tela). Geralmente, essas formas têm uma cor padrão e você pode alterá-la para atender às suas necessidades. Clicar na miniatura abrirá o Seletor de cores. Basta usar os controles ou digite o código de cores para definir uma nova cor.

Estilos de camada

Os estilos de camada podem ser aplicados a praticamente qualquer tipo de camada no Photoshop. Você reconhecerá essas camadas no ícone fx à direita do nome da camada (veja a captura de tela).

Para editar os estilos de camada, clique duas vezes na camada para abrir a janela Estilos de camada. Como você pode ver (veja a captura de tela), você pode alterar a cor, o padrão ou a sobreposição de gradiente do objeto, bem como aplicar sombra interna, brilho externo, sombra projetada e muito mais.

Objetos inteligentes

Existem vários usos para o Photoshop Smart Objects em modelos de design, com fotos e vídeos os mais comuns. Além disso, os Smart Objects podem ser espaços reservados para logotipos e outros gráficos que você deseja substituir por sua própria marca. Você reconhecerá esses objetos inteligentes pelo pequeno ícone no canto inferior direito da miniatura da camada (veja a captura de tela). Esses objetos inteligentes podem ter filtros inteligentes ou outras camadas de ajuste anexadas.

O designer do modelo geralmente fornece instruções sobre a finalidade do Objeto Inteligente. Por exemplo, se uma foto estiver contida em um Objeto Inteligente, as instruções podem estar no nome da camada, como [imagem de fundo aqui]. Depois de clicar duas vezes na miniatura da camada, o Objeto Inteligente será aberto em um novo arquivo temporário .psb (veja a captura de tela). Você editará o conteúdo do Objeto Inteligente neste arquivo temporário. O método mais fácil é copiar e colar o novo conteúdo no arquivo temporário ou arrastar / soltar o conteúdo no Photoshop na área de trabalho ou na pasta. Depois de salvar o arquivo temporário e voltar ao modelo, você verá o Objeto Inteligente atualizado.

As dimensões do arquivo temporário serão as mesmas do tamanho do Objeto Inteligente no modelo. Se o conteúdo de substituição não tiver as mesmas dimensões, você poderá redimensionar e alterar a posição do conteúdo dentro da camada Objeto Inteligente.

Você pode optar por substituir a imagem do espaço reservado para Objeto Inteligente por um preenchimento de cor. No menu superior, clique em Editar - Preencher e defina o conteúdo como Cor na janela Preenchimento (veja a captura de tela). Quando o Seletor de cores for aberto, escolha uma cor.

Alguns objetos inteligentes são vinculados e, quando você substitui o espaço reservado por seu próprio conteúdo para um objeto inteligente, todos os outros objetos inteligentes atualizados são atualizados. Obviamente, você só precisa editar um dos objetos inteligentes vinculados. Para evitar confusão, defino o nome da camada como [Não edite] para todos, exceto um dos objetos inteligentes vinculados.

Camadas de texto

As camadas de texto contêm objetos de texto. Obviamente, você desejará alterar o texto do espaço reservado com suas próprias informações. Você reconhecerá essas camadas pelo ícone T à esquerda do nome da camada (veja a captura de tela).

Geralmente, o nome da camada indica o tipo de informação necessária, como [nome da empresa aqui]. Clique duas vezes no ícone T para selecionar a caixa de texto no documento. Clique na caixa de texto para alterar as palavras no documento. Você também pode editar a fonte, o estilo da fonte, o tamanho da fonte e muitas outras opções na janela Caractere (veja a captura de tela).

Exportação

Se o modelo não for animado, você geralmente exportará o modelo como .gif, .png ou .jpg, dependendo da finalidade do modelo. Se o modelo for animado, você desejará exportar como um vídeo .mp4 ou .gif animado para a web.

Exportar vídeo

Para exportar ou renderizar o modelo como um vídeo .mp4, clique em Arquivo - Exportar - Renderizar vídeo (veja a captura de tela). Na janela Render Video (veja a captura de tela), atribua um nome ao seu arquivo e escolha um local para salvar. Defina o formato como H.264, que renderizará automaticamente o vídeo no formato .mp4. Defina o intervalo como Todos os quadros e clique Render. Depois que o modelo for renderizado, você poderá ver o vídeo no QuickTime.

Salvar como GIF animado

Para salvar o modelo como um gif animado, clique em Arquivo - Exportar - Salvar para a Web (veja a captura de tela). Na janela Salvar para a Web (veja a captura de tela), defina o tipo de arquivo como GIF e opções de loop para Para sempre. Mantenha as outras configurações padrão e clique em Salve . Para visualizar o gif, abra-o em um navegador da web.

Trabalhando com Animação

Para a maioria dos modelos animados, alguns dos elementos de design, como fotos, que precisam ser editados, estarão visíveis apenas para partes da animação inteira. Para ver esses objetos que você deseja editar, basta mover o Playhead pela Linha do tempo até que os objetos fiquem visíveis.

A maioria dos objetos animados é projetada para se mover dentro de uma área específica da cena. Se você mover ou redimensionar esses objetos, a animação poderá ser interrompida. Portanto, faça alterações nos objetos animados apenas se estiver familiarizado com a animação do Photoshop.

Ao substituir o conteúdo do espaço reservado por seu próprio conteúdo para um Objeto inteligente animado, você precisará executar uma etapa extra. Se a Linha do tempo não estiver aberta, clique em Janela - Linha do tempo. Por padrão, o novo conteúdo termina em 5 segundos na Linha do tempo. Precisamos que ele se estenda até o final da animação. Então, arraste a borda direita da trilha para expandir a Linha do tempo inteira (veja a captura de tela).

Benefícios de uma associação gratuita à Creative Cloud
//helpx.adobe.com/creative-cloud/help/benefits-creative-cloud-free-membership.html

Bem-vindo ao Adobe Fonts
//fonts.adobe.com/about

Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram impressas com permissão da Adobe Systems Incorporated. Adobe, Photoshop é / são marcas comerciais registradas ou marcas comerciais da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Instruções De Vídeo: PHOTOSHOP CC (COMO CRIAR UMA ESTAMPA REALISTA) (Abril 2024).