Advertisement
  1. Design & Illustration
  2. Flat Design
Design

Como Criar Uma Câmera Vintage no Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Se você é um amante de câmeras vintages este tutorial trará a você boas memórias. Criaremos esta câmera retrô com formas básicas e usaremos cores flats para obter um resultado muito legal. Nossa câmera será inspirada na Leica M6.

Se você está procurando inspiração para criar sua própria ilustração de câmera, por que não checar o GraphicRiver.

Vamos começar!

1. Como Criar um Novo Documento e Definir uma Grid

Pressione Control-N para criar um novo documento. Defina Units (unidade) para Pixels e 800 x 600 de largura e altura (width & height respectivamente) para o documento. Nas opções de Advanced (avançada) selecione RGB, Screen (72 ppi) e certifique-se de ativar a opção Align New Objects to Pixel Grid antes de clicar OK.

Ative a Grid (View > Show Grid) e Snap to Grid (View > Snap to Grid). Você precisará de uma grid a cada 10 px, então simplesmente pressione Control-K para ir nas preferências e em Guides & Grids defina Gridline every para 10 e Subdivisions para 4. Não se preocupe—a grid irá ajudar a trabalhar de forma mais fácil e também pode ser habilitada ou desabilitada pressionando o atalho do teclado Control-".

Você pode ativar o painel Info (Window > Info), a fim de ter uma pré-visualização do tamanho e posição das suas formas. Lembre-se de definir a unidade de medida para Pixels em Edit > Preferences > Units. Isso irá acelerar o seu trabalho.

2. Como Criar o Corpo da Câmera

Para dá-la forma, começaremos com a parte indispensável da nossa câmera: o corpo. Certifique-se de ativar a grid de forma que você possa trabalhar com facilidade e seguir o tutorial sem problemas.

Passo 1

Clique no centro da tela com a Rectangle Tool (M) e na janela pop-up, defina Width (largura) para 300 px e Height (altura) para 170 px.  Preencha-o com a cor #e3e3e3 e remova a cor de contorno (stroke).

Passo 2

Crie um novo retângulo de 130 x 20 px clicando na tela com a Rectangle Tool (M). Alinhe o retângulo com a parte superior esquerda do retângulo principal.

Selecione ambos os retângulos e aplique Minus Front no painel Pathfinder.

Passo 3

Com a Rectangle Tool (M) crie um retângulo de 30 x 18 px e posicione-o no canto superior esquerdo do corpo principal. Selecione o retângulo com a Direct Selection Tool (A) e remova o ponto inferior esquerdo, deixando um ângulo.

Selecione Ambas as figuras e aplique Minus Front no painel Pathfinder.

Passo 4

Crie um novo retângulo de 300 x 104 px clicando na tela com a Rectangle Tool (M). Posicione o retângulo no corpo 16 px acima da parte inferior. Defina a cor de preenchimento para #ebbd63 sem contorno.

No painel Transform, defina Chamfer (chanfro) de 8 px no canto inferior esquerdo.

Passo 5

Crie um retângulo de 278 x 44 px clicando na tela com a Rectangle Tool (M). Posicione-o 126 px acima da parte inferior do corpo principal.

Selecione ambos os retângulos e subtraia o retângulo formado na parte superior esquerda com a Shape Builder Tool (Shift-M).

Passo 6

Pegue o retângulo obtido e copie-o (Control-C) e cole (Control-F). Recue-o uma vez (Object > Arrange > Send Backward). Mova-o para baixo uma vez com a seta no seu teclado e defina a cor de preenchimento com #c4c4c4c.

Passo 7

Crie um novo retângulo de 2 x 46 px clicando na tela com a Rectangle Tool (M). Posicione-o à direita, como mostrado na imagem abaixo. Use a cor #c4c4c4c.

Faça outro retângulo de 300 x 2 px com a Rectangle Tool (M) e posicione-o abaixo, como mostrado na segunda imagem. Use a mesma cor que antes.

3. Como Criar a Lente da Câmera

Terminamos o corpo da nossa câmera, e agora é hora de desenhar a lente. Realizaremos isso com a ajuda da Ellipse Tool.

Passo 1

Pegue a Ellipse Tool (L) na barra de ferramentas e clique na tela, na caixa pop-up defina uma elipse de 120 x 120 px. Posicione-a no corpo da câmera como mostrado na segunda imagem. Use a cor de preenchimento #c4c4c4.

Passo 2

Selecione a elipse e clique nela com o botão direito. Então selecione Isolate Selected Path. Isso ajudará você a trabalhar especificamente com a elipse sem afetar o resto das formas.

Agora selecione a elipse e copie-a (Control-C) e cole-a na frente (Control-F). Use a cor de preenchimento #e3e3e3. Defina um Offset com valor -2 px (Effect > Path > Offset Path...) e pressione OK.

Expanda a aparência da elipse (Object > Expand Appearance).

Passo 3

Adicione oito novas elipses usando cópias (Control-C seguido de Control-F) de uma das que acabamos de criar. Ajuste o tamanho delas usando o painel Transform, certifique-se de restringir as proporções) usando as cores de preenchimento a seguir:

  • Primeira elipse: 104 x 104 px; #b5b5b5
  • Segunda elipse: 100 x 100 px; #c7c7c7
  • Terceira elipse: 96 x 96 px; #b5b5b5
  • Quarta elipse: 88 x 88 px; #4f4f4f
  • Quinta elipse: 84 x 84 px; #383838
  • Sexta elipse: 60 x 60 px; #242424
  • Sétima elipse: 56 x 56 px; #383838
  • Oitava elipse: 44 x 44 px; #242424

Passo 4

Crie uma nova elipse de 8 x 8 px no centro com a Ellipse Tool (L) e aplique a cor de preenchimento #fffdc7. Adicione uma elipse de 32 x 32 px com a cor de preenchimento #ffffff e defina Opacity (opacidade) em 10% no painel Appearance.

Faça outra elipse de 20 x 20 px com a cor de preenchimento #fffdc7 e Opacity em 50%. Posicione estas duas últimas elipses como mostrado na imagem a seguir:

Passo 5

Selecione as três últimas elipses que acabamos de criar e agrupe-as (Control-G) Com a Rotation Tool (R), posicione o ponto de âncora no centro da elipse menor e rotacione-a 45º pressionando Shift.

Passo 6

Adicione uma elipse de 120 x 120 com a Ellipse Tool (L) e use a cor de preenchimento #000000. Envie-a para trás (Object > Arrange > Send to Back). Ajuste Opacity (opacidade) em 20% no painel Appearance.

Clique duas vezes com a Selection Tool (V) e defina um movimento de 4 px verticalmente.

Uma vez que terminar, não se esqueça de sair do modo de isolamento pressionando Esc no teclado. 

4. Como Criar as Peças da Câmera

Agora que terminamos o corpo e as lentes, vamos desenhar as diferentes peças da nossa câmera vintage, tais como o regulador, o botão de disparo, o flash, o visor e outros acessórios que compõem essa linda câmera.

Vamos começar com o regulador.

Passo 1

Clique na tela com a Rectangle Tool (M) e defina um retângulo de 46 x 2 px. Use a cor #bababa. Posicione 8 px à direita, como mostrado na imagem a seguir.

Passo 2

Faça um par de retângulos de 12 x 2 px com a Rectangle Tool (M) e use  #999999 como cor de preenchimento. Faça outro par de retângulos de 4 x 2 px usando #b0b0b0 como cor de preenchimento. Posicione-as como mostrado na imagem.

Passo 3

Faça um novo retângulo de 50 x 12 px com a Rectangle Tool (M) e use a cor de preenchimento #d6d6d6. Posicione-o acima dos retângulos que acabamos de criar.

Adicione 12 retângulos de 2 x 10 px para os cantos do regulador com a Rectangle Tool (M) e separe-os horizontalmente 2 px um do outro. Use #c4c4c4 como cor de preenchimento. Agrupe-os (Control-G) e posicione-os como mostrado na segunda imagem.

Passo 4

Usando a Rectangle Tool (M), adicione um retângulo de 42 x 4 px (#dedede) Adicione também cinco retângulos de 4 px de altura e então ajuste suas larguras como mostrado a seguir:

  • Primeiro retângulo (#9c9c9c): 6px
  • Segundo retângulo (#d1d1d1): 4px
  • Terceiro retângulo (#d1d1d1): 4px
  • Quarto retângulo (#bdbdbd): 10 px
  • Quinto retângulo (#9c9c9c): 8 px

Posicione-os como mostrado na imagem abaixo.

Passo 5

Agora crie dois anéis usando um retângulo de 30 x 4 px (#d1d1d1) com a Rectangle Tool (M) e adicione mais dois retângulos, um de 6 x 4 px (#bdbdbd) e outro de 4 x 4 px (#dedede).

Agrupe-os (Control-G) e faça uma cópia (Control-C > Control-F) e separe-os 4 px verticalmente um do outro. 

Passo 6

Adicione o botão do regulador usando um retângulo de 14 x 2 px (#d1d1d1) com a Rectangle Tool (M). Adicione quatro cópias de 2 x 2 px usando as cores de preenchimento #9c9c9c e #c9c9c9 respectivamente. Posicione-as como mostrado na imagem.

Passo 7

Adicione outro botão usando três retângulos com a Rectangle Tool (M), o primeiro de 20 x 2 px (#dedede), o segundo (#9c9c9c) e o terceiro (#d1d1d1) de 4 x 2 px. Agrupe-os (Control-G) e posicione-os 2 px horizontalmente do regulador principal.

Passo 8

Agora vamos desenhar o ocular do visor. Para isso, crie um retângulo de cantos arredondados de 44 x 34 px (#bdbdbd). Ajuste o raio (radius) dos cantos para 3 px no painel Transform.

Adicione mais três retângulos, um de 44 x 26 px (#383838), outro de 28 x 16 px (#454545) com raio de 3 px e o último de 16 x 10 px (#2b2b2b) com raio 2 px. Lembre-se de ajustar o raio a partir do painel Transform.

Selecione todos os retângulos e agrupe-os (Control-G).

Passo 9

Crie o flash principal usando um retângulo de 34 x 24 px (#575757) com a Rectangle Tool (M).

Adicione um retângulo de 2 x 20 px (#6e6e6e) e pegue a Direct Selection Tool (A) na barra de ferramentas para selecionar os dois pontos de âncora direitos e movê-los um pouco, o ponto de âncora superior para baixo e o ponto de âncora inferior para cima, com as setas do teclado. Adicione oito cópias (Control-C > Control-F) deste, separados por 2 px uns dos outros.

Selecione as nove cópias e agrupe-as (Control-G).

Passo 10

Vamos criar um logo para a nossa câmera usando uma elipse de 16 x 16 px (#c64832) com a Ellipse Tool (L). Adicione um retângulo de 2 x 4 px (#ffffff) e outro de 8 x 2 px (#ffffff), criando assim um “L” horizontal. Selecione ambos os retângulos e agrupe-os (Control-G).

Faça uma cópia dos retângulos agrupados (Control-C > Control-F), rotacione-o 180º com a Rotation Tool (R) e separe-o 2 px verticalmente do primeiro.

Passo 11

Crie um retângulo de 20 x 14 px (#3b3b3b) com a Rectangle Tool (M) e adicione uma elipse de 10 x 10 px (#6b6b6b) no centro do retângulo. Selecione ambas as figuras e agrupe-as (Control-G).

Passo 12

Crie dois retângulos (#c4c4c4) com a Rectangle Tool (M), um de 36 x 4 e outro de 12 x 4 px. Separe-os 2 px verticalmente.

Posicione-os como mostrado na imagem a seguir:

Passo 13

Agora crie um botão usando quatro retângulos com a Rectangle Tool (M):

  • Primeiro retângulo: 34 x 12 px (#e3e3e3)
  • Segundo retângulo: 8 x 12 px (#cfcfcf)
  • Terceiro retângulo: 12 x 12 px (#c4c4c4)
  • Quarto retângulo: 28 x 2 px (#8a8a8a)

Posicione os retângulos como mostrado na segunda imagem e agrupe-os (Control-G). Então desative Snap to Grid (Control-Shift-") para rotacionar e posicionar o objeto livremente.

A partir do painel Transform, ajuste a rotação para 329º e posicione-o com a ajuda da Selection Tool (V). Envie o grupo para trás (Object > Arrange > Send to Back).

Uma vez que tenha feito isso, lembre-se de ativar Snap to Grid novamente (Control-Shift-").

Passo 14

Adicione quatro retângulos menores usando a Rectangle Tool (M) com as seguintes dimensões e cores:

  • Primeiro retângulo: 6 x 24 px (#3d3d3d)
  • Segundo retângulo: 6 x 20 px (#3d3d3d)
  • Terceiro retângulo: 4 x 10 px (#d6d6d6)
  • Quarto retângulo: 2 x 10 px (#bfbfbf)

Posicione o primeiro retângulo no lado esquerdo e o segundo no lado direito. Posicione os dois últimos retângulos na parte inferior esquerda da câmera como mostrado na imagem.

Passo 15

Crie duas elipses de 12 x 12 px (#d8d9dd) com a Ellipse Tool (L) e alinhe-as horizontalmente no centro. Adicione um retângulo de 6 x 12 px (#d8d9dd) com a Rectangle Tool (M) e posicione-o no ponto de intersecção das duas elipses que acabamos de criar. 

Selecione tudo e escolha Unite no painel Pathfinder. Agora adicione uma elipse de 8 x 8 px e, selecionando tudo novamente, escolha Minus Front no painel Pathfinder.

Passo 16

Faça outra elipse de 12 x 12 px (#cca456) e recue-a uma vez (Object > Arrange > Send Backward).

Com a ajuda da Shape Builder Tool (Shift-M), selecione tudo e subtraia o excesso do canto das elipses. Agrupe-as (Control-G), faça uma cópia (Control-C > Control-F) e reflita-a verticalmente (Object > Transform > Reflect...).

Posicione os objetos como mostrado na imagem.

Passo 17

Agora vamos desenhar um fecho. Para fazer isso, primeiro crie uma elipse de 16 x 16 px (#cca456) com a Ellipse Tool (L) e clique suas vezes sobre ela para entrar no modo de isolamento. Faça uma cópia (Control-C seguido de Control-F) da elipse (#cccccc) e mova para cima.

Adicione um retângulo de 12 x 18 px (#dbdbdb) com a Rectangle Tool (M). Agora adicione quatro elipses com a Ellipse Tool (L) na seguinte ordem:

  • Primeira elipse: 12 x 12 px; #e3e3e3
  • Segunda elipse: 8 x 8 px; #cccccc
  • Terceira elipse: 8 x 8 px; #e3e3e3
  • Quarta elipse: 4 x 4 px; #cccccc

Selecione tudo e agrupe-as (Control-G). Pressione Esc e posicione o fecho como mostrado na imagem: 

Passo 18

Crie uma elipse 36 x 36 px (#cca456) com a Ellipse Tool (L), faça uma cópia (Control-C > Control-F) usando #ebbd63 como cor de preenchimento e mova-a para cima com a seta do teclado.

Adicione uma nova elipse 28 x 28 px (#cca456) e uma outra de 24 x 24 px (#ebbd63), mova esta última elipse uma vez para cima. Agrupe as elipses (Control-G) e posicione-as próxima às lentes como mostrado na imagem a seguir:

Passo 19

Crie um novo botão usando a Ellipse Tool (L), criando uma elipse de 16 x 16 px (#cca456). Faça uma cópia (#ebbd63) (Control-C > Control-F) e mova-a para cima uma vez com a seta do teclado.

Adicione uma nova elipse de 12 x 12 px (#b5b5b5) e faça uma cópia (#8a8a8a) (Control-C > Control-F) e com a Direct Selection Tool (A) remova o ponto de âncora superior desta última.

Faça outra elipse de 8 x 8 px (#e3e3e3), copie-a(#cccccc) e remova o ponto de âncora superior desta. Pegue a Rotation Tool (R) e rotacione-a 45º, posicionando o ponto de âncora no centro da elipse. Agrupe todas as formas (Control-G) e anexe o botão sobre a câmera.

Passo 20

Iremos criar a última peça usando um retângulo de 12 x 26 px (#dbdbdb) com a Rectangle Tool (M). Adicione uma elipse de 12 x 12 px (#cca456) com a Ellipse Tool (L) e faça uma cópia (#cccccc) e mova para cima uma vez. Faça outra elipse de 8 x 8 px (#e3e3e3).

Pegue a Direct Selection Tool (A) e mova os pontos de âncora superiores do retângulo que criamos, um para a direita e o outro para a esquerda e arredonde-os.

Por útlimo adicione uma elipse de 4 x 4 px (#cccccc) e faça uma cópia (#b5b5b5) (Control-C > Control-F). Recue essa elipse uma vez (Object > Arrange > Send Backward) e mova-o para baixo uma vez. Agrupe-as (Control-G) e rotacione 45º com a Rotation Tool (R) pressionando Shift.

Posicione o objeto sobre a câmera como mostrado na imagem abaixo.

Passo 21

Faça um retângulo de 12 x 152 px (#000000) com a Rectangle Tool (M) e reduza Opacity para 10% no painel Appearance. Posicione-o no canto esquerdo da câmera.

Faça outro retângulo de 12 x 164 px (#000000) da mesma forma e posicione no canto direito. Selecione o corpo principal da câmera e o novo retângulo, e, usando a Shape Builder Tool (Shift-M), subtraia o excesso. Ajuste Opacity (opacidade) para 10% no painel Appearance.

Finalmente crie um retângulo de 800 x 600 px (#422e39) para o fundo. Envie-o para trás (Object > Arrange > Send to Back).

Parabéns! Você concluiu!

Terminamos nossa câmera vintage e o resultado tem sido memorável. Eu me diverti muito e especialmente penso que esse é um bom tutorial se você está começando com ilustração. Fizemos um pouco de tudo e isso é bom, uma vez que isso ajudará você a expandir suas habilidades.

Eu espero que você tenha apreciado assim como eu e espero que você se beneficie o máximo que puder. Lembre-se que a prática leva a perfeição.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.