Guia Aggie.io

Este é um guia para começar a usar o website Aggie.io, uma alternativa ao Drawpile mais prática e acessível em diversos sistemas. Apresentando instruções para configuração da pressão em português e uma explicação geral do layout.

Configuração da Pressão da Caneta (Disponível para Windows/iOS)

>Para os navegadores Google Chrome, Opera, Edge e Internet Explorer 11:

• no Windows 8 e Windows 10 a pressão da caneta funciona nativamente no navegador (sem necessidade de extensões adicionais);
• confira se na sua mesa digitalizadora a opção "Windows Ink"/"Tablet PC"/"Digital Ink' esta ativada;
• confira se a opção "Tip Double Click Distance" ou "Distância do Clique Duplo" na sua mesa digitalizadora esta desativada.

    *ainda existem alguns problemas de pressão nos navegadores Google Chrome e Opera, então recomendamos que você siga as instruções a seguir para instalar a extensão.

>Para Google Chrome (em sistemas Windows antigos)

• para usar a pressão da caneta você precisa instalar a seguinte extensão no seu navegador: Stylus Pressure;
• após instalar a extensão, confira se o ícone no canto superior direito possuí um pincel em cinza. Se ele estiver vermelho, clique nele para instalar programas adicionais.

    *a pressão funciona com qualquer mesa digitalizadora compatível com "WinTab", se não estiver funcionando confira se os drivers da sua mesa o possuem.

>Para Opera (em sistemas Windows antigos)

• para usar a pressão da caneta você precisa instalara extensão do Google Chrome. Instale a extensão: Install Chrome Extensions;
• em seguida instale esta extensão no seu navegador: Stylus Pressure;
• após instalar a segunda extensão, confira se o ícone no canto superior direito possuí um pincel em cinza. Se ele estiver vermelho, clique nele para instalar programas adicionais.

    *a pressão funciona com qualquer mesa digitalizadora compatível com "WinTab", se não estiver funcionando confira se os drivers da sua mesa o possuem.

>Para Firefox

• no Windows 8 e Windows 10 a pressão da caneta funciona nativamente no navegador (sem necessidade de extensões adicionais);
• confira se na sua mesa digitalizadora a opção "Windows Ink"/"Tablet PC"/"Digital Ink' esta ativada;
• confira se a opção "Tip Double Click Distance" ou "Distância do Clique Duplo" na sua mesa digitalizadora esta desativada.
• abra as configurações avançadas do navegador digitando "about:config" e clicando enter na barra de endereços;
• ignore o aviso e digite "w3c" na barra de  pesquisa;
• confira se a opção "dom.w3c_pointer_events.enabled" esta marcada como "true" na direita (use o botão com as setas para alterar o valor")
• confira se a opção "dom.w3c_pointer_events.dispatch_by_pointer_messages" esta marcada como "true" na direita (use o botão com as setas para alterar o valor")

>Para iOS (iPad)

• a pressão da caneta funciona com a Apple Pencil nativamente no navegador (sem necessidade de extensões adicionais);

Problemas comuns

>Atraso de traço no Google Chrome e Firefox:

    Pode ser que você experiencie atrasos ao desenhar usando o Google Chrome ou Firefox. Para corrigir o problema, siga as instruções anteriores ou utilize o Edge.

>Lags e Glitches Gráficos

    Pode ser que você experiencie travamentos ou aberrações gráficas ao usar o site. Confira se os drivers da sua placa de vídeo estão atualizados. Em último caso, desative a opção "Aceleração Gráfica por Hardware" ou similar nas configurações do seu navegador.

>Copiar e Colar não funcionando

    As funções copiar e colar funcionam apenas no Google Chrome, Opera e Edge no momento. Você ainda pode jogar imagens dentro do quadro ao arrastar da sua Área de Trabalho.

>Tecla ALT não funcionando no Opera

    O navegador Opera não permite que sites utilizem a tecla "Alt", então todos os atalhos que utilizarem esta tecla não vão funcionar corretamente.

Interface de desenho

>Menu de Ferramentas e Opções de Camadas

>Atalhos do Menu Principal

>Menu de Desenho

>Menu de Edição

>Menu de Visão

>Dicas para usar no celular:

• Desenhe com o celular deitado (modo paisagem) pressione a seta cinza do lado esquerdo da roda de cor para esconder o painel da direita;
• Levante o celular (modo retrato) depois de pressionar o botão de "configurações avançadas da ferramenta" (primeira imagem), para conseguir acessar todas as opções de personalização do pincél.
  

Atalhos

> Geral:

• [ e ] muda o tamanho do pincél;
• X troca entre a cor principal e secundária;
• CTRL + (SETAS) movem a seleção ou camada;
• ENTER abre a caixa de conversa;
• ESC (dentro da caixa de conversa) fecha a caixa de conversa;
• números 1, 2, 3, 4, 5 e 6 trocam entre as ferramentas salvas nos botões de adicionar ferramentas (primeira imagem);
• TAB esconde a interface.

>Desenho:

• CTRL + S salva o desenho no computador;
• ALT + S salva a seleção no computador;
• CTRL + SHIFT + S gera um link da imagem;
• ALT + SHIFT + S gera um link de imagem da área selecionada.

>Edição:

• CTRL + Z desfazer;
• CTRL + SHIFT + Z ou CTRL + Y refazer;
• CTRL + X cortar;
• CTRL + C copiar;
• CTRL + SHIFT + C copiar todo o conteúdo visível;
• CTRL + V colar;
• CTRL + SHIFT + V colar no mesmo local;
• CTRL + A selecionar tudo;
• CTRL + D remover seleção;
• CTRL + SHIFT + I inverter seleção;
• DELETE deletar conteúdo da seleção.

>Visão:

• segure a BARRA DE ESPAÇO para mover a tela usando o mouse/caneta e controlar o zoom usando o rolo do mouse;
• + e - controlam o zoom;
• H espelha a visão da imagem horizontalmente;
• HOME encaixa a imagem na tela;
• END tamanho real da imagem;
• ESC zerar rotação;
• CTRL + ' salva a visão atual;
• ' restaura para visão salva.

>Ferramentas:

• V mover camada ou seleção (segure SHIFT para segurar na posição vertical ou horizontal, segure CTRL para selecionar uma camada visível);
• M seleção de caixa (segure SHIFT para adicionar a seleção atual, segure ALT para remover da seleção atual);
• L seleção de laço (segure SHIFT para adicionar a seleção atual, segure ALT para remover da seleção atual);
• I capturar cor (segure SHIFT para deixar a cor capturada como secundária, segure CTRL para capturar a cor de qualquer camada visível selecionada ou não);
• N ou P lápis (segure SHIFT para fazer uma linha reta a partir do último ponto, segure ALT para usar a captura de cor);
• B pincél (segure SHIFT para fazer uma linha reta a partir do último ponto, segure ALT para usar a captura de cor);
• E borracha (segure SHIFT para fazer uma linha reta a partir do último ponto, segure ALT para usar a captura de cor);
• U criar retângulo (segure SHIFT para fazer um quadrado, segure ALT para começar a criar do centro);
• R rotacionar visão (segure SHIFT para travar a cada 15°);
• Z zoom (segure ALT para afastar a visão ao invés de aproximar ao clicar);
• segure qualquer um desses atalhos para usar uma ferramenta temporariamente.

>Camadas:

• clique duas vezes em uma camada livre para poder usá-la;
• SHIFT + (ICONE DE OLHO) troque a visibilidade de qualquer camada apenas para você;
• ALT + CTRL + G limite à camada abaixo ou solte;
• CTRL + B bloqueie ou desbloqueie a opacidade da camada;
• D limpar a camada atual;
• F mesclar abaixo;
• CTRL + J duplicar camada.

Adaptado e Traduzido por APM.

Página Original