Projete um Robot in Scratch - dummies

Sinta-se livre para usar as formas que você já criou no Scratch para criar um robô personalizado. Comece seu desenho com retângulos para peças com cantos afiados e elipses para peças que serão redondas. Também pode ajudar a expandir o tamanho da tela de pintura.

1. Clique no ícone Paint New Sprite.

2. Clique no botão Toggle para expandir a tela Paint (ou escolha Edit → Small Stage Layout.

3. Clique no botão Convert to Vector.

4. Arraste o controle deslizante Largura da linha para ajustar a largura da linha

5. Desenhe várias peças mecânicas usando as ferramentas Rectangle e Ellipse.

6. Use a ferramenta Reformar para esculpir as peças em formas mais irregulares.

   

7. Escolha uma amostra de cores cinza e use a ferramenta Color a Shape para preencher as peças.

   

8. Use a ferramenta Selecionar para clicar e arraste as peças para a posição.

   

9. Use a ferramenta Elipse e segure o botão Shift para desenhar círculos sólidos para articulações no pulso, no cotovelo, no ombro e no pescoço.

   

Mover partes para camadas diferentes

No modo Vector, cada forma que você desenha em uma fantasia ou um pano de fundo é a sua própria (assim como cada sprite no Stage está em uma camada diferente). Além de mover formas vetoriais em toda a tela Paint, você também pode mover objetos atrás de outros objetos ou trazê-los acima de outros objetos usando o Back a Layer e encaminhar os botões de camada.

Os botões Avançar uma camada e Voltar uma camada são ocultos até depois de selecionar uma forma.

1. Clique em uma das juntas do robô com a ferramenta Selecionar.

2. Mantenha pressionada a tecla Shift enquanto clica no botão Voltar uma camada.

   Shift-clique em enviar o objeto até a parte de trás, ao clicar sem o botão Shift, ele apenas enviaria o objeto de volta para uma camada de cada vez (o que também funciona para o botão Encaminhar uma camada).

3. Repita as etapas 2 e 3 para enviar todas as juntas de volta, para que elas apareçam dentro das partes do corpo do robô.

   

Formas de grupo em conjunto

Os gráficos vetoriais também permitem agrupar formas em conjunto. Você pode adivinhar por que pode ser útil ter grupos de objetos dentro de um sprite? O que você pode fazer se todas as partes do braço estiverem agrupadas?

1. Clique na ferramenta Selecionar.

2. Você pode selecionar vários objetos de duas maneiras:

   1. Clique ao lado do primeiro objeto (como a mão) e arraste todos os objetos que deseja agrupar. Isso funciona bem quando as peças são isoladas, facilitando a seleção sem arrastar outras partes.

   2. Segure a tecla Shift e clique em cada objeto que deseja agrupar. Isso garante que você obtenha cada parte, mas você pode ter problemas para selecionar objetos menores, formas ocas com contornos finos ou objetos que estão atrás de outros objetos.

3. Clique no botão Grupo.

   Observe como o ombro que você enviou para a camada traseira agora parece estar na frente do corpo do robô novamente? Isso ocorre porque quando você agrupa objetos, o grupo é movido automaticamente para a camada superior.

   A ferramenta de grupo está oculta até selecionar mais de uma forma.

4. Clique em qualquer objeto no grupo para arrastar todos os objetos agrupados para um novo local. Arraste o grupo para longe do corpo do robô por enquanto.

   

Se você achar que agrupou mais objetos do que o que quisesse, você pode usar o botão Desagrupar e, em seguida, tentar selecionar novamente os que você quisesse mover. Se você ainda está tendo problemas, talvez seja necessário arrastar objetos fora do caminho e tentar selecionar e agrupar novamente.

O que você pode fazer com esse grupo de braço além de simplesmente se mudar? Você pode girar ou redimensionar todos os objetos agrupados ao mesmo tempo. Você pode ver por que isso faria um sprite feito de formas vetoriais muito melhores do que gráficos de bitmap para animação?

Você pode querer mais de um braço e uma perna para o seu robô. Mas não corra à frente e comece a desenhar mais peças porque aqui está um atalho para você!

Grupos duplicados de partes do corpo

Já adivinhou por que você desenharia apenas o braço e a perna esquerdos? É porque você pode usar a ferramenta Duplicar para copiar grupos e, em seguida, use os botões Flip para virar os novos membros verticalmente ou horizontalmente. Isso não só economiza tempo, mas também garante que partes de cada lado do corpo são exatamente da mesma forma e tamanho.

1. Clique na ferramenta Duplicar.

2. Clique e arraste o grupo do braço para copiá-lo para uma nova posição.

   

3. Clique no botão Girar para a esquerda e para a direita e ajuste novamente a posição do braço.

   

4. Clique e arraste ambos os braços para trás no corpo do robô.

   

5. Selecione cada grupo de braços e clique com Shift no botão Voltar a camada para que as articulações do ombro aparecem dentro do corpo.

   

Veja quanto tempo você salvou? Agora você pode usar a mesma técnica à esquerda e quaisquer outras partes que você deseja aparecer em ambos os lados do robô. No design, ter as mesmas partes em cada lado do objeto é referido como simétrico . Os botões Flip Left-Right e Flip Up-Down facilitam a criação de backdrops simétricos e sprites. Isso é particularmente útil para atrair pessoas, animais e objetos mecânicos.

Use gradientes para um aspecto metálico

O que faz o metal parecer metálico? Se uma forma é preenchida com uma cor sólida, ela parecerá plana, como um desenho animado ou uma ilustração simples. Uma maneira de simular a natureza reflexiva do metal é usar um preenchimento de gradiente. Você pode misturar cinza e branco para um visual brilhante ou cinza e preto para uma sombra mais escura.

1. Clique na ferramenta preencher com cor.

2. Escolha uma amostra de cor cinza média.

3. Clique na amostra abaixo da sua amostra cinza atual para trocar -colores e, em seguida, escolha a amostra branca.

4. Você encontrará a ordem das cores (qual cor está no topo e qual na parte inferior) pode fazer uma grande diferença em como o gradiente acaba.

5. Clique no botão Radial Fill para formas redondas ou um dos botões de preenchimento linear para formas mais rígidas (com cantos afiados).

6. Mova o cursor para cada objeto e clique para preencher.

7. Se você não gosta do gradiente, troque as cores de primeiro plano e de fundo e clique para preencher a forma novamente.

   

O gradiente circular tem uma vantagem sobre as outras opções de gradiente: se você clicar e arrastar para dentro de uma forma, você pode especificar onde o centro do gradiente circular aparecerá. Esta é uma maneira prática de especificar exatamente onde um destaque ou um ponto escuro deve aparecer.

Adicionar detalhes com a ferramenta Linha

Você pode usar a ferramenta Linha para desenhar linhas retas entre dois pontos. Parece funcionar da mesma maneira no modo Vector, clicando para iniciar a linha e arrastar para o ponto final, depois soltando o botão do mouse ou do trackpad para terminar a linha. Mas se você continuar clicando e arrastando, você criará um contorno contínuo que você pode fechar clicando novamente no ponto inicial.

Uma vez que um formulário está fechado, você pode achar que um canto parece bagunçado (como o canto inferior direito do triângulo). Normalmente, você pode corrigir esses cantos selecionando a ferramenta Reformar, clicando nos pontos dos cantos e arrastando-os para o lugar.

Use a ferramenta Linha, juntamente com as ferramentas Elipse, Retângulo e Reformulação para adicionar mais detalhes ao seu robô.

Você pode ajustar a largura de qualquer linha (incluindo contornos de forma) no modo Vetor, selecionando a linha ou a forma e usando o controle deslizante Largura da Linha (à esquerda das amostras de cores).

Os últimos detalhes a serem adicionados são sombras para compensar os destaques do gradiente.

Adicionar sombras a formas vetoriais

Uma maneira rápida de adicionar uma sombra é duplicar uma parte de forma, preenchê-la com uma cor mais escura, faça as bordas da mesma cor, use a ferramenta Reformar para esmagá-las e, em seguida, selecione e arraste de volta para o objeto.