Illustrionistas

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.