Home-theater-designers
Você pode fazer tantas coisas legais com Adobe Photoshop é difícil saber por onde começar. Neste artigo, mostramos como criar uma moldura de foto online usando o Photoshop. Um que você pode usar em sites e aplicativos, seja ao redor do seu avatar ou no cabeçalho do seu blog.
Etapa 1: configurar seu arquivo
Antes de iniciarmos este tutorial, você precisará conhecer os fundamentos da ferramenta Custom Shape. Para fazer isso, verifique nosso artigo detalhando como usar a ferramenta de forma personalizada no Photoshop .
Em seguida, abra o Photoshop para configurar seu documento. Para este tutorial, digamos que o porta-retratos que você está criando seja um avatar de mídia social. Os avatares geralmente têm dimensões iguais em todos os lados, independentemente de serem em forma de círculo ou quadrados.
Com isso em mente, defina o tamanho do documento para pelo menos 1000x1000 pixels, embora você possa ir maior. Essas dimensões servirão de guia para o porta-retratos.
Etapa 2: configurar sua ferramenta de forma personalizada
Depois que seu arquivo for configurado, crie uma nova camada em seu Camadas painel --- este é o lugar para onde sua moldura irá.
Em seguida, certifique-se de que seu Ferramenta de Forma Personalizada está ativo. Em seguida, verifique as cores do seu formato personalizado no Preencher e Golpe Seções.
No momento, tenho a paleta de cores padrão ativa. Não quero usar essas cores em meu porta-retratos, portanto, vou trocá-las.
Para trocar essas cores, vá para o seu Amostras painel. Clique no ícone do menu suspenso. Escolha uma paleta predefinida na lista de opções da Adobe.
Você também pode carregar uma paleta de cores personalizada, se já tiver criado uma. Se você ainda não fez um, confira nosso tutorial explicando como criar uma paleta de cores personalizada no Photoshop .
Agora que a nova paleta está carregada, volte para o seu Preencher e Golpe opções para sua ferramenta de formas personalizadas. Escolha as cores que deseja usar.
qual o melhor app para baixar musicas
Depois disso, vá para o seu Forma menu suspenso e escolha o design mais adequado para sua foto.
Para este tutorial, role para baixo até encontrar o círculo vazio e as formas quadradas. Escolha o círculo vazio para usar como moldura, visto aqui em vermelho.
Embora a Adobe tenha muitos quadros pré-construídos, eles são um pouco sofisticados para o nosso propósito. Este círculo deve fazer o truque.
Etapa 3: desenhe sua forma
Depois de escolher sua forma, clique e arraste o cursor pela página para criá-la.
Se você acidentalmente tirou sua imagem da página - como eu fiz - não se preocupe. Você pode usar o Ferramenta de Seleção de Caminho ou o Ferramenta Mover para centralizar seu quadro. Foi destacado aqui em vermelho.
Etapa 4: Aplicar um estilo de camada
Depois de centralizar o quadro, você pode querer aplicar um efeito a ele, para torná-lo mais '3D'.
Para fazer isso, vá para o seu Camada painel e clique duas vezes na camada que contém sua forma. Uma caixa aparecerá dizendo Estilo de Camada .
Debaixo Opções de mistura , Você vai ver Chanfro e relevo . Clique nesta opção para ativá-la e certifique-se de que a caixa de seleção ao lado do nome esteja preenchida.
Assim que a marca de seleção estiver ativa, você verá que sua moldura fotográfica adquiriu uma qualidade mais 3D.
Debaixo de Estrutura seção, você pode escolher que tipo de chanfro aplicar à sua forma, a profundidade do chanfro, o tamanho e quanto deseja suavizar suas bordas.
Debaixo Sombreamento , você poderá alterar a aparência dos destaques. Você pode alterar o ângulo em que a luz atinge o objeto e como a luz interage com o objeto também.
Depois de ter todas as configurações corrigidas de forma satisfatória, clique em OK .
Etapa 5: Rasterizar sua camada
Depois de terminar o bisel, você vai querer selecionar sua moldura para criar uma 'seleção de moldura'. Isso permitirá que você chame a 'forma' em uma data posterior e aplique facilmente um preenchimento de cor na forma dessa seleção - apenas em uma camada diferente.
Pense nisso como um atalho para a edição.
Quando você seleciona seu Varinha mágica , certifique-se de que sua imagem esteja definida para 16 bits . Você receberá um aviso do Photoshop se não for.
Se não estiver, clique em Imagem> Modo> 16 bits . Como você está trabalhando em camadas diferentes, o Photoshop perguntará se você deseja mesclar essas camadas ao reduzir a profundidade do documento.
Clique Não fundir . Você ainda quer essas camadas separadas.
Depois de alterar a profundidade da imagem, você ainda precisará 'rasterizar' a camada para usar a Varinha mágica. Isso significa que você está convertendo um gráfico vetorial em um baseado em pixels.
Para rasterizar sua camada, clique com o botão direito na camada que contém sua moldura e escolha Rasterizar estilo de camada .
Etapa 6: Faça uma seleção
Em seguida, volte para o seu Varinha mágica e selecione o espaço vazio dentro e fora do porta-retratos.
Quando essas duas áreas forem selecionadas, clique com o botão direito no espaço vazio e escolha Selecione inverso . O Photoshop selecionará a forma da sua moldura.
Isso pode parecer uma etapa complicada, mas há um bom motivo para fazer a seleção nesta ordem.
Se você tentar clicar em seu quadro 3D diretamente, o Photoshop selecionará apenas as cores com o mesmo valor e matiz - não tudo.
Com Selecione inverso , agora você tem uma seleção limpa de sua moldura.
Para salvar esta seleção para uso posterior, vá para a barra de menus na parte superior da sua área de trabalho. Clique Selecione> Salvar Seleção .
Dê à sua seleção um nome significativo e clique em OK .
Etapa 7: ajuste a cor
Agora que você criou seu porta-retratos online, você pode querer ajustar a cor dele.
Para ajustar a cor, vá para o seu Camadas painel e crie uma nova camada no topo da camada que contém a moldura da imagem. Então clique Selecione> Carregar Seleção .
De Canal lista suspensa, escolha a seleção que você fez do seu porta-retratos.
Assim que a seleção estiver ativa, vá para o seu Balde de tinta ou Gradiente ferramenta e aplique um pouco de cor a essa camada. Ele ficará dentro dos limites dessa seleção.
você pode usar fones de ouvido sem fio no Xbox One
Depois de definir sua cor, você vai querer que ela interaja com o quadro de imagem abaixo dela.
Para fazer isso, clique no Modo de mesclagem menu suspenso em seu Camadas painel. Escolha um efeito.
Como você pode ver, esse efeito ilumina meu quadro ao mesmo tempo em que capta os tons claros e escuros do bisel 3D abaixo.
Etapa 8: adicione sua foto
Depois de concluir o quadro de imagem, provavelmente você desejará colocar uma imagem dentro dele. Para demonstrar essa parte, usei uma foto minha.
Para trazer esta foto para o seu quadro, selecione o Mover , clique e arraste a foto da cabeça para a guia de arquivo do porta-retratos na parte superior. Eu destaquei a guia em vermelho.
Depois de arrastar o headshot para a guia, o Photoshop trará o headshot para a área de trabalho do seu quadro de imagem.
Libere o arquivo. O Photoshop colocará automaticamente o headshot em uma nova camada em seu Camadas painel.
Assim que o headshot estiver em uma nova camada, mova essa camada do headshot para baixo da camada da moldura da imagem. A moldura precisa estar visível na parte superior.
Se necessário, ajuste a foto da cabeça para caber melhor no quadro, indo Editar> Transformação Livre . Arraste os pontos de ancoragem para dentro para torná-los menores.
Em seguida, vá para a camada da moldura da imagem. Ative o seu Varinha mágica ferramenta e, em seguida, selecione o espaço ao redor da parte externa do quadro.
Uma vez que a área fora de seu quadro for selecionada, volte para a camada de headshot. Vá para o menu na parte superior da tela e clique em Editar> Cortar.
Isso removerá rapidamente o resto da imagem fora do quadro, criando aquele efeito de 'imagem'.
Etapa 9: salve seu arquivo para a web
Agora que sua foto foi inserida e o porta-retratos concluído, você está pronto para salvar.
Antes de salvar, certifique-se de que a camada de fundo do arquivo esteja desativada. A moldura da imagem é redonda e haverá alguma transparência em torno dela. Se você mantiver essa camada de fundo ativada, essa transparência não terá efeito.
Depois que o plano de fundo for desligado, vá para Arquivo> Exportar> Salvar para a web (herdado) . Salve seu arquivo como PNG. E aí está. Você Terminou.
Personalizando sua presença online
Agora que você sabe como criar um porta-retratos digital, pode usá-lo para personalizar sua presença online, oferecendo uma aparência consistente em vários sites e aplicativos.
No entanto, não pare de estudar Photoshop por aí. Recomendamos aprender como criar um gradiente personalizado usando o Photoshop próximo.
Compartilhado Compartilhado Tweet O email Veja por que o FBI emitiu um aviso para Hive RansomwareO FBI emitiu um alerta sobre uma cepa particularmente desagradável de ransomware. Veja por que você precisa ser especialmente cauteloso com o ransomware Hive.
o controlador não se conecta ao xbox umLeia a seguir Tópicos relacionados
- Criativo
- Compartilhamento de foto
- Adobe Photoshop
- Projeto
- Tutorial de Photoshop
Shianne é bacharel em design e possui experiência em podcasting. Agora, ela trabalha como redatora sênior e ilustradora 2D. Ela cobre tecnologia criativa, entretenimento e produtividade para MakeUseOf.
Mais de Shianne EdelmayerAssine a nossa newsletter
Junte-se ao nosso boletim informativo para dicas de tecnologia, análises, e-books grátis e ofertas exclusivas!
Clique aqui para se inscrever