Return to Video

Selection Tool - Google Web Designer

  • 0:03 - 0:04
    Olá!
  • 0:04 - 0:06
    Meu nome é Nivesh
    e sou desenvolvedor
  • 0:06 - 0:08
    do Google Web Designer.
  • 0:08 - 0:10
    Neste vídeo, você verá
  • 0:10 - 0:13
    como usar a ferramenta Seleção
    para selecionar, mover e transformar
  • 0:13 - 0:16
    elementos e usar atalhos do teclado úteis
  • 0:16 - 0:19
    quando você realizar essas ações.
  • 0:19 - 0:22
    A ferramenta Seleção
    é o primeiro recurso disponível
  • 0:22 - 0:25
    na parte superior do painel "Ferramentas".
  • 0:25 - 0:29
    Vemos aqui um documento simples
    com alguns elementos HTML.
  • 0:29 - 0:32
    Para selecionar um único elemento,
  • 0:32 - 0:33
    basta clicar nele.
  • 0:36 - 0:41
    Para selecionar vários elementos,
    arraste o letreiro de seleção
  • 0:41 - 0:42
    ao redor desses itens.
  • 0:45 - 0:49
    Para adicionar
    outros elementos à seleção atual,
  • 0:49 - 0:54
    use a tecla "Shift" e clique nele
  • 0:54 - 0:56
    ou use "Shift" e o letreiro.
  • 1:00 - 1:05
    Para desmarcá-los, use "Shift" e clique
  • 1:05 - 1:09
    no elemento selecionado
  • 1:09 - 1:12
    ou em "Shift" e no letreiro
  • 1:12 - 1:16
    para remover a seleção.
  • 1:16 - 1:20
    Para mover um ou vários
    elementos no cenário, selecione
  • 1:20 - 1:22
    e mova-os com a ferramenta Seleção.
  • 1:25 - 1:28
    Para limitar o movimento
    a um sentido vertical ou horizontal,
  • 1:28 - 1:30
    segure a tecla "Shift"
  • 1:30 - 1:34
    enquanto arrasta o elemento selecionado.
  • 1:34 - 1:41
    Assim, você pode movê-lo
    para os lados ou para cima e para baixo.
  • 1:41 - 1:45
    Ao marcar "Controle de transformação",
  • 1:45 - 1:48
    você verá que alças adicionais
  • 1:48 - 1:51
    são incluídas ao redor da seleção.
  • 1:51 - 1:54
    Para girar o item, clique e arraste
  • 1:54 - 1:55
    o círculo externo.
  • 1:58 - 2:00
    Segure a tecla "Shift"
  • 2:00 - 2:04
    e arraste o elemento
    para limitar os incrementos de rotação
  • 2:04 - 2:05
    para 45º.
  • 2:08 - 2:13
    Arraste o círculo interno para movê-lo
  • 2:13 - 2:16
    e alterar a origem da transformação.
  • 2:16 - 2:18
    Este é o centro da rotação.
  • 2:18 - 2:20
    Agora, a rotação acontecerá ao redor dele.
  • 2:24 - 2:29
    Para mudar o tamanho da seleção,
    clique no elemento
  • 2:29 - 2:31
    e arraste um dos pontos de controle
  • 2:31 - 2:32
    nos lados ou nos cantos.
  • 2:39 - 2:41
    Segure a tecla "Shift"
  • 2:41 - 2:44
    e arraste-o
    para manter a proporção original.
  • 2:50 - 2:52
    Faça o mesmo com a tecla "Alt"
  • 2:52 - 2:53
    para ajustá-lo a partir do centro.
  • 3:00 - 3:03
    Você pode segurar "Alt" e "Shift"
  • 3:03 - 3:07
    para redimensionar o item
    a partir do centro e manter a proporção.
  • 3:10 - 3:12
    Chegamos ao final deste vídeo.
  • 3:12 - 3:13
    Obrigado por assistir!
Title:
Selection Tool - Google Web Designer
Description:

more » « less
Duration:
03:17

Portuguese, Brazilian subtitles

Revisions