Dando uma aresta de forma vetorial sem manipular pontos de ancoragem


14

Estou procurando dar ao meu vetor muito suave um estilo desenhado à mão.

Quando digo isso, não quero dizer aplicar uma textura por cima de todo o vetor ( assim ).

Uma técnica que produziria algo assim seria o que eu estou procurando:

Café da manhã (detalhe)
Autor: Rob Clarke


Parece-me uma pincelada, provavelmente não um dos pincéis padrão.
Ryan

na verdade, eu fui apenas fazer algumas experimentiation, parece que poderia ser alcançado com pincéis personalizados e ponto de ancoragem manipulatiom
user13445

O contorno da vergonha é totalmente dependente dos pontos de ancoragem, então você terá que modificá-los.
DA01 18/06

Respostas:


11

Se você deseja aplicar com precisão alguns desses efeitos de traçado no texto do vetor, acho que a melhor maneira é fazê-lo manualmente.

As pinceladas no Illustrator são difíceis de prever e também muito conhecidas ... às vezes é fácil reconhecê-las e você provavelmente não deseja que seu texto pareça ter usado uma pincelada padrão.

Aqui está uma maneira de fazer isso. Você não precisa trabalhar nos pontos de ancoragem e corre o risco de mover as curvas do seu texto, mas ele não será mais editável; portanto, faça uma cópia do texto original. Se você precisar manter o texto editável, vá ao final deste "tutorial".


Começar

Digamos que é isso que você deseja modificar.

imagem original sem pincel ou efeito grunge

1

Encontre alguma textura de pincelada ou qualquer textura que você deseja aplicar nas bordas do seu texto.

Exemplo:

Texturas de traçado de pincel

2)

Rastreie-o para torná-lo um vetor, se já não fosse um vetor.

Rastreio de imagem no Illustrator

Você obterá um vetor perfeito. Limpe-o para remover os caminhos brancos e transparentes.

caminhos limpos

3)

Deixe essas novas pinceladas ou texturas em branco e aplique-as nas bordas do texto, como preferir. Você pode precisar deformar alguns deles e usar apenas as bordas desse traçado para obter o mesmo efeito que no seu exemplo.

Adicionei um pouco de grunge neste exemplo para mostrar que é o mesmo conceito. Você pode usar qualquer textura.

Aplicar efeito grunge ou pincel ao texto de vetor

4)

Selecione seu texto e a nova textura e use o Pathfinder para dividir tudo isso! Você pode usar a função que preferir no pathfinder, usei Divide no meu exemplo.

Divida com o pathfinder Adobe Illustrator

5)

Limpe esse novo vetor para remover os caminhos brancos e vazios. A maneira mais rápida é selecionar uma parte do branco e fazer um "selecionar o mesmo preenchimento e traçado" e depois excluir. Faça o mesmo com uma forma que não tenha traçado nem preenchimento para remover os caminhos vazios.

Este não é exatamente o seu exemplo, mas você pode facilmente chegar lá se passar mais alguns minutos!

Resultado final

Se você também quiser adicionar algumas pinceladas em todos os lados das suas letras, use essa técnica para acentuar as bordas e use as pinceladas padrão em tamanho muito pequeno para tornar todas as suas letras menos uniformes. Você pode encontrar isso no menu "Janela", depois em "Bibliotecas de pincéis" e, em seguida, selecione qualquer estilo em "Artístico". Nesta captura de tela abaixo, é o "Artistic Paintbrush". Você também pode usar esses estilos de traçado em tamanho maior e movê-los separadamente em seu texto, em vez de seguir as etapas # 1-2-3.

Adicionar traçado texturizado ao texto

Se você precisar manter o texto editável, pois poderá modificá-lo posteriormente, há uma maneira barata de usar os traços sem vetorizar o texto.

Você pode duplicar o texto no qual deseja adicionar traçado e vetorizá-lo ("Criar estrutura de tópicos"). Em seguida, você pode adicionar livremente as pinceladas mencionadas acima. Não é a maneira perfeita, mas você pode, pelo menos, manter parcialmente seu texto editável e simplesmente adicione um novo traçado quando precisar atualizá-lo, talvez até crie uma ação para isso.

Fiz o exemplo com um recheio amarelo para que você possa ver como é. O texto abaixo do traçado ainda é editável.

Traçado de texto


9

Effect > Distort & Transform > Roughen Use uma pequena configuração "Tamanho" e aumente a configuração "Detalhe" para aumentar a quantidade e a frequência da variação.

áspero

Você não terá furos e penínsulas como na sua amostra, a menos que altere a forma básica para incluí-las.


4

Sei que você marcou isso como um problema de ilustrador, mas usar o deslocamento do Photoshop também pode ajudá-lo.

Pegue a forma vetorial do Illustrator e copie e cole em um documento do photoshop como uma camada de forma ...

insira a descrição da imagem aqui

Em seguida, clique com o botão direito na camada para rasterizá-la. em seguida, crie um novo documento do photshop aproximadamente com as mesmas dimensões do seu trabalho artístico. Neste novo documento, vá em Filter> Noise> Add Noise e crie um padrão de ruído. Você deseja desfocar um pouco esse padrão de ruído usando Filtro> Desfoque> Desfoque gaussiano

insira a descrição da imagem aqui

E salve o arquivo resultante como um PSD em algum lugar. Agora volte ao seu trabalho artístico. Selecione Filtro> Distorcer> Deslocar.

insira a descrição da imagem aqui

As escalas aqui controlam quanto o trabalho artístico original será deslocado. Em seguida, clique em OK e você precisará selecionar o psd de ruído criado anteriormente. seu trabalho artístico será deslocado por esse psd, resultando em algumas arestas feitas à mão. Você pode querer mexer com a quantidade de desfoque no psd e as escalas no deslocamento até acertar.

insira a descrição da imagem aqui

Você também pode criar outra imagem de deslocamento usando Filtro> Renderizar> Nuvens em vez de ruído. Isso resultará em arestas mais instáveis.

insira a descrição da imagem aqui

E você pode combinar os dois, começando com a renderização em nuvem, que pode ser ainda melhor

insira a descrição da imagem aqui

Agora você pode trazê-lo de volta para o illustrator e usar o Image Trace para vetorizá-lo. Embora você perca alguns detalhes dessa maneira, convém brincar com a balança até acertar.

insira a descrição da imagem aqui

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.