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

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 quisesse mudar as dimensões desta prancheta, tenho três opções. Minhas primeiras duas opções estão acessíveis diretamente na minha janela de composição. Posso clicar no botão "Editar pranchetas" no lado direito da janela, na guia "Propriedades" (indicado pela seta verde), ou clicar na ferramenta "Editar prancheta", comumente conhecida como a ferramenta prancheta, 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 até 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 para a mesma tela para editar o Artboard (destacado em verde na foto acima) usando a ferramenta Artboard (todas as três opções ativam a ferramenta Artboard - indicada pela seta vermelha na foto acima ). Nesta área, o Illustrator tem um pouco mais de flexibilidade do que o Inkscape, pois você pode desenhar uma nova prancheta simplesmente clicando e arrastando o mouse com a ferramenta Artboard. Você também pode alt + arrastar sua prancheta atual para criar uma prancheta duplicada em sua composição (e agora ter mais de uma prancheta) ou clicar no ícone “Criar nova prancheta” (que também criará uma cópia da sua prancheta atual) 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 (muito parecida com a do Illustrator - denotada pela seta vermelha na foto acima), mas a área ao redor da tela por padrão também é branca (denotada pela seta azul). Isso pode ser um ponto problemático para os designers que abrem o Inkscape pela primeira vez, porque eles estão tão acostumados com a área de trabalho branca, 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ê quiser alterar suas propriedades de tela do Inkscape (ou seja, alterar o tamanho da tela, editar a cor de fundo, etc.), há duas maneiras de fazer isso. Apenas uma cabeça para cima - 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 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, não importa qual opção você use 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 Document Properties esteja aberta, você pode escolher entre uma variedade de opções para editar sua tela (nota rápida para evitar confusão - documentos e canvas são essencialmente termos intercambiáveis. Embora, mais especificamente, o documento se refira principalmente a todos os elementos sua tela - como as unidades nas quais sua tela é exibida, o tamanho da tela e a cor do plano de fundo. A tela é simplesmente a área final do documento em que sua arte é exibida). Por exemplo, você pode alterar o tamanho da tela usando uma variedade de tamanhos de modelos comumente usados ​​(como no Illustrator - destacado em azul na foto acima). Você também pode definir um tamanho personalizado para sua tela digitando manualmente em uma largura e altura para a tela na seção "Tamanho personalizado" (área contornada em vermelho). Depois de inserir os valores que deseja usar na tela, simplesmente saia 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ê quiser 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 notar é 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 melhor que 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 notar que o Adobe Illustrator tem suporte a 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, há três painéis de cores facilmente acessíveis que ajudam a navegar e aplicar cores à sua arte. Estes são o painel Cor, o painel Guia de cores e o painel Amostras. Esses painéis são os três primeiros ícones encontrados na seção Painéis à direita da 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” em qualquer uma das três amostras acima da área do espectro de cores (destacada em vermelho) como minha cor de primeiro plano ou de fundo.

Painel de cores do guia de cores do Illustrator

Você notará que há uma guia à direita da guia "Cor" quando no painel de cores chamado "Guia de cores" (seta vermelha). Clicar nessa guia levará você ao painel Guia de cores. Você também pode acessar esse painel clicando no segundo ícone na parte superior da seção Painéis.

Na minha opinião, o painel Guia de cores é 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 de primeiro plano), usando a teoria das cores em tempo real para informar suas recomendações. A primeira cor exibida no Guia de cores é sua cor de 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 de "Regras de Harmonia" quando você passar por cima - descrito acima em azul), você verá que minha regra de harmonia selecionada neste caso é a regra de harmonia "tetrad 2" (seta vermelha ). As cores que serão exibidas com base na sua cor de primeiro plano dependerão da teoria de cor específica por trás da regra de harmonia selecionada. Para a regra de harmonia tetrad 2, temos as cores principais 5 - 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 cores 5 são exibidas verticalmente na linha central do painel Color Guides (você pode ver uma seta apontando para essas cores - indicado 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 for com uma regra de harmonia diferente - por exemplo, elogio certo - minhas cores mudarão e as sombras e matizes serão atualizadas com base nessas cores principais. Às vezes há mais de cinco cores, às vezes há menos de cinco. Depende da Regra da Harmonia. Nesse caso, há seis cores exibidas (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 vantagem desse recurso, no entanto, é que é realmente fácil criar esquemas de cores ou variações de cores para seus projetos com base em uma única cor. Essas cores tendem a se dar bem porque elas vêm de uma regra de harmonia que garante que elas não colidam ou pareçam cores aleatórias juntas. Suas cores de design, portanto, parecem mais coordenadas e profissionais.

Menu Color Swatches Illustrator vs Inkscape

Finalmente, 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 de primeiro ou segundo plano. 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 examinar 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 examinar as várias opções disponíveis. Não vou entrar em mais detalhes sobre os recursos de cores no Adobe apenas por causa do 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 fraude do Guia de Cores / Regras da Harmonia no Inkscape.

Barra de rolagem da paleta de cores do Inkscape

Há, no entanto, muito mais para o que é chamado de “Paleta de cores” do Inkscape do que o olho. À primeira vista, parece que há apenas 120 ou mais cores para escolher na barra de 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 600 ou mais cores no total por padrão.

Cores do Inkscape da barra da paleta da cor explicadas

A primeira cor da Paleta de cores é "Nenhuma" (seta vermelha), o que significa que clicar nela definirá a cor do primeiro plano como "Nenhum" da mesma forma que faria no Illustrator (deslocar + clicar nela definirá sua cor de fundo como Nenhum). Então, você tem uma série de cores em transição de preto para branco, seguido por algumas cores comumente usadas, como marrom, amarelo, azul, etc., seguidas por uma série de cores que começam com um tom escuro e transição para um tom mais claro esquerda para a 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 Paleta de cores (indicado pela seta verde na foto acima).

Menu de amostras do Inkscape 2019

Clicar neste menu revela o 20 + outras paletas de cores para escolher (destacadas em verde na foto acima) e também exibe qualquer paleta de cores criada pelo usuárioCervejaria West Mountain”Paleta de cores exibida na foto é uma que eu criei para um tutorial).

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

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

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

Se você ainda não tem objetos desenhados em sua tela (como é o caso para mim 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 - eu usarei a ferramenta retângulo para este exemplo), agora terei várias opções de espaço de cor na seção "Preencher" (destacada em verde na foto acima ) que 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 permite que eu faça ajustes na cor de preenchimento (chamada de “Cor plana” quando não estiver usando um gradiente - contornado em verde na foto acima) exibido no meu retângulo usando os controles deslizantes HSL (HSL significa Hue, Saturation, e Lightness - há também um slider “A”, que significa Alpha, ou transparência. Minhas outras opções incluem RGB (Vermelho, Verde, Azul e Alfa), CMYK (Ciano, Magenta, Amarelo e Preto. Nota: embora você possa escolher cores CMYK, não é possível exportar para um perfil de cores CMYK no Inkscape sem um terceiro. plug-in party ou work-around), Wheel (que permite a seleção de uma roda de cores) e CMS (que permite selecionar um perfil de cores - não entrarei nessa opção para este artigo).

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

Existem outras opções dentro do menu Preenchimento e Traço que eu não verificarei detalhadamente, 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çado do seu objeto clicando na guia "Traçado" (indicado pela seta vermelha). Neste caso, eu só tenho uma cor de preenchimento vermelho, então quando eu clico na aba “Stroke”, nada aparece. No entanto, se eu clicar com o botão Shift em uma cor da minha paleta de cores (usei o Blue) para adicionar um traço, você verá as mesmas opções de cor para o traço (como você pode ver na foto acima).

Um recurso que o Inkscape possui no Illustrator não é a capacidade de adicionar um gradiente ao traço de um objeto. Esta é realmente uma grande vitória para o Inkscape, na minha opinião, como sempre me incomodou com essa falta de funcionalidade no 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ê precisa começar desenhando pelo menos duas formas que se sobrepõem umas às outras (como fiz na foto acima). Em seguida, selecione todas as formas com a ferramenta Seleção ou indo para Selecionar> Todos.

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 suas 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 Shape Builder ferramenta 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 (destacadas em verde na foto acima). O recurso Pathfinder é essencialmente a mesma coisa que a ferramenta Shape Builder, embora você possa executar ações com um clique para extrair ou mesclar suas formas. As quatro ações disponíveis são Clique para Unir, Clique para Menos Frontal, Clique para Cruzar e Clique para Excluir.

Inkscape

selecionando várias formas no Inkscape

O Inkscape pode tirar proveito da extração e fusão de formas, para usar a terminologia do Illustrator, embora se refira a formas como "Objetos" e "Caminhos" (dependendo se você converteu seu objeto em um caminho depois de desenhá-lo). O processo é um pouco diferente no Inkscape - mas vamos começar com um retângulo e um círculo sobrepostos uns aos outros como fizemos no exemplo do Illustrator.

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

Objeto de caminho para caminho Inkscape vs Illustrator Shape Builder

Depois que você tiver suas formas, conhecidas como Objetos, selecionadas, será necessário 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 eu 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 para este tutorial! Se você gostou, você pode verificar 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

Participe da nossa lista de discussão para receber novos tutoriais, atualizações do curso do GIMP e as últimas notícias.

Você se inscreveu com sucesso!

Pin It on Pinterest

Compartilhe Este