se você deseja apimentar seu logotipo, adicionar um contorno no Photoshop é uma ótima maneira de fazer isso! A grande coisa sobre delinear gráficos é que você pode transformar seu logotipo em apenas um esboço ou adicionar uma borda ao seu logotipo existente. Com tantos estilos para escolher, você pode encontrar o contorno perfeito para o seu logotipo com facilidade. Agora, embora abordemos algumas formas mais técnicas de delinear um logotipo, aqui está a maneira mais fácil de fazer as coisas se você quiser um método rápido e fácil.
para delinear um logotipo no Photoshop, primeiro, certifique-se de que o logotipo tenha um fundo transparente e clique duas vezes na camada do logotipo para abrir os estilos da camada. Nos estilos de camada, defina o estilo como traçado, defina o preenchimento de traçado como “cor sólida” e ajuste a largura conforme necessário. Agora você delineou seu logotipo!
ao longo deste tutorial, você aprenderá tudo o que há para saber sobre como delinear um logotipo no Photoshop. De cores sólidas, logotipos exclusivos de contornos, contornos gradientes e muito mais, seu logotipo ficará mais elegante do que nunca com essas dicas.
como delinear um logotipo no Photoshop
vamos primeiro começar com o tipo mais básico de contorno do logotipo no Photoshop.
Passo 1: Crie uma seleção do seu logotipo
se o seu logotipo estiver na mesma camada de uma imagem ou tiver um fundo branco, você precisará removê-lo para que isso funcione. Existem muitas maneiras de criar uma seleção do seu logotipo, mas o que eu recomendo é a ferramenta Varinha Mágica.
para selecionar a ferramenta Varinha Mágica, pressione W no teclado ou localize-o na barra de ferramentas.
uma vez ativo, vá para a barra de Configurações superior e defina o tamanho da amostra para 5 por 5 Média, a tolerância para 25 e marque anti-alias. Se você quiser saber o propósito por trás de cada uma dessas configurações, confira este tutorial em vídeo.
com as configurações da varinha mágica em ordem, verifique se a camada do logotipo está selecionada e clique no logotipo na tela para selecioná-la. A ferramenta Varinha Mágica selecionará todas as cores semelhantes à sua amostra, que neste caso é o seu logotipo.
se o seu logotipo tiver várias cores, segure Shift e clique nas cores adicionais que deseja adicionar à sua seleção.
agora você fica com uma seleção em torno de todo o seu logotipo.
Passo 2: Adicione a seleção a uma máscara de camada
com esta seleção ativa, você pode remover o fundo do seu logotipo adicionando uma máscara de camada. Basta clicar no ícone da máscara de camada na parte inferior do painel Camadas enquanto a camada do logotipo é selecionada.
agora seu logotipo terá um fundo transparente.
Passo 3: Abra Estilos de camada
em seguida, clique duas vezes na camada do logotipo para abrir os estilos de camada. Este painel é o lar de todas as suas opções de design de camada, como criar um contorno (também conhecido como traçado).
Passo 4: Defina o estilo para”Stroke”
para adicionar um contorno ao seu logotipo, clique em “Stroke” nas opções de estilos no lado esquerdo da caixa de diálogo.
Etapa 5: Defina o preenchimento de traçado para Cor sólida
Defina o preenchimento como” cor sólida ” nas configurações de traçado para que seu contorno seja preenchido com cor. Você também pode preencher seus contornos com gradientes ou padrões, mas vou tocar nisso mais tarde.
com a opção Cor sólida escolhida, você pode clicar na caixa de cores para selecionar uma cor para o seu contorno.
Passo 6: Defina a posição do curso como “centro”
agora mude a posição do seu curso para o centro. Isso adicionará um contorno igualmente nas bordas do seu logotipo, em vez de apenas na borda interna Ou Externa. Embora a configuração” externa ” funcione melhor para pessoas de contorno, a opção central oferece melhores resultados para logotipos.
Etapa 7: Ajuste suas configurações de traçado adicionais conforme necessário
com todas as suas configurações principais em ordem, passe e ajuste o tamanho do esboço e o modo de mesclagem conforme necessário. Para a maioria das situações, você vai querer deixar o modo de mistura definido como Normal. Quanto à largura do contorno, basta aumentar o valor do tamanho para um contorno mais espesso do seu logotipo.
uma vez feliz, clique em OK para sair dos estilos de camada.
O Resultado
Agora, você adicionou um sólido colorido de estrutura de tópicos para o seu logotipo usando Estilos de Camada em Photoshop. A beleza dos estilos de camada é que agora você pode voltar e editá-los mais tarde, se necessário. Olhando para sua camada de logotipo, basta clicar duas vezes em seu Layer FX para abrir os estilos de camada mais uma vez e editar suas configurações de traçado. Dessa forma, você pode ajustar facilmente a cor ou o tamanho do seu contorno mais tarde no seu fluxo de trabalho!
como transformar um logotipo em um esboço no Photoshop
para este próximo exemplo, você aprenderá como dizer remova a cor do seu logotipo e deixe apenas um contorno colorido para trás.
Etapa 1: Selecione seu logotipo Com a ferramenta Varinha Mágica
seguindo etapas semelhantes à última seção, selecione novamente a ferramenta Varinha Mágica pressionando W ou encontre-a em sua barra de ferramentas.
com a ferramenta ativa, vá para a barra de Configurações superior e defina o tamanho da amostra para 5 por 5 Média, a tolerância para 25 e marque anti-alias.
em seguida, clique em seu logotipo para provar sua cor e criar uma nova seleção. Se houver várias cores em seu logotipo, segure Shift e clique nas cores que deseja adicionar à sua seleção.
se a ferramenta Varinha Mágica selecionar partes da sua imagem que você não deseja que sejam selecionadas, segure Alt ou Option e clique na seleção para remover essas cores.
Agora você tem uma seleção ativa em torno de seu logotipo que você pode usar para criar seu esboço.
Passo 2: Crie uma nova camada acima do seu logotipo
você precisa criar seu traço em uma camada separada do seu logotipo para que esse efeito funcione. Para criar uma nova camada, clique no ícone nova camada na parte inferior do painel Camadas. Certifique-se de que está acima da camada do logotipo na pilha de camadas.
Passo 3: Vá para editar > Stroke
com sua seleção ativa e sua nova camada selecionada, vá para editar > Stroke para traçar sua seleção.
Passo 4: Defina a largura e a cor do contorno
na caixa de diálogo exibida, você pode ajustar a aparência do seu traço. Primeiro, escolha uma largura para o seu curso. Quanto maior esse número, mais grosso será o seu logotipo delineado.
em seguida, clique na opção Cor e escolha uma cor para o contorno do seu logotipo.
em seguida, defina a posição como “centro” para que seu contorno se estenda igualmente na borda externa e interna de Sua Seleção.
quando estiver feliz, clique em OK para aplicar o traço à sua seleção.
Passo 5: Pressione Command / Control + D para desmarcar o logotipo
agora um esboço foi criado em torno de seu logotipo, mas a seleção ainda está ativa. Pressione Command + D (Mac) ou Control + D (PC) no teclado para desmarcá-lo.Etapa 6: oculte sua camada de logotipo
para finalizar o efeito, clique no ícone do globo ocular ao lado da camada do logotipo para torná-lo invisível. Agora, tudo o que resta é a camada com seu contorno, criando um logotipo somente contorno.
O Resultado
Com estes passos simples, você pode remover a cor sólida, de seu logotipo e substituí-lo com um esboço. Esta é uma maneira fácil de criar um visual diferente para o seu logotipo e apimentar sua marca!
como delinear longe das bordas de um logotipo
nos dois últimos exemplos, você aprendeu a criar um contorno em torno das bordas exatas do seu logotipo, mas e se você quisesse mover o contorno mais longe? Com uma ligeira variação do que você aprendeu até agora, você pode facilmente fazer exatamente isso.
mais uma vez, você precisa começar selecionando seu logotipo. Se o logotipo já estiver cortado, basta pressionar Comando ou controle e clicar na miniatura da camada do logotipo. Isso transformará seu logotipo em uma seleção ativa com base nos pixels visíveis na camada.
se o seu logotipo ainda não foi cortado, você pode aprender a fazê-lo rapidamente aqui.
com sua seleção ativa, vá para selecionar > modificar > expandir.
na caixa de diálogo exibida, defina vários pixels para especificar o quão longe você deseja que seu contorno seja do logotipo. Neste exemplo, vou definir 50px para espaçamento moderado.
agora, a seleção ativa aumentará o valor especificado na caixa de diálogo anterior. Agora crie uma nova camada e coloque-a acima da camada do logotipo para que você possa editar de forma não destrutiva.
com a nova camada selecionada, adicione um traço à seleção indo para editar > traço. Na caixa de diálogo exibida, defina a largura, a cor e a posição do seu contorno. Como quero que meu derrame apareça o mais longe possível do logotipo, definirei a posição como “fora.”Agora, o traço só aparecerá na borda externa da seleção ativa.
quando estiver satisfeito com as configurações, clique em OK para adicionar o traço à sua seleção. Em seguida, pressione Command + D (Mac) ou Control + D (PC) para desmarcar a seleção ativa.
desde que você expandiu a seleção longe de seu logotipo, o curso é criado longe da borda para um olhar mais original.
você pode até tentar usar o contorno para uma aparência haloed selecionando a camada de contorno e reposicionando-a com a ferramenta Mover (V).
como adicionar um contorno de gradiente a um logotipo no Photoshop
para criar um contorno de logotipo de gradiente, certifique-se de que seu logotipo tenha um fundo transparente e clique duas vezes na camada de logotipo para abrir os estilos de camada. Em seguida, selecione o estilo de traço e defina o preenchimento como gradiente. Você pode personalizar ainda mais o contorno do gradiente escolhendo uma predefinição no editor de gradiente.
vamos detalhar isso com mais profundidade.
usando os métodos que você aprendeu anteriormente neste post, certifique-se de que seu logotipo tenha um fundo transparente. Eu sempre recomendo usar a ferramenta Varinha Mágica para este tipo de seleção.
assim que o logotipo tiver um fundo transparente, clique duas vezes na camada do logotipo para abrir os estilos da camada. Semelhante a antes, selecione o estilo de traçado, mas agora defina o preenchimento como gradiente.
para personalizar seu contorno de gradiente, clique no editor de gradiente e escolha entre um dos gradientes predefinidos disponíveis.
se preferir criar suas próprias cores personalizadas, clique duas vezes nas amostras de cores abaixo da visualização de gradiente para editá-las. Para saber mais sobre como personalizar gradientes, confira este tutorial.
Com o olhar de seu gradiente em ordem, você pode ajustar definições adicionais, tais como o gradiente do ângulo, o estilo e a escala. Para a maioria dos contornos do logotipo, o estilo gradiente Linear funciona melhor, mas sinta-se à vontade para experimentar. A opção de ângulo mudará em que direção seu gradiente está indo. Por fim, a escala aumentará o zoom em seu gradiente e alterará a aparência da transição de cores.
quando estiver satisfeito com as configurações adicionais de traçado, clique em OK para sair dos estilos de camada. Agora você fica com um contorno gradiente incrível em torno de seu logotipo!
como adicionar um contorno padronizado a um logotipo no Photoshop
para adicionar um contorno padronizado a um logotipo no Photoshop, você simplesmente precisa escolher a opção de preenchimento de padrão nos estilos de camada. Como antes, certifique-se de que seu logotipo tenha um fundo transparente e clique duas vezes nele para acessar os estilos de camada.
clicando no estilo de traço, altere o tipo de preenchimento para ” Padrão.”
ao clicar na visualização do padrão, você pode escolher entre uma variedade de padrões padrão no Photoshop. Se você quiser apimentar as coisas, você pode obter novos padrões gratuitamente no Brusheezy.
a partir daí, você pode personalizar a escala e o ângulo do seu padrão conforme necessário para se adequar ao seu estilo.
em seguida, passe e ajuste o restante das configurações de traçado para refinar o contorno padronizado do logotipo. Depois de concluído, clique em OK.
Agora você tem um padrão legal em torno de seu logotipo em vez de um contorno colorido jane simples!
como preencher um contorno do logotipo Com uma imagem
o efeito final do contorno do logotipo no Photoshop está preenchendo o contorno com uma imagem. Usando a ajuda de uma máscara de recorte, isso pode ser feito muito rapidamente sem nunca usar os estilos de camada!
depois de remover o fundo do logotipo, pressione Comando ou controle e clique na miniatura da camada do logotipo para criar uma seleção.
agora crie uma nova camada e coloque-a acima da camada do logotipo para que você possa editar o contorno independentemente do logotipo.
com sua nova camada selecionada e a seleção ativa, vá para editar > traço para delinear sua seleção. Na caixa de diálogo exibida, escolha uma largura desejada para o contorno. A cor não importa, pois será coberta por uma imagem na etapa a seguir. Por fim, clique em OK para aplicar o traço à sua seleção.
em seguida, pressione Command ou Control + D para desmarcar a seleção ativa.
agora abra a camada de imagem com a qual deseja preencher seu contorno e coloque-a acima da camada de contorno. Depois que a imagem for colocada, clique com o botão direito do mouse e selecione Criar Máscara de recorte. Isso tornará sua camada de imagem visível apenas dentro dos parâmetros da camada na qual ela é cortada, que é o contorno.
você pode personalizar a posição e o tamanho de sua imagem no contorno acessando a ferramenta Mover (V), clicando na camada de imagem e, em seguida, clicando e arrastando a caixa transformar para ajustá-la.
e agora você tem um esboço em torno de seu logotipo preenchido com uma imagem!
como você pode ver, há uma variedade de ótimas maneiras de delinear um logotipo no Photoshop. Se você quer um contorno colorido simples, um contorno gradiente, um contorno de imagem e muito mais, agora você tem todas as habilidades para fazê-lo! Agora, para ajudá-lo a personalizar ainda mais a aparência do seu logotipo, confira este próximo tutorial sobre como alterar a cor de qualquer logotipo no Photoshop!
Feliz Delineamento,
Brendan 🙂