Iniciando

Atenção! Este artigo está em processo de tradução! Você pode ajudar a traduzi-lo, ou revisá-lo. Obrigado pela compreensão. :)

note end

Introdução

Quando você abre o Synfig Studio, as seguintes janelas aparecem na sua Área de Trabalho:

Interface padrão do Synfig Studio

Os principais componentes da interface do Synfig são:

• Caixa de Ferramentas — é a janela principal do Synfig. Fechar esta janela, significa sair do programa. Ela contém o menu do sistema e botões, ferramentas e mais para criar e editar seu trabalho.
• Tela — aqui é onde seu trabalho e as animações irão aparecer.
• Painéis— contém ferramentas e informação sobre certos elementos do seu projeto. Alguns painéis, inclusive, permitem que estes elementos sejam modificados.

Nota Se o seu leiaute do Synfig não se parece com o acima, felizmente, a configuração mostrada no screenshot é fácil de se recuperar. No menu "File" da Caixa de Ferramentas, selecione "Panels → Reset Windows to Original Layout".

note end

A janela do centro é chamada de Janela da Tela. Toda vez que você iniciar o Synfig Studio, uma nova "Tela" (como a tela dos pintores) é aberta. Esta janela representa a Tela Raiz, não que isso signifique muito para você no momento, mas tudo bem — Nós estamos apenas tentando te apresentar às redondezas. No canto superior esquerdo desta janela, você verá um botão com uma seta. Se você o clicar, o menu da janela da tela irá abrir. (Aliás, se você der um clique com o botão direito na área da tela, sem nenhuma camada em baixo da posição do mouse, este menu também aparecerá). Então, agora você sabe onde o menu mais importante da Tela está, bem na Janela da Tela. Ótimo!

As outras duas janelas (uma na parte debaixo, e a outra à direita) são caixas de diálogo embutidas customizáveis. Cada diálogo embutido contém um conjunto de painéis, organizados horizontalmente ou verticalmente. Alguns painéis compartilham o mesmo espaço dentro da caixa de diálogo e é possível alternar entre eles clicando nas suas abas. Você pode rearrumar o conteúdo dos diálogos como desejar, arrastando as abas para onde quiser que elas fiquem. Você pode, inclusive, criar um novo diálogo, arrastando uma aba para fora de seu diálogo original.

Se um painel for acidentalmente fechado (por arrastá-lo para fora de seu diálogo, e fechar o novo diálogo criado), não se preocupe. Simplesmente vá até a Caixa de Ferramentas, selecione "File → Panels" no menu, e clique no nome do painel que você procura.

Os painéis mais importantes são:

• Camadas — Mostra a hierarquia de camadas da sua tela de trabalho. Ele também permite manipulá-las.
• Parâmetros — Mostra os parâmetros da camada selecionada atualmente. Quando várias camadas são selecionadas, apenas os parâmetros em comum são apresentados.
• Preferencias de Ferramenta — Mostra quaisquer opções específicas da ferramenta selecionada no momento.
• Navegador — Mostra uma imagem em miniatura de como a Tela atual se parece. Você pode também aproximar e mover o foco, por este painel.
• Histórico — Mostra o histórico da composição atual. Você pode também editar as ações no histórico.

Existem muitos painéis no Synfig Studio. Se você não tem ideia do que um painel faz, simplesmente pare o cursor do mouse sobre o ícone e uma dica irá aparecer, descrevendo sua função.

Sob o capô

Synfig Studio, como qualquer outro programa gráfico competente, divide elementos individuais de uma tela em camadas. Entretanto, ele se difere dos outros programas em dois aspectos principais:

Painel de Camadas

1. Uma camada individual no Synfig, geralmente representa um único "Primitivo". Como uma única região, o contorno de uma região ou uma imagem incorporada. Isso permite que se tenha uma grande flexibilidade e controle. Não é incomum que a composição tenha centenas de camadas (organizadas em uma hierarquia, para o bem da sanidade do artista, é claro).
2. Uma camada pode não apenas compor informação sobre a imagem abaixo dela, mas também, distorcer e/ou modificá-la de alguma forma. Assim, as camadas do Synfig agem da mesma forma que os filtros do Adobe Photoshop ou do GIMP. Por exemplo, temos uma Camada de Desfoque, Camada de Desfoque Radial, Camada Esferizar, Camada de Correção de Cores, Camada de Relevo, etc...

Cada camada tem um conjunto de parâmetros que determina como se comportar. Quando uma camada é selecionada (tanto na janela da tela, quanto no Painel de Camadas ilustrado à direita), pode se ver seus parâmetros no Painel de Parâmetros).

O Synfig Studio possui um recurso de auto restaurar. Caso aconteça de fechar inesperadamente, mesmo que o arquivo atual não tenha sido salvo, ele não perderá mais do que 5 minutos de trabalho. Ao reabri-lo, o usuário será automaticamente questionado se deseja restaurar as mudanças não salvas. Infelizmente o Histórico ainda não pode ser recuperado.

Development Notes:

Nota dos Desenvolvedores

Você irá perceber que o Synfig Studio é LENTO, sendo praticamente inoperável em um hardware com mais de três anos de idade, mesmo rodando de forma aceitável em um hardware recente. A maior razão disto é que todas os cálculos relacionados a cor são feitos com pontos flutuantes — permitindo Imagens de Grande Alcance Dinâmico.

PORÉM, algumas otimizações e re-implantações principais serão feitas, melhorando dramaticamente a performance do Synfig em todas as plataformas. O objetivo não é aumentar a velocidade em 200%, mas um aumento de pelo menos 2000%. Atualmente, está se trabalhando para desenvolver esta otimização via OpenGL. Resultados promissores já são perceptíveis, mas ainda não está pronto para ser utilizado.

Primeiros Passos

Vamos criar algo divertido para que possamos brincar!

Primeiro, vá até a caixa de ferramentas e clique na Ferramenta Círculo (se você não sabe qual é essa ferramenta, apenas passe o mouse sobre os botões até achar aquele que a dica diz "Circle Tool").

Quando clicar nesta ferramenta, você deve perceber que o Painel de Opções de Ferramenta mudou. Mas iremos falar sobre isso mais tarde.

Nota Alguns usuários podem se deparar com o seguinte problema: quando você clica e arrasta na tela usando a Ferramenta Círculo, parece que nada acontece, ou você acaba fazendo círculos absurdamente grandes. Este é um problema conhecido. Para consertar isto vá em "File → Input Devices" e desabilite todos os dispositivos que encontrar ali (como emulação de botões de um mouse Macintosh, ou mouse Optico USB). Se existir algum dispositivo estendido que você deseja usar, como uma caneta sensível a pressão, então o habilite na sua tela específica. Depois disto, o Synfig irá funcionar como esperado.

note end

Com a ferramente de Círculo selecionada, é possível agora criar círculos na Janela da Tela. Isto funciona como o esperado — clique na tela, arraste para mudar a distância do raio, e solte o botão do mouse quando terminar. Repita para criar dois círculos (ou mais, se quiser caprichar). Se acidentalmente você soltar o botão do mouse antes de arrastar, um círculo com raio zero é criado, e ele é efetivamente invisível! Não se preocupe, é possível consertar isso facilmente. No Painel de Parâmetros, é possível alterar os parâmetros do objeto selecionado. Se você acabou de criar um círculo com raio zero, ele deve ser o objeto atualmente selecionado. Você pode mudar seu raio para algum valor diferente de zero, digamos 10, e deixá-lo do jeito que você quer usando os manipuladores na Tela depois.

Agora, volte na caixa de ferramentas e clique na Ferramenta Transformar (o circulo azul com o cursor dentro). Depois disto, clique em um dos seus círculos. Você verá um Caixa de Contorno (que é meio inútil por enquanto, é verdade), um ponto verto no centro, e um ponto azul (ciano) no raio. Esses pontos são chamados manipuladores. Se quiser modificar o circulo, clique um destes manipuladores e o arraste. Fácil!

É possível selecionar uma Camada clicando sobre ela. Se você quer selecionar mais de uma camada, pressione a tecla Ctrl enquanto clica — isto funciona em ambos a Janela da Tela e o Painel de Camadas. Experimente!

Também é possível selecionar vários manipuladores ao mesmo tempo. Você pode fazer isso de muitas formas. Primeiro, pressione Ctrl e individualmente clique nos manipuladores que você quer selecionar. Mas isso pode ser tedioso. Entretanto, existe um método muito mais rápido — apenas crie uma caixa de seleção clicando com o mouse e arrastando-o sobre a área onde se encontram os manipuladores que você deseja selecionar.

Vá em frente, selecione dois círculos e, então, todos os seus manipuladores. Com vários manipuladores selecionados, mover um deles irá mover todos. Este comportamento é dependente da Ferramenta de Transformar. Porém, um nome mais descritivo para esta ferramenta poderia ser ferramenta "mover".

As ferramentas rotacionar e escalar funcionam de forma muito parecida com a Ferramenta Transformar, exceto quando se tem vários manipuladores selecionados. É muito mais fácil apenas tentar, do que ler sobre isso. Selecione alguns círculos, selecione todos os manipuladores, e tente usar as ferramentas de rotacionar e escalar.

Note que, ferramentas de interação com manipuladores têm opções associadas a elas. Se uma ferramenta em particular não está fazendo o que você espera, dê uma olhada no Painel de Opções de Ferramenta para ver se tudo está configurada como desejado.

Conectando

Agora, vamos tentar conectar parâmetros. Digamos que nós queremos estes dois círculos sempre do mesmo tamanho. Selecione dois círculos, e então ambos os seus manipuladores de raio (os pontos azul ciano).

Para selecionar vários manipuladores, é possível tanto arrastar um retângulo sobre a área que os rodeia, quanto selecionar um deles e segurar a tecla Ctrl enquanto se seleciona o resto. Assim que tiver dois manipuladores de raios selecionados, clique com o botão direito do mouse em algum dos dois, e um menu irá abrir. Clique em "Link". Bum! Os parâmetros estão conectados. É possível provar isto selecionando um dos círculos e mudando o seu raio — o outro irá mudar também. Muito bom, hein?

Conectar é um conceito fundamental no Synfig. Você pode criar conexões não apenas entre manipuladores, mas também entre parâmetros como por selecionar várias camadas, clicar com o botão direito do mouse no parâmetro na aba de parâmetros, e selecionar "Link".

Digressão É assim que contornos são fixados às suas regiões — mas estamos nos adiantando aqui. No momento, a potência fundamental e a flexibilidade de conectar parâmetros no Núcleo do Synfig está muito além do que o Synfig Studio atualmente se permite. Isto irá mudar no futuro. De qualquer forma, vamos voltar ao que interessa...

note end

Seleção de Cor

Digamos que você quer que um dos círculos seja de uma cor diferente. Se você olhar na caixa de ferramentas, logo abaixo dos botões de ferramentas está o seletor de contorno/preenchimento, o seletor de largura de contorno, e outras coisas como o método de 'mistura' padrão (Default Blend Method) e o gradiente. A cor de contorno/preenchimento funciona exatamente como se espera — um clique e um modesto diálogo de seleção de cor irá aparecer. Agora você pode mudar as cores facilmente.

Mas, as vezes, pode ser que você queira apenas clicar numa cor e pronto. Aqui é onde a aba do editor de paleta entra. Sua funcionalidade ainda não é 100% (ex: salvar e carregar paletas personalizadas ainda não foi implementado), mas a paleta padrão é razoavelmente decente. Clique na aba do Editor de Paleta e dê uma olhada — é a que tem um ícone que se parece com uma paleta. Clicando em cores com o botão direito do mouse, irá automaticamente mudar a cor padrão do contorno, e clicando com o botão do meio do mouse irá mudar a cor de preenchimento.

Isso tudo é ótimo, mas nós ainda não mudamos a cor do círculo. Existem três formas para se fazer isto. A primeira é selecionar a camada do círculo que você quer modificar, ir ao Painel de Parâmetros e dar um duplo-clique no parâmetro da "Cor". Um dialogo de seleção de cor irá aparecer, e você pode personalizar como deseja. Mas, digamos que você já selecionou sua cor como contorno ou preenchimento padrão. Então, você pode clicar com o botão direito do mouse no parâmetro Cor, no painel de parâmetros, e selecionar "Aplicar Cor de Preenchimento" ou "Aplicar Cor de Contorno", como preferir. Finalmente, se pode clicar na "Ferramenta de Preenchimento" na caixa de ferramentas, e então clicar no círculo na janela da tela. Bum! Os círculos mudam de cor. Isto funciona com mais do que apenas círculos, mas nós chegaremos lá em um segundo.

Tente brincar com os círculos por alguns instantes. Experimente com os parâmetros, e veja o que acontece. Para começar, tente mudar o Parâmetro Enevoar para 5.

Indo a fundo...

É claro, até agora você apenas descobriu como usar as funções básicas do Synfig, mas ainda não viu nada sobre como animar um desenho. Isso será abordado no próximo capítulo.