Como engrossar um contorno para fora sem afetar os detalhes internos
Para engrossar o contorno de um personagem sem cobrir os olhos, as marcas ou outros detalhes internos, altere apenas a silhueta externa. Em uma forma vetorial fechada, use um traçado alinhado externamente. Em uma ilustração rasterizada, expanda uma seleção da silhueta e preencha-a em uma camada separada, abaixo do personagem original.
Este guia aborda a edição de ilustrações de personagens em programas gráficos externos: Illustrator para formas vetoriais e GIMP para imagens rasterizadas. O objetivo prático é criar uma borda externa mais espessa, mantendo a arte interna original no lugar.
Identifique qual contorno você quer engrossar
Antes de alterar qualquer espessura, decida se você quer reforçar um contorno existente do corpo ou adicionar uma borda ao redor do personagem completo. Essas tarefas podem exigir formas de origem diferentes.
Por exemplo, um personagem pode ter um corpo preenchido, olhos separados, manchas decorativas e um acessório desconectado. Se apenas o contorno do corpo deve aumentar, selecione seu contorno externo. Se a borda deve circundar o personagem completo, prepare uma silhueta separada que represente os componentes que devem ficar dentro dela.
Consulte esta tabela de decisão antes de editar:
| Condição da arte | Método inicial adequado | Detalhe a inspecionar |
|---|---|---|
| Uma única forma vetorial fechada do corpo | Traçado alinhado externamente | Alinhamento do contorno existente |
| Vários componentes vetoriais do corpo | Silhueta separada atrás da arte | Bordas indesejadas entre componentes |
| Personagem rasterizado preenchido em fundo transparente | Seleção expandida da silhueta por baixo | Buracos transparentes e bordas translúcidas |
| Desenho rasterizado contendo apenas linhas | Primeiro, prepare uma silhueta preenchida | Aberturas entre as linhas internas |
Essa distinção rasterizada é importante porque a opção Alpha para seleção do GIMP segue a opacidade: áreas opacas são totalmente selecionadas, áreas transparentes permanecem sem seleção e áreas translúcidas são parcialmente selecionadas. Portanto, uma camada que contenha apenas olhos e linhas de contorno não produz a mesma seleção que uma silhueta preenchida do personagem. Manual do GIMP: Alpha para seleção
Mantenha uma cópia intacta da arte. Sempre que possível, separe a borda do rosto e dos detalhes decorativos; assim, fica mais fácil ajustar a silhueta sem precisar selecionar repetidamente cada elemento.
Use um traçado alinhado externamente para uma forma vetorial fechada
No Illustrator, o alinhamento externo é a opção direta quando a silhueta do personagem é um caminho fechado. A Adobe documenta o alinhamento de traçados para caminhos fechados que não sejam grupos de Pintura em tempo real. Adobe Illustrator: Aplicar cor, espessura e alinhamento ao traçado
- Selecione apenas o caminho externo do corpo do personagem.
- Abra Janela → Traçado.
- Defina a cor e a espessura do traçado.
- Escolha Alinhar traçado externamente.
- Inspecione os cantos e ajuste o estilo de junção, se necessário.
Esses controles definem a espessura e a posição do traçado em relação ao caminho selecionado. Junções arredondadas arredondam os cantos, junções chanfradas os aplainam e junções em esquadria criam pontas. Para um personagem de aparência suave e arredondada, experimente primeiro as junções arredondadas e depois compare com o contorno original. Adobe Illustrator: Configurações de traçado
O alinhamento externo posiciona o traçado fora da forma, deixando mais espaço interno. No entanto, alterar o alinhamento também pode mudar a aparência de um contorno existente. Se você quiser preservar exatamente a arte original com o traçado centralizado, mantenha-a intacta e experimente uma silhueta separada por trás dela. Adobe Learn: Alterar cores e traçados
Evite selecionar o rosto e o corpo juntos ao aplicar a nova espessura. Engrossar todos os caminhos selecionados pode alterar os detalhes internos, mesmo quando o contorno externo parece correto.
Crie um contorno rasterizado abaixo do personagem original
No GIMP, use como origem da seleção um personagem preenchido em um fundo transparente. Não inclua uma camada de fundo na seleção. Se a arte consistir apenas em linhas soltas, primeiro crie uma silhueta preenchida separada que siga o contorno externo desejado.
O fluxo de trabalho combina três operações documentadas: selecionar a opacidade do personagem, ampliar essa seleção e preencher a área expandida em uma nova camada. O comando Aumentar do GIMP está em Selecionar → Aumentar, com pixels como unidade padrão. Manual do GIMP: Aumentar
- Selecione a camada do personagem preenchido ou a camada da silhueta preparada.
- Escolha Camada → Transparência → Alpha para seleção.
- Escolha Selecionar → Aumentar e informe a expansão desejada para fora, como 3 pixels, a título de exemplo.
- Escolha Camada → Nova camada, nomeie-a como
Contorno externoe defina o preenchimento como Transparência. Dê a ela dimensões suficientes para conter a seleção expandida. - Mova
Contorno externopara baixo de toda a arte original do personagem, mas acima de qualquer fundo. - Defina a cor desejada para o contorno como cor de primeiro plano.
- Com
Contorno externoativa e a seleção ainda presente, escolha Editar → Preencher com a cor de primeiro plano. - Remova a seleção e inspecione o resultado.
O GIMP cria uma nova camada acima da camada selecionada, portanto movê-la explicitamente para baixo é uma etapa essencial dessa sequência. A caixa de diálogo Nova camada também oferece configurações de dimensões e preenchimento da camada. Manual do GIMP: Nova camada
Preencher com a cor de primeiro plano preenche a seleção ativa usando a cor de primeiro plano. Verifique se a seleção continua ativa: sem uma seleção, o comando preenche toda a camada ativa. Manual do GIMP: Preencher com a cor de primeiro plano
A área preenchida da expansão se estende por baixo do personagem. A arte opaca acima a encobre parcialmente, deixando visível a borda adicionada ao redor do exterior. Aberturas transparentes exigem uma verificação separada, pois podem revelar a camada de contorno abaixo.
Escolha a espessura considerando o tamanho final de exibição
Escolha a espessura do contorno com base no tamanho em que o personagem realmente será exibido. Uma borda que parece discreta em uma tela de trabalho grande pode ficar quase invisível depois de reduzida.
Veja um cálculo ilustrativo, não uma recomendação universal: suponha que um personagem seja preparado com 512 pixels de largura e exibido com 128 pixels de largura. O fator de escala é 128 ÷ 512 = 0,25. Uma expansão de 8 pixels na imagem de trabalho se torna aproximadamente 2 pixels após a redução proporcional.
Neste exemplo, comece com uma expansão rasterizada de 8 pixels, visualize o resultado reduzido e ajuste. Para arte vetorial, inspecione o personagem no tamanho final pretendido antes de definir a espessura do traçado.
Verifique também os espaços próximos. Em um espaço reto idealizado, uma expansão de 3 pixels a partir de cada uma de duas bordas opostas reduz o vão em 6 pixels. Um vão original de 8 pixels ficaria com aproximadamente 2 pixels. Esse cálculo simples ajuda a identificar onde o contorno pode unir partes separadas; bordas curvas e a renderização em pixels ainda precisam de inspeção visual.
Preserve aberturas, cantos e detalhes transparentes
O crescimento para fora preserva a arte interna opaca quando a forma adicionada fica por baixo dela. Ainda assim, ele pode alterar os espaços negativos: o vão entre duas partes pertence à área vazia ao redor, então a expansão nessa área estreita o vão.
Decida se cada abertura deve permanecer desobstruída. Se uma abertura estreita for uma parte importante da forma do personagem, reduza a espessura da borda ou edite localmente a silhueta do contorno. Se uma abertura interna transparente tiver que permanecer exatamente igual, exclua-a da camada de contorno em vez de depender da arte superior para encobri-la.
Detalhes translúcidos também exigem atenção. Como Alpha para seleção cria seleções parciais a partir de áreas translúcidas, essas bordas não se comportam como uma silhueta totalmente opaca. Visualize o contorno sobre o fundo pretendido e verifique se sua cor aparece através dessas áreas. Manual do GIMP: Alpha para seleção
Os cantos também dependem do método. O Illustrator oferece estilos de junção selecionáveis, enquanto o GIMP documenta que aumentar uma seleção retangular produz cantos arredondados. Inspecione separadamente os acessórios angulares, caso o formato deles seja importante para o design. Adobe Illustrator: Junções de traçado, Manual do GIMP: Aumentar
Verifique se apenas o contorno desejado foi alterado
Compare o personagem editado com a cópia intacta, mantendo a mesma posição e escala. Inspecione primeiro o interior e depois o perímetro. Essa ordem facilita perceber se um olho ou uma marca foi alterado antes que o contorno mais espesso chame sua atenção.
- Os detalhes internos mudaram: Verifique se esses elementos receberam o novo traçado ou se a camada de contorno está acima deles.
- Pequenos elementos ganharam bordas próprias: Verifique se a origem da seleção continha detalhes soltos em vez de uma silhueta preenchida.
- As aberturas ficaram menores: Reduza a expansão ou ajuste o contorno ao redor dessas aberturas.
- Os cantos parecem pontudos ou arredondados demais: Revise o estilo de junção ou a geometria da silhueta.
- A borda termina abruptamente: Verifique os limites da tela, da camada ou da exportação e deixe espaço suficiente ao redor.
Por fim, inspecione a arte exportada no tamanho de exibição pretendido. Mantenha o original editável e o contorno separado para poder revisar a espessura mais tarde. O resultado final deve ter um perímetro mais marcado, vãos legíveis e os mesmos detalhes internos da arte original.