O Inkscape e o Adobe Illustrator são dois programas de gráficos vetoriais escaláveis ​​que dependem de fórmulas matemáticas para desenhar desenhos e arte vetorial precisos e infinitamente escalonáveis. Ilustrador, no momento deste artigo, é certamente o padrão da indústria quando se trata de arte vetorial, mas o Inkscape é uma alternativa livre fascinante que pode realmente funcionar como uma alternativa viável.

Em outras palavras, o Inkscape não é tão ruim assim - e não requer uma assinatura premium.

Mas é claro que, como qualquer outro programa, o Inkscape tem sua própria maneira de fazer as coisas que difere de como o Illustrator faz as coisas. Para um designer ocupado, isso pode tornar programas de comutação aparentemente irrealistas e frustrantes. Isto é especialmente verdadeiro para as pessoas que usam o Illustrator tanto que a interface do usuário, incluindo a localização de todas as várias ferramentas e menus do programa, tornou-se uma segunda natureza para navegar. E os recursos e recursos do programa foram comprometidos com a memória - para que você saiba exatamente o que pode e não pode fazer com o programa.

Com o Inkscape, você pode não ter certeza de onde começar, pois as leis do programa são um pouco diferentes. Além disso, você não sabe o que o programa pode ou não fazer.

Felizmente, porém, decidi assumir a tarefa de derrubar as barreiras para os designers que precisam mudar para o Inkscape por razões financeiras, ou simplesmente querem experimentar este novo programa sem precisar reaprender totalmente um programa vetorial complicado de coçar, arranhão.

Neste artigo, comparo o 3 do que considero serem os recursos mais comuns ou importantes no Illustrator com recursos semelhantes no Inkscape. Vou seguir o mesmo formato para cada tarefa - com uma descrição de como executar a tarefa em Illustrator, seguido por uma descrição de como realizar a mesma tarefa, ou similar, em Inkscape

Você pode assistir a versão em vídeo deste tutorial diretamente abaixo ou pular o vídeo para acessar o artigo (disponível em vários idiomas).

1. Criando ou Redimensionando seu Illustrator Artboard vs Inkscape Canvas

A primeira tarefa nesta lista é muito básica. Dito isto, os dois programas variam bastante drasticamente quando se trata de criar um documento em branco - e, assim, configurar sua prancheta (no Illustrator) ou canvas (no Inkscape).

Illustrator

O Illustrator usa o sistema Artboard, permitindo que você tenha várias pranchetas em uma única composição. Isso é extremamente útil porque você pode criar composições de várias páginas sem interrupções - ou, no mínimo, criar designs de várias páginas que seguem uma estética de design uniforme.

Tela de boas-vindas do Illustrator Inkscape vs Illustrator

Ao abrir o Illustrator pela primeira vez, você recebe uma tela de boas-vindas que permite escolher entre uma variedade de modelos comumente usados ​​(descritos em vermelho na foto acima).

Você também pode escolher a opção "Criar novo" (indicada pela seta vermelha na foto acima), que permite criar um novo documento personalizado - onde você pode definir o tamanho da sua prancheta e escolher se deseja uma única prancheta ou várias pranchetas para sua composição.

Pela simplicidade deste artigo, irei com a primeira opção de composição padrão na tela de boas-vindas, na seção “Iniciar um novo arquivo rápido” - que, para a versão dos EUA, é a opção “Carta - 612 x 792 pt”.

Nova carta Artboard Illustrator vs Inkscape Tutorial

Depois de clicar nessa opção, uma nova prancheta será aberta (indicada pela seta vermelha) com as dimensões especificadas na tela de boas-vindas (612 pt para a largura, 792 pt para a altura).

Minha prancheta é branca, com um fino contorno preto nas bordas ou na borda da prancheta e com uma cor de fundo cinza-escuro (seta verde) em volta da prancheta.

Ferramenta Artboard Illustrator vs Inkscape Tutorial

Se eu quiser mudar as dimensões desta prancheta, tenho três opções. Minhas duas primeiras opções podem ser acessadas diretamente na janela de composição. Posso clicar no botão “Editar pranchetas” no lado direito da janela na guia “Propriedades” (indicada pela seta verde) ou posso clicar na ferramenta “Editar prancheta”, comumente conhecida como ferramenta Prancheta, sobre na minha caixa de ferramentas no lado direito da janela (a tecla de atalho para esta ferramenta é Shift + O - indicada pela seta vermelha na foto acima).

Opção de Configuração de Documentos Adobe Illustrator Artboard

A terceira opção é ir para Arquivo> Configuração do documento e clicar no botão “Editar pranchetas”.

Editar o Adobe Illustrator Artboard

Independentemente do método usado, você será levado à mesma tela para editar sua prancheta (destacada em verde na foto acima) usando a ferramenta Prancheta (todas as três opções ativam a ferramenta Prancheta - indicada pela seta vermelha na foto acima ) Nesta área, o Illustrator tem um pouco mais de flexibilidade do que o Inkscape porque você pode desenhar uma nova prancheta simplesmente clicando e arrastando o mouse com a ferramenta Prancheta. Você também pode alt + arrastar sua prancheta atual para criar uma prancheta duplicada dentro de sua composição (e, portanto, agora tem mais de uma prancheta), ou clicar no ícone “Criar nova prancheta” (que também criará uma duplicata de sua prancheta atual - indicado pela seta azul).

Editar largura e altura do Artboard do Adobe Illustrator

Além disso, você pode digitar manualmente uma nova largura e altura para sua prancheta nos campos correspondentes no painel de propriedades (a área à direita de sua prancheta) ou no painel de controle (parte superior de sua prancheta). Ambas as áreas onde você pode editar a largura e / ou a altura da sua prancheta estão destacadas em azul na foto acima.

A última coisa que vou mencionar aqui é que você pode acessar uma variedade de outras opções para ajustar sua prancheta ou adicionar recursos adicionais clicando no botão "Opções de prancheta" no painel de propriedades (indicado pela seta vermelha).

Inkscape

OK - então ouvimos várias maneiras de criar, redimensionar ou adicionar / ajustar suas pranchetas no Illustrator. Então, como esse processo é diferente no Inkscape?

Lona Inkscape e Fundo

Para começar, quando você abre o Inkscape pela primeira vez, você não é levado a uma tela de boas-vindas. Em vez disso, um documento padrão (que vem com o download do Inkscape) será aberto (mostrado na foto acima). Esse documento padrão será um pouco diferente de como os documentos padrão do Illustrator são configurados.

Por exemplo, a tela é branca com uma borda preta fina (semelhante à do Illustrator - indicada pela seta vermelha na foto acima), mas a área ao redor da tela por padrão também é branca (indicada pela seta azul). Isso pode ser um verdadeiro problema para os designers que estão abrindo o Inkscape pela primeira vez, porque estão muito acostumados com a prancheta branca e o fundo cinza escuro encontrado no Illustrator.

Se você preferir ter seu Tela do Inkscape se parece com a prancheta do Adobe Illustrator, eu recomendo verificar o meu artigo sobre como realizar essa tarefa.

Editar propriedades do documento no Inkscape

Se você deseja alterar as propriedades da tela do Inkscape (ou seja, alterar o tamanho da tela, editar a cor de fundo, etc.), existem duas maneiras de fazer isso. Apenas um aviso - não existe atualmente uma ferramenta Artboard ou Canvas que seja equivalente à do Illustrator. O primeiro método é usar o ícone “Editar propriedades” na barra de Comandos - que está no lado direito da tela (indicado pela seta vermelha na foto acima).

Menu de Propriedades do Documento Tutorial do Inkscape

A segunda opção é ir para Arquivo> Propriedades do documento (a tecla de atalho é shift + ctrl + d). Como no Illustrator, independentemente da opção usada no Inkscape, você será levado para a mesma tela - a caixa de diálogo Propriedades do documento.

Document Properties Dialogue Inkscape vs Ilustrador

Uma vez que a caixa de diálogo Propriedades do documento é aberta, você pode escolher entre uma variedade de opções para editar sua tela (nota rápida para evitar confusão - documento e tela são termos essencialmente intercambiáveis. Embora, mais especificamente, o documento se refira principalmente a todos os elementos de sua tela - como as unidades em que sua tela é exibida, o tamanho da tela e a cor de fundo. A tela é simplesmente a área final do seu documento onde sua arte é exibida). Por exemplo, você pode alterar o tamanho da tela usando uma variedade de tamanhos de modelo comumente usados ​​(assim como no Illustrator - destacado em azul na foto acima). Você também pode definir um tamanho personalizado para a tela digitando manualmente a largura e a altura da tela na seção “Tamanho personalizado” (área destacada em vermelho). Depois de inserir os valores que deseja usar para sua tela, basta sair da janela de propriedades do documento (seta vermelha) e suas alterações serão aplicadas automaticamente.

Fui com 1920 x 1080 e mudei a unidade para pixels para este exemplo (essas novas dimensões não são mostradas na foto acima).

Criar nova tela no Inkscape 2019

Se você deseja criar uma nova tela usando as configurações de tela padrão, clique no ícone “Criar novo documento a partir do modelo padrão” na barra de comandos (seta vermelha). Uma coisa importante a observar é que você não pode ter várias telas abertas na mesma composição neste momento. Cada nova tela sempre será aberta em uma nova janela do Inkscape.

2. Guia de cores do Illustrator vs. Paleta de cores do Inkscape

O segundo tópico que abordarei neste artigo é a grande diferença entre como as cores funcionam nos dois programas. Atualmente, o Illustrator leva o bolo sobre esse recurso (assim como faz com seus recursos de prancheta), embora o Inkscape ainda ofereça uma alternativa adequada que pode ser complementada com recursos de terceiros fáceis de usar. Deve-se observar que o Adobe Illustrator tem suporte para RGB e CMYK, enquanto o Inkscape não (embora o Inkscape possa ser exportado para CMYK).

Illustrator

Painéis de ilustrador de painéis de cores

No Adobe Illustrator, existem três painéis coloridos facilmente acessíveis que ajudam você a navegar e aplicar cores à sua arte. Estes são o painel Color, o painel Color Guide e o painel Swatches. Esses painéis são os três primeiros ícones encontrados na seção Painéis à direita de sua prancheta (indo de cima para baixo - destacados em vermelho na foto acima).

Painel de cores no Illustrator 2019

Quando você clica no painel Cor (seta vermelha), pode escolher qualquer cor encontrada no espectro para o espaço de cores selecionado.

Menu de opções do painel de cores Illustrator vs Inkscape

Em outras palavras, se você clicar no ícone Opções no canto superior direito do painel Cor (seta vermelha), poderá escolher qualquer um dos espaços de cores suportados no Illustrator (eu fui com o CMYK para este exemplo).

Com o CMYK selecionado, posso passar o mouse sobre qualquer cor no CMYK Spectrum e clicar para selecionar essa cor como minha cor de preenchimento principal. Se eu alt + clicar no espectro, a cor em que eu estou pairando será selecionada como minha cor de traço.

Selecione o Illustrator de cores de preenchimento e traçado

Também posso escolher “Nenhum”, “Preto” ou “Branco” de qualquer uma das três amostras acima da área do espectro de cores (destacada em vermelho) como minha cor de primeiro plano ou plano de fundo.

Painel de cores do guia de cores do Illustrator

Você notará que há uma guia à direita da guia denominada “Cor” quando no painel de cores denominada “Guia de cores” (seta vermelha). Clicar nesta guia levará você ao painel Guia de cores. Você também pode chegar a este painel clicando no segundo ícone da parte superior na seção Painéis.

Na minha opinião, o painel Color Guide é o melhor recurso único encontrado no Illustrator. A razão é que recomenda cores para você usar com base na cor atual que você selecionou (neste caso, a cor do primeiro plano), usando a teoria da cor em tempo real para informar suas recomendações. A primeira cor exibida no Guia de cores é a cor do primeiro plano, seguida pelas cores recomendadas com base na “Regra de harmonia” selecionada.

Guia de cores do Illustrator de regras de harmonia

Então, se eu clicar no menu suspenso (que é rotulado como "Regras de harmonia" quando você passa o mouse sobre ele - destacado em azul acima), você verá que minha regra de harmonia atual selecionada neste caso é a regra de harmonia "tétrade 2" (seta vermelha ) As cores que serão exibidas com base na cor do primeiro plano dependerão da teoria de cores específica por trás de qualquer regra de harmonia que você selecionou. Para a regra de harmonia tetrad 2, temos 5 cores principais - o verde da cor do primeiro plano, um verde mais escuro, um azul escuro, uma cor rosada e uma cor marrom.

Guia de cores do Illustrator Tetrad 2 Harmony Rule

Essas 5 cores são exibidas verticalmente na linha central em nosso painel Guias de cores (você pode ver uma seta apontando para essas cores - denotadas pela seta vermelha na foto acima), e cada cor tem quatro tons correspondentes (à esquerda de a cor central) e quatro tons (à direita da cor central).

Guia de cores do Illustrator Right Compliment

Se eu escolher uma regra de harmonia diferente - digamos, elogio correto - minhas cores mudarão e os tons e matizes serão atualizados com base nessas cores principais. Às vezes, há mais de cinco cores, às vezes, há menos de cinco. Depende da Regra de Harmonia. Nesse caso, são exibidas seis cores (você precisa rolar para baixo no guia de cores para ver a sexta cor - a barra de rolagem para baixo é indicada pela seta vermelha na foto acima).

A principal lição desse recurso, entretanto, é que ele torna realmente fácil criar esquemas de cores ou variações de cores para seus designs com base em uma única cor. Essas cores tendem a combinar-se bem porque vêm de uma regra de harmonia que garante que não entrem em conflito ou pareçam cores aleatórias misturadas. As cores do seu design, portanto, parecem mais coordenadas e profissionais.

Menu Color Swatches Illustrator vs Inkscape

Por fim, abaixo do painel Guia de cores está o painel Amostras (indicado pela seta azul). Aqui, você pode escolher entre uma variedade de amostras de cores padrão para definir as cores do primeiro plano ou do plano de fundo. Isso inclui cores individuais, bem como grupos de cores - que vêm com o programa por padrão ou são criados pelo usuário.

Para ver todas as amostras padrão que vêm com o Illustrator por padrão, você pode clicar no “menu Biblioteca de amostras” (indicado pela seta vermelha) e ver as várias opções disponíveis. Não vou entrar em mais detalhes sobre os recursos de cores da Adobe apenas por uma questão de tempo para este artigo. Mas, como você pode ver, o Adobe Illustrator tem uma grande variedade de opções para escolher quando se trata de recursos de cores.

Inkscape

Barra de paleta de cores Inkscape

Ao abrir o Inkscape pela primeira vez, uma das primeiras coisas que mais se destaca para um usuário do Illustrator é a linha de amostras de cores na parte inferior da janela (contornada em verde na foto). No início, isso quase parece brega e desanimador, e pode-se ter a tendência de procurar por um equivalente no painel do Guia de Cores (como encontrado no Illustrator) para ter uma folha de dicas para criar esquemas de cores.

Vou avisá-lo agora - não há atualmente uma folha de dicas do Guia de cores / Regras de harmonia no Inkscape.

Barra de rolagem da paleta de cores do Inkscape

No entanto, há muito mais no que é chamado de “Paleta de cores” do Inkscape do que aparenta. À primeira vista, parece que há apenas 120 ou mais cores para escolher na barra inferior da Paleta de cores abaixo da tela. No entanto, há uma barra de rolagem abaixo de todas as amostras (indicadas pela seta vermelha) que permite rolar para a direita e revelar ainda mais cores. Eu fiz uma estimativa rápida e aproximada de quantas cores estavam disponíveis e coloquei cerca de 600 cores no total por padrão.

Cores do Inkscape da barra da paleta da cor explicadas

A primeira cor na Paleta de cores é “Nenhum” (seta vermelha), o que significa que clicar aqui irá definir sua cor de primeiro plano para “Nenhum” da mesma forma que faria no Illustrator (shift + clicar aqui irá definir sua cor de fundo para Nenhum). Em seguida, você tem uma série de cores que fazem a transição do preto para o branco, seguida por algumas cores comumente usadas, como marrom, amarelo, azul, etc., seguido por uma série de cores que começam com um tom escuro e transição para um tom mais claro de da esquerda para direita.

As cores na Paleta de cores servem como uma maneira rápida de selecionar uma variedade de cores, tons e matizes - e a paleta pode ser alterada usando o pequeno menu em forma de triângulo na extremidade direita da barra da Paleta de cores (indicado pelo seta verde na foto acima).

Menu de amostras do Inkscape 2019

Clicar neste menu revela mais de 20 outras paletas de cores para escolher (destacadas em verde na foto acima) e também exibe quaisquer paletas de cores criadas pelo usuário (o “Cervejaria West Mountain”A paleta de cores exibida na foto é uma que criei para um tutorial).

A parte mais enganosa da barra da Paleta de cores para novos usuários, especialmente aqueles vindos do Illustrator, é que parece que é a única opção para editar cores no programa - mas certamente não é.

Menu de preenchimento e traçado de objetos Tutorial do Inkscape 2019

Na verdade, a área principal de edição de cores é encontrada em Object> Fill and Stroke (que pode ser acessada usando a tecla de atalho shift + ctrl + f).

Se você ainda não tem nenhum objeto desenhado em sua tela (como é o meu caso neste exemplo), nada será exibido aqui.

Enchimento e Stroke Dialogue Inkscape vs Ilustrador

Se eu desenhar um objeto (usando algo como a ferramenta Retângulo ou ferramenta de texto - usarei a ferramenta retângulo para este exemplo), agora terei várias opções de espaço de cores na seção “Preenchimento” (destacado por verde na foto acima ) que me permitem ajustar a cor de preenchimento do meu retângulo ao vivo na tela.

Diálogo Encher e Traçar Close Up Inkscape vs Illustrator

Por padrão, o Inkscape me permite fazer ajustes na cor de preenchimento (chamada de "Cor plana" quando não estiver usando um gradiente - delineado em verde na foto acima) exibida no meu retângulo usando os controles deslizantes de HSL (HSL significa Hue, Saturation, e Luminosidade - há também um controle deslizante “A”, que significa Alpha, ou transparência). Minhas outras opções incluem RGB (vermelho, verde, azul e alfa), CMYK (ciano, magenta, amarelo e preto. Observação: embora você possa escolher cores CMYK, não é possível imprimir em um perfil de cor CMYK no Inkscape sem um terceiro plug-in party ou solução alternativa), Wheel (que permite selecionar em uma roda de cores) e CMS (que permite selecionar um perfil de cor - não entrarei nessa opção neste artigo).

Clicando na opção “Wheel”, você pode ver que, como no painel Color do Illustrator, você pode escolher uma cor aleatória usando o ponteiro do mouse para a cor de preenchimento.

Existem outras opções no menu Fill and Stroke que não irei examinar em detalhes, incluindo a capacidade de adicionar um gradiente linear ou radial, um gradiente de malha ou um padrão - entre algumas outras opções.

Menu do traçado da roda de cores do Inkscape

Você também pode aplicar todos esses recursos ao traço de seu objeto clicando na guia “Traço” (indicado pela seta vermelha). Nesse caso, tenho apenas uma cor de preenchimento vermelha configurada, então quando clico na guia “Traço”, nada é exibido. No entanto, se eu clicar com a tecla shift pressionada em uma cor da barra da minha Paleta de cores (optei por Azul) para adicionar um traço, você verá as mesmas opções de cor aparecerem para o traço (como você pode ver na foto acima).

Um recurso que o Inkscape não possui, o Illustrator não, é a capacidade de adicionar um gradiente ao traço de um objeto. Esta é, na verdade, uma grande vitória para o Inkscape, na minha opinião, pois sempre me aborreci com a falta de funcionalidade do Illustrator.

3. Combinando Formas: Ferramenta Construtor de Formas do Illustrator vs. Menu do Caminho do Inkscape

Mencionei que acredito que o painel Guia de cores foi o recurso mais útil no Illustrator. O segundo recurso mais útil, na minha opinião, é a ferramenta Shape Builder. Essa ferramenta permite que você combine facilmente formas para criar um objeto mais complexo, o que expande drasticamente a funcionalidade do programa e permite que não artistas criem trabalhos de arte sem precisar de habilidades de desenho. O Inkscape felizmente incorpora sua própria versão deste recurso em seu programa, o que certamente facilita a mudança para o programa gratuito.

Illustrator

Ferramenta Construtor de Forma do Illustrator

No Illustrator, você precisará começar desenhando pelo menos duas formas que se sobrepõem (como fiz na foto acima). Em seguida, selecione todas as formas com a ferramenta Seleção ou indo em Selecionar> Tudo.

A Shape Builder Tool é encontrada em sua caixa de ferramentas (indicada pela seta vermelha na imagem acima) ou usando a tecla de atalho shift + m.

Illustrator de região de forma de ferramenta de prancheta

Com todas as formas selecionadas que você gostaria de combinar (neste caso, apenas duas formas), você pode passar o mouse sobre as várias partes sobrepostas de suas formas (chamadas regiões - você pode ver uma região destacada com o Construtor de formas na foto acima indicada pela seta vermelha) para ver quais partes você gostaria de “extrair” ou “mesclar”.

Extrator de Construtor de Forma do Adobe Illustrator

Para extrair ou desmembrar partes da forma, basta clicar uma vez nas regiões de forma que você deseja separar do conjunto original de formas.

Mesclar formas com a ferramenta Illustrator Shape Builder

Para mesclar regiões das formas, clique e arraste o mouse sobre todas as regiões que deseja mesclar (a seta na foto acima está apontando para a linha criada pela ferramenta ao clicar e arrastar o mouse).

Você pode mesclar partes das regiões que se sobrepõem ou mesclar todas as regiões de todas as formas selecionadas. O estilo final da nova forma ou região de forma dependerá Regras da Adobe para a ferramenta Shape Builder.

Ferramenta Localizador de Caminho do Adobe Illustrator

Também gostaria de observar que sempre que você tiver várias formas selecionadas, a Adobe exibirá as opções do Pathfinder no painel Propriedades (destacado em verde na foto acima). O recurso Pathfinder é essencialmente a mesma coisa que a ferramenta Shape Builder, embora você possa executar ações de um clique para extrair ou mesclar suas formas. As quatro ações disponíveis são clique para unir, clique para menos a frente, clique para cruzar e clique para excluir.

Inkscape

selecionando várias formas no Inkscape

O Inkscape pode tirar proveito da extração e mesclagem de formas, para usar a terminologia do Illustrator, embora se refira a formas como “Objetos” e “Caminhos” (dependendo se você converteu ou não seu objeto em um caminho depois de desenhá-lo). O processo é um pouco diferente no Inkscape - mas começaremos com um retângulo e um círculo se sobrepondo como fizemos no exemplo do Illustrator.

Para selecionar ambas as formas, você pode usar Shift + clique em todas as formas que deseja selecionar enquanto usa a ferramenta Seleção (indicada pela seta vermelha) ou clicar e arrastar o mouse, segurar a tecla ctrl e arrastar sobre qualquer das formas que você deseja selecionar (você deve arrastar sobre todas as formas para todas as formas que deseja selecionar, caso contrário, não funcionará).

Objeto de caminho para caminho Inkscape vs Illustrator Shape Builder

Depois de ter suas formas, conhecidas como Objetos, selecionadas, você precisa convertê-las em Caminhos. Para fazer isso, vá para Path> Object to Path (seta vermelha).

Caminho Menu Inkscape vs Illustrator

Você pode usar o menu Caminho para executar uma variedade de funções semelhantes às funções do Pathfinder no Illustrator. Existem opções 8 em todos (destacadas em verde na foto acima), incluindo União, Diferença, Intersecção, Exclusão, Divisão, Corte, Combinar e Separar.

Recurso de Construtor de Forma de Caminho de União Inkscape

Por exemplo, na foto acima, escolhi “União” para mesclar minhas duas formas e criar uma única forma abstrata.

Assim, semelhante à ferramenta Pathfinder no Illustrator, o menu Paths no Inkscape permite criar diferentes tipos de formas com um clique.

Em resumo, o Inkscape e o Illustrator são, na verdade, mais semelhantes do que parecem primeiro na superfície. Cada programa simplesmente tem uma maneira ligeiramente diferente de fazer as coisas, produzindo resultados finais semelhantes.

É isso neste tutorial! Se você gostou, pode conferir qualquer um dos meus outros Artigos de ajuda do Inkscape, Tutoriais em vídeo do Inkscape, ou até o meu Tutoriais do GIMP.

Assine nosso boletim informativo do GIMP

Inscreva-se para receber novos tutoriais, atualizações de cursos e as últimas notícias!

Você se inscreveu com sucesso!