Como faço um traçado de círculo incompleto para um gráfico de rosquinha?

11

Estou tentando emular esse tipo de derrame:

exemplos de gráfico

Até agora, eu só consegui escrever sobre o golpe e tentar diminuí-lo (embora eu seja um novato e ainda não entendo toda a ferramenta pathfinder), mas é tedioso e não sou tão bom Nisso.

Sugestões?

adobe-illustrator stroke chart

— yoaquim
fonte

Camada de um círculo em detrimento de outro, dar-lhes cores diferentes e apenas excluir um nó do alto círculo

— SaturnsEye

Oi! É um novato aqui, quando você diz nó ... o que exatamente você quer dizer? Criar um caminho da forma que eu quero cortar?

— Yoaquim 15/05

Um ponto de ancoragem. use o cursor branco para selecionar apenas o ponto de ancoragem e não a forma inteira. Eu criaria um passo a passo, mas não tenho tempo agora.

— SaturnsEye

15

Relacionado, se não duplicado: Traços de cores diferentes no Illustrator (os gummi worms)

A maneira mais fácil para mim é apenas com um gradiente no traçado ... defina as paradas intermediárias para estarem no mesmo local.

insira a descrição da imagem aqui

Os benefícios desse método são simplesmente alterar o gradiente para mover as seções. Não é necessário reconfigurar um pincel ou recortar novas formas, se você precisar de segmentos de tamanhos diferentes.

insira a descrição da imagem aqui

Também é fácil usar várias cores ....

insira a descrição da imagem aqui

— Scott
fonte

isso é legal, não é fácil de cortar depois disso, mas a ideia é muito simples e interessante.

— Ilan

Por que você precisaria cortá-lo? O ponto principal deste método é que não há necessidade de expandir e lidar com vários objetos. É tudo uma coisa, facilmente contida e alterada.

— 1518 Scott Scott

1

digamos que um quer segmentos separados ... shutterstock.com/pic-156346322/...

— Ilan

Essa não foi a pergunta @Ilan :) Se for necessário separar os segmentos, existem pelo menos 5 outros métodos que eu usaria :) Alguns dos quais são respostas aqui.

— 1518 Scott Scott

+1, parece a solução mais rápida e simples para o que o OP deseja realizar.

— Brian S

13

Se você precisar de muitos segmentos, talvez seja mais fácil usar a ferramenta de gráficos do Illustrator . Este é essencialmente apenas um gráfico de pizza escavado, para que você possa colocar uma elipse sobre um gráfico para criar seu gráfico.

Gráfico de pizza do Illustrator

Círculo sobre o gráfico de pizza no Illustrator

— JohnB
fonte

1

Esta é a solução mais elegante. permite a você voltar e ajustar o tamanho com a menor quantidade de trabalho. se necessário, você pode desagrupar seu gráfico (que perderia a capacidade de voltar e editar as proporções) e, em seguida, use a ferramenta Shape Builder ou o painel Pathfinder para criar formas compostas.

— Evan Oswald

1

Sempre no photoshop eu perca ilustrador dearly..I desejo photoshop tinha ferramentas de vetor impressionante do ilustrador

— Muhammad Umer

@MuhammadUmer Isso não introduziria inchaço adicional de software? Se um software incorpora muito do que um software irmão executa, ele levanta a questão de por que os dois precisam existir. O PhotoShop foi acusado de inchaço de software há um tempo. A conveniência é maravilhosa, mas precisa ser considerada com cuidado.

— biscuitstack

sim, o photoshop tem muitos recursos (vídeo, 3d, etc.), mas para softwares que são padrão da indústria para design gráfico, é triste que ele não suporte adequadamente o vetor.

— Muhammad Umer

6

Uma maneira bem simples de fazer isso é colocar os segmentos como barras retas e criar um Art Brush a partir disso:

Exemplo do Art Brush

As proporções permanecerão as mesmas. Portanto, para criar um traçado de 25px para o nosso círculo com uma divisão de 25% / 75%, usei retângulos de 25px x 25px e 25px x 75px para o pincel de arte.

Veja como criar um Art Brush, emprestado do site da Adobe :

Crie um pincel

Para pincéis de dispersão e arte, selecione o trabalho artístico que você deseja usar. Para pincéis de padrão, você pode selecionar o trabalho artístico para o bloco lateral, mas não é necessário. Para obter diretrizes detalhadas para criar pincéis de padrão, consulte Diretrizes para construir blocos de padrão. Para saber mais sobre as opções de pincel de padrão, consulte Opções de pincel de padrão.

Clique no botão Novo pincel no painel Pincéis. Como alternativa, arraste o trabalho artístico selecionado para o painel Pincéis.

Selecione o tipo de pincel que você deseja criar e clique em OK.

Na caixa de diálogo Opções de pincel, insira um nome para o pincel, defina as opções de pincel e clique em OK.

— JohnB
fonte

Marcar com +1 é uma ótima opção se você quiser ser criativo de alguma forma. Apenas certifique-se que é preciso e que todos os enfeites não ficar no caminho da informação (criando os retângulos com 'bar Stacked' da ferramenta de gráfico, em seguida, desagrupar é uma boa idéia)

— user56reinstatemonica8

0

Uma (de muitas) maneiras de fazer isso:

Desenhe o círculo
Objeto | Caminho Curso de estrutura de tópicos
Arraste um par de guias das réguas que cortam o círculo
Desenhe um retângulo maior que o círculo, defina-o na cor desejada para a área maior
Desenhe um retângulo começando no centro do círculo e passando por ele.
Defina-o para a segunda cor
Arraste os nós que não estão no centro até descrever a área que você deseja
Agrupe as duas formas coloridas e envie-as para trás
Clique com a tecla Shift pressionada no círculo
Objeto | Máscara de recorte | Criar (ou pressionar o comando 7)

— WillAdams
fonte

Não entendi exatamente! Desculpe, sou novo nisso: você poderia dar uma explicação mais detalhada?

— Yoaquim 15/05

0

Desenhado por Travis Kochel, o FF Chartwell é um tipo de letra fantástico para a criação de gráficos simples. Usando os recursos do OpenType, seqüências simples de números são automaticamente transformadas em gráficos. Os dados visualizados permanecem editáveis, permitindo atualizações e estilo sem problemas. E sim, também faz gráficos em estilo de rosca.

— Lucian
fonte