We want to learn about your experience with Tuts+. Take part to earn $50! Help us out to earn $50! Get Started
  1. Design & Illustration
  2. Illustration

Como Criar uma Ilustração de Oficina de Reparo de Carro no Adobe Illustrator

by
Read Time:15 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 nosso chapéu de mecânico e dar uma olhada no processo de criar uma ilustração de oficina de reparo de carro, usando o mais básico de ferramentas que o Illustrator tem a oferecer.

Dito isto, tome um gole rápido daquele café fresco e vamos começar!

Ah, e não se esqueça que você sempre pode expandir o projeto, verificando GraphicRiver, onde você pode encontrar toneladas de ilustrações de carros-temáticos prontos para serem clicados.

1. Como Configurar um Novo Arquivo de Projeto

Desde que eu esteja assumindo que você já tem o Illustrator instalado e rodando em segundo plano, traga-o para cima e vamos configurar um Novo Documento (File > New ou Control-N) para nosso projeto usando as seguintes configurações.

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

E da aba Avançada:

  • 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

Agora, você não está trabalhando em ícones hoje, mas já que vamos criar a ilustração usando um fluxo de trabalho de perfeito de pixel, vamos querer configurar uma grade um pouco pequena, assim podemos ter controle total 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 em como funciona o Sistema de Grade do Illustrator.

Passo 2

Uma vez que temos configurado a nossa grade personalizada, tudo que precisamos fazer para garantir que as nossas formas pareçam nítidas é habilitando a opção Snap to Grid encontrada sob o menu View, que vai transformar em Snap to Pixel cada hora que você entrar no modo Pixel Preview.

Agora, se você é novo em em todo o "fluxo de trabalho de pixel perfeito", eu recomendo fortemente que você passe pelo meu tutorial como criar uma arte de pixel perfeito, que vai ajudar você a ampliar suas habilidades técnicas muito rápido.

3. Como Configurar as Camadas

Uma vez que terminamos de configurar nosso arquivo do projeto, seria uma boa ideia estruturar o nosso documento usando poucas camadas, já que deste jeito podemos manter um fluxo de trabalho constante focando em uma seção de ilustração por vez.

Dito isto, abra o painel Layers, e crie um total de três camadas, que vamos renomear da seguinte forma:

  • layer 1: background
  • layer 2: garage
  • layer 3: car
setting up the layerssetting up the layerssetting up the layers

Dica rápida: eu já colori todos as minhas camadas usando o mesmo valor de verde, já que é mais fácil de ver quando usado para realçar suas formas selecionadas (sejam elas fechadas ou abertas).

4. Como Criar o Plano de Fundo

Vamos dar início ao projeto criando o pequeno fundo do pôr-do-sol, então verifique se está na camada certa (que seria a primeira) e, em seguida, bloqueie todas as outras camadas e vamos começar.

Passo 1

Pegue a Ferramenta Pen (P) e use isso para criar uma linha de primeiro plano desenhando uma linha de Contorno de 600 px de largura e 16 px de espessura, que vamos colorir usando #382E2E e então centralizar o alinhamento para Prancheta subjacente em uma distância de 106 px de sua borda inferior.

creating the foreground linecreating the foreground linecreating the foreground line

Passo 2

Com o primeiro plano no lugar, comece trabalhando com o plano de fundo circular criando um círculo de 488 x 488 px, que vamos colorir usando #EFBB6A e então centralizar para a borda inferior da Prancheta.

creating and positioning the backgrounds larger circle onto the Artboard creating and positioning the backgrounds larger circle onto the Artboard creating and positioning the backgrounds larger circle onto the Artboard

Passo 3

Crie um círculo um pouco menor de 328 x 328 px (#DDA25B), que vamos posicionar sobre o anterior, alinhando-o em seu centro. Uma vez que temos ambas as formas no lugar, selecione-as e agrupe-as juntas usando o atalho do teclado Control-G.

creating and positioning the backgrounds smaller circlecreating and positioning the backgrounds smaller circlecreating and positioning the backgrounds smaller circle

Passo 4

Já que queremos as partes inferiores de ambos os círculos escondidos, vamos ter que mascará-los usando um retângulo de 600 x 380 px (realçado com vermelho) que vamos centralizar para a nossa linha de primeiro plano, posicionando-o sob sua metade superior. Uma vez que temos o retângulo no lugar, simplesmente selecione ambos e os círculos agrupados e então clique com botão direito do mouse > Make Clipping Mask.

masking the bottom section of the backgrounds two circlesmasking the bottom section of the backgrounds two circlesmasking the bottom section of the backgrounds two circles

Passo 5

Termine o plano de fundo simplesmente selecionando os círculos que acabamos de mascarar e então envie-os para trás da linha de primeiro plano clicando com o botão direito do mouse > Arrange > Send to Back. Quando terminar, selecione rapidamente todas as formas de composição do plano de fundo e agrupe-as usando o atalho de teclado Control-G.

sending the masked circles to the back of the foreground linesending the masked circles to the back of the foreground linesending the masked circles to the back of the foreground line

5. Como Criar a Garagem

Como estamos trabalhando no plano de fundo, você pode bloquear sua camada e passar para a próxima (que seria a segunda), onde vamos passar nosso tempo e construir a pequena garagem.

Passo 1

Crie a parte da frente do prédio, usando um retângulo de 272 x 200 px, que vamos colorir usando #E5DCDD e então posicione na metade superior da linha de primeiro plano, a uma distância de 196 px da borda esquerda da Prancheta.

creating and positioning the main shape for the garages front sectioncreating and positioning the main shape for the garages front sectioncreating and positioning the main shape for the garages front section

Passo 2

Dê a forma que acabamos de criar um contorno usando o método Stroke, criando uma cópia dela (Control-C) que vamos colar em frente (Control-F) e então ajustar primeiro mudando sua cor para #382E2E e, em seguida, lançando seu Fill com seu Stroke (Shift-X). Defina o Weight da forma resultante para 16 px, e então selecione e agrupe (Control-G) tanto ela como o retângulo subjacente juntos.

adding the outline to the garages front sectionadding the outline to the garages front sectionadding the outline to the garages front section

Passo 3

Comece trabalhando na entrada da garagem criando um retângulo de 168 x 72 px  (#755757) com um contorno de 16 px de espessura (#382E2E) que vamos agrupar (Control-G) e, em seguida, centralizar à borda inferior da parte frontal.

creating and positioning the main shapes for the front section of the garages entrancecreating and positioning the main shapes for the front section of the garages entrancecreating and positioning the main shapes for the front section of the garages entrance

Passo 4

Dê a entrada um pouco de profundidade adicionando à sua parte lateral usando um retângulo de 24 x 72 px (#998181) com um contorno de 16 px de espessura (#382E2E), que vamos agrupar (Control-G) e, em seguida, alinhe à borda esquerda da parte maior.

creating and positioning the main shapes for the side section of the garages entrancecreating and positioning the main shapes for the side section of the garages entrancecreating and positioning the main shapes for the side section of the garages entrance

Passo 5

Crie a porta real usando um retângulo de 168 x 32 px (#65ABCE) com um contorno de 16 px de espessura (#382E2E), para o centro que vamos adicionar um Stroke de 168 px de largura e 8 px de espessura (#382E2E). Agrupe (Control-G) todas as três formas juntas, e, em seguida, posicione-as na em cima da parte frontal da entrada.

creating and positioning the main shapes for the garage entrances front doorcreating and positioning the main shapes for the garage entrances front doorcreating and positioning the main shapes for the garage entrances front door

Passo 6

Crie o pequeno motor que opera a porta, usando um retângulo de 32 x 26 px (#382E2E), sobre o qual vamos adicionar um menor de 16 x 8 px (#382E2E), que vamos agrupar (Control-G) e depois alinhar à esquerda da porta da garagem.

adding the little motor to the garages dooradding the little motor to the garages dooradding the little motor to the garages door

Passo 7

Comece trabalhando na prateleira da garagem criando sua perna esquerda usando um Traço de 74 px de altura e 8 px de espessura (#382E2E), que vamos centralizar na parte frontal da entrada, posicionado-o a uma distância de 26 px da sua borda direita.

creating and positioning the main shape for the garage shelfs left legcreating and positioning the main shape for the garage shelfs left legcreating and positioning the main shape for the garage shelfs left leg

Passo 8

Crie a parte inferior da perna usando um quadrado de 16 x 16 px (#382E2E), que vamos centralizar à sua borda inferior.

adding the bottom section to the garage shelfs legadding the bottom section to the garage shelfs legadding the bottom section to the garage shelfs leg

Passo 9

Desenhe as prateleiras presentes usando dois Traços de 38 px de largura e 8 px de espessura (#382E2E), que vamos empilhar verticalmente a uma distância de 16 px um do outro, agrupando (Control-G) e depois posicionando-os entre a perna e a borda direita da entrada.

adding the horizontal lines to the garages shelfadding the horizontal lines to the garages shelfadding the horizontal lines to the garages shelf

Passo 10

Adicione um retângulo de 14 x 8 px (#382E2E) em cada prateleira, e depois selecione e agrupe todos as suas formas de composição juntas usando o atalho do teclado Control-G. Além disso, já que a entrada está praticamente feita, você pode selecionar todos as partes de composição e agrupar (Control-G) essas também.

finishing off the garages shelffinishing off the garages shelffinishing off the garages shelf

Passo 11

Crie a placa de rua do prédio usando um retângulo de 20 x 16 px (#382E2E), que vamos posicionar do lado direito da entrada, alinhando-a com a borda inferior do contorno da porta.

adding the little street plate to the garages front sectionadding the little street plate to the garages front sectionadding the little street plate to the garages front section

Passo 12

Crie um pequeno bloqueador de estrada usando um Traço de 32 px de altura e 8 px de espessura (#382E2E) em cima do círculo de 16 x 16 px (#382E2E), que vamos agrupar (Control-G) e depois posicionar do lado direito da entrada da garagem. Uma vez que você tiver acabado, selecione e agrupe todas as formas que criamos até agora usando o atalho do teclado Control-G.

adding the little road block to the garages front sectionadding the little road block to the garages front sectionadding the little road block to the garages front section

Passo 13

Crie a parte lateral da garagem usando um retângulo de 136 x 200 px (#998181) com um contorno de 16 px de espessura (#382E2E), que vamos agrupar (Control-G) e depois posicionar do lado direito do prédio.

creating and positioning the main shapes for the garages side sectioncreating and positioning the main shapes for the garages side sectioncreating and positioning the main shapes for the garages side section

Passo 14

Adicione as linhas de detalhes horizontais usando onze Traços de 136 px de largura e 8 px de espessura (#382E2E), que vamos empilhar verticalmente a uma distância de 16 px um do outro, agrupando (Control-G) e depois centralizá-los a parte lateral do prédio.

adding the horizontal detail lines to the garages side sectionadding the horizontal detail lines to the garages side sectionadding the horizontal detail lines to the garages side section

Passo 15

Crie a pequena janela usando um retângulo de 32 x 40 px (#5086A3) com um contorno de 16 px (#382E2E), que vamos agrupar (Control-G) e depois alinhar a parte lateral do prédio, posicionando-o na segunda linha de detalhe horizontal. Uma vez que você tiver acabado, selecione todas as formas de composição  de todos os lados da parte e agrupe-os (Control-G) juntos também.

creating and positioning the main shapes for the garages windowcreating and positioning the main shapes for the garages windowcreating and positioning the main shapes for the garages window

Passo 16

Desenhe o tubo de drenagem usando um Traço de 8 px de espessura (#382E2E) que vamos então posicionar do lado direito do prédio, a uma distância de apenas 4 px dele.

adding the drainage pipe to the garages side sectionadding the drainage pipe to the garages side sectionadding the drainage pipe to the garages side section

Passo 17

Conecte o tubo ao prédio usando dois retângulos de 16 x 8 px (#382E2E) que vamos empilhar verticalmente a uma distância de 136 px um do outro, e depois posicionar entre o tubo e a garagem maior em si. Quando você terminar, selecione e agrupe todas as três formas juntas usando o atalho do teclado Control-G.

connecting the drainage pipe to the garages side sectionconnecting the drainage pipe to the garages side sectionconnecting the drainage pipe to the garages side section

Passo 18

Mova alguns pixels para cima, e comece trabalhando na unidade de ar condicionado criando sua parte lateral usando um retângulo de 56 x 32 px (#6B6868) com um contorno de 16 px (#382E2E), que vamos agrupar (Control-G) e depois posicionar na parte lateral do prédio, a uma distância de 24 px de sua borda direita.

creating and positioning the main shapes for the air conditioner units side sectioncreating and positioning the main shapes for the air conditioner units side sectioncreating and positioning the main shapes for the air conditioner units side section

Passo 19

Crie a parte da frente usando um retângulo de 24 x 32 px (#969393) com um contorno de 16 px de espessura (#382E2E) que vamos agrupar (Control-G) e depois posicionar do lado esquerdo das formas do passo anterior.

creating and positioning the main shapes for the air conditioning units front sectioncreating and positioning the main shapes for the air conditioning units front sectioncreating and positioning the main shapes for the air conditioning units front section

Passo 20

Conclua o ar condicionado adicionando um par de retângulos como visto na imagem de referência para dar a ele mais detalhes, selecionando e agrupando depois (Control-G) todas as suas formas de composição juntas.

adding details to the garages air conditioner unitadding details to the garages air conditioner unitadding details to the garages air conditioner unit

Passo 21

Crie a parte da frente da placa da garagem usando um retângulo de 128 x 48 px (#65ABCE) com um contorno de 16 px de espessura (#382E2E), que vamos agrupar (Control-G) e depois alinhe à esquerda da borda esquerda do motor, posicionando-a a uma distância dela de 48 px.

creating and positioning the main shapes for the signs front sectioncreating and positioning the main shapes for the signs front sectioncreating and positioning the main shapes for the signs front section

Passo 22

Em seguida, pegue a Ferramenta Pen (P) e desenhe na pequena chave usando um Traço de 8 px de espessura  com a cor definida para #382E2E.

adding the little wrench to the garage signs front sectionadding the little wrench to the garage signs front sectionadding the little wrench to the garage signs front section

Passo 23

Adicione os parafusos pequenos usando quatro círculos de 8 x 8 px (#382E2E), que vamos posicionar em cada um dos cantos da placa, certificando-se de deixar uma folga ao redor deles de 4 px. Depois que você terminar, selecione e agrupe todas as formas de composição juntas da parte frontal usando o atalho do teclado Control-G.

adding the little screws to the garage signs front sectionadding the little screws to the garage signs front sectionadding the little screws to the garage signs front section

Passo 24

Crie a parte lateral da placa usando um retângulo de 24 x 48 px (#5086A3) com um contorno de 16 px de espessura (#382E2E), que vamos agrupar (Control-G) e depois posicionar em seu lado direito.

creating and positioning the main shapes for the garage signs side sectioncreating and positioning the main shapes for the garage signs side sectioncreating and positioning the main shapes for the garage signs side section

Passo 25

Termine a placa adicionando as pernas de suporte usando dois quadrados de 16 x 16 px (#382E2E) embaixo de sua parte frontal, selecionando e agrupando (Control-G) todas as suas formas de composição assim que você terminar.

adding the support legs to the garage signs front sectionadding the support legs to the garage signs front sectionadding the support legs to the garage signs front section

Passo 26

Comece trabalhando no poste de luz de rua desenhando-o usando um Traço de 8 px de espessura (#382E2E), que vamos posicionar em cima do prédio maior, do lado esquerdo de sua placa.

creating and positioning the main shapes for the street lights polecreating and positioning the main shapes for the street lights polecreating and positioning the main shapes for the street lights pole

Passo 27

Crie o topo da luz usando um círculo de 32 x 32 px (#382E2E) que vamos ajustar cortando sua metade inferior selecionando seu ponto de ancoragem inferior usando a Ferramenta Direct Selection (A) e depois removendo-o pressione Delete. Posicione a forma resultante na extremidade mais curta do poste, e depois adicione um retângulo de 16 x 8 px (#382E2E) embaixo dele, selecionando e agrupando (Control-G) todas as três formas juntas mais tarde.

Já que estamos praticamente trabalhando na garagem, você pode selecionar e agrupar (Control-G) todas as suas partes de composição juntas também. 

finishing off the garages street lightfinishing off the garages street lightfinishing off the garages street light

6. Como Criar o Carro

Assumindo que você já bloqueou a camada anterior, vá para a terceira e última camada, onde vamos criar a última peça da nossa pequena ilustração.

Passo 1

Comece trabalhando na extremidade traseira do carro criando um retângulo de 40 x 32 px (#E2775A) com um contorno de 16 px de espessura (#382E2E) que vamos agrupar (Control-G) e depois posicionar do lado esquerdo da garagem.

creating and positioning the main shapes for the cars rear endcreating and positioning the main shapes for the cars rear endcreating and positioning the main shapes for the cars rear end

Passo 2

Adicione as luzes traseiras usando dois retângulos de 12 x 16 px (#382E2E) que vamos alinhar na parte inferior para as formas que acabamos de criar, posicionando cada uma em seus lados.

adding the tail lights to the cars rear endadding the tail lights to the cars rear endadding the tail lights to the cars rear end

Passo 3

Crie a alça traseira usando um quadrado de 12 x 12 px (#382E2E), que vamos centralizar na parte superior da extremidade traseira.

adding the little handle to the front section of the cars rear endadding the little handle to the front section of the cars rear endadding the little handle to the front section of the cars rear end

Passo 4

Termine a parte frontal da extremidade traseira do carro adicionando o pequeno pára-choque usando um retângulo de 12 x 16 px (#382E2E) que vamos posicionar no lado esquerdo da parte atual, certifique-se de selecionar e agrupar (Control-G) todas as suas formas de composição juntas depois.

adding the little bumper section to the cars rear endadding the little bumper section to the cars rear endadding the little bumper section to the cars rear end

Passo 5

Crie a parte lateral da extremidade traseira usando um retângulo de 72 x 32 px (#CC5F46) com um contorno de 16 px de espessura (#382E2E), que vamos agrupar (Control-G) e depois posicionar do lado direito das forma agrupadas anteriormente.

creating and positioning the main shapes for the side section of the cars rear endcreating and positioning the main shapes for the side section of the cars rear endcreating and positioning the main shapes for the side section of the cars rear end

Passo 6

Em seguida, crie um retângulo de 16 x 4 px (#382E2E) e posicione-o no canto inferior esquerdo da parte lateral, selecionando e agrupando todas as suas formas juntas depois usando o atalho do teclado Control-G.

adding the little detail rectangle to the side section of the cars rear endadding the little detail rectangle to the side section of the cars rear endadding the little detail rectangle to the side section of the cars rear end

Passo 7

Crie a parte frontal da frente do carro usando um retângulo de 40 x 28 px (#E2775A) com um contorno de 16 px de espessura (#382E2E), que vamos agrupar (Control-G) e depois alinhar à direita para as formas agrupadas anteriormente.

creating and positioning the front section of the cars front endcreating and positioning the front section of the cars front endcreating and positioning the front section of the cars front end

Passo 8

Adicione a pequena janela usando um retângulo de 12 x 16 px (#382E2E) que vamos centralizar ao contorno inferior  das formas do passo anterior, selecionando e agrupando (Control-G) todas elas juntas depois.

adding the little window to the front section of the cars front endadding the little window to the front section of the cars front endadding the little window to the front section of the cars front end

Passo 9

Comece trabalhando na parte lateral da parte da frente do carro criando um retângulo de 90 x 40 px (#CC5F46) que vamos posicionar ao lado direito da extremidade traseira.

creating and positioning the main shape for the side section of the cars front endcreating and positioning the main shape for the side section of the cars front endcreating and positioning the main shape for the side section of the cars front end

Passo 10

Adicione a parte superior da cabine usando um retângulo de 32 x 20 px (#CC5F46), que vamos posicionar na parte superior do lado esquerdo maior.

creating and positioning the main shape for the upper section of the cars front endcreating and positioning the main shape for the upper section of the cars front endcreating and positioning the main shape for the upper section of the cars front end

Passo 11

Una os dois retângulos em uma única forma maior usando o Unite Shape Mode do Pathfinder, e depois ajuste a forma resultante selecionando e empurrando seu ponto de ancoragem interno para o lado direito a uma distância de 16 px (clique com o botão direito do mouse > Transform > Move > Horizontal > 16 px).

adjusting the upper section of the cars front endadjusting the upper section of the cars front endadjusting the upper section of the cars front end

Passo 12

Continue ajustando a forma selecionando seu ponto de ancoragem superior direito e empurre-o para baixo a uma distância de 4 px (clique como botão direito do mouse > Transform > Vertical > 4 px).

adjusting the side section of the cars front endadjusting the side section of the cars front endadjusting the side section of the cars front end

Passo 13

Dê a forma resultante um contorno de 16 px (#382E2E) usando o método Stroke, selecionando e agrupando ambas as formas juntas depois usando o atalho do teclado Control-G.

adding the outline to the side section of the cars front endadding the outline to the side section of the cars front endadding the outline to the side section of the cars front end

Passo 14

Crie a janela lateral usando um retângulo de 24 x 16 px (#382E2E), que vamos ajustar selecionando e empurrando seu canto superior direito para a esquerda a uma distância de 12 px (clique com botão direito do mouse > Transform > Move > Horizontal > -12 px). uma vez que você tiver terminado, posicione a forma resultante na parte de cima da parte frontal do carro.

adding the side window to the side section of the cars front endadding the side window to the side section of the cars front endadding the side window to the side section of the cars front end

Passo 15

Adicione a alça da porta usando um retângulo de 12 x 4 px (#382E2E) sob o qual vamos adicionar um mais estreito de 8 x 4 px (#382E2E). Agrupe (Control-G) as duas formas e depois posicione-as abaixo da janela, a uma distância de 4 px.

adding the door handle to the side section of the cars front endadding the door handle to the side section of the cars front endadding the door handle to the side section of the cars front end

Passo 16

Adicione o farol usando um retângulo de  14 x 20 px (#382E2E) que vamos posicionar no "nariz" do carro.

adding the head light to the side section of the cars front endadding the head light to the side section of the cars front endadding the head light to the side section of the cars front end

Passo 17

Adicione a pequena parte do pára-choque dianteiro usando um retângulo de 12 x 16 px (#382E2E), que vamos alinhar na parte inferior para a frente do carro. Uma vez que você tiver terminado, selecione e agrupe todas as formas de composição juntas da parte atual usando o atalho do teclado Control-G, fazendo o mesmo para o carro inteiro depois.

adding the little bumper section to the cars front endadding the little bumper section to the cars front endadding the little bumper section to the cars front end

Passo 18

Crie as rodas dianteiras usando dois círculos 32 x 32 px (#969393) com um contorno de 16 px de espessura (#382E2E) em cima do qual vamos adicionar um conjunto de pequenos círculos de 8 x 8 px (#382E2E). Agrupe individualmente as formas juntas de cada pneu, e depois posicione-as sobre o carro como visto na imagem de referência.

creating and positioning the main shapes for the cars front wheelscreating and positioning the main shapes for the cars front wheelscreating and positioning the main shapes for the cars front wheels

Passo 19

Crie as rodas laterais traseiras usando uma cópia (Control-C) da frente que vamos colar atrás (Control-B) e depois avançamos para a esquerda a uma distância de 28 px (clique com o botão direito do mouse > Transform > Move > Horizontal > -28 px). Rapidamente ajuste as cópias mudando a core dos círculos cinza para #6B6868,  e depois selecione e agrupe todas as partes de composição juntas do carro usando o atalho do teclado Control-G.

creating and positioning the main shapes for the cars back wheelscreating and positioning the main shapes for the cars back wheelscreating and positioning the main shapes for the cars back wheels

Muito bem!

Aí está—um tutorial bastante curto e fácil em como criar sua própria ilustração de uma oficina de reparo de carro, que pode ser usado em quaisquer projetos pessoais futuros.Eu espero que você tenha conseguido acompanhar cada passo e, o mais importante, aprendido alguma coisa nova e útil ao longo do caminho.

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