Como usar a ferramenta caneta no ilustrador – Tutorial detalhado da ferramenta caneta do ilustrador para iniciantes a usuários intermediários

A ferramenta caneta do ilustrador é a nossa primeira ferramenta para fazer desenhos vetoriais. Não é a nossa única ferramenta.

Você pode ter projetos muito legais em mente. Mas se você quer ser um designer profissional, você deve aprender como segurar e usar a ferramenta Caneta antes de desenhar. Em resumo, este artigo centra-se em como desenhar, não no que desenhar.

No primeiro capítulo, o desenho em linha recta usando a ferramenta Caneta é explicado e as derivadas da ferramenta Caneta são mostradas. A secção 2 explica como fazer curvas no ilustrador. A última seção trata de como desenhar usando uma figura modelo e o que deve ser prestado atenção.

Ferramenta Caneta

A ferramenta Caneta está localizada no painel de ferramentas no lado esquerdo da interface do usuário do ilustrador, como mostrado na figura abaixo. Ela é usada tanto em desenhos de linha reta quanto em desenhos de curvas.

Ferramenta de abertura no painel de ferramentas

O ícone é em forma de caneta. O atalho do teclado é a letra P. Você pode pegar a caneta clicando no ícone no painel de ferramentas com o botão esquerdo do mouse ou pressionando a letra P no teclado. Quando a ferramenta caneta está ativa, o cursor assume a forma de um “ícone da caneta” como no painel de ferramentas. E, o canto inferior direito mostra os ícones para ajudar você junto com o desenho. .a razão para a forma x (cruz) em vez da forma da caneta depois de clicar na ferramenta da caneta, é a tecla Capslock. O cursor é chamado de preciso. Você pode restaurá-lo, desligando o bloqueio das tampas. Diz-se que desenhar com o cursor em forma de x é mais preciso, mas pessoalmente eu não senti a diferença nos meus próprios desenhos.

A ferramenta caneta no ilustrador é segurada com duas mãos. 🤔

Não se surpreenda. O desenho é feito com o mouse da direita e as teclas de atalho do teclado da esquerda. Com o mouse na mão direita, o cursor é direcionado sobre a área de trabalho, enquanto as teclas do teclado com tarefas auxiliares são controladas pela mão esquerda.

Existem três teclas que você usará com freqüência ao longo do desenho. São elas: CTRL / Command, ALT / Option e Shift / Shift. Em casos raros, a tecla de espaço também pode ser usada.

Neste artigo, são feitas explicações para a versão Windows de um ilustrador com interface em inglês. A versão do software utilizada é a CC 2017. Portanto, usuários de PC / laptop devem posicionar seus dedos esquerdos como mostrado abaixo ao desenhar com a ferramenta caneta. Pratique CTRL com o dedo anelar, SHIFT com o dedo do meio e ALT com o polegar.

blank
Teclas de cor para a ferramenta caneta

Parte 1: Desenho de linha reta

Antes de começar o desenho, apague o preenchimento da linha do painel de controle na parte superior da interface do ilustrador e ajuste a espessura da linha (traço) para 1 ponto em preto.

blank
Painel de controle do traço e cor de preenchimento

Agora, vamos fazer um desenho juntos como abaixo. (Não as figuras. Apenas a linha. 🙂 )

Ferramenta canetaillustrator örnek çizim
Amostra de desenho de linha
    >

  • Selecione a ferramenta Caneta (P).
  • >

  • Clique em qualquer lugar na placa de arte. Este será o seu 1º ponto.

O primeiro clique cria o ponto de partida da sua linha. É chamado o ponto de ancoragem. O guia Smart aparece quando o mouse se afasta do primeiro ponto de Âncora. Este guia inteligente fornece informações sobre a direção da linha real que você irá desenhar. Se não vir guias inteligentes, torne-o visível com CTRL + U.

blank

Pode seleccionar a direcção que desejar. Se você quiser que o valor do ângulo seja limitado, você pode fixá-lo em ângulos de 45 ° com o movimento do mouse, mantendo pressionada a tecla Shift. Se você tiver um valor de ângulo com o qual deseja trabalhar, você também pode ajustá-lo. Você pode dar os valores angulares desejados selecionando Edit> Preferences> Smart guides. No movimento feito mantendo pressionada a tecla Shift, as guias inteligentes serão agora fixadas nos ângulos especificados.

>illustrator set smart guide angle
Smart guides settings dialog box
  • Agora coloque o segundo e terceiro pontos, como no exemplo.

Desde que os segmentos de linha estão unidos uns aos outros, os pontos de ancoragem são especificamente chamados de pontos de ancoragem de canto.

Pode continuar a desenhar desta forma. Mas vamos terminar a primeira parte do desenho como no exemplo

Existem várias maneiras de terminar o desenho. Depois de colocar o último ponto de ancoragem, mova o mouse ligeiramente para longe do ponto de ancoragem e pressione ESC no teclado para terminar o desenho. O nome desta linha é chamado de caminho aberto. ou seja, os pontos de início e fim são a linha sem ligação

Ending com a tecla ESC significa pausar o desenho. Nós ainda estamos segurando a caneta, mas não estamos desenhando. O cursor ainda é um ícone da ferramenta caneta. Podemos criar novas linhas independentes da primeira linha colocando novos pontos de ancoragem na placa de arte.

Se você acha que fez um ponto de ancoragem e uma linha errada, você pode desfazer o seu desenho com CTRL + Z. (uma combinação de teclas que eu uso muito frequentemente :-))

Agora vamos primeiro criar a segunda parte independente como no exemplo.

  • Dando o seu ponto de ancoragem #4 com o rato, crie uma linha como mostra a figura a 45° ângulos.
  • Após criar o ponto de ancoragem 7, termine o desenho com ESC.

Quando afastar o cursor das linhas, verá que o primeiro segmento de linha não está seleccionado e que o último segmento de linha está seleccionado. Ao mover o mouse sobre as linhas, várias formas de caneta aparecerão automaticamente no canto inferior direito do cursor.

Na animação abaixo, as formas da ferramenta caneta são mostradas. Estas formas dizem-lhe como o cursor se comporta quando clicado. O cursor pode se comportar de maneira diferente em uma linha selecionada e em uma linha não selecionada. Portanto, o segmento de linha esquerdo na animação aparece selecionado e o direito aparece como desmarcado. A fim de entender se a linha está selecionada, o cursor deve ser movido para uma área em branco em qualquer lugar na área da arte-arte

blank

As formas que aparecem automaticamente sob o ícone da ferramenta caneta na animação têm os seguintes significados:

Imagem da ferramenta caneta do ilustrador Desenho normal: Um sinal de multiplicação tipo estrela significa que a Pen Tool pode fazer desenhos padrão criando pontos de ancoragem no espaço de trabalho.
pen tool bağlantı başlangıcı Extensão: a forma é uma barra oblíqua para frente. aparece quando o cursor está sobre o ponto de ancoragem da extremidade da linha. Se o ponto de ancoragem é clicado, a linha torna-se contínua e novos pontos de ancoragem são criados.
ferramenta canetaillustrator bağlantı noktası silme ikonu Apagar ponto de ancoragem: aparece quando o cursor se move para o ponto de ancoragem na linha seleccionada. Clicando no ponto de ancoragem, ele é apagado e a nova linha é criada entre dois pontos de ancoragem mais próximos.
incluir ponto de ancoragem: aparece quando o cursor se move para o ponto de ancoragem na linha selecionada: Aparece quando o cursor se move sobre o primeiro ponto de ancoragem do novo segmento de linha depois de usar o método de extensão em outro segmento de linha. se clicado, dois segmentos de linha são conectados.
blank Adicionar ponto de ancoragem: A forma mais aparece com o cursor no segmento de linha selecionado. se não estiver selecionado, a forma mais não aparece. clicando na linha selecionada, adicione um novo ponto de ancoragem.
 ícone da ferramenta caneta de caminho fechado do ilustrador Criar um caminho fechado: a forma de círculo aparece quando o processo de desenho atinge o ponto de ancoragem inicial. Se clicado, caminho fechado criado.
ferramenta ponto de ancoragem da ferramenta caneta do fabricante ferramenta ponto de ancoragem: Aparece automaticamente depois de criar um novo ponto de ancoragem e desaparece imediatamente quando o cursor se afasta. se o ponto de ancoragem for arrastado, aparecem os cabos do ponto de ancoragem. Solto e reposicionando o cursor mostra uma linha guia curva.

Agora complete o desenho como na animação e observe as formas do cursor durante o desenho.

  • Juntar os pontos de ancoragem 3 e 4 primeiro.
  • Agora junte 7 e 1 para criar um caminho fechado.

Espero que tudo esteja bem. 🙂

Please Note:

Além de terminar o desenho com ESC, unindo duas linhas separadas e criando um caminho fechado termina naturalmente o desenho.
Página esquerda do rato com CTRL numa área vazia na placa termina o desenho.
SHIFT + Clique esquerdo do rato cria uma nova linha que começa a partir do caminho da linha seleccionada.
Se a tecla CTRL for mantida pressionada para baixo, o ícone da ferramenta CTRL + ALT é girado para o ícone da ferramenta de seleção direta e atua como a ferramenta de seleção direta. blank
Se as teclas CTRL + ALT forem mantidas pressionadas para baixo, o ícone da ferramenta CTRL + ALT é girado para o ícone da ferramenta de seleção de grupo e atua como a ferramenta de seleção de grupo. blank
Se a tecla ALT for mantida pressionada, o ícone da ferramenta caneta gira para o ícone da ferramenta ponto de ancoragem e actua como a ferramenta ponto de ancoragem. blank
Ao criar o ponto de ancoragem, se a tecla Space for mantida pressionada antes do clique do rato estar terminado, o ponto de ancoragem pode ser movido.

Parte 2: Desenho de curvas

A ferramenta caneta é utilizada para o desenho de curvas no ilustrador. Como mostrado na animação de desenho de curvas com a ferramenta caneta abaixo, o botão esquerdo do mouse é mantido pressionado e arrastado para qualquer lugar na área de trabalho. O primeiro clique é o primeiro ponto de ancoragem da curva a ser formada. O ponto de ancoragem é especificamente chamado de ponto de ancoragem Suave. Duas alças aparecem na direção oposta do cursor se o botão do mouse for mantido pressionado e arrastado. Estas pegas determinam a direção e o comprimento da curva a ser criada. quando soltas e o mouse é movido, a visualização curvada aparece. Esta pré-visualização é especificamente chamada de elástico. você pode ligá-la e desligá-la usando a caixa de diálogo de preferências.

blank

As pegas alongam-se igualmente em ambas as direcções. No entanto, se a tecla ALT for mantida para baixo após a criação do ponto de ancoragem liso, o comprimento e o ângulo do segundo cabo pode ser alterado independentemente. A animação seguinte mostra como fazer isso.

blank

Se a curva tangente não for continuada, ou seja, se uma linha reta for formada a partir do último ponto de ancoragem, um clique no último ponto de ancoragem com a ferramenta Caneta remove o cabo. Agora você pode criar uma linha reta a partir do ponto de ancoragem.

Os cabos são normalmente controlados pela ferramenta Ponto de ancoragem. A tecla de atalho para a ferramenta de ponto de ancoragem é Shift + C. Por outro lado, vimos que as alças também podem ser controladas segurando a tecla ALT enquanto a ferramenta Caneta está ativa. Enquanto a tecla ALT estiver pressionada, a ferramenta de ponto de ancoragem substitui a ferramenta Caneta.

Parte 3: Desenhar a partir da imagem modelo

Vamos testar o que aprendemos com um exemplo.

Camadas de gabarito podem ajudar-nos a desenhar a partir de uma imagem. Quando você cria um novo documento aparece um quadro de arte branco em branco. Se você quiser desenhar algo similar ao mundo real você pode importar um arquivo de imagem e usá-lo como uma camada de template. Na verdade, o significado do mundo real aqui não são apenas as fotografias reais. Os esboços também podem ser importados como uma camada de template.

Para importar uma imagem como uma camada de template:

  • Vá para File>place
  • Liga a sua imagem e seleccione
  • Enable (Thick) template option

A opção Link é usada para determinar se deve incorporar a sua imagem na área de trabalho do Illustrator. Se Link for selecionado, a imagem na área de trabalho desaparece quando a imagem no disco é apagada ou o caminho do arquivo é alterado.

blank
  • Acione o botão place para fechar a caixa de diálogo

Colocar a imagem desta forma cria uma camada de template. Diminui a imagem %50 para baixo. Isto tornará a imagem mais adequada para desenhar em cima dela. Finalmente bloqueia a camada.

você pode abrir o painel de camadas para ver a camada recém criada. se você não ver o painel de camadas vá ao menu Janela e selecione Camadas (Layers).

illustrator katmanlar paneli
Layers Paneli

Se a imagem é maior que a sua placa de arte, que eu costumo encontrar, você precisa reduzir a escala da imagem colocada.

  • Primeiro, desbloqueie a camada
  • Escalar a imagem
  • Bloquear novamente a camada

Quando terminar o seu desenho pode apagar esta camada.

Desde que a camada esteja bloqueada não é possível fazer desenhos. Troque a outra camada ou crie uma nova para desenhar o seu vector.

A regra principal é criar as curvas mais suaves com o menor número possível de pontos de ancoragem suaves.

A curva básica é chamada de curva Bézier. As curvas de Bézier podem ser em forma de C ou de S. A direcção dos cabos cria a curva C ou S. A seguir mostra-se a direcção dos cabos nos pontos de ancoragem de ambas as curvas. O ponto inicial do desenho é o lado esquerdo.

Bezier eğrisi
Curvas de Bezier

Os desenhos das curvas para a imagem da fatia de pão são mostrados abaixo. A fatia de pão foi traçada num vector como um segmento recto e curvo com um total de 5 pontos de ancoragem.

>blank

Pode haver um número diferente de pontos de ancoragem para o mesmo desenho vectorial. No exemplo abaixo, o objeto à esquerda tem 13 pontos de âncora. Por outro lado, o objeto da direita contém 20 pontos de âncora. Observe os vetores e anote quais pontos de âncora são desnecessários. Imagine se você pode reduzir os pontos de âncora! Lembre-se que nem sempre é o objectivo reduzir os pontos de âncora. Os detalhes podem ser perdidos. Concentre-se no fundo do objecto esquerdo. !!!!

blank

Como pode ver, os pontos de âncora desnecessários no objecto direito são os que se encontram no meio da curva.

Então,

Não coloque pontos de ancoragem no topo das curvas em forma de “C” ou “S” nos seus próprios desenhos. Não adicione um ponto de ancoragem a cada curva que você vê durante o seu desenho, como a maioria dos desenhistas faz. Este não é o método correto de desenho.

Reveja o objeto modelo antes de desenhar o vetor sobre a imagem. Com base na sua imaginação, crie na sua mente as curvas bezier “C” e “S”. Se assim for, comece a desenhar a partir do canto. Desenhe uma forma “S” ou “C”.

blank

Adicionar um ponto de ancoragem ao topo da curva é uma forma simples de desenhar. Porque não é preciso prestar muita atenção às pegas. Por outro lado, custa-lhe pontos de ancoragem extra.

Besides, Sabemos agora que as pegas podem ser facilmente geridas com a tecla ALT. Por isso não tenha medo de voltar aos pontos de ancoragem que criou.

Rechamada a selecção dos pontos de ancoragem com CTRL + rato esquerdo. Muitas vezes será necessário. Outras teclas de atalho necessárias já foram descritas acima.

Bom sorte.

Akif Kutlu

P.S. Os seguintes vídeos também são aconselhados. Eles estão em turco. Mas você pode ligar as legendas e fazer a tradução automática para o seu idioma.

Como usar a ferramenta caneta no ilustrador – Tutorial detalhado da ferramenta caneta do ilustrador para iniciantes a usuários intermediários
Tagged on: illustrator pen tool tutorial Layer pen tool template

Deixe uma resposta

O seu endereço de email não será publicado.