Como criar uma linha sólida de espessura uniforme dentro de uma forma de carta no Illustrator?


7

Eu já vi todos os tipos de títulos e anúncios que usam esse estilo. Uma seção de cores sólidas do tipo tem uma linha uniforme sólida de uma cor diferente que passa pelo meio exato de cada letra. Eu fiz todos os tipos de pesquisas no Google e nem cheguei perto de encontrar a resposta (provavelmente porque não tenho idéia do que essa técnica é chamada).

É claro que eu poderia desenhar um caminho em cada forma de letra usando a ferramenta caneta, mas quero saber se existe uma maneira mais fácil e eficiente de fazer isso, talvez usando o painel de aparência.

Qualquer ajuda seria muito apreciada. Isso me deixa louco há meses!

Veja abaixo um exemplo do que estou falando: "AQUECIDO DENTRO" no anúncio de mesa de um pimentão.

Exemplo do restaurante do Chili



@ Scott, semelhante, mas não um duplicado na minha opinião - a mesma abordagem pode funcionar para ambos, mas não oferece melhores resultados. A outra pergunta exige letras genuinamente monoline.
e100

Respostas:


1

É improvável que você use um traço interno para obter os resultados que deseja.

insira a descrição da imagem aqui

Não conheço nenhuma maneira automática de estilizar o texto como você deseja. Acho que o designer da embalagem em questão provavelmente fez uma de duas coisas:

  1. Encontrei um tipo de letra com esse recurso (existem alguns).
  2. Feito à mão o texto e / ou o efeito.

Eu acho que a primeira opção é mais provável. Então, isso é provavelmente o que você deve fazer. Embora, se você não tiver muito texto, a criação do caminho interno pode funcionar bem e pode não ser muito esforço.


Obrigado pela sua resposta. Sim, eu tentei várias coisas para tentar encontrar uma maneira de fazer isso com fontes que não possuem esse recurso (como o Myriad Pro Bold) com praticamente o mesmo resultado que você postou acima: Traçado interno, caminho de deslocamento, interior Parece, por enquanto, que são caminhos personalizados ...
Ian

11
Você pode se aproximar muito no ilustrador de algumas fontes, seguindo um processo semelhante ao que Supuhstar descreve no Powerpoint.
e100

10

insira a descrição da imagem aqui

1. Digite texto, clique com o botão direito do mouse e selecione Criar contornos .
2. Aplique o golpe externo .

insira a descrição da imagem aqui


Há uma maneira muito melhor de começar com o tipo fino e depois contorná-lo, o que permite manter o texto como texto editável ao vivo: abra a Appearancejanela, aperte o Add strokebotão, arraste esse novo traço para baixo Charactersna janela de aparências e defina a cor como normal e faça o tamanho duas vezes o tamanho desejado (10pt para 5 pontos de traço ao redor do texto). A única fraqueza disso é que todo o texto precisa ter o mesmo curso (isso não é um problema neste caso).
user56reinstatemonica8

4

Para fazer isso bem, você precisará usar um tipo de letra projetado para esse fim - procure fontes "embutidas".


Inline - e é assim que eles são chamados. Isso está me deixando louco. Obrigado pela ajuda.
Ian

não há maneiras de fazer isso, você pode usar o tipo de letra, mas há outras maneiras.
Muhammad Umer 02/02

O problema com uma fonte embutida é que ainda é necessário vetorizar o texto (criar contorno) para poder colorir a embutida e as bordas! É um passo extra fácil, no entanto.
go-junta

2

"Warm Inside", conforme descrito pelo OP

Consegui recriar esse efeito no Microsoft PowerPoint 2007 , 2010 , 2013 e 365 . Não testei o mac 2011, mas espero que funcione lá também. Infelizmente, o Photoshop e o Illustrator não possuem um dos recursos ( contornos da mitra ) necessários para isso. Você pode realizar o efeito com as seguintes etapas:

  1. Abra o Microsoft PowerPoint . Deve ser a versão 2007 ou posterior
  2. Crie um novo arquivo do PowerPoint
  3. Crie uma caixa de texto
  4. Digite qualquer texto na caixa de texto usando uma fonte leve , como Segoe UI Light, Ubuntu Light, Source Sans Pro Light, etc.
  5. Atribua a esse texto a cor do traço interno
  6. Puxe a caixa de diálogo Formatar efeitos de texto (ou barra lateral em 2013) (existem muitas maneiras de fazer isso. O mais fácil é clicar com o botão direito do mouse no texto e selecionar "Formatar efeitos de texto ..."
  7. Na seção Contorno do texto , selecione Linha sólida e selecione a cor do traço externo
  8. Na seção Estilo de estrutura de tópicos , aumente o valor Largura até que você goste da aparência. Tente permitir que o contorno ultrapasse o texto
  9. ETAPA CRUCIAL: Verifique se o tipo de tampa está definido como plano e se o tipo de junção está definido como mitra
  10. Selecione a caixa de texto . Certifique-se de não selecionar o texto , mas a caixa em que está.
  11. Abra a caixa de diálogo fonte . Existem várias maneiras de fazer isso. O mais fácil é clicar no pequeno ícone no canto inferior direito da seção "Fonte" na faixa de opções Início.
  12. Aumente o espaçamento entre caracteres até gostar da aparência. Tente ** alcançar um espaço entre as letras *
  13. Feche a caixa de diálogo Fonte e verifique se a caixa de texto ainda está selecionada
  14. Duplique a caixa de texto com Ctrl+Dou Ctrl+C+V.
  15. Mova a nova caixa de texto para que ela se ajuste perfeitamente à antiga . Isso é mais fácil quando você tem os snaps ativados nas Configurações de grade.
  16. Abra a caixa de diálogo Formatar efeitos de texto (ou barra lateral) novamente
  17. Na seção Esboço do texto , selecione Nenhuma linha

VIOLA! Você acabou de orquestrar um texto com uma linha de espessura uniforme em forma de letra: 3


Isso é realmente apenas adicionar uma borda externa (a metade interna está oculta) e só funciona quando a fonte possui traços de espessura uniforme em primeiro lugar. Embora funcione razoavelmente bem.
e100

Além disso, o Illustrator permite esquadrinhar contornos.
e100 25/01

Não vi isso quando tentei fazer isso no Illustrator ... um poço. Ele funciona para mim, então eu percebi que eu iria partilhar: P
Supuhstar


0

Isso pode ser feito facilmente no Illustrator.

OPÇÃO 1 (JPG superior como exemplo e imagem superior no segundo JPG):

1) Você precisa duplicar o texto no qual deseja aplicar o efeito. Digite seu texto e use o comando "transformar" no menu "objeto" e selecione "mover". Na janela "mover", coloque zeros em todos os lugares para duplicar este texto na mesma posição. Pressione "Copiar"

2) Selecione o texto na frente. Adicione um traço grande de uma cor diferente com o canto redondo e as bordas alinhadas ao centro (veja as fotos).

3) Selecione esse texto e faça um "criar esboço" (no tipo de menu / criar esboço)

4) Selecione novamente este texto superior. Então vá no menu "objeto" e selecione "expandir", marque todas as caixas. Isso separará a borda do interior do texto.

5) Apague a borda externa do gráfico para cada letra e mantenha apenas a parte interna. Você pode usar a seta branca para, na ferramenta de seleção, simplesmente clicar no canto da sua carta e pressionar Excluir duas vezes. Ou você pode desagrupar isso e simplesmente selecionar a parte inteira e excluí-la.

6) Preencha a parte interna com o tom desejado, um amarelo claro e claro para imitar o seu exemplo. E preencha o texto ainda intocado no fundo com um amarelo mais escuro com mais magenta.

7) Se você deseja suavizar um pouco o efeito, pode adicionar uma pequena borda na parte interna; no meu exemplo, usei um amarelo que fica entre os 2 amarelos na receita de cores. Dá algum efeito de suavização e combina um pouco as duas cores. Minha borda é de 3 pontos de espessura.

Mas você provavelmente poderia usar a ferramenta de mesclagem também, é apenas algo complicado em letras curvilíneas.

Você pode alterar os valores para atender às suas preferências e a fonte que você usará para isso. Nesse ponto, você pode brincar com os traços para alterar a espessura da linha. Este é apenas um exemplo.

OPÇÃO 2 (veja o segundo JPG, exemplo na parte inferior):

1) Simplesmente escolha uma fonte muito fina e duplique uma cópia atrás dela.

2) Encha o conjunto duplicado com um golpe grosso do lado de fora e ajuste.

Essa opção pode parecer melhor com fontes de pensamento ou estilo de script.

Como criar um contorno perfeitamente alinhado dentro do texto no Adobe Illustrator

OUTRO EXEMPLO DE EFEITO EM LINHA

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.