Esboço - forma de arco?


14

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

um arco de 180 graus

Respostas:


4

Você pode fingir usando Camada> Vetor> Girar cópias. Basta escolher uma forma retangular 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 subtrair um retângulo ao meio: Forma de arco no esboço

Por fim, você pode desenhá-lo com a ferramenta Caneta (embora você perca alguma precisão no processo.

Infelizmente, você não poderá 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.


1
Tanto quanto eu entendo este método e tê-lo usado, é extremamente inventado por quaisquer ângulos que não são 90, 180 ou 270.
carignan.boy

10

Obrigado pela sua resposta; sua solução é uma alternativa considerável à que eu descobri. (subtrair> tesoura> girar)

insira a descrição da imagem aqui

insira a descrição da imagem aqui

insira a descrição da imagem aqui

(Nota: Ao cobrir parcialmente o círculo pelo reto, você também pode criar um círculo de 180 graus.)


5
Para alguém 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 um "toque" nele. Agora vá para a ferramenta Tesoura e clique nas linhas retas que compõem a "torção" para removê-las.
stone

Eu não entendo Recebo um círculo com um quadrado ausente no quadrante superior direito. dropbox.com/s/pv0u8lmg6z94ubh/…
chovy

@ Chovy Eu tive o mesmo problema. Depois de subtrair o quadrado, pegue a tesoura e remova os cantos restantes do quadrado subtraído, adicione borda à forma resultante e o resultado será a resposta acima.
Lucas Lazaro

6

Acabei de atualizar isso: novíssimo plug-in do Sketch 2.0 do Circle Segmented .

Crie automaticamente gráficos circulares segmentados precisos para diagramas, instrumentação e análise. A atualização enorme adiciona estilos de gráfico de torta de vários valores, círculos de marcas de escala e arcos perfeitamente tracejados.

Visualizar imagem



1

Existe ainda uma solução melhor :-) Primeiro desenhe o círculo, selecione o caminho e clique em Abrir caminho no inspetor.

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


Não é que muito melhor do que as outras respostas, e ele não funciona bem para outros que 90º / 180º / 270º ângulos
Luciano

Você pode contornar os 180, 270 etc. adicionando um novo ponto ao caminho e excluindo o ponto externo. Contanto que você use a posição central para o contorno, as coisas funcionam muito bem.
Andrew Zimmer

1

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 no local em que você deseja terminar a forma para que outro ponto pequeno apareça lá. Use a tesoura para remover qualquer parte indesejada, a parte a remover mudará de forma quando você passar o mouse sobre ela. Você pode terminar sua forma de arco com final diferente, como arredondado, isso é feito na seção de borda, clique no COG relacionado para mostrar esta seção.


0

Embora você possa falsificar um arco no Sketch, não parece possível criar um "arco" real, conforme descrito pelos padrões svg: https://developer.mozilla.org/en-US/docs/Web/SVG/ Tutorial / Caminhos # Arcos

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

Se você sentir a necessidade de fazer um arco de verdade, talvez seja melhor escrever apenas seu código svg à mão. Eu tive que fazer isso mais do que algumas vezes.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.