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

Como Criar um Pacote de Ícones com Tema de Star Wars no Adobe Illustrator

by
Read Time:30 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

O tutorial de hoje é especial, pelo menos para mim, já que teremos a chance de criar algumas das naves espaciais mais emblemáticas do universo Star Wars, utilizando nada mais do que as formas e ferramentas geométricas com que trabalhamos diariamente.

Ah, e não se esqueça de que você sempre pode expandir o pacote ao conferir o GraphicRiver, onde você pode encontrar uma grande seleção de naves espaciais vetoriais apenas esperando para serem clicadas.

Dito isto, coloque esses chapéus Chewbacca e vamos mergulhar diretamente nisso!

1. Como Configurar um Novo Arquivo de Projeto 

Como tenho certeza de que você já possui o Illustrator rodando em segundo plano, abra-o 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

Já que vamos criar os ícones usando um fluxo de trabalho perfeito para pixels, vamos querer configurar uma boa pequena Grid para que possamos ter total controle sobre 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 este pedaço detalhado sobre Como Funciona o Sistema de Grade do Illustrator.

Passo 2

Uma vez que configuramos nossa grade personalizada, tudo o que precisamos fazer para garantir que nossas formas pareçam nítidas é habilitar as opções Snap to Grid e Snap to Pixel encontradas no menu View, que vai se transformar em Snap to Pixel cada vez que você entrar no modo Pixel Preview (se você estiver usando uma versão mais antiga do software).

Agora, se você é novo em todo o "fluxo de trabalho perfeito para pixel", recomendo que você passe pelo meu tutorial Como Criar uma Arte de Pixel Perfeito, o que vai ajudar você a ampliar suas habilidades técnicas sem perder tempo.

3. Como Configurar as Camadas

Com o Novo Documento criado, seria uma boa ideia estruturar o nosso projeto usando algumas camadas, pois desta maneira podemos manter um fluxo de trabalho estável focando em um ícone por vez.

Dito isto, abra o painel Layers, e crie um total de quatro camadas, que vamos renomear da seguinte maneira:

  • camada 1: reference grids (grades de referência)
  • camada 2: tie fighter 
  • camada 3: millennium falcon
  • camada 4: x-wing
setting up the layerssetting up the layerssetting up the layers

4. Como Criar as Grades de Referência

As Reference Grids (ou Base Grids) são um conjunto de superfícies de referência delimitadas com precisão, que nos permitem construir nossos ícones focando no tamanho e consistência.

Geralmente, o tamanho das grades determina o tamanho dos ícones reais, e eles sempre devem ser a primeira decisão que você faz, uma vez que você inicia um novo projeto, já que você vai sempre querer começar do menor tamanho possível e construir sobre isso.

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

Passo 1

Comece bloqueando tudo, menos a camada "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 geral de nossos ícones.

create the main shape for the reference gridcreate the main shape for the reference gridcreate the main shape for the reference grid

Passo 2

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

creating the main shape for the active drawing areacreating the main shape for the active drawing areacreating the main shape for the active drawing area

Passo 3

Selecione e agrupe os dois quadrados juntos usando o atalho de teclado Control-G , Centro , alinhando-os ao quadro de arte subjacente depois. Crie as grades restantes usando duas cópias laterais ( Control-C> Control-F ) a uma distância de 40 px do original, bloqueando a camada atual antes de passar para a próxima seção.

creating the remaining reference gridscreating the remaining reference gridscreating the remaining reference grids

5. Como criar o ícone TIE Fighter

Supondo que você tenha gerenciado com sucesso as pequenas 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 a trabalhar na nave espacial propulsada pelo motor de iões gêmeos, criando a seção menor de sua ala de matriz solar esquerda usando um retângulo de 5 x 40 px , que iremos colorir usando #7C6663e, em seguida , Alinhar o centro para a borda esquerda da área de desenho ativa, posicionando-a em um Distância de apenas 2 px . 

creating the main shape for the outer section of the tie fighters left solar array wingcreating the main shape for the outer section of the tie fighters left solar array wingcreating the main shape for the outer section of the tie fighters left solar array wing

Passo 2

Dê a forma que acabamos de criar um esboço criando uma Cópia dele ( Control-C ), que vamos Colar na Frente ( Controle-F ) e, em seguida, ajuste, primeiro alterando sua cor #3A2E2A e, em seguida, Lançandosua Preenchimento com a sua Stroke ( Shift-X ). Defina o peso do esboço resultante para 4 px , selecionando e Agrupando as duas formas juntas usando o atalho de teclado Control-G .

adding the outline to the left solar array wings outer sectionadding the outline to the left solar array wings outer sectionadding the outline to the left solar array wings outer section

Passo 3

Crie a seção mais espessa usando um retângulo de 8 x 116 px ( #AF9994) com um contorno de 4 px ( #3A2E2A), que agruparemos ( Control-G ) e, em seguida, posicionaremos no lado direito do segmento de asa menor.

creating the main shapes for the thicker section of the tie fighters left wingcreating the main shapes for the thicker section of the tie fighters left wingcreating the main shapes for the thicker section of the tie fighters left wing

Passo 4

Adicione a linha de detalhes verticais usando um retângulo de 2 x 116 px ( #3A2E2A), que iremos alinhando com as duas formas da etapa anterior. Depois de terminar, selecione e agrupe -os usando o atalho de teclado Control-G .

adding the vertical detail line to thicker section of the tie fighters left wingadding the vertical detail line to thicker section of the tie fighters left wingadding the vertical detail line to thicker section of the tie fighters left wing

 Passo 5

Crie a seção interna mais fina da asa usando um retângulo 5 x 40 px ( #7C6663) com um contorno de 4 px( #3A2E2A), que agruparemos ( Control-G ) e depois posicionaremos no lado direito das formas mais altas. Depois de terminar, selecione e Agrupe ( Controle-G ) as três seções juntas antes de passar para o próximo passo.

adding the thinner inner section to the tie fighters left wingadding the thinner inner section to the tie fighters left wingadding the thinner inner section to the tie fighters left wing

Passo 6

Comece a trabalhar no pilão de ligação da asa, criando um retângulo de 8 x 20 px , que vamos colorar usando #5E4A49e depois posicionar no lado direito das formas que acabamos de agrupar.

creating and positioning the main shape for the left section of the tie fighters left wing pyloncreating and positioning the main shape for the left section of the tie fighters left wing pyloncreating and positioning the main shape for the left section of the tie fighters left wing pylon

Passo 7

Ajuste a forma que acabamos de criar, selecionando individualmente os pontos de âncora da direita usando a Ferramenta de seleção direta (A) e, em seguida, empurrando para dentro por uma distância de 4 px usando a ferramenta Mover ( clique direito> Transformar> Mover> Vertical> + / - 4 px, dependendo de qual lado você começa).

adjusting the main shape of the left section of the tie fighters left wing pylonadjusting the main shape of the left section of the tie fighters left wing pylonadjusting the main shape of the left section of the tie fighters left wing pylon

Passo 8

Dê a forma resultante um contorno de 4 px ( #3A2E2A) usando o método Stroke , adicionando um retângulo 4 x 6 px ( #3A2E2A) ao centro da borda esquerda. Selecione e Agrupe ( Control-G ) as três formas, antes de passar para o próximo passo.

adding the outline to the left section of the tie fighters left wing pylonadding the outline to the left section of the tie fighters left wing pylonadding the outline to the left section of the tie fighters left wing pylon

Passo 9

Crie a seção direita do pilão, usando um retângulo 6 x 12 px ( #7C6663), seguido de um 14 x 12 px um ( #7C6663), um pouco mais largo , que posicionaremos no lado direito das formas agrupadas anteriormente. Depois de tê-los no lugar, combiná-los em uma única forma maior usando Pathfinder ‘s Unite Modo Forma.

creating the right section of the tie fighters left wing pyloncreating the right section of the tie fighters left wing pyloncreating the right section of the tie fighters left wing pylon

Passo 10

Ajuste a forma resultante selecionando individualmente os pontos de âncora da direita direita usando aFerramenta de Seleção Direta (A) e, em seguida, empurrando para o exterior por uma distância de 6 pxusando a ferramenta Mover ( clique direito> Transformar> Mover> Vertical> + / - 6 px, dependendo de qual lado você começa).

adjusting the right section of the tie fighters left wing pylonadjusting the right section of the tie fighters left wing pylonadjusting the right section of the tie fighters left wing pylon

Passo 11

Dê à seção um contorno de 4 pixels grosso ( #3A2E2A), certificando-se de selecionar e Agrupar ( Control-G) as duas formas juntas depois.

adding the outline to the right section of the tie fighters left wing pylonadding the outline to the right section of the tie fighters left wing pylonadding the outline to the right section of the tie fighters left wing pylon

Passo 12

Adicionar a pequena divisória vertical, utilizando uma 12 px de altura 4 px espessura do traçado da linha ( #3A2E2A), que será a posição onde os dois rectângulos que compõem satisfazer.

adding the vertical divider line to the right section of the tie fighters left wing pylonadding the vertical divider line to the right section of the tie fighters left wing pylonadding the vertical divider line to the right section of the tie fighters left wing pylon

Passo 13

Crie um retângulo de 8x20 px ( #3A2E2A), que iremos ao Alinhamento central na seção direita do pilão, certificando-se de posicioná-lo debaixo de todas as outras formas ( clique direito> Organizar> Enviar para trás ).

adding details to the back of the tie fighters left wing pylonadding details to the back of the tie fighters left wing pylonadding details to the back of the tie fighters left wing pylon

Passo 14

Adicione as pequenas linhas de inserção horizontais usando dois retângulos de 3 x 2 px ( #3A2E2A), que iremos empilhando verticalmente  2 px uns dos outros, Agrupar ( Control-G ) e, em seguida, Centrar Alinhando- os para a borda direita da linha divisória vertical.

adding the horizontal insertions to the tie fighters left wing pylonadding the horizontal insertions to the tie fighters left wing pylonadding the horizontal insertions to the tie fighters left wing pylon

Passo 15

Em seguida, crie um quadrado de 4 x 4 px ( #3A2E2A), que iremos ao Alinhamento central ao divisor vertical, posicionando-o no lado direito, a uma distância de 4 px .

adding the little detail square to the tie fighters left wing pylonadding the little detail square to the tie fighters left wing pylonadding the little detail square to the tie fighters left wing pylon

Passo 16

Conclua o pilão de fixação adicionando suas inserções superior e inferior usando dois retângulos 2 x 3 px( #3A2E2A) empilhados verticalmente  8 px um do outro, o que agruparemos ( Control-G ) e, em seguida , Alinhamos a Central ao divisor vertical, posicionando-os em É o lado direito a uma distância de apenas 3 px . Depois de terminar, selecione e Agrupe ( Controle-G ) todas as formas de composição do pilar, fazendo o mesmo para toda a asa depois.

adding vertical insertions to the tie fighters left wing pylonadding vertical insertions to the tie fighters left wing pylonadding vertical insertions to the tie fighters left wing pylon

Passo 17

Crie a ala direita do TIE Fighter, usando um Copy ( Control-C> Control-F ) do que acabamos de trabalhar, o que refletiremos verticalmente ( clique direito> Transformar> Reflectar> Vertical ) e, em seguida, alinhar para A borda oposta da área de desenho ativo subjacente.

adding the tie fighters right wingadding the tie fighters right wingadding the tie fighters right wing

Passo 18

Crie a parte traseira do lutador usando um retângulo de 20 x 10 px ( #7C6663), que ajustaremos individualmente selecionando e empurrando seus pontos de âncora para o interior por uma distância de 4 px ( clique direito> Transformar> Mover> Horizontal> + / - 4 px dependendo de qual lado você começa). Dê a forma resultante um contorno de 4 px ( #3A2E2A), Agrupamento ( Control-G ) e, em seguida , Alinhe -os na área de desenho ativo, posicionando-os a uma distância de 34 px da borda inferior.

creating the main shapes for the tie fighters rear endcreating the main shapes for the tie fighters rear endcreating the main shapes for the tie fighters rear end

Passo 19

Adicione uma inserção de baixo para a seção atual usando um retângulo de 6 x 3 px ( #3A2E2A), que iremos alinhando a borda inferior das formas maiores, selecionando e Agrupar ( Control-G ) juntas depois.

adding the bottom insertion to the tie fighters rear endadding the bottom insertion to the tie fighters rear endadding the bottom insertion to the tie fighters rear end

Passo 20

Adicione os mecanismos de íons usando dois retângulos de 4 x 6 px ( #3A2E2A), que colocamos a uma distância horizontal de  24 px um do outro, Agrupamento ( Control-G ) e, em seguida , Alinhando a Centralpara a borda superior da extremidade traseira.

adding the ion engines to the tie fighters rear endadding the ion engines to the tie fighters rear endadding the ion engines to the tie fighters rear end

Passo 21

Comece a trabalhar no pod de comando criando um círculo de 36 x 36 px ( #AF9994) com um contorno de 4 px ( #3A2E2A), que agruparemos ( Control-G ) e, em seguida , Alinhamos a área de desenho ativo subjacente.

creating the main shapes for the tie fighters command podcreating the main shapes for the tie fighters command podcreating the main shapes for the tie fighters command pod

Passo 22

Criar secção transversal da vagem usando duas diagonais 4 px grossas curso linhas ( #3A2E2A), que iremos Grupo ( Controlo-L ) e, em seguida, centro Alinhar ao corpo principal da vagem.

adding the cross section to the tie fighters command podadding the cross section to the tie fighters command podadding the cross section to the tie fighters command pod

Passo 23

Masque a seção transversal usando uma Cópia ( Controle-C ) da forma de preenchimento do pod, que iremos Colar na Frente ( Controle-F ), clicar com o botão direito e selecionar Maquiar máscara .

masking the tie fighters cross sectionmasking the tie fighters cross sectionmasking the tie fighters cross section

Passo 24

Crie a janela de exibição do pod usando um retângulo de 36 x 8 px ( #5E4A49) com um contorno de 4 px ( #3A2E2A), que agruparemos ( Control-G ) e, em seguida , Alinhamos a borda superior do círculo maior. 

creating the main shapes for the tie fighters viewportcreating the main shapes for the tie fighters viewportcreating the main shapes for the tie fighters viewport

Passo 25

Como queremos que a viewport permaneça restrita à superfície do pod, teremos que cortá- lo ( Control-X) e colá- lo ( Control-F ) dentro da seção transversal mascarada.

masking the tie fighters viewportmasking the tie fighters viewportmasking the tie fighters viewport

Passo 26

Crie a escotilha de acesso usando um círculo de 12 x 12 px ( #7C6663) com um contorno de 4 px grosso ( #3A2E2A), que agruparemos ( Control-G ) e, em seguida , Alinhamos o centro para o corpo maior do vagem.

adding the access hatch to the tie fighters command podadding the access hatch to the tie fighters command podadding the access hatch to the tie fighters command pod

Passo 27

Adicionar alguns detalhes para a escotilha, criando uma px 2 x 6 retângulo ( #3A2E2A) que vai centro alinhar à sua borda inferior, e uma px 4 x 4 quadrado ( #3A2E2A) que iremos Centro Alinhar a sua margem direita. Depois de terminar, selecione e Agrupe ( Controle-G ) todas as formas da seção atual juntos antes de passar para o próximo passo.

adding details to the tie fighters access hatchadding details to the tie fighters access hatchadding details to the tie fighters access hatch

Passo 28

Crie um retângulo de 4 x 2 px ( #3A2E2A) em que iremos alinhando  a escotilha, posicionando-a a uma distância de apenas 4 px .

adding the bottom detail to the tie fighters command podadding the bottom detail to the tie fighters command podadding the bottom detail to the tie fighters command pod

Passo 29

Adicione o detalhe final do pod com um retângulo de 1 x 2 px ( #3A2E2A), seguido de um 2x4 px one ( #3A2E2A), o qual Agruparemos ( Control-G ) e, em seguida , Alinhamos a Altura para a escotilha, posicionando-o no lado direito em um Distância de 5 px . Depois de terminar, selecione e Agrupe ( Controle-G ) todas as formas da seção atual, fazendo o mesmo para o ícone inteiro depois.

adding the final detail to the tie fighters podadding the final detail to the tie fighters podadding the final detail to the tie fighters pod

Passo 30

Concretizar o ícone corrente adicionando as fugas para a secção inferior do pod de comando, usando um par de dois px grossas curso linhas ( #3A2E2A). Depois de terminar, selecione e Agrupe ( Control-G ) todas as suas seções de composição antes de passar para o próximo ícone.

finishing off the tie fighter iconfinishing off the tie fighter iconfinishing off the tie fighter icon

6. Como criar o ícone Millennium Falcon

Supondo que você tenha terminado de trabalhar no primeiro ícone, bloqueie sua camada e depois vá para o próximo (que seria o terceiro), onde começaremos a trabalhar no icônico Millennium Falcon.

Passo 1

Comece a trabalhar na mandíbula esquerda do carril ligeiro de Corellian, criando um retângulo 22 x 44 pxque vamos colorar usando #B58E71e depois posicionar a uma distância de 2 px da borda superior da área de desenho ativa e 26 px da esquerda.

creating the main shape for the millennium falcons left mandiblecreating the main shape for the millennium falcons left mandiblecreating the main shape for the millennium falcons left mandible

Passo 2

Criar um menor de 22 x 20 px rectângulo ( #B58E71), que irá posicionar abaixo da forma anterior, seleccionando e combinando-os em uma única forma maior usando Pathfinder ‘s Unite modo de forma .

adding the bottom section to the millennium falcons left mandibleadding the bottom section to the millennium falcons left mandibleadding the bottom section to the millennium falcons left mandible

Passo 3

Ajuste a forma resultante, selecionando o ponto de ancoragem superior esquerdo com a ajuda daFerramenta de Seleção Direta (A) e, em seguida, empurrando para dentro por uma distância de 14 pxusando a Ferramenta Mover ( clique direito> Transformar> Mover> Horizontal> 14 px ).

adjusting the shape of the millennium falcons left mandibleadjusting the shape of the millennium falcons left mandibleadjusting the shape of the millennium falcons left mandible

Passo 4

Dê à mandíbula um contorno de 4 px ( #3A2E2A) usando o método Stroke , selecionando e Agrupar ( Control-G ) ambas as formas juntas depois.

adding the outline to the millennium falcons left mandibleadding the outline to the millennium falcons left mandibleadding the outline to the millennium falcons left mandible

Passo 5

Crie os pequenos orifícios de acesso usando dois círculos de 4 x 4 px ( #3A2E2A) empilhados diagonalmente  2 px um do outro, o que agruparemos ( Control-G ) e, em seguida, posicionaremos a uma distância de 10 px da borda superior da mandíbula e 2 px de sua o certo.

adding the little access holes to the millennium falcons left mandibleadding the little access holes to the millennium falcons left mandibleadding the little access holes to the millennium falcons left mandible

Passo 6

Acabar com a mandíbula, adicionando o pequeno segmento voltado para o interior usando um retângulo de 4 x 10 px ( #3A2E2A), que posicionaremos no lado direito da forma maior, a uma distância de 4 px da sua borda superior. Depois de terminar, selecione e agrupe todas as formas atuais usando o atalho de teclado Control-G .

adding the inner facing rectangle to the millennium falcons left mandibleadding the inner facing rectangle to the millennium falcons left mandibleadding the inner facing rectangle to the millennium falcons left mandible

Passo 7

Crie a mandíbula direita usando um Copiar ( Controle-C> Controle-F ) daquele em que acabamos de trabalhar, o que posicionaremos no lado direito da área de desenho ativo, certificando-se de refleti-lo verticalmente. Depois de terminar, selecione e agrupe as duas seções usando o atalho de teclado Control-G .

adding the millennium falcons right mandibleadding the millennium falcons right mandibleadding the millennium falcons right mandible

Passo 8

Criar metade superior do Falcon usando uma px 82 x 82 círculo ( #E0BFA0), que irá ajustar cortando um 82 x 49 px retângulo (destacado com vermelho) de seu fundo usando Pathfinder ‘s Minus Front Modo Forma, certificando-se de tirar a A âncora lateral aponta para o Pixel Grid .

creating the main shape for the millennium falcons upper bodycreating the main shape for the millennium falcons upper bodycreating the main shape for the millennium falcons upper body

Passo 9

Continuar a ajustar a forma por adição de um px 82 x 5 rectângulo ( #E0BFA0) à sua parte inferior, Unir as duas em uma única forma maior usando Pathfinder ‘s Unite modo de forma .

adding the smaller section to the bottom of the millennium falcons upper bodyadding the smaller section to the bottom of the millennium falcons upper bodyadding the smaller section to the bottom of the millennium falcons upper body

Passo 10

Selecione individualmente e empurre os pontos de âncora inferiores da forma resultante para o interior por uma distância de 8 px usando a ferramenta Mover ( clique direito> Transformar> Mover> Horizontal> + / - 8 px, dependendo de qual lado você começa).

adjusting the bottom section of the millennium falcons upper bodyadjusting the bottom section of the millennium falcons upper bodyadjusting the bottom section of the millennium falcons upper body

Passo 11

Dê à parte superior do corpo um contorno de 4 px ( #3A2E2A), selecionando e Agrupando ambas as formas juntas usando o atalho de teclado Control-G .

adding the outline to the millennium falcons upper bodyadding the outline to the millennium falcons upper bodyadding the outline to the millennium falcons upper body

Passo 12

Comece a adicionar detalhes à seção atual, criando o anel central usando um círculo de 48 x 48 px ( #3A2E2A), o qual iremos alinhando a metade superior do navio, posicionando-o a uma distância de 14 pxda sua borda superior.

adding the center ring to the millennium falcons upper bodyadding the center ring to the millennium falcons upper bodyadding the center ring to the millennium falcons upper body

Passo 13

Ter um par de momentos e retirar a secção transversal através de um 4 px espessura do traçado da linha ( #3A2E2A), certificando-se de que o seu ponto de ancoragem de fundo está alinhado com o centro do círculo maior. Depois de terminar, selecione-o e o círculo e, em seguida, agrupe -os usando o atalho de teclado Control-G .

adding the cross section to the millennium falcons upper bodyadding the cross section to the millennium falcons upper bodyadding the cross section to the millennium falcons upper body

Passo 14

Masque as formas que acabamos de agrupar usando uma Cópia ( Controle-C ) da forma de preenchimento subjacente que vamos colar na frente ( Controle-F ) e, em seguida, clique com o botão direito do mouse> Criar máscara de corte . Em seguida, selecione as formas mascaradas e a parte superior do corpo do navio e Group ( Control-G ) as que estão juntas também.

masking the millennium falcons cross section and center ringmasking the millennium falcons cross section and center ringmasking the millennium falcons cross section and center ring

Passo 15

Crie os tubos de míssil de concussão usando um retângulo de 12 x 48 px ( #C69F7F) com um contorno de 4 px ( #3A2E2A), ao centro do qual adicionaremos um grupo de dois retângulos de 2 x 40 px ( #3A2E2A) a uma distância horizontal de  2 px de um outro. Depois de terminar, selecione e Agrupe ( Controle-G ) todas as formas de composição da seção atual em conjunto, Alinhe as alas na borda inferior da parte superior do navio.

adding the concussion missile tubes to the millennium falcons upper bodyadding the concussion missile tubes to the millennium falcons upper bodyadding the concussion missile tubes to the millennium falcons upper body

Passo 16

Comece a trabalhar no cockpit, criando um retângulo de 12 x 10 px ( #C69F7F), que posicionaremos a uma distância de 18 px da borda superior da área de desenho ativo e 20 px da borda direita.

creating the main shape for the upper section of the millennium falcons cockpitcreating the main shape for the upper section of the millennium falcons cockpitcreating the main shape for the upper section of the millennium falcons cockpit

Passo 17

Adicione um retângulo 12 × 8 px pequeno ( #C69F7F) que posicionaremos logo abaixo do da etapa anterior.

creating the main shape for the center section of the millennium falcons cockpitcreating the main shape for the center section of the millennium falcons cockpitcreating the main shape for the center section of the millennium falcons cockpit

Passo 18

Crie outro retângulo 26 x 20 px ( #C69F7F), o que posicionaremos abaixo dos dois retângulos menores, assegurando-se de alinhá-lo à direita. Depois de ter todos os três retângulos, selecione e, em seguida, Combine -os em uma única forma maior usando Pathfinder ‘s Unite Modo Forma .

uniting the composing shapes of the millennium falcons cockpit into a single larger shapeuniting the composing shapes of the millennium falcons cockpit into a single larger shapeuniting the composing shapes of the millennium falcons cockpit into a single larger shape

Passo 19

Ajuste a forma resultante selecionando e movendo alguns de seus pontos de ancoragem, como visto na imagem de referência. Tome seu tempo, e assim que terminar, avance para o próximo passo.

adjusting the shape of the millennium falcons cockpitadjusting the shape of the millennium falcons cockpitadjusting the shape of the millennium falcons cockpit

Passo 20

Adicione a seção da janela do cockpit, usando um retângulo de 12 x 10 px ( #7A655C), que iremos ao Alinhamento central na sua borda superior e, em seguida, Maiscara usando uma Cópia ( Control-C> Controle-F ) do corpo maior como uma Máscara de Recorte ( direita Clique> Make Clipping Mask ).

adding the window section to the millennium falcons cockpitadding the window section to the millennium falcons cockpitadding the window section to the millennium falcons cockpit

Passo 21

Dê ao cockpit um contorno de 4 px ( #3A2E2A) usando o método Stroke , seguido dos delimitadores de duas secções.

adding the outline to the millennium falcons cockpitadding the outline to the millennium falcons cockpitadding the outline to the millennium falcons cockpit

Passo 22

Concretizar o habitáculo através da adição de um px 4 x 6 rectângulo ( #3A2E2A) para a sua secção dianteira, e, em seguida, puxando uma diagonal 2 px espessura do traçado da linha ( #3A2E2A) no seu centro. Tire seu tempo e, uma vez que você termine, selecione e agrupe todas as suas formas de composição usando o atalho de teclado Control-G .

adding the final details to the millennium falcons cockpitadding the final details to the millennium falcons cockpitadding the final details to the millennium falcons cockpit

Passo 23

Crie os protetores de escudo do defletor do falcão usando dois retângulos de 4 x 10 px ( #3A2E2A), que colocamos a uma distância horizontal de 32 px um do outro, Agrupar ( Control-G ) e depois colocá-los 2 px dos orifícios de acesso inferiores.

adding the deflector shield protectors to the millennium falcons upper bodyadding the deflector shield protectors to the millennium falcons upper bodyadding the deflector shield protectors to the millennium falcons upper body

Passo 24

Crie o prato do sensor usando um círculo de 4 x 4 px ( #3A2E2A), sobre o qual adicionaremos uma elipse de 10 x 8 px ( #3A2E2A), que cortaremos ao meio selecionando e removendo o ponto de âncora superior pressionando Delete . Agrupe ( Control-G ) as duas formas e, em seguida, posicione-as no lado esquerdo do navio, a uma distância de 4 px do protetor protetor. Depois de terminar, selecione e Agrupe ( Control-G) todas as seções de composição do corpo superior juntas antes de passar para o próximo passo.

adding the sensor dish to the millennium falcons upper bodyadding the sensor dish to the millennium falcons upper bodyadding the sensor dish to the millennium falcons upper body

Passo 25

Comece a trabalhar na seção central do falcão criando um retângulo de 68 x 8 px ( #B58E71), que posicionaremos abaixo da parte superior do corpo.

creating the main shape for the millennium falcons center sectioncreating the main shape for the millennium falcons center sectioncreating the main shape for the millennium falcons center section

Passo 26

Criar dois menor 8 x 8 px quadrados ( #B58E71), e posição um em cada lado do retângulo mais largo da seção central, unindo-os em uma única forma maior com a ajuda da Pathfinder ‘s Unite Modo Forma .

creating the side sections to the millennium falcons center bodycreating the side sections to the millennium falcons center bodycreating the side sections to the millennium falcons center body

Passo 27

Ajuste a forma resultante individualmente selecionando e empurrando seus pontos de âncora superior e inferior para o interior por uma distância de 1 px usando a ferramenta Mover ( clique direito> Transformar> Mover> Vertical> + / - 1 px , dependendo de qual lado você começar com). Dê a forma resultante um contorno de 4 px ( #3A2E2A), selecionando e Agrupar ( Control-G ) ambas as formas depois.

adding the outline to the millennium falcons center bodyadding the outline to the millennium falcons center bodyadding the outline to the millennium falcons center body

Passo 28

Adicionar as divisórias verticais utilizando dois 8 px altos 4 px grossas curso linhas ( #3A2E2A), posicionando- 4 px de arestas da secção de corrente.

adding the vertical dividers to the millennium falcons center bodyadding the vertical dividers to the millennium falcons center bodyadding the vertical dividers to the millennium falcons center body

Passo 29

Crie três círculos duplos de 2 x 2 ( #3A2E2A), que iremos ao Alinhamento central para as formas maiores subjacentes, selecionando e Agrupar ( Control-G ) todas as formas de composição da seção atual juntas depois.

adding the little circles to the millennium falcons center bodyadding the little circles to the millennium falcons center bodyadding the little circles to the millennium falcons center body

Passo 30

Crie o corpo inferior do navio usando um Copy ( Control-C> Control-F ) do que já temos, o que refletiremos horizontalmente ( clique direito> Transformar> Reflectar> Horizontal ) e, em seguida, posicione-se abaixo da seção central.

creating the shapes for the millennium falcons bottom bodycreating the shapes for the millennium falcons bottom bodycreating the shapes for the millennium falcons bottom body

Passo 31

Comece a trabalhar nas unidades de condução do Falcon, criando um retângulo de pixels de 68 x 22 ( #C69F7F), que ajustaremos individualmente selecionando e empurrando seus pontos de ancoragem superiores para o interior por uma distância de 22 px usando a Mover Ferramenta ( clique direito> Transformar> Mover> + / - 22 px, dependendo de qual lado você começa). Depois de terminar, centre Alinhar a forma resultante na borda superior do corpo inferior do navio. 

creating the main shape for the upper section of the millennium falcons drive unitscreating the main shape for the upper section of the millennium falcons drive unitscreating the main shape for the upper section of the millennium falcons drive units

Passo 32

Crie outro retângulo de 68 x 8 px ( #C69F7F), o qual posicionaremos abaixo do formato que acabamos de ajustar.

creating the main shape for the center section of the millennium falcons drive unitscreating the main shape for the center section of the millennium falcons drive unitscreating the main shape for the center section of the millennium falcons drive units

Passo 33

Crie a seção circular da unidade de acionamento usando um círculo de 96 x 96 px ( #C69F7F), do topo do qual cortaremos um retângulo de 96 x 82 px (realçado com vermelho), certificando-se de encaixar os pontos de âncora da forma resultante na Grade de pixel . Depois de terminar, centre Alinhar a forma para a área de desenho ativo subjacente, posicionando-a a uma distância de 2 px da sua borda inferior.

creating the main shape for the circular section of the millennium falcons drive unitscreating the main shape for the circular section of the millennium falcons drive unitscreating the main shape for the circular section of the millennium falcons drive units

Passo 34

Unite as três formas que acabamos de criar em uma única maior, dando a forma resultante um contorno de 4 px ( #3A2E2A), certificando-se de selecionar e Agrupar ( Control-G ) os dois juntos depois.

adding the outline to the millennium falcons drive unitsadding the outline to the millennium falcons drive unitsadding the outline to the millennium falcons drive units

Passo 35

Comece a adicionar pequenos detalhes criando dois círculos de pixels de 4 x 4 ( #3A2E2A), que colocamos a uma distância horizontal de  20 px um do outro, Agrupar ( Control-G ) e, em seguida, Centrar Alinhando-os às formas agrupadas anteriormente, posicionando-as 6 Px da borda superior.

adding the little circles to the millennium falcons drive unitsadding the little circles to the millennium falcons drive unitsadding the little circles to the millennium falcons drive units

Passo 36

Crie as câmaras de resfriamento dos motores usando seis círculos px de 6 x 6 ( #3A2E2A), que posicionaremos como visto na imagem de referência, selecionando e Agrupar ( Control-G ) juntos uma vez que você os tenha posicionado.

adding the cooling chambers to the millennium falcons drive unitsadding the cooling chambers to the millennium falcons drive unitsadding the cooling chambers to the millennium falcons drive units

Passo 37

Adicione as linhas de detalhe inferiores usando cinco linhas de traçado grosso de 4 px ( ), que posicionaremos como visto na imagem de referência. Depois de terminar, selecione e agrupe todas as formas da seção atual usando o atalho de teclado Control-G .#3A2E2A

adding detail lines to the millennium falcons drive unitsadding detail lines to the millennium falcons drive unitsadding detail lines to the millennium falcons drive units

Passo 38

Crie a seção circular menor do navio usando um círculo de 24 x 24 px ( #E0BFA0) com um contorno de 4 px( #3A2E2A), que agruparemos ( Control-G ) e, em seguida , Alinhamos o centro para a seção central mais ampla.

adding a circular section to the millennium falcons bodyadding a circular section to the millennium falcons bodyadding a circular section to the millennium falcons body

Passo 39

Comece a trabalhar no canhão laser quad, criando um círculo de 8 x 8 px ( #3A2E2A), que iremos alinhandoa seção circular maior, posicionando-o 4 px de sua borda superior.

creating the shape for the millennium falcons quad laser cannoncreating the shape for the millennium falcons quad laser cannoncreating the shape for the millennium falcons quad laser cannon

Passo 40

Adicione os canhões reais usando dois retângulos de 2 x 7 px ( #3A2E2A), que colocaremos  2 px  um do outro horizontalmente, Agrupar ( Control-G ) e, em seguida, colocá-los sobre a metade superior da forma anterior.

adding the cannons to the millennium falcons circular sectionadding the cannons to the millennium falcons circular sectionadding the cannons to the millennium falcons circular section

Passo 41

Crie um quadrado pequeno de 4 x 4 px ( #3A2E2A), que posicionaremos de modo que sua metade superior se sobreponha ao círculo maior. Depois de terminar, selecione e Agrupe ( Control-G ) todas as formas de compor do canhão.

adding the small rectangle to the millennium falcons quad laser cannonadding the small rectangle to the millennium falcons quad laser cannonadding the small rectangle to the millennium falcons quad laser cannon

Passo 42

Ter um par de momentos e desenhar a linha de detalhe trapezoidal usando um 2 px espessura do traçado( #3A2E2A). Depois de terminar, selecione e Agrupe ( Control-G ) todas as formas de composição da seção atual, fazendo o mesmo para o ícone inteiro depois.

adding the trapezoidal detail line to the millennium falcons circular sectionadding the trapezoidal detail line to the millennium falcons circular sectionadding the trapezoidal detail line to the millennium falcons circular section

Passo 43

Termine o ícone desenhando as pequenas trilhas na parte de trás do Falcon usando um par de 2 px de espessura curso linhas ( #3A2E2A), certificando-se de Grupo ( Control-G )-los depois. Depois de terminar, selecione as trilhas e o navio e o Grupo ( Control-G ), aqueles juntos.

finishing off the millennium falcon iconfinishing off the millennium falcon iconfinishing off the millennium falcon icon

7. Como criar o ícone X-Wing Starfighter

Agora estamos no nosso terceiro e último ícone, por isso assumindo que você já passou para a próxima camada, amplie a grade de referência e vamos terminar.

Passo 1

Comece a trabalhar na ala esquerda do lutador rebelde, criando um retângulo 42 x 14 px ( #AF9994), que posicionaremos a uma distância de 10 px da borda esquerda da área de desenho ativo e 32 px da parte inferior.

creating the main shape for the x-wings left wingcreating the main shape for the x-wings left wingcreating the main shape for the x-wings left wing

Passo 2

Criar um menor 42 x 8 px rectângulo ( #AF9994), que será a posição abaixo do anterior, Unindo as duas em uma única forma maior com a ajuda de Pathfinder ‘s Unite modo de forma .

uniting the x-wings two rectangles into a single larger shapeuniting the x-wings two rectangles into a single larger shapeuniting the x-wings two rectangles into a single larger shape

Passo 3

Ajuste a forma resultante selecionando o ponto de âncora inferior esquerdo, que reposicionaremos usando a Mover Ferramenta ( clique direito> Transformar> Mover> Horizontal> 34 px> Vertical> 6 px ), certificando-se de remover o ponto âncora de centro-direita Uma vez que você terminar.

adjusting the shape of the x-wings left wingadjusting the shape of the x-wings left wingadjusting the shape of the x-wings left wing

Passo 4

Dê à ala um contorno de 4 px ( #3A2E2A) usando o método Stroke , selecionando e Agrupar ( Control-G ) as duas formas juntas depois.

adding the outline to the x-wings left wingadding the outline to the x-wings left wingadding the outline to the x-wings left wing

Passo 5

Adicione a inserção da esquerda da asa, usando um retângulo de 4 x 8 px ( #3A2E2A), que ajustaremos individualmente selecionando e empurrando os pontos de âncora para o interior por uma distância de 2 px( clique direito> Transformar> Mover> Vertical> + / - 2 px dependendo de qual lado você começa).

adding the small insertion to the x-wings left wingadding the small insertion to the x-wings left wingadding the small insertion to the x-wings left wing

Passo 6

Leve alguns momentos e desenhe as linhas de detalhes em forma de "y" usando dois Strokes grosso de 4 px ( ), certificando-se de selecionar e Agrupar ( Control-G ) todas as formas atuais juntas depois.#3A2E2A

adding the detail lines to the x-wings left wingadding the detail lines to the x-wings left wingadding the detail lines to the x-wings left wing

Passo 7

Comece a trabalhar no canhão laser criando um retângulo 8 x 22 px ( #7C6663) com um contorno de 4 px ( #3A2E2A), que agruparemos ( Control-G ) e, em seguida, posicionaremos no lado esquerdo da asa.

creating the main shape for the x-wings left laser cannoncreating the main shape for the x-wings left laser cannoncreating the main shape for the x-wings left laser cannon

Passo 8

Adicione a pequena inserção retangular usando um quadrado de 4 x 4 px#3A2E2A , que alinhamos ao lado esquerdo da seção maior, posicionando-a a uma distância de 2 px da borda inferior. Depois de terminar, selecione e agrupe todas as três formas usando o atalho de teclado Control-G .

adding the rectangular insertion to the x-wings left laser cannonadding the rectangular insertion to the x-wings left laser cannonadding the rectangular insertion to the x-wings left laser cannon

Passo 9

Crie a seção superior menor do canhão usando um retângulo de 8 x 6 px ( #DDC0BA) com um contorno de 4 px ( #3A2E2A), que agruparemos ( Control-G ) e, em seguida, posicionaremos na parte superior da seção anterior.

creating the main shapes for the upper section of the x-wings left laser cannoncreating the main shapes for the upper section of the x-wings left laser cannoncreating the main shapes for the upper section of the x-wings left laser cannon

Passo 10

Crie a extremidade traseira do canhão usando um retângulo de 8 x 4 px ( #3A2E2A) seguido por outro 4 x 4 px um ( #3A2E2A), que vamos empilhar verticalmente, Agrupar ( Control-G ) e depois posicionar abaixo das seções maiores.

adding the back end to the x-wings left laser cannonadding the back end to the x-wings left laser cannonadding the back end to the x-wings left laser cannon

Passo 11

Comece a trabalhar na seção da frente do canhão, criando um retângulo px de 8 x 6 ( #3A2E2A), que ajustaremos selecionando individualmente e empurrando seus pontos de âncora superiores para o interior por uma distância de 2 px ( clique direito> Transformar> Mover> Horizontal> + / - 2 px dependendo de qual lado você começa). Posicione a forma resultante no topo da parte superior do canhão, certificando-se de que Alinhe os dois. 

adding the cone section to the x-wings left laser cannonadding the cone section to the x-wings left laser cannonadding the cone section to the x-wings left laser cannon

Passo 12

Crie a seção do braço usando um retângulo de 4 x 8 px ( #3A2E2A) no topo do qual adicionaremos um retângulo 2 x 16 px ( #3A2E2A), o qual agruparemos ( Control-G ) e, em seguida, empilharemos verticalmente no cone menor.

adding the arm section to the x-wings left laser cannonadding the arm section to the x-wings left laser cannonadding the arm section to the x-wings left laser cannon

Passo 13

Conclua o laser empilhando verticalmente um retângulo 6 x 2 px (# 3A2E2A), seguido de um quadrado 2 x 2 px (# 3A2E2A) e outro maior 4 x 4 px um (# 3A2E2A), para a ponta do qual iremos adicionar Um retângulo 2 x 8 px (# 3A2E2A). Selecione e Agrupe (Control-G) todas as formas de composição do braço juntas, fazendo o mesmo para todo o laser depois.

adding the tip to the x-wings left laser cannonadding the tip to the x-wings left laser cannonadding the tip to the x-wings left laser cannon

Passo 14

Comece a trabalhar no motor do navio, criando um 12 x 10 px retângulo ( #5E4A49) com um 4 px esboço de espessura ( #3A2E2A), para o topo da qual vamos adicionar um 12 px de largura 2 px de espessura curso line ( #3A2E2A). Selecione e Agrupe ( Control-G ) as três formas juntas, posicionando-as a uma distância de 2 px do lado esquerdo da asa.

creating the shapes for the upper section of the x-wings left enginecreating the shapes for the upper section of the x-wings left enginecreating the shapes for the upper section of the x-wings left engine

Passo 15

Crie a seção central do motor usando um quadrado de 12 x 12 px ( #DDC0BA) com um contorno de 4 px ( #3A2E2A), ao centro do qual adicionaremos uma linha de detalhe de 2 px ( #3A2E2A). Agrupe ( Control-G ) as três formas juntas e, em seguida, posicione-as abaixo da seção anterior.

adding the center section to the x-wings left engineadding the center section to the x-wings left engineadding the center section to the x-wings left engine

Passo 16

Adicione o segmento de conexão usando um retângulo de 8 x 6 px ( #3A2E2A), que posicionaremos abaixo da seção anterior.

adding the connecting segment to the x-wings left engineadding the connecting segment to the x-wings left engineadding the connecting segment to the x-wings left engine

Passo 17

Começar a trabalhar na extremidade traseira do motor, criando um 8 x 8 px quadrado ( #7C6663) com um 4 px esboço de espessura ( #3A2E2A), no topo do qual vamos adicionar uma pequena 4 x 2 px retângulo ( #3A2E2A), que iremos Centro Alinhar ao Borda direita do quadrado. Agrupe ( Control-G ) as três formas juntas, posicionando-as debaixo do segmento de conexão.

adding the upper section to the rear end of the x-wings left engineadding the upper section to the rear end of the x-wings left engineadding the upper section to the rear end of the x-wings left engine

Passo 18

Adicione a seção traseira do motor usando um retângulo de 8 x 14 px ( #DDC0BA) com um contorno de 4 px( #3A2E2A), no final do qual adicionaremos uma inserção retangular de 2 x 3 px ( #3A2E2A), seguida de um 4x4 px um ( #3A2E2A) Posicionado em sua borda esquerda.  Grupo ( Control-G ) e, em seguida, posicione todas as formas da seção atual abaixo da parte do motor menor.

adding the rear end to the x-wings left engineadding the rear end to the x-wings left engineadding the rear end to the x-wings left engine

Passo 19

Termine o motor e, com ele, a própria asa, adicionando a seção de topo do cone que criaremos usando um retângulo de 12 x 6 px (# 3A2E2A), que ajustaremos individualmente, selecionando e empurrando os pontos de âncora para dentro Por uma distância de 2 px (clique direito> Transformar> Mover> Horizontal> + / - 2 px dependendo de qual lado você começa). Posicione a forma resultante no topo do motor, selecionando e Agrupar (Control-G) todas as suas formas de composição, fazendo o mesmo para toda a asa depois.

adding the cone section to the x-wings left engineadding the cone section to the x-wings left engineadding the cone section to the x-wings left engine

Passo 20

Crie a asa direita do navio usando um Copy ( Control-C> Control-F ) do que acabamos de trabalhar, o que posicionaremos no lado oposto da área de desenho ativo, certificando-se de refletir-se verticalmente depois ( Clique direito> Transformar> Reflectar> Vertical ).

creating and positioning the x-wings right wingcreating and positioning the x-wings right wingcreating and positioning the x-wings right wing

Passo 21

Comece a trabalhar no nariz da raiz X criando um retângulo de 8 x 10 px ( #7C6663), no final do qual adicionaremos um retângulo de 8 x 2 px ( #7C6663), que combinaremos em uma única forma maior usando Pathfinder 's Unite Shape Mode . Centro Alinhar a forma resultante na área de desenho ativo subjacente, posicionando-o 2 px da borda superior.

creating the main shapes for the x-wings nosecreating the main shapes for the x-wings nosecreating the main shapes for the x-wings nose

Passo 22

Ajuste a forma individualmente selecionando e empurrando seus pontos de ancoragem superiores para o interior por uma distância de 2 px ( clique direito> Transformar> Mover> Horizontal> + / - 2 px,dependendo de qual lado você começa). Dê a forma resultante um contorno de 4 px ( #3A2E2Aseguido) de um retângulo de 2 x 6 px ( #3A2E2A) ao centro da sua borda superior, certificando-se de selecionar e Agrupar ( Control-G ) todas as suas formas atuais juntas depois.

adding the outline to the x-wings noseadding the outline to the x-wings noseadding the outline to the x-wings nose

Passo 23

Crie o corpo principal do lutador usando um retângulo 16 x 46 px ( #DDC0BA), seguido de um 16 × 44 px um ( #DDC0BA), no final do qual adicionaremos um retângulo 16 x 6 px ainda menor #DDC0BA. Selecione e Unitetodos os três retângulos em uma única forma maior, posicionando-o abaixo do nariz do navio.

creating the main shapes for the x-wings bodycreating the main shapes for the x-wings bodycreating the main shapes for the x-wings body

Passo 24

Ajuste a forma do corpo do navio empurrando seus pontos de ancoragem superiores para o interior por uma distância de 4 px ( clique direito> Transformar> Mover> Horizontal> + / - 4 px, dependendo de qual lado você começa) e seus inferiores Por apenas 2 px ( clique direito> Transformar> Mover> Horizontal> + / - 2 px, dependendo de qual lado você começa). Depois de terminar, dê a forma resultante um contorno de 4 px ( #3A2E2A), selecionando e Agrupar ( Control-G ) os dois juntos.

adding the outline to the x-wings bodyadding the outline to the x-wings bodyadding the outline to the x-wings body

Passo 25

Adicionar o divisor horizontal inferior usando um 16 px ampla 4 px espessura do traçado da linha ( #3A2E2A), seguido por uma px 6 x 4 rectângulo ( #3A2E2A) posicionado no centro da sua borda inferior.

adding the horizontal divider line to the bottom of the x-wings bodyadding the horizontal divider line to the bottom of the x-wings bodyadding the horizontal divider line to the bottom of the x-wings body

Passo 26

Crie outra linha divisória de 12 px de largura 4 px ( #3A2E2A), que posicionaremos a uma distância de 18 pxda borda superior do corpo.

adding the horizontal divider line to the upper section of the x-wings bodyadding the horizontal divider line to the upper section of the x-wings bodyadding the horizontal divider line to the upper section of the x-wings body

Passo 27

Conecte o divisor que acabamos de criar no nariz do navio usando um quadrado de 4 x 4 px ( #3A2E2A) no topo do qual adicionaremos um retângulo de 2 x 18 px ( #3A2E2A), que agruparemos ( Control-G ) e depois posicionaremos Acima da linha horizontal.

adding the vertical divider segments to the upper section of the x-wings bodyadding the vertical divider segments to the upper section of the x-wings bodyadding the vertical divider segments to the upper section of the x-wings body

Passo 28

Adicionar a pequena inserção utilizando um px 4 x 2 rectângulo ( #3A2E2A), que vamos centro Alinhar a linha divisória superior, posicionando-  4 px  abaixo dela.

adding the small rectangular insertion to the x-wings upper bodyadding the small rectangular insertion to the x-wings upper bodyadding the small rectangular insertion to the x-wings upper body

Passo 29

Comece a trabalhar no cockpit da X-wing criando um retângulo de 8 x 16 px ( #3A2E2A) empilhado em cima de um 8x4 px um ( #3A2E2A), o qual nós uniremos e depois posicionaremos abaixo da inserção retangular, a uma distância de apenas 2 Px .

creating the main shapes for the x-wings cockpitcreating the main shapes for the x-wings cockpitcreating the main shapes for the x-wings cockpit

Passo 30

Ajuste a forma resultante, selecionando individualmente e empurrando seus pontos de ancoragem superior e inferior para o interior por uma distância de 2 px usando a ferramenta Mover ( clique direito> Transformar> Mover> Horizontal> + / - 2 px, dependendo do lado que você começar com).

adjusting the shape of the x-wings cockpitadjusting the shape of the x-wings cockpitadjusting the shape of the x-wings cockpit

Passo 31

Adicione as pequenas janelas usando dois retângulos de 2 px largos ( 2 x 4 px ; 2 x 1 px > #7C6663) empilhados verticalmente em 2 px um do outro, o que agruparemos ( Control-G ) e depois posicionaremos a uma distância de 3 px de A borda inferior do cockpit. Depois de tê-los no lugar, selecione e agrupe todas as três formas usando o atalho de teclado Control-G .

adding the windows to the x-wings cockpitadding the windows to the x-wings cockpitadding the windows to the x-wings cockpit

Passo 32

Crie a forma principal para o gerador do escudo do defletor usando um retângulo de 6 x 26 px ( #6B5451), o que iremos ajustando configurando o Radius de seus cantos superiores para 3 px dentro das propriedades do Retângulo do Painel de Transformação . Dê a forma resultante um contorno de 4 px ( ), Agrupamento ( Control-G ) e, em seguida, posicionando-os abaixo do cockpit, a uma distância de apenas 4 px .#3A2E2A

creating the main shapes for the x-wings deflector shield generatorcreating the main shapes for the x-wings deflector shield generatorcreating the main shapes for the x-wings deflector shield generator

Passo 33

Leve alguns momentos e adicione alguns detalhes à seção atual usando um par de retângulos ( #3A2E2A). Depois de terminar, selecione e Agrupe ( Control-G ) todas as suas formas de composição antes de passar para o próximo passo.

adding the little detail rectangles to the x-wings deflector shield generatoradding the little detail rectangles to the x-wings deflector shield generatoradding the little detail rectangles to the x-wings deflector shield generator

Passo 34

Adicione o pequeno droide usando um círculo de 6 x 6 px ( #ABBDCE) com um contorno de 4 px ( #3A2E2A), que agruparemos ( Control-G ) e, em seguida , Alinhamos o centro para a parte superior da proteção do defletor. Depois de terminar, selecione e Agrupe ( Control-G ) todas as formas de composição do corpo principal juntas, fazendo o mesmo para todo o navio depois.

adding the little droid to the x-wings main bodyadding the little droid to the x-wings main bodyadding the little droid to the x-wings main body

Passo 35

Termine o ícone, adicionando as pequenas linhas de trilha usando um par de 2 px de espessura cursolinhas ( #3A2E2A), certificando-se de Grupo ( Control-G )-los uma vez que você tê-los no lugar. Tire seu tempo e, assim que terminar, selecione e agrupe todas as seções de composição do ícone usando o atalho de teclado Control-G .

finishing off the x-wing iconfinishing off the x-wing iconfinishing off the x-wing icon

Que a Força Esteja Com Você!

Nossa jornada finalmente chegou ao fim, jovens padawans, e valeu a pena.

Espero que você tenha começado o tutorial tão animado quanto eu estava quando eu criei essa icônica nave espacial e terminei na mesma nota, talvez até aprendendo algo novo e útil ao longo do caminho.

Star Wars Icons Adobe Illustrator TutorialStar Wars Icons Adobe Illustrator TutorialStar Wars Icons Adobe Illustrator Tutorial
One subscription.
Unlimited Downloads.
Get unlimited downloads