A ferramenta caneta é uma ferramenta de desenho vetorial. Sua vantagem é que ela pode desenhar curvas suaves e manter um efeito suave após dimensionamento ou deformação. Os gráficos vetoriais desenhados com a ferramenta caneta são chamados de caminhos. Caminhos são caminhos vetoriais que podem ser abertos e abertos. Se o ponto inicial e o ponto final forem desenhados coincidentemente, um caminho fechado pode ser obtido.
Agora vamos desenhar um caminho simples, selecione a ferramenta caneta (tecla de atalho P) na barra de ferramentas conforme mostrado abaixo:
Figura 1
E mantenha as opções da ferramenta Caneta conforme mostrado (acima da barra de ferramentas): selecione o segundo método de desenho (caminho simples) e cancele a função de elástico.
Figura 2
Em seguida, clique na tela com uma caneta e você verá que existem segmentos de linha conectando os pontos atingidos. Continue pressionando a tecla Shift para manter o ponto desenhado e o ponto anterior em um ângulo que é um número inteiro múltiplo de 45 graus. como zero graus, 90 graus), para que você possa desenhar segmentos de linha horizontais ou verticais (a tecla Shift é pressionada a partir do 5º ponto da figura).
Figura 3
Do exercício simples acima, desenhamos duas regras:
Não desenhamos o segmento de reta diretamente, mas definimos a posição de cada ponto, e o software conectou os pontos para moldar a reta. O que controla a forma (direção, distância) do segmento de reta não é o segmento de reta em si, mas o segmento de reta. posição de cada ponto no segmento de reta. Dois termos para lembrar:
Esses pontos são chamados de pontos de ancoragem
Segmentos de linha entre pontos de ancoragem são chamados de segmentos
Os pontos de ancoragem que acabamos de desenhar também são chamados de pontos de ancoragem lineares porque os segmentos de linha entre eles são linhas retas.
Figura 4
Agora vamos desenhar o ponto de ancoragem curvo.
Vemos que quando desenhamos o segundo ponto de ancoragem e os subsequentes e arrastamos a linha de direção, a forma da curva também muda.
Como as curvas são geradas e como controlamos a forma das curvas? Além de ter a direção e a distância de uma linha reta, a curva possui uma forma adicional de curvatura. A direção e a distância podem ser alcançadas simplesmente mudando a posição do ponto de ancoragem, mas como controlar a curvatura?
Conforme mostrado na figura, selecione a "Ferramenta de Seleção Direta" na barra de ferramentas e preste atenção na seta vazada abaixo.
Figura 5
Suponha que os quatro pontos de ancoragem que acabamos de desenhar sejam ABCD. Use a "Ferramenta de Seleção Direta" para selecionar o segmento entre AB. Você verá a linha de direção que definimos quando desenhamos os pontos de ancoragem AB agora.
Figura 6
Dê uma olhada nessas duas linhas direcionais e imagine o seguinte:
Uma pessoa quer ir do ponto A ao ponto B. Ao partir do ponto A, outras pessoas no ponto A veem que ela está caminhando para cima e para a direita. A pessoa no ponto B viu que estava descendo e para a direita. Em seguida, combine os resultados da observação dos dois locais. Pode-se concluir que o percurso que essa pessoa percorre: deve ser um arco superior semelhante a uma tampa de panela.
Agora selecionamos a "Ferramenta Converter Ponto" conforme mostrado na imagem, que é usada para modificar a linha de direção.
Figura 7
Em seguida, altere a linha de direção no ponto de ancoragem AB conforme mostrado na figura abaixo, e você verá a mudança na curvatura da curva. Observe que há um pequeno ponto no final da linha de direção. Esse ponto é chamado de "alça". Você deve clicar na posição da alça para alterar a linha de direção.
Figura 8
Combinado com a metáfora que acabamos de fazer, não é difícil de entender:
Modificar a linha de direção do ponto de ancoragem B para baixo é equivalente a especificar que a pessoa deve começar acima do ponto A e entrar abaixo do ponto B, então a distância percorrida será em forma de S. Em seguida, modifique a linha de direção do ponto de ancoragem A para baixo, o que equivale a começar abaixo do ponto A e depois entrar abaixo do ponto B. O que você está caminhando é um arco descendente. A linha de direção modificada é mostrada abaixo:
Figura 9
Depois de compreender o impacto da direção da linha de direção no formato da curva, vamos dar uma olhada no impacto do comprimento da linha de direção. Conforme mostrado abaixo, arraste a linha de direção na mesma direção: (Você pode usar a "Ferramenta de Seleção Direta").
Figura 10
Para um ponto de ancoragem, se a linha de direção for mais longa, a distância que a curva percorre nessa direção será maior e vice-versa. Você pode imaginar que a curva é um elástico, com duas forças puxando em direções respectivas nas extremidades da cabeça e da cauda. Qualquer que seja a direção em que a força seja maior, o elástico se aproximará nessa direção. Pelo contrário.
Além de modificar os pontos de ancoragem, você também pode usar a “Ferramenta Seleção Direta” para modificar a forma da curva no clipe. Conforme mostrado abaixo:
Figura 11
Nota: Isto não significa "modificar o fragmento", mas sim "modificar dois pontos de ancoragem ao mesmo tempo".
Lembre-se do princípio: os fragmentos são compostos de pontos de ancoragem Somente modificando os pontos de ancoragem a forma do fragmento pode ser alterada. Esta é uma relação de causa e efeito irreversível.
Vamos fazer um resumo:
Para os dois pontos de ancoragem BC nesta curva, exceto o ponto inicial e o ponto final, existem duas linhas de direção:
Uma é a linha de direção "vindo" do ponto de ancoragem anterior; a outra é a linha de direção "indo" que leva ao próximo ponto de ancoragem, existe apenas a linha de direção "indo" para o ponto final; existe apenas a linha de direção "indo".
Vamos fazer um pequeno exercício abaixo, conforme mostra a figura:
Figura 12
Agora você deverá desenhar uma curva entre os dois pontos vermelhos que segue de perto o contorno do mouse. Provavelmente o que você desenhou se parece com a imagem abaixo.
Figura 13
Embora o requisito seja atendido, 4 pontos de ancoragem são usados nesse caminho. Veja a foto abaixo:
Figura 14
O mesmo efeito de curva é desenhado aqui usando apenas dois pontos de ancoragem. Mova os dois pontos vermelhos e desenhe novamente. Este é provavelmente o efeito que você desenhou.
Figura 15
Na verdade, você só precisa usar dois pontos de ancoragem para desenhar esta curva, conforme mostrado abaixo:
Figura 16
Para traçar outra linha em outra posição, são necessários apenas dois pontos de ancoragem, conforme mostrado abaixo:
Lembre-se de uma regra: quanto menos pontos de ancoragem você tiver para desenhar uma curva, melhor. Porque se o número de pontos de ancoragem aumentar, não só aumentará o número de etapas de desenho, mas também será desfavorável para modificações posteriores.
Neste ponto, você definitivamente terá duas perguntas:
Dois pontos de ancoragem parecem capazes de cobrir todas as formas de curva? Esta visão está obviamente errada. Por exemplo, a curva desenhada no nosso primeiro exemplo requer mais de dois pontos de ancoragem. Então, como minimizar o número de pontos de ancoragem utilizados?
Na verdade, há outra questão escondida aqui: Onde está o melhor ponto de ancoragem? Aqui estão as regras que resumi pessoalmente:
A forma da curva entre dois pontos de ancoragem é dividida em duas categorias: formato C e formato S.
Várias formas de formato C são as seguintes:
Figura 17
Suas linhas de direção são as seguintes:
Figura 18
Várias formas de curvas em forma de S são as seguintes:
Figura 19
A linha de direção em forma de S é mostrada abaixo:
Figura 20
A animação abaixo demonstra o ponto divisório entre uma forma C e uma forma S ao ajustar a linha de direção.
Figura 21
Depois de compreender (e compreender) as formas das duas curvas C e S. Você pode analisar quantos pontos de ancoragem são necessários antes de desenhar. Na verdade, trata-se de analisar quantas áreas podem ser desenhadas com uma curva (em forma de C ou em forma de S).
Embora o número de pontos de ancoragem possa refletir o nível e a proficiência da gaveta. Mas para a maioria das pessoas, basta apenas o suficiente para satisfazer as suas necessidades. Portanto, ao desenhar, não há necessidade de ser muito exigente na redução do número de pontos de ancoragem.
Agora vamos desenhar uma forma de M, semelhante ao logotipo do McDonald's. Apresentaremos três processos, leia primeiro a descrição do texto com clareza e depois assista à demonstração da animação. O primeiro método: Após concluir o desenho, modifique a linha de direção "ir" do segundo ponto de ancoragem e mova a posição do ponto de ancoragem de forma adequada. (Depois de desenhar, mantenha pressionada a tecla Ctrl e clique em qualquer lugar fora do caminho para completar o desenho).
Figura 22
Entre eles notamos um fenômeno:
Ao criar um novo ponto de ancoragem de curva e arrastar sua linha de direção. Na verdade, conforme o mouse se move, é a linha de direção "indo", e a direção "vindo" está sempre em um ângulo horizontal de 180 graus com ela, e o comprimento também é o mesmo. Portanto, embora devêssemos originalmente definir o “go” do segundo ponto de ancoragem para o canto superior direito. No entanto, para obter a "direção de avanço" correta, tivemos que defini-la primeiro no canto inferior direito e, em seguida, modificar sua "direção de avanço" separadamente após concluir o desenho. Este método pode ser descrito como "jogar fora para continuar vindo" (da mesma forma, também pode ser "jogar fora para continuar vindo"). É muito inconveniente desenhar um grande número de pontos de ancoragem porque nem sempre a curva correta pode ser vista.
Agora apresentamos o segundo processo de desenho:
Depois de estabelecer o segundo ponto de ancoragem e definir a linha de direção de acordo com a "direção de vinda", modifique a linha de direção de "direção de partida" para que a curva possa ser desenhada corretamente. (Depois de desenhar, mantenha pressionada a tecla Ctrl e clique em qualquer lugar fora do caminho para completar o desenho)
Figura 23