Gráficos 3D no Illustrator

Gráfico 3D

Esse tutorial é para todos que, assim como eu, tem aflição quando vê em alguma apresentação, revistas, livros ou qualquer outro impresso, gráficos feitos em Excel e camuflados por algum software gráfico (like CorelDraw).

Para que isso não aconteça novamente, vamos nos unir e aprender passo-a-passo como fazer Gráficos 3D no Illustrator CS.

1. Depois de ja ter aberto o Illustrator e configurado o seu tamanho de página, vá até a paleta de Ferramentas, clique no ícone para inserir gráfico e escolha o estilo de gráfico que irá fazer, no caso deste tutorial vamos fazer o estilo pizza. (Como na figura 1)

Gráfico 3D

2. Clicando e arrastando na página, você poderá demarcar o tamanho do seu gráfico, feito isso irá aparecer uma janela como na figura 2. Na tabela que estão vendo, é só acrescentar os valores do seu gráfico e clicar no “V” que está na janela.

Gráfico 3D

3. A essa hora você já está vendo seu gráfico dividido com os tamanhos corretos de cada fatia. Para podermos editar nosso gráfico selecione ele e desagrupe a figura (Ctrl+Shit+G), irá aparecer uma mensagem de aviso, confirme e desagrupe novamente (Ctrl+Shit+G).

4. Agora é possível editar cada fatia do gráfico separadamente como: mudar as cores. Para isso é só selecionar uma fatia por vez e clicar na cor de sua preferência na Swatches de cores.

5. Fatias colorizadas, é hora de aplicar o efeito 3D. Com uma das fatias selecionadas vá em Effect> 3D> Extruture & Bevel. Irá aparecer uma janela como a da figura 3.

Gráfico 3D

6. Observe que na figura 3 o modo “Preview” está selecionado, desse jeito você pode fazer as alterações que quiser e ver em tempo real como está ficando seu gráfico. Nessa mesma janela é possível mudar o angulo da imagem 3D apenas movimentando o cubo. E se você clicar em “More Options” dá para mudar a disposição da luz sobre o objeto. (Figura 4)

Gráfico 3D

7. Com todas as alterações feitas clique em ok. Somente a fatia que haviamos selecionado antes de aplicar o efeito que está da forma que gostariamos. Para que todas as fatia fiquem com o mesmo efeito faça o seguinte: selecione a fatia que está com efeito, em seguida na paleta “Graphic Styles” clique no ícone “New Graphic Styles” (Figura 5). Ele irá adicionar o estilo de gráfico que acabamos de fazer à essa paleta.

Gráfico 3D

8. Para que as outras fatias também tenham o mesmo efeito é só selecioná-las e clicar nesse estilo que acabamos de adicionar à paleta “Graphic Styles”.

O gráfico ficará assim:

Gráfico 3D

Você pode adicionar outras informações nele, como as numerações, ou também fazer em outros modelos.

Gráfico 3D

Pdf Icon Tutorial Download

Você pode gostar também:

43 Comentários para Gráficos 3D no Illustrator

  • Wagner Figueiredo
    | 2008.01.16 13:55

    Ahhhhhhh, esse tutorial era para ser em corel… Esse negocio de illustrator é chatão !

    Beijo !

    • Juliana Russo
      | 2010.10.21 01:42

      Que nada, é porque vc não tem o hábito de usar…como diz meu professor de progamação visual “Use software de gente grande” rsrs Depois de começar a usar, não vai querer outro!!

  • Klaus Paiva
    | 2008.01.16 14:08

    Olha só que legal!
    Muito bom, tô gostando de ver!

    Beijocas!

    • Lua
      | 2008.01.24 14:47

      nossa adorei!
      vou poupar muito tempo!

      • André
        | 2008.07.04 16:42

        Show de bola!!! valeu!

        • Gabys
          | 2008.08.14 15:00

          preciso desse tutorial em coreeeeeeeeel

          • Gabys
            | 2008.08.14 16:27

            valeu pela resposta agil haha
            vou me atrever a mexer no illustrator então.
            beijão

            • Marcos Antonio de Mello
              | 2008.08.21 15:44

              Legal demais, poucas pessoas sabem usar o illustrator tai uma grande oportunidade.

              • Marcos Antonio de Mello
                | 2008.08.21 15:46

                era isso que eu estava procurando, preciso também de uma material sobre vetorização no illustrator, coisa simples só pra começar a vetorizar neste programa bala.

                • Marcos Antonio de Mello
                  | 2008.08.21 15:47

                  valeu kika pela oportunidade, felicidades, grande abraço

                  • Marcos Antonio de Mello
                    | 2008.08.21 15:58

                    Mas como se faz para colocar os valores nas fatias?

                    • Vinicius Humberto de Castro
                      | 2008.09.02 16:17

                      Muito bom! Gosto da família Adobe!!! e também gosto qndo pessoas tomam essa iniciativa de expandir os conhecimentos dessa família!!!

                      • Henrique
                        | 2008.10.23 08:06

                        Muito bom.
                        Obrigado.

                        • Tatyana Callegari
                          | 2008.11.17 13:32

                          Perfeito! Me ajudou muito.
                          Obrigada pela dica!

                          Beijo.

                          • RafaBlues
                            | 2009.01.30 14:40

                            Valeu amiga brigadao pelo tuto!!!

                            • Edu
                              | 2009.03.24 10:31

                              Caramba, me ajudou muito!!
                              Muito obrigado pelas informações :)

                              até mais

                              • J ц ŋ i Ø ®:
                                | 2009.03.26 16:26

                                gracias!!!
                                pelo tuto……

                                • Alexandre Custodio
                                  | 2009.05.13 10:41

                                  Você não faz idéia de como este tutorial seu poderá me ajudar. Tentei faze-lo no ilustrator AI, acho que é o CS3, mas acho que o seu é outro. Pode me dizer qual versão do Ilustrator dá estas opções de gráfico (o meu só dá a opção grafico de colunas)

                                  Parabens e muito obrigado por compartilhar seu conhecimento!
                                  Alexandre

                                  • kika
                                    | 2009.05.13 19:09

                                    Olá Alexandre!
                                    Eu usei a versão CS3 para fazer e o mesmo se encontra na versão CS2 pq tbm já usei.
                                    Tente clicar e segurar na opção de gráfico da toll bar, ele abre outras opções de gráficos e lá aprece o de pizza.

                                    • EMANUEL PORTILHO
                                      | 2009.05.19 18:06

                                      Ô ADOBE ILLUSTRATOR, SÓ VOCÊ MESMO PRA NOS SALVAR, PUTA QUE PARIU!

                                      • EMANUEL PORTILHO
                                        | 2009.05.19 18:06

                                        COREL, ta na hora de se aposentar!

                                        • Marcos
                                          | 2009.07.09 09:06

                                          Muito bom o ensino, obrigado. Esclareceu apenas com um click do qual eu tive dúvidas.
                                          Marcão

                                          • Daniel9d
                                            | 2009.08.12 03:15

                                            maravilha! estava procurando por isso…

                                            • Renata
                                              | 2009.09.03 18:07

                                              Muito grata! Estava apanhando para fazer uns gráficos. Consegui!

                                              • MárciaSantiago
                                                | 2009.09.16 16:42

                                                to começado a aula de Illustrator e to adorandooo.
                                                meu professor q amostou teu site.e eu ameii parabéns!
                                                Suceesso ;*

                                                • Murilo
                                                  | 2009.09.23 09:31

                                                  Meeeeu tá foda o Illustrator mas ele é muito melhor que o Corel! To fazendo a migração mas to ralandoo viu…:D

                                                  • Marcela
                                                    | 2009.10.14 11:05

                                                    Olá Kika, estou tentanto fazer um grafico muito parecido com esse segundo modelo que vc mostrou ai no final, sem ser o de pizza e sim o de colunas. Gostaria de fazer um grafico com a mesma distribuição de dados que vc fez, o ano na linha de baixo os valores na linha lateral ,mas não estou conseguindo inserir o ano vc pode me ajudar? Obrigada

                                                    Marcela

                                                    • henryque
                                                      | 2009.10.20 12:59

                                                      O mesmo efeito no corel é possivel fazer, porem com tantas ações que fica dificil até mesmo de ensinar… :) O Corel não possui ferramenta apropriada pra causar esta impressão de profundidade.

                                                      • givaldo
                                                        | 2009.11.24 19:04

                                                        blog o timo !!

                                                        • wilton
                                                          | 2009.12.09 08:59

                                                          No iIllustrator tem jeito de inserir alguma animação nos gráficos ?

                                                          Mto bom o tutorial ..
                                                          parabéns

                                                          • Taki
                                                            | 2010.02.04 10:06

                                                            Corel é Lixo!!!!!!

                                                            • Fernanda Martins
                                                              | 2010.06.19 12:34

                                                              Arrasou!
                                                              Li por cima em um minuto e me ensinou!

                                                              • Danielle Santana
                                                                | 2010.07.05 10:43

                                                                Não costumo deixar comentários, mas, nesse momento, estou te amando demais! rsrsrs

                                                                Obrigadão!

                                                                • Tiago Castro da Siva
                                                                  | 2010.09.23 08:08

                                                                  Parabéns pelo tutorial. Nunca tinha mexido no Illustrator (só no Corel). Pra falar a verdade nem sabia que ele existia. Tô trabalhando como designer, porém para as importações para o Indisign (tbm não conhecia) ou até mesmo para o photoshop (único que conhecia :D). Mas ainda sim, muito bom seu tutorial. Parabéns

                                                                  • Design de apresentação — Kika.ppg.br
                                                                    | 2010.10.13 09:04

                                                                    [...] tem gráfico, faça de forma diferente: aqui no blog tem um tutorial pra te [...]

                                                                    • Eduardo Garbácio
                                                                      | 2010.12.03 00:01

                                                                      Muito bom, parabéns!

                                                                      • Áquila Mendes
                                                                        | 2011.02.18 21:13

                                                                        Como que rolou aquele efeito nas bordas dos gráficos? Seria bom explicar passo a passo essa parte que da um efeito muito bacana. Parabéns pelo blog.

                                                                        • Kelvym
                                                                          | 2011.06.13 20:00

                                                                          Isso aconteceu com a posição da iluminação no efeito 3D

                                                                      • Eliana
                                                                        | 2011.03.14 09:53

                                                                        Como faço para colocar o valor em % na torre do grafico

                                                                        • Eliana
                                                                          | 2011.03.14 09:55

                                                                          eu estou tentando falar em % dentro da torre

                                                                          • Kelvym
                                                                            | 2011.06.13 19:59

                                                                            Edite manualmente. Pq assim fika personalizado ao seu gosto.

                                                                            • karrero
                                                                              | 2011.07.11 19:46

                                                                              Nossa!
                                                                              Quanta gente….

                                                                              • Felipe Felps
                                                                                | 2011.07.20 17:19

                                                                                Gostaria de saber como faz esse efeito estilo plastificado, infelizmente não consegui e tentei buscar tutorial no youtube e não consegui então pelo que parece você é o primeiro a postar este tutorial. Gostaria de saber se você me autoriza a postar seu tutorial em meu blog
                                                                                http://www.felpspublica.blogspot.com.
                                                                                Abraço

                                                                                Deixe seu comentário

                                                                                Me avisar por e-mail quando este comentário for respondido.