Converta obras de arte complexas em uma única cor

7

Criei esse logotipo para um cliente e agora preciso convertê-lo em versões de uma cor (todas em preto / todas em branco).

Como existem muitas sobreposições de texto e gráficos, estou tendo problemas para alterá-lo para uma cor sem que isso se torne um grande blob de texto e gráficos ilegíveis.

Estou trabalhando no Illustrator CC 2018 e tentei tudo o que consigo pensar com caminhos compostos e opções de desbravadores. Tenho certeza de que há uma maneira de realizar o que preciso, mas ainda não encontrei uma maneira de chegar lá. Eu gostaria muito de receber sugestões sobre como fazer isso funcionar!

Logotipo: Logotipo coletivo do jogo Gem City

Exemplo de problemas nos quais estou me deparando:
(As linhas pretas são realmente cortadas em segundo plano, não são apenas traços em preto.)

Edição do logotipo do GCGC


ATUALIZAR

Eu vim até aqui na conversão. A última coisa em que estou preso é como colocar o traço ao redor do texto (o que você vê em preto) para penetrar no fundo. Consegui fazer isso nos outros gráficos, mas estou tendo problemas com o próprio texto. Qualquer opção que eu tente no painel pathfinder me fornece resultados indesejados. Qual é a melhor maneira de conseguir isso?

GCGC Logo White - Mid Conversion


ATUALIZAÇÃO 1/8/18

Eu havia deixado esse projeto nas férias e, quando voltei a trabalhar hoje, finalmente descobri uma maneira de "perfurar" o texto através dos vários itens de segundo plano.

Primeiro, selecionei a letra e adicionei um caminho de deslocamento ao redor dela. Copiei e colei [Cmd + F] que deslocou o caminho um número específico de vezes (igual ao número de itens de segundo plano que a letra tocou).

Selecionei uma cópia do caminho de deslocamento dessa carta, adicionei uma parte de segundo plano à seleção [mantendo a tecla Shift pressionada e usando a ferramenta Seleção direta] e cliquei na opção Minus Front na janela Pathfinder. Repeti esse processo para cada um dos caminhos de deslocamento da letra e os itens que tocou e, em seguida, para todas as letras que precisavam ter o efeito de traçado "perfurado".

Isso conseguiu o que eu precisava!

Versão GCGC Logo White

SJF
fonte
2
Esta é a razão pela qual você geralmente começa com a versão em preto e branco. Também costuma melhorar o seu logotipo, pois é mais legível.
joojaa
Clique com o
botão direito do mouse
@ WELZ Na verdade, eles já foram convertidos em contornos. E o que eu idealmente gostaria é apenas a área que você vê como o traço preto como a parte que é perfurada, não a forma do texto inteiro. Ainda não descobri como fazer isso. Talvez se eu tiver uma camada duplicada do texto com um caminho de deslocamento e usá-lo como a parte que perfura e o texto em branco fica no topo? Vou tentar brincar com isso a seguir.
SJF
Talvez a conversão dos contornos em traçado consiga o que você está procurando.
WELZ
@WELZ Você poderia elaborar? Tentei criar camadas de texto duplicadas, selecionar essas e o plano de fundo da gema e usar a opção menos pathfinder frontal, mas isso não me dá os resultados desejados. Eu preciso que o contorno que você vê acima em preto seja a parte que será perfurada, mas não consegui descobrir como fazer isso.
SJF

Respostas:

4

Você precisa entender várias coisas. Se você não separar o "fundamental" do "acidental", estará voando às cegas.

Seu trabalho artístico é uma ilustração, não um logotipo. Um logotipo é definido por uma forma, não por um gradiente, por um reflexo de lente, por uma cor.

Eu apresento seu logotipo. E nesta ilustração há uma imagem escura sobre um fundo.

insira a descrição da imagem aqui

Não é uma forma branca com um contorno. O esboço é um "acidente", não é a forma.

insira a descrição da imagem aqui

Então temos um plano de fundo, uma gema com estrelas, uma cidade e uma grade. Sim, se você trabalhou nessa ideia, potencialmente se fundiu em um logotipo, mas não como é.

Vamos ver alguns exemplos de um logotipo de gema Gem Logo search

Mas vamos trabalhar no que temos. Vamos contrastar isso. Noite escura, estrelas brilhantes e grade (o método que eu usei "excluiu" as linhas na parte superior da gema, mas você entendeu a idéia):

insira a descrição da imagem aqui

Temos um problema com a paisagem urbana, mas ela está começando a ganhar forma, alguns edifícios em branco, outros em preto.

insira a descrição da imagem aqui

Os pretos não estão bem definidos, então vamos contar pela primeira vez com o contorno. O mesmo que o contorno do logotipo (o logotipo real).

insira a descrição da imagem aqui

Agora o título. Sim, isso é um título, não faz parte de um logotipo. O problema aqui é que, como é, depende totalmente da simulação do material, mas esse efeito depende do gradiente, e um gradiente não é preto / branco, mas sim em escala de cinza. Você provavelmente precisará refazer essa parte com formas mais simples.

insira a descrição da imagem aqui

Então, você precisa entender os elementos um por um. Obviamente, você pode fazer ajustes nos valores dos contornos, etc. Como você possui os arquivos de origem, pode trabalhar melhor nesta versão.

Aqui, ampliei o contorno do logotipo.

insira a descrição da imagem aqui

Entenda os elementos, por que eles são escuros, por que branco, o que é um plano de fundo, o que é importante, qual é a forma, qual é a proporção, o que é apenas um efeito.

Rafael
fonte
Obrigado por esta explicação detalhada do que eu criei. No entanto, ele não responde à pergunta que adicionei na minha atualização à postagem e perguntei nos comentários. A única coisa que preciso saber agora é como perfurar o "toque" ao redor do texto através do elemento background. (Coloquei isso entre aspas porque não é um golpe real - é apenas para mostrar a parte que quero dizer. Pode ser delineada ou uma camada separada abaixo que se estende além do texto esboçado acima dela.) Até agora, não consegui entender isso. parte fora.
SJF 21/12
11
Pode ser esse o caso, mas seria bom aceitar o que está sendo dito para o futuro. Você criou uma ilustração, não um logotipo e, ao fazer isso, criou uma haste grande para suas costas. Estude Brody, que combinou imagem com texto, mas de uma maneira muito mais simples e eficaz.
Applefanboy
+1, essa pode não ter sido a resposta que o OP estava procurando, mas achei muito útil e interessante.
Ambo100
3

A obra de arte precisaria ser simplificada. Pode ser necessário refazer partes dele.

Se você considerar a questão das letras, um único contorno preto ao redor do texto pode ser uma maneira de proceder, e talvez uma forma preta sólida do horizonte da cidade.

Isso é muito difícil, mas tenho certeza de que você entendeu a ideia geral.

insira a descrição da imagem aqui

Ou talvez o diamante seja preenchido de preto, com um contorno branco e as linhas dentro de branco

insira a descrição da imagem aqui

Um problema com esses que eu não acho solucionável é que a arte ainda é muito complexa. Com isso em mente, poderia ter sido melhor começar com um design muito mais simples se você soubesse que teria que ser reproduzido em uma única cor.

Billy Kerr
fonte
Não estou esperando que todas as complexidades do logotipo sejam transferidas para uma cor. Obviamente, todos os gradientes e detalhes mais delicados desapareceriam. Agradeço seus exemplos e continuarei trabalhando nisso!
SJF
1

É improvável que você encontre uma maneira de converter automaticamente algo tão complexo; então você terá que refazer tudo manualmente em uma única cor.

Você tem todos os caminhos, portanto não precisa desenhar nada, mas precisará passar por tudo ajustando tudo manualmente. Provavelmente um único elemento de cada vez. Sem ver como a obra de arte é construída, é impossível dar conselhos específicos, mas planeje como você deseja que o logotipo pareça primeiro, não altere tudo aleatoriamente. Pode ser imprimi-lo e desenhá-lo ou apenas esboçá-lo novamente, não importa, mas tenha um plano de ação e uma visão antes de começar.

A versão monocromática deve ser apenas caminhos simples, sem gradientes, sombras ou brilhos, ou algo assim; o que você precisa é de uma única forma. Portanto, sua melhor opção é provavelmente remover os atributos de aparência de tudo e começar a aplicar novamente a cor de baixo para cima. Você pode usar duas cores (por exemplo, preto e branco) e, em seguida, basta usar o comando Unir do Pathfinder em tudo e remover uma das cores quando terminar.

...

Idealmente, um logotipo sempre deve funcionar em uma única cor. Isso significa que você pode usá-lo para criar um carimbo, gravá-lo, cortá-lo a laser ... tanto faz. Não há nada de errado em ter uma cor completa, todas as versões de sinos e assobios também, mas a versão de cor única deve vir primeiro (ou pelo menos ser considerada ao mesmo tempo). Caso contrário, você terá problemas como os que está enfrentando agora ... que, se você ainda não considerou e já determinou o preço do trabalho para seu cliente, significa que alguém não será feliz (seja o cliente por causa dos custos extras ou por causa do tempo extra que você precisa gastar).

Consulte também Um logotipo sempre deve funcionar em preto e branco?

Cai
fonte
Estou ciente de tudo isso e tenho trabalhado manualmente para alterar todos os elementos para cores únicas. No entanto, como você pode ver, até agora não consegui encontrar uma maneira de separar o texto do elemento principal do plano de fundo quando eles têm a mesma cor. Estou procurando sugestões sobre como fazer isso quando são elementos que devem ser incluídos.
SJF
As necessidades de texto @SJF quer ser uma cor diferente do fundo ou você precisa dar-lhe uma borda, não há realmente quaisquer outras opções
Cai
Alguma idéia de como obter o traço ao redor do texto? Tentei criar camadas de texto duplicadas, selecionar essas e o plano de fundo da gema e usar a opção menos pathfinder frontal, mas isso não me dá os resultados desejados. Estou perdida.
SJF
1

Uma abordagem que você pode achar útil é editar as cores diretamente por meio de amostras globais. Se você não usou amostras globais para criar o original, poderá atribuí-las facilmente automaticamente.

  1. Exclua todas as amostras de cores atuais para reduzir a desordem. A julgar pela sua imagem, sua lista de amostras está prestes a receber muitas novidades.
  2. No menu suspenso amostras, selecione "Adicionar cores usadas". Isso criará uma amostra global de cores para todas as cores usadas no trabalho artístico e atribuirá a amostra a cada objeto que a usar, incluindo gradientes.
  3. Altere o modo de cor de cada amostra global para escala de cinza. Isso será um pouco tedioso se você tiver uma tonelada de amostras, mas será bem rápido.

Feito isso, você pode ajustar as amostras individuais conforme desejado para aumentar o contraste onde for necessário.

Para ficar claro, esse método permite gerenciar e editar as cores da ilustração sem selecionar nenhum componente individual. É muito útil para imagens complexas como a sua.


Eu espero que isso ajude!

13ruce
fonte
0

Apenas ajuste simples. Apenas tente se funcionar. 1) Primeiro exporte-o como PNG em alta resolução ou arraste diretamente o arquivo para o photoshop (rasterize-o mais tarde). 2) Abra-o no Photoshop> Use o efeito preto e branco> ajuste as linhas ou cores que deseja exibir. 3) Salvar (veja se você tem a opção de salvar SVG ou PDF, pois é possível revertê-lo para AI, mas agora os gradientes são preto e branco puro)

Dodie Eslava
fonte
0

Como outras respostas mencionadas, não há realmente uma maneira automática de fazer isso, isso teria que ser feito manualmente.


Você disse que estava tentando obter o toque do texto, então aqui está:

Selecione seus Caminhos de Texto → Clonar ( Ctrl/Command+ C: Ctrl/Command+ F)

Em seguida, vá para Objeto> Caminho> Traçado de contorno (isso converterá o traçado em caminhos, dependendo da espessura do traçado e da forma como os caminhos serão modelados)

Então você pode apenas perfurar a "parte do esboço" usando o Pathfinder

Janela → Desbravador ( Shift+ Ctrl/Command+ F9)

WELZ
fonte
Infelizmente, isso não parece estar funcionando para mim. Isso me dá resultados muito estranhos, não importa qual opção no pathfinder eu tente.
SJF 21/12