Cyber Monday Sale 40% off unlimited courses & creative assets! 40% off unlimited assets! Save Now
  1. Design & Illustration
  2. Icon Design

Como Criar um Pacote de Ícones de Plantas de Cactos

by
Read Time:17 minsLanguages:

Portuguese (Português) translation by Adriana Takagi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

No tutorial de hoje vamos colocar nossos chapéus de jardineiro e criar um conjunto de quatro ícones de pequenos cactos usando nada mais do que as formas e ferramentas básicas do Adobe Illustrator que você provavelmente já trabalha diariamente.

Além disso, não se esqueça de que você sempre pode expandir seu projeto, indo até GraphicRiver, onde você encontrará uma grande seleção de ícones de jardim.

Dito isto, vamos pular diretamente nele!

1. Como Configurar um Novo Documento

Supondo que você já tenha o Illustrator instalado e executando em segundo plano, abra ele e vamos configurar um Novo Documento (File > New ou Control-N) usando as seguintes configurações:

  • Number of Artboards: 1 
  • Width: 800 px
  • Height: 600 px
  • Units: Pixels

E da aba Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen (72ppi)
  • Preview Mode: Default
setting up a new documentsetting up a new documentsetting up a new document

2. Como Configurar uma Grade Personalizada

Como vamos estar criando os ícones usando um fluxo de trabalho de pixel perfeito, vamos querer configurar uma boa pequena Grade, assim podemos ter total controle sobre as nossas formas.

Passo 1

Vá para o submenu Edit > Preferences > Guides & Grid, e ajuste as seguintes configurações:

  • Gridline every: 1 px
  • Subdivisions: 1
setting up a custom gridsetting up a custom gridsetting up a custom grid

Dica rápida: você pode aprender mais sobre grades lendo esta parte detalhada em Como o Sistema de Grades do Illustrator funciona

Passo 2

Depois de configurarmos nossa grade personalizada, tudo que precisamos fazer para garantir que as nossas formas pareçam nítidas é ativar as opções Snap to Grid e Snap to Pixel encontradas sob o menu View, que vai transformar em Snap to Pixel a cada momento que você entrar no modo de Visualização de Pixel (se você está utilizando uma versao anterior do software).

Agora, se você é novo em todo o "Fluxo de Trabalho de Pixel Perfeito", eu recomendo muito que você passe pelo meu tutorial Como Criar uma Arte de Pixel Perfeito,que vai ajudar você a ampliar a suas habilidades técnicas muito rápido.

3. Como Configurar as Camadas 

Com o Novo Documento criado, seria uma boa ideia estruturar o nosso projeto usando algumas camadas, já que deste jeito podemos manter um fluxo de trabalho constante focando em um ícone de cada vez.

Dito isto, abra o painel Layers, e crie um total de cinco camadas, que vamos renomear do seguinte modo:

  • camada 1: reference grids (grades de referência)
  • camada 2: first cactus (primeiro cacto)
  • camada 3: second cactus (segundo cacto)
  • camada 4: third cactus (terceiro cacto)
  • camada 5: fourth cactus
setting up the layerssetting up the layerssetting up the layers

4. Como Configurar as Grades de Referência

As grades de referência (ou grades de base) são um conjunto de superfícies de referência delimitadas com precisão, o que nos permite construir os nossos ícones focando no tamanho e na consistência.

Normalmente, o tamanho das grades determina o tamanho dos ícones reais, e eles devem sempre ser a primeira decisão que você faz ao iniciar um novo projeto, já que você sempre quer começar do menor tamanho possível e construir sobre isso.

Agora, em nosso caso, vamos estar criando o pacote de ícone usando apenas um tamanho, mais exatamente 128 x 128 px, que é bastante grande.

Passo 1

Comece a bloquear todas as camadas, exceto a "reference grids", e depois pegue a Ferramenta Rectangle (M) e crie um quadrado laranja de 128 x 128 px (#F15A24), que vai ajudar a definir o tamanho global dos nossos ícones.

creating the main shape for the reference gridcreating the main shape for the reference gridcreating the main shape for the reference grid

Passo 2

Adicione um outro menor de 120 x 120 px (#FFFFFF) que vamos posicionar em cima da forma anterior, já que ele vai atuar como a nossa área ativa de desenho, desta forma nos dando um preenchimento completo de 4 px para trabalhar.

creating the active drawing areas main shapecreating the active drawing areas main shapecreating the active drawing areas main shape

Passo 3

Selecione e agrupe os dois quadrados juntos usando o atalho de teclado Control-G, centralizando-os depois para prancheta subjacente. Crie as grades restantes usando três cópias (Control-C > Control-F três vezes) a uma distância horizontal de 40 px do original, bloqueando a camada atual antes de passar para a próxima parte.

creating and positioning the remaining reference gridscreating and positioning the remaining reference gridscreating and positioning the remaining reference grids

5. Como Criar o Ícone do Primeiro Cacto

Supondo que você tenha terminado de criar as grades de referência, vá para a próxima camada (que seria a segunda) e vamos começar o projeto criando nosso primeiro ícone.

Passo 1

Comece criando o vaso de cerâmica da planta usando um retângulo arredondado de 68 x 32 px com um Corner Radius de 8 px, que vamos colorir usando #E5E5E5 e depois centralizar para a área de desenho ativo subjacente, posicionando-o a uma distância de 4 px da sua borda inferior.

creating and positioning the main shape for the first cactus icons ceramic potcreating and positioning the main shape for the first cactus icons ceramic potcreating and positioning the main shape for the first cactus icons ceramic pot

Passo 2

Dê a forma que acabamos de criar um contorno usando o método Stroke, criando uma cópia dele (Control-C), que vamos colar em frente (Control-F) e depois ajuste alterando primeiro a sua cor para #3A2E2A. Gire o Preenchimento da cópia com seu Traço (Shift-X), certificando-se de ajustar sua Espessura para 8 px.

adding the outline to the first cactus icons ceramic potadding the outline to the first cactus icons ceramic potadding the outline to the first cactus icons ceramic pot

Passo 3

Adicione a pequena linha de detalhe horizontal utilizando um Traço de 68 px de largura e 4 px de espessura (#3A2E2A), que vamos centralizar ao corpo maior do vaso, posicionando-a 4 px a partir da sua borda superior. Depois de terminar, selecione e agrupe as três formas usando o atalho de teclado Control-G.

adding the horizontal detail line to the first cactus icons ceramic potadding the horizontal detail line to the first cactus icons ceramic potadding the horizontal detail line to the first cactus icons ceramic pot

Passo 4

Crie o corpo principal da planta direita usando um retângulo de 28 x 80 px (#88AF66), que vamos posicionar em cima do vaso, a uma distância de 38 px da borda direita da área de desenho ativa.

creating and positioning the main shape for the first cactus icons right plantcreating and positioning the main shape for the first cactus icons right plantcreating and positioning the main shape for the first cactus icons right plant

Passo 5

Ajuste a forma que acabamos de criar, selecionando-a primeiro e depois configurando o Radius de seus cantos superiores para 14 px do Rectangle Properties do painel Transform.

adjusting the shape of the first cactus icons right plantadjusting the shape of the first cactus icons right plantadjusting the shape of the first cactus icons right plant

Passo 6

Em seguida, pegue um torque e desenhe as duas linhas de textura diagonal com a ajuda da Ferramenta Pen (P). Use um Traço de 4 px (#6D894E) para o topo, seguido por um mais espesso de 8 px (#6D894E) para o inferior, configurando ambos os seus Perfis de Largura para um dos itens padrão incluídos no Illustrator (Perfil de Largura 5).

adding the diagonal texture lines to the first cactus icons right plantadding the diagonal texture lines to the first cactus icons right plantadding the diagonal texture lines to the first cactus icons right plant

Passo 7

Agrupe (Control-G) os dois traços juntos e depois os mascare usando uma cópia (Control-C) da forma subjacente que vamos colar em frente (Control-F) e depois use como um Clipping Mask. Com a cópia no lugar, simplesmente selecione ela e os traços e depois clique com o botão direito do mouse > CMake Clipping Mask.

masking the first cactus icons two diagonal texture linesmasking the first cactus icons two diagonal texture linesmasking the first cactus icons two diagonal texture lines

Passo 8

Dê ao cacto um contorno de 8 px de espessura usando o método Stroke, certificando-se de configurar sua cor para #3A2E2A.

adding the outline to the first cactus icons right plantadding the outline to the first cactus icons right plantadding the outline to the first cactus icons right plant

Passo 9

Adicione a linha de detalhe vertical utilizando um Traço de 66 px de altura e 4 px de espessura (#3A2E2A) com um Round Cap, que vamos centralizar para a borda inferior da planta. Depois de terminar, selecione e agrupe (Control-G) todas as suas formas antes de passar para o próximo passo.

adding the vertical detail line to the first cactus icons right plantadding the vertical detail line to the first cactus icons right plantadding the vertical detail line to the first cactus icons right plant

Passo 10

Comece a trabalhar na planta esquerda do ícone criando seu corpo principal usando um retângulo de 28 x 52 px (#A9D884), que vamos ajustar configurando o Radius de seus cantos superiores para 14 px dentro de Rectangle Properties do painel de Transform. Posicione a forma resultante na parte superior do vaso, a uma distância de 38 px da borda esquerda da área de desenho ativa.

creating and positioning the main shape for the first cactus icons left plantcreating and positioning the main shape for the first cactus icons left plantcreating and positioning the main shape for the first cactus icons left plant

Passo 11

Adicione as duas linhas de textura diagonal, seguindo o mesmo processo usado para a planta direita, invertendo a largura do Traço superior para dar a ele alguma variedade.

adding the two diagonal texture lines to the first cactus icons left plantadding the two diagonal texture lines to the first cactus icons left plantadding the two diagonal texture lines to the first cactus icons left plant

Passo 12

Dê à planta um contorno de 8 px de espessura (#3A2E2A), seguido por um Traço de 38 px de altura e 4 px espessura (#3A2E2A) no centro da sua borda inferior. Depois de terminar, selecione e agrupe todas as suas formas de composição usando o atalho de teclado Control-G.

adding the outline and vertical detail line to the first cactus icons left plantadding the outline and vertical detail line to the first cactus icons left plantadding the outline and vertical detail line to the first cactus icons left plant

Passo 13

Adicione a pedra menor usando uma elipse de 14 x 12 px (#BAB6B3) com um contorno de 8 px de espessura (#3A2E2A), que vamos agrupar (Control-G) e depois posicionar na parte superior da borda direita do vaso, certificando-se de enviá-lo abaixo das suas formas maiores depois (clique com botão direito do mouse > Arrange > Send Backward).

adding the smaller rock to the first cactus icons ceramic potadding the smaller rock to the first cactus icons ceramic potadding the smaller rock to the first cactus icons ceramic pot

Passo 14

Dê a forma resultante um contorno de 8 px de espessura (#3A2E2A) com um Round Join, agrupando (Control-G) e depois posicionando os dois atrás do vaso de cerâmico (clique direito com o botão direito do mouse > Arrange > Send to Back). Além disso, não se esqueça de selecionar e agrupar (Control-G) todas as formas que temos até agora antes de passar para o próximo passo.

adding the larger rock to the first cactus icons ceramic potadding the larger rock to the first cactus icons ceramic potadding the larger rock to the first cactus icons ceramic pot

Passo 15

Comece a trabalhar no primeiro plano do ícone criando um Traço de 96 px de largura e 8 px de espessura (#3A2E2A) com um Round Cap, que vamos alinhar para o canto inferior esquerdo da área de desenho ativa.

adding the larger foreground line to the first cactus icons bottomadding the larger foreground line to the first cactus icons bottomadding the larger foreground line to the first cactus icons bottom

Passo 16

Termine o primeiro plano, e com ele o próprio ícone, adicionando o segmento de linha menor usando um Traço de 4 px de largura e 8 px de espessura (#3A2E2A) com um Round Cap, que vamos alinhar para o canto inferior direito da área de desenho ativa. Quando terminar, selecione e agrupe (Control-G) todas as formas de composição da parte atual, fazendo o mesmo para o ícone inteiro depois.

finishing off the first cactus iconfinishing off the first cactus iconfinishing off the first cactus icon

6. Como Criar o Ícone do Segundo Cacto

Supondo que você tenha terminado de trabalhar no primeiro ícone, bloqueie sua camada e depois vá para a próxima (que seria a terceira), onde vamos começar a trabalhar na nossa segunda planta.

Passo 1

Crie o vaso de cerâmica usando um retângulo arredondado de 68 x 40 px (#E5E5E5) com um Corner Radius de 8 px e um contorno de 8 px de espessura (#3A2E2A), que agruparemos (Control-G) e depois centralizaremos para a borda inferior da área de desenho ativa.

creating and positioning the main shapes for the second cactus icons ceramic potcreating and positioning the main shapes for the second cactus icons ceramic potcreating and positioning the main shapes for the second cactus icons ceramic pot

Passo 2

Adicione a linha de detalhe horizontal usando um Traço de 68 px de largura e 4 px de espessura (#3A2E2A), que vamos centralizar ao corpo maior do vaso, posicionando-o a uma distância de 4 px a partir da sua parte superior. Depois de terminar, selecione e agrupe (Control-G) todas as três formas juntas antes de passar para o próximo passo.

adding the horizontal detail line to the second cactus icons ceramic potadding the horizontal detail line to the second cactus icons ceramic potadding the horizontal detail line to the second cactus icons ceramic pot

Passo 3

Comece a trabalhar no corpo principal do cacto criando sua parte externa usando um círculo de 64 x 64 px (#A9D884) com um contorno de 8 px de espessura (#3A2E2A), que vamos agrupar (Control-G) e depois centralizar ao vaso de cerâmica.

creating and positioning the main shapes for the outer section of the second cactus icons plantcreating and positioning the main shapes for the outer section of the second cactus icons plantcreating and positioning the main shapes for the outer section of the second cactus icons plant

Passo 4

Adicione a parte interna da planta usando uma elipse de 34 x 64 px (#88AF66) com um contorno de 8 px de espessura (#3A2E2A), que vamos agrupar (Control-G) e depois centralizar ao seu corpo maior.

creating and positioning the main shapes for the center section of the second cactus icons plantcreating and positioning the main shapes for the center section of the second cactus icons plantcreating and positioning the main shapes for the center section of the second cactus icons plant

Passo 5

Divida a parte central ao meio adicionando um Traço de 64 px de altura e 8 px de espessura (#3A2E2A) ao seu centro, selecionando e agrupando (Control-G) todas as formas de composição da planta antes de passar para o próximo passo..

adding the vertical divider line to the second cactus icons plantadding the vertical divider line to the second cactus icons plantadding the vertical divider line to the second cactus icons plant

Passo 6

Já que queremos que a planta se acomode atrás do vaso de cerâmica, vamos ter que selecioná-la e posicioná-la embaixo, clicando com o botão direito do mouse > Arrange > Send to Back.

positioning the second cactus icons plant behind its ceramic potpositioning the second cactus icons plant behind its ceramic potpositioning the second cactus icons plant behind its ceramic pot

Passo 7

Comece a trabalhar na pequena flor vermelha criando sua pétala central usando uma elipse de 12 x 16 px (#EF835E) com um contorno de 8 px de espessura (#3A2E2A), que agruparemos (Control-G) e depois centralizaremos à borda superior da área de desenho ativa.

adding the center petal to the second cactus icons floweradding the center petal to the second cactus icons floweradding the center petal to the second cactus icons flower

Passo 8

Crie a pétala esquerda usando um retângulo de 16 x 16 px (#EF835E) que vamos ajustar configurando o Raio de seus cantos inferior esquerdo e superior direito para 12 px dentro de Rectangle Properties do painel de Transform. Dê a forma resultante um contorno de 8 px de espessura (#3A2E2A) com um Round Join, agrupando (Control-G) e depois posicionando os dois na lateral da pétala central.

adding the left petal to the second cactus icons floweradding the left petal to the second cactus icons floweradding the left petal to the second cactus icons flower

Passo 9

Crie a pétala direita usando uma cópia (Control-C > Control-F) da que acabamos de trabalhar, que vamos posicionar no lado oposto da planta. Depois de terminar, selecione e agrupe (Control-G) todas as formas de composição da flor, certificando-se de enviá-las para trás depois (clique com o botão direito do mouse > Arrange > Send to Back). Além disso, já que estamos trabalhando bastante na planta, você pode selecionar e agrupar (Control-G) todas as formas que temos até agora.

adding the right petal to the second cactus icons floweradding the right petal to the second cactus icons floweradding the right petal to the second cactus icons flower

Passo 10

Crie a pedra menor usando uma elipse de 16 x 14 px (#BAB6B3) com um contorno de 8 px de espessura (#3A2E2A), que vamos agrupar (Control-G) e depois alinhar embaixo para o corpo principal do vaso de cerâmica, posicionando-o 4 px da borda direita.

adding the smaller rock to the second cactus icons ceramic potadding the smaller rock to the second cactus icons ceramic potadding the smaller rock to the second cactus icons ceramic pot

Passo 11

Pegue um torque e desenhe a pedra maior usando #9B928E como sua cor de preenchimento. Dê a forma resultante um contorno de 8 px de espessura (#3A2E2A) com um Round Join, agrupando (Control-G) e depois posicionando os dois debaixo das outras formas (clique com o botão direito do mouse > Arrange > Send to Back).

adding the larger rock to the second cactus icons ceramic potadding the larger rock to the second cactus icons ceramic potadding the larger rock to the second cactus icons ceramic pot

Passo 12

Termine o ícone adicionando o primeiro plano usando uma cópia (Control-C) daquele que criamos para o primeiro ícone, que vamos colar na camada atual (Control-F) e depois centralizar à borda inferior da área de desenho ativa. Depois de terminar, selecione e agrupe (Control-G) todas as suas partes de composição antes de passar para o próximo.

finishing off the second cactus iconfinishing off the second cactus iconfinishing off the second cactus icon

7. Como Criar o Ícone do Terceiro Cacto

Dirija-se para a próxima camada (que seria a quarta), bloqueando a anterior e, em seguida, amplie sua grade de referência para que possamos começar a trabalhar na terceira planta.

Passo 1

Crie o vaso de cerâmica usando um retângulo arredondado de 68 x 32 px (#E5E5E5) com um Corner Radius de 8 px e um contorno de 8 px de espessura (#3A2E2A), que agruparemos (Control-G) e depois centralizaremos à borda inferior da área de desenho ativa.

creating and positioning the main shapes for the third cactus icons ceramic potcreating and positioning the main shapes for the third cactus icons ceramic potcreating and positioning the main shapes for the third cactus icons ceramic pot

Passo 2

Adicione a linha de detalhe horizontal usando um Traço de 68 px de largura e 4 px de espessura (#3A2E2A), que vamos centralizar ao corpo principal do vaso, posicionando-o a uma distância de 4 px a partir da sua borda superior. Quando terminar, selecione as três formas e agrupe-as usando o atalho de teclado Control-G.

adding the horizontal detail line to the third cactus icons ceramic potadding the horizontal detail line to the third cactus icons ceramic potadding the horizontal detail line to the third cactus icons ceramic pot

Passo 3

Comece a trabalhar na planta verdadeira, criando sua parte inferior usando um círculo de 64 x 64 px (#A9D884), que vamos centralizar ao vaso de cerâmica, posicionando-o a uma distância de 28 px da borda superior da área de desenho ativa.

creating and positioning the main shape for the bottom section of the third cactus icons plantcreating and positioning the main shape for the bottom section of the third cactus icons plantcreating and positioning the main shape for the bottom section of the third cactus icons plant

Passo 4

Adicione as três linhas de textura diagonal usando #88AF66 como a sua cor principal do Traço, certificando-se de agrupar (Control-G) e depois as mascarar elas usando uma cópia (Control-C > Control-F) do círculo maior subjacente.

adding the diagonal texture lines to the third cactus icons plantadding the diagonal texture lines to the third cactus icons plantadding the diagonal texture lines to the third cactus icons plant

Dica rápida: observe que quanto mais longos forem os caminhos do traçado, mais finas as linhas de textura vão ficar, então tente brincar com elas até obter algo que pareça bom.

Passo 5

Dê à parte atual um contorno de 8 px de espessura (#3A2E2A), selecionando e agrupando (Control-G) todas as suas formas de composição depois.

adding the outline to the bottom section of the third cactus icons plantadding the outline to the bottom section of the third cactus icons plantadding the outline to the bottom section of the third cactus icons plant

Passo 6

Crie a parte superior esquerda da planta usando um círculo de 36 x 36 px (#88AF66), em cima do qual vamos adicionar as linhas de textura diagonal usuais (#6D894E) e o contorno de 8 px de espessura (#3A2E2A). Selecione e agrupe (Control-G) todas as três formas, alinhando-as à borda superior da área de desenho ativa, certificando-se de posicioná-las sob à parte maior (clique com botão direito do mouse > Arrange > Send to Back).

creating and positioning the main shapes for the top-left section of the third cactus icons plantcreating and positioning the main shapes for the top-left section of the third cactus icons plantcreating and positioning the main shapes for the top-left section of the third cactus icons plant

Passo 7

Adicione a primeira das partes menores usando um círculo de 16 x 16 px (#A9D884) com um contorno de 8 px de espessura (#3A2E2A), que agruparemos (Control-G) e depois posicionaremos no lado direito das formas criadas anteriormente.

creating and positioning the main shapes for the top-right section of the third cactus icons plantcreating and positioning the main shapes for the top-right section of the third cactus icons plantcreating and positioning the main shapes for the top-right section of the third cactus icons plant

Passo 8

Crie a segunda parte menor usando um círculo de 24 x 24 px (#88AF66) com duas linhas de textura diagonal (#6D894E) e um contorno de 8 px de espessura (#3A2E2A), que agruparemos (Control-G) e depois posicionaremos o lado direito do corpo maior, em uma distância de 16 px do canto superior direito da área de desenho ativa.

creating and positioning the main shapes for the right section of the third cactus icons plantcreating and positioning the main shapes for the right section of the third cactus icons plantcreating and positioning the main shapes for the right section of the third cactus icons plant

Passo 9

Selecione e agrupe (Control-G) todas as quatro partes da planta, certificando-se de enviá-las para a parte de trás do vaso (clique com o botão direito do mouse > Arrange > Send to Back) antes de passar para o próximo passo.

positioning the third cactus icons plant behind its ceramic potpositioning the third cactus icons plant behind its ceramic potpositioning the third cactus icons plant behind its ceramic pot

Passo 10

Crie a pedra menor usando uma elipse de 14 x 12 px (#BAB6B3) com um contorno de 8 px de espessura (#3A2E2A), que agruparemos (Control-G) e depois posicionaremos no lado esquerdo do vaso de cerâmica maior, certificando-se de enviá-los sob suas formas maiores (clique com botão direito do mouse > Arrange > Send to Back).

adding the smaller rock to the third cactus icons ceramic potadding the smaller rock to the third cactus icons ceramic potadding the smaller rock to the third cactus icons ceramic pot

Passo 11

Pegue um torque para desenhar a parte maior da pedra, usando #9B928E como sua cor de Preenchimento. Dê a forma resultante um contorno de 8 px de espessura (#3A2E2A) com um Round Join, agrupando (Control-G) e depois posicionando os dois sob o vaso de cerâmica (clique com o botão direito do mouse > Arrange > Send to Back).

adding the larger rock to the third cactus icons ceramic potadding the larger rock to the third cactus icons ceramic potadding the larger rock to the third cactus icons ceramic pot

Passo 12

Conclua o ícone, adicionando o seu primeiro plano usando uma cópia (Control-C) do que criamos para o segundo ícone, que vamos colar na camada atual (Control-F) e depois centralizar para a borda inferior da área de desenho ativa. Depois de terminar, selecione e agrupe (Control-G) todas as suas partes de composição antes de passar para a quarta e última.

finishing off the third cactus iconfinishing off the third cactus iconfinishing off the third cactus icon

8. Como Criar o Ícone do Quarto Cacto

Agora estamos no nosso quarto e último ícone, então, certifique-se de que você está na camada certa (essa seria a quinta), e vamos encerrar as coisas!

Passo 1

Como fizemos com todos os outros ícones, comece criando o vaso de cerâmica usando um retângulo arredondado de 68 x 24 px (#E5E5E5) com um Corner Radius de 8 px e um contorno de 8 px de espessura (#3A2E2A), que agruparemos (Control-G) e depois centralizaremos para a borda inferior da área de desenho ativa.

creating and positioning the main shapes for the fourth cactus icons ceramic potcreating and positioning the main shapes for the fourth cactus icons ceramic potcreating and positioning the main shapes for the fourth cactus icons ceramic pot

Passo 2

Adicione a linha de detalhe horizontal usando um Traço de 68 px de largura e 4 px de espessura (#3A2E2A), que vamos centralizar ao corpo principal do vaso, posicionando-a a uma distância de 4 px a partir da sua borda superior. Depois de terminar, selecione as três formas e agrupe-as usando o atalho de teclado Control-G.

adding the horizontal detail line to the fourth cactus icons ceramic potadding the horizontal detail line to the fourth cactus icons ceramic potadding the horizontal detail line to the fourth cactus icons ceramic pot

Passo 3 

Comece a trabalhar na planta verdadeira, criando um círculo de 24 x 24 px (#A9D884), que vamos centralizar para a área de desenho ativa subjacente, posicionando-o 4 px de sua borda superior.

creating and positioning the main shape for the upper section of the fourth cactus icons plantcreating and positioning the main shape for the upper section of the fourth cactus icons plantcreating and positioning the main shape for the upper section of the fourth cactus icons plant

Passo 4

Crie um outro círculo um pouco maior de 44 x 44 px (#A9D884), que posicionaremos a uma distância de 24 px do menor.

creating and positioning the main shape for the bottom section of the fourth cactus icons plantcreating and positioning the main shape for the bottom section of the fourth cactus icons plantcreating and positioning the main shape for the bottom section of the fourth cactus icons plant

Passo 5

Abra os caminhos dos dois círculos selecionando individualmente os pontos de ancoragem internos com a Ferramenta Direct Selection (A) e depois removendo-os pressionando Delete.

opening up the paths of the fourth cactus icons two circlesopening up the paths of the fourth cactus icons two circlesopening up the paths of the fourth cactus icons two circles

Passo 6

Una os dois caminhos em uma única forma maior selecionando-os e pressionando Control-J duas vezes.

uniting the paths of the fourth cactus icons two circlesuniting the paths of the fourth cactus icons two circlesuniting the paths of the fourth cactus icons two circles

Passo 7

Ajuste a forma do objeto resultante, selecionando e suavizando cada um dos seus quatro pontos de ancoragem internos usando a opção Converter pontos de ancoragem selecionados para suavizar e depois reposicionando suas alças até obter uma transição suave entre as duas partes.

adjusting the side curvatures of the fourth cactus icons plantadjusting the side curvatures of the fourth cactus icons plantadjusting the side curvatures of the fourth cactus icons plant

Passo 8

Pegue um torque e adicione as linhas de textura diagonal usando #88AF66 como a cor do Traço, certificando-se de mascará-las depois (clique com o botão direito do mouse > Make Clipping Mask) usando uma cópia (Control-C > Control-F) da forma subjacente.

adding the diagonal texture lines to the fourth cactus icons plantadding the diagonal texture lines to the fourth cactus icons plantadding the diagonal texture lines to the fourth cactus icons plant

Passo 9

Dê à planta um contorno de 8 px de espessura (#3A2E2A), seguido por um Traço de 80 px de altura e 4 px de espessura (#3A2E2A) no centro da sua borda inferior. Depois de terminar, selecione e agrupe todas as suas formas de composição usando o atalho de teclado Control-G.

adding the outline and vertical divider line to the fourth cactus icons plantadding the outline and vertical divider line to the fourth cactus icons plantadding the outline and vertical divider line to the fourth cactus icons plant

Passo 10

Posicione a forma que acabamos de agrupar sob o vaso de cerâmica (clique com o botão direito do mouse > Arrange > Send to Back), selecionando e agrupando ambas as partes usando o atalho de teclado Control-G.

positioning the fourth cactus icons plant behind its ceramic potpositioning the fourth cactus icons plant behind its ceramic potpositioning the fourth cactus icons plant behind its ceramic pot

Passo 11

Adicione a pedra menor usando uma elipse de 22 x 16 px (#BAB6B3) com um contorno de 8 px de espessura (#3A2E2A), que agruparemos (Control-G) e depois posicionaremos no lado direito do vaso de cerâmica, a uma distância de apenas 4 px da sua borda direita.

adding the smaller rock to the fourth cactus icons ceramic potadding the smaller rock to the fourth cactus icons ceramic potadding the smaller rock to the fourth cactus icons ceramic pot

Passo 12

Pegue um torque e desenhe a parte da pedra maior usando #9B928E como sua cor de Preenchimento. Dê a forma resultante um contorno de 8 px de espessura (#3A2E2A) com um Round Join, agrupando (Control-G) e depois posicionando-os sob o vaso de cerâmica (clique com o botão direito do mouse > Arrange > Send to Back).

adding the larger rock to the fourth cactus icons ceramic potadding the larger rock to the fourth cactus icons ceramic potadding the larger rock to the fourth cactus icons ceramic pot

Passo 13

Conclua o ícone, adicionando o seu primeiro plano usando uma cópia (Control-C) daquele que criamos para o terceiro ícone, que vamos colar sobre a camada atual (Control-F) e depois centralizar à borda inferior da área de desenho ativa. Depois de terminar, selecione e agrupe (Control-G) todas as suas partes de composição antes de salvar todo o projeto.

finishing off the fourth cactus iconfinishing off the fourth cactus iconfinishing off the fourth cactus icon

Todas as Pás Para Cima!

Aí temos ele, companheiros amantes de cactos—uma abordagem fácil de passo a passo para criar seus próprios ícones de jardim usando nada mais do que algumas formas e ferramentas básicas encontradas dentro de bom e velho Illustrator.

finished project previewfinished project previewfinished project preview
One subscription.
Unlimited Downloads.
Get unlimited downloads