Illustrator: como reproduzir a arte da linha da fonte

10

Estou interessado em encontrar uma maneira adequada de reproduzir o exemplo de arte de linha de fonte abaixo. insira a descrição da imagem aqui

O que eu tentei: Usando o Type tool, criei a letra "S", clique com o botão direito do mouse> create outlines(acho que criar um caminho do meio da letra será melhor, mas não sei como). Depois disso, usei a opção Stroke> Dashed Line, escolhendo os seguintes valores:

insira a descrição da imagem aqui

Neste ponto, não tenho tanta certeza se estou indo na direção certa, porque o resultado não parece suficientemente próximo do modelo. Existem alguns ângulos aplicados nas linhas tracejadas e mais de uma camada (?);

Alguma ideia?

user124853
fonte
Use misturar e substituir a coluna?
Joojaa
@joojaa may b, mas deve haver algumas etapas intermediárias; você pode mostrar seu fluxo de trabalho?
user124853
oooh, este é um assunto complicado e está me incomodando desde a noite passada;) - Misturas + substituição da coluna vertebral é provavelmente a direção certa, mas sinto que há algumas máscaras e distorções que também podem estar envolvidas.
justin
@justin poderia ser ... Eu também acho que existem duas camadas + alguns trabalhos de mascaramento (?)
user124853
11
Pensamento aleatório ... O software de modelagem 3D pode ter algumas ferramentas possíveis que podem ajudar (o efeito tem uma aparência 3D). Outra solução possível seria ter a forma geral da letra S e depois mascarar um padrão sobre ela. Quanto à criação desse padrão, talvez alguém tenha passado pelo longo processo de gerar cada segmento de linha do padrão manualmente. Sabe-se que isso aconteceu!
Bem

Respostas:

11

Usar a mistura é o caminho a percorrer. Misturas sobre curvas complexas não são fáceis de controlar - você acaba com algo assim:

insira a descrição da imagem aqui

Uma maneira mais fácil é criar sua mistura em um caminho reto e criar um pincel de arte para formar sua mistura. Controlar misturas com traços variados também não é fácil, então eu sugiro o uso de 2 misturas separadas.

Crie sua primeira mistura:

insira a descrição da imagem aqui

Duplique a mistura, diminua a largura do traço e gire 180 °:

insira a descrição da imagem aqui

Você pode editar os caminhos para criar as junções angulares. Basta selecionar o ponto final sobreposto (se eles ainda não estiverem na mesma posição - mova-os para que estejam) e mova-os para obter o resultado desejado:

insira a descrição da imagem aqui

insira a descrição da imagem aqui

A forma S é significativamente mais longa que a mistura que acabamos de criar, basta mover os caminhos em uma extremidade - certifique-se de que suas misturas foram criadas com uma distância especificada (não etapas), caso contrário você terá que aumentar o número de etapas:

insira a descrição da imagem aqui

Crie um pincel de arte a partir de suas misturas. Você pode fazer isso selecionando as misturas e arrastando-as para a paleta de pincéis e selecionando Pincel artístico na caixa de diálogo Novo pincel.

insira a descrição da imagem aqui

Obtenha a linha central do seu formato S. Fiz isso desenhando rapidamente um caminho sobre um caractere S, mas você pode usar um Caminho de deslocamento negativo para obter um caminho mais preciso.

insira a descrição da imagem aqui

Se a sua forma tiver uma largura consistente ou peso do traçado usando um Caminho de deslocamento negativo, você obterá a linha central com bastante facilidade.

( Objeto → Caminho → Caminho de deslocamento ... )

insira a descrição da imagem aqui

No caso de um peso de traço irregular, você pode repetir o comando do caminho de deslocamento várias vezes para criar um guia para desenhar sua linha central.

insira a descrição da imagem aqui

Uma maneira mais fácil é usar novamente um Blend. Remova os segmentos de fechamento do caminho nas duas extremidades e desagrupe ou libere o caminho composto, para que você precise traçados distintos e crie uma mesclagem com 1 etapa. Isso deve fornecer a linha central (pode ser necessário criar a mistura em segmentos para formas mais complicadas, se a mistura falhar).

Você pode encontrar mais técnicas para encontrar a linha central nesta postagem: Técnica para encontrar a linha central de um objeto curvo?

insira a descrição da imagem aqui

Aplique seu pincel artístico ao caminho:

insira a descrição da imagem aqui

Isso não é perfeito, mas você pode facilmente voltar e ajustar suas misturas ou a forma de S para obter um resultado melhor.

Cai
fonte
obrigado. Neste momento, o fluxo de trabalho acima nos fornecerá os guias corretos. De qualquer forma, levar em consideração que há muito tempo até que a recompensa expire, será demais se eu pedir a gentileza de nos mostrar o caminho de deslocamento negativo em vez do método do caminho de desenho à mão?
user124853
Não tem problema, vou atualizar no final da tarde quando não estiver tão ocupado no trabalho.
Cai
pode-se usar máscara de corte no meio
joojaa
@joojaa may b, com o acordo da CAI, você pode editar a resposta acima? graças
user124853
Usar uma máscara de corte é fácil se os traços forem retos, mas é difícil obter as junções angulares dos traços com máscaras. Possível - não é fácil.
Cai
3

Existem várias partes nessa resposta, e eu as detalharei para ter mais flexibilidade no entendimento de como chegar ao produto final.

passo um, configurando

configurando

defina sua forma

  1. Desenhe a forma básica
  2. Copiar forma
  3. Corte sua forma em componentes (usei a ferramenta de tesoura para cortar ao meio)

Crie a mistura

  1. Defina seus traços grossos e finos
  2. Criar uma mistura: Object> Blend> Make- Eu recomendo usar "distância especificada" para o espaçamento
    (veja este vídeo para saber mais sobre fazer misturas)
  3. Substituir a coluna: Object> Blend>Replace Spine

passo dois, criando as misturas opostas

criando misturas opostas

  1. Faça a versão nocaute: use a forma com o mesmo preenchimento do plano de fundo (ou expanda a mesclagem e use o pathfinder para obter um clipe adequado)

  2. Crie a versão da máscara: use a forma para criar uma máscara de recorte

  3. Reverter coluna em uma das versões: Object> Blend>Reverse Spine

passo três, termine a forma

terminando a forma

  1. Duplique as metades (ou repita as etapas para os outros componentes da sua forma)

  2. Alinhar as cópias

  3. Ajustar a ordem das camadas

  4. Ajuste as propriedades da mistura como desejar

Nota: essas instruções não o levam ao mesmo efeito que você referenciou, mas a partir daqui é uma questão de determinar como você deseja que suas linhas correspondam e ajustar as misturas para obter o efeito desejado.

justin
fonte
É um bom começo, mas não replica as junções angulares. Também é muito mais difícil controlar a mistura sobre todas as curvas do que o semi-círculo que você usou (tentei há algum tempo e desisti! - uma forma S é muito mais difícil de trabalhar do que os semi-círculos)
Cai
É o mesmo conceito. Trabalhar com uma curva S é mais complicado, mas é apenas cortar sua forma em seções mais gerenciáveis ​​e manipular as seções intermediárias para várias misturas. A mente dobra, sim, mas a mesma idéia.
justin
@ Jason, em primeiro lugar, obrigado pelo seu esforço. Só queria dizer que parece que isso foi feito, tendo como ponto de partida uma letra ("S" nesse caso) não forma. Encontrar o fluxo de trabalho correto nos ajudará a entender como alcançar o mesmo resultado usando outras letras também. obrigado mais uma vez #
user124853 31/03