Esboço – forma de arco?

É possível produzir uma forma de arco com um determinado início e ângulo de varredura? (Usando Sketch 3.0 de bohemian.coding)

um arco de 180 graus

Resposta

Você pode fingir usando Layer> Vector> Rotate Copies. Basta escolher uma forma de retângulo e criar qualquer número de cópias. Quanto mais cópias você criar, mais suave será o arco.

Você também pode criar dois círculos, subtraí-los e, em seguida, subtrair um retângulo ao meio: Forma do arco no esboço

Finalmente, você poderia desenhá-lo com a ferramenta caneta (embora você “perderia alguma precisão no processo.

Infelizmente, você não será capaz de ajustar o ângulo ou a varredura. Mas se você manipular formas em cima de formas e usar as ferramentas Pathfinder ou Transform, deverá conseguir o efeito desejado.

Comentários

  • Por mais que eu entenda este método e o tenha usado, ele é extremamente planejado para quaisquer ângulos que não sejam 90, 180 ou 270.

Resposta

Obrigado por sua resposta; sua solução é uma alternativa considerável àquela que descobri. (subtraia> tesoura> gire)

insira a descrição da imagem aqui

insira a descrição da imagem aqui

insira a descrição da imagem aqui

(Observação: cobrindo metade do círculo pelo retângulo, você também pode criar um círculo de 180 graus.)

Comentários

  • Para quem está confuso sobre como começar com isso, como eu: Desenhe um círculo. Desenhe um retângulo que se sobreponha ao círculo, conforme mostrado na captura de tela do CodeMound '. Selecione as duas formas. Clique em Subtrair. Você ' obterá um círculo com uma " torção " nele. Agora vá para a ferramenta Tesoura e clique nas linhas retas que constituem a " torção " para removê-las.
  • Não ' não entendo. Recebo um círculo com um quadrado faltando no quadrante superior direito. dropbox.com/s/pv0u8lmg6z94ubh/…
  • @chovy Tive o mesmo problema . Depois de subtrair o quadrado, pegue a tesoura e remova os cantos restantes do quadrado subtraído e, em seguida, adicione borda à forma resultante e o resultado será a resposta acima.

Resposta

Acabei de atualizar este: novo Plug-in de Sketch do Segmented Circle 2.0 .

Crie automaticamente gráficos circulares segmentados precisos para diagramas, instrumentação e análises. A grande atualização adiciona estilos de gráfico de pizza de vários valores, círculos de marcação e arcos perfeitamente tracejados.

Imagem de visualização

Resposta

Agora existe um ótimo plugin de esboço para isso:

“Criar círculos como áreas ou linhas com um número personalizado de pontos / segmentos “ https://github.com/design4use/gb-sketch-segmentcircle

Resposta

Existe uma solução ainda melhor 🙂 Primeiro desenhe o círculo, selecione o caminho e clique em abrir caminho no inspetor.

no canto superior direito Abrir caminho insira a descrição da imagem aqui

Comentários

  • It ' não é muito melhor do que as outras respostas e não ' não funciona bem para ângulos diferentes de 90 º / 180 / 270 º
  • Você pode contornar 180, 270, etc. adicionando um novo ponto no caminho e excluindo o fora de um. Contanto que você use a posição central para o contorno, as coisas funcionam muito bem.

Resposta

Outra maneira é desenhar um círculo, clique duas vezes nele para editá-lo (haverá 4 pequenos pontos igualmente espalhados sobre o círculo) e clique onde deseja terminar a forma para que outro pequeno ponto apareça lá. Use a tesoura para remover qualquer parte indesejada, a parte a ser removida mudará de forma quando você passar o mouse sobre ela. Você pode finalizar sua forma de arco com finalidades diferentes, como arredondadas, isso é feito na seção da borda, clique no COG relacionado para mostrar esta seção.

Resposta

Embora você possa falsificar um arco no Sketch, não parece ser possível fazer um “arco” real conforme descrito pelos padrões do svg: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Arcs

Isso ocorre porque a ferramenta vetorial faz exclusivamente curvas de Bezier ( https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Bezier_Curves ) ou linhas retas de ambos os lados de um vetor.

Se você alguma vez sentir necessidade de fazer um arco de verdade, pode ser melhor apenas escrever seu código svg manualmente. Tive de fazer isso mais algumas vezes.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *