Getting Started

From Synfig Studio :: Documentation
Jump to: navigation, search
m ({{TOCright}} + interface)
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<!-- Page info -->
 
<!-- Page info -->
{{Title|Iniciando}}
+
{{Title|Getting Started|Iniciando}}
 
{{Navigation|Category:Manual|Doc:Animation_Basics}}
 
{{Navigation|Category:Manual|Doc:Animation_Basics}}
 +
{{TOCright}}
 
{{Category|Manual}}
 
{{Category|Manual}}
 
{{Category|Tutorials}}
 
{{Category|Tutorials}}
 
{{Category|Tutorials Basic}}
 
{{Category|Tutorials Basic}}
 +
{{NewTerminology}}
 
<!-- Page info end -->
 
<!-- Page info end -->
  
== Introdução ==
+
== Interface do Usuário ==
Quando você abre o Synfig Studio, as seguintes janelas aparecem na sua Área de Trabalho:
+
A captura de tela abaixo mostra a disposição da janela do Synfig Studio:
 +
[[File:Interface 1.0.png|600px|thumb|center|border|Default interface layout of Synfig Studio]]
  
[[Image:Interface_pt.png|600px|thumb|center|border|Interface padrão do Synfig Studio]]
+
Os principais componentes da interface do Synfig Studio são:
  
 +
* {{l|Toolbox|Caixa de Ferramentas}} &mdash; é a janela principal do Synfig Studio. Ela contém o menu do sistema e botões, ferramentas e mais para criar e editar seu trabalho. Ao fechá-la você sai do aplicativo.
 +
* {{l|Canvas|Tela}} &mdash; mostra seu trabalho e animações.
 +
* {{l|Category:Panels|Painéis}}&mdash; contém ferramentas e informação sobre certos elementos de seu projeto. Alguns painéis permitem que você modifique esses elementos.
  
Os principais componentes da interface do Synfig são:
+
{{Note|Nota|O Synfig Studio pode ser redefinido para seu arranjo padrão de janela (como mostrada na imagem). No menu {{Literal|Arquivo}} da Caixa de Ferramentas, selecione {{c|Panéis|Redefinir a Janela para a Disposição Original}}.}}
  
* {{l|Toolbox|Caixa de Ferramentas}} &mdash; é 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.
+
A janela do centro é chamada de {{L|Category:Canvas_Window|Janela da Tela}}. Toda vez que você iniciar o Synfig Studio, uma nova tela é aberta. A janela representa a {{l|Root Canvas|Tela Raiz}}, não que isso signifique muito para você no momento, mas tudo bem &mdash; estamos apenas tentando te apresentar as redondezas. No canto superior esquerdo desta janela, você verá um botão com uma {{l|Canvas Menu Caret|seta}}. Se você o clicar, o {{l|Canvas Menu Caret|menu da janela da tela}} irá abrir. Se você clicar com o botão direito na área da tela e não houver nenhuma {{l|layer|camada}} embaixo da posição do mouse, este menu também aparecerá. Assim, agora você sabe onde está o menu  
* {{l|Canvas|Tela}} &mdash; aqui é onde seu trabalho e as animações irão aparecer.
+
mais importante da tela. Ótimo!
* {{l|Panels|Painéis}}&mdash; contém ferramentas e informação sobre certos elementos do seu projeto. Alguns painéis, inclusive, permitem que estes elementos sejam modificados.
+
 
+
{{Note|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 {{Literal|File}} da Caixa de Ferramentas, selecione {{c|Panels|Reset Windows to Original Layout}}.}}
+
A janela do centro é chamada de {{L|Canvas Window|Janela da Tela}}. Toda vez que você iniciar o Synfig Studio, uma nova "Tela" (como a tela dos pintores) é aberta. Esta janela representa a {{l|Root Canvas|Tela Raiz}}, não que isso signifique muito para você no momento, mas tudo bem &mdash; Nós estamos apenas tentando te apresentar às redondezas. No canto superior esquerdo desta janela, você verá um botão com uma {{l|Canvas Menu Caret|seta}}. Se você o clicar, o {{l|Canvas Menu Caret|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 {{l|layer|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 {{l|dock dialogs|caixas de diálogo embutidas}} customizáveis. Cada diálogo embutido contém um conjunto de {{L|panel|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 {{l|panel tab|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.
 
As outras duas janelas (uma na parte debaixo, e a outra à direita) são {{l|dock dialogs|caixas de diálogo embutidas}} customizáveis. Cada diálogo embutido contém um conjunto de {{L|panel|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 {{l|panel tab|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 {{l|panel|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 {{l|Toolbox|Caixa de Ferramentas}}, selecione {{c|File|Panels}} no menu, e clique no nome do painel que você procura.
+
Se um {{l|panel|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 {{l|Toolbox|Caixa de Ferramentas}}, selecione {{c|Arquivo|Painéis}} no menu, e clique no nome do painel que você procura.
  
Os '''painéis mais importantes''' são:
+
Os painéis mais importantes são:
  
* {{l|Layers Panel|Camadas}} &mdash; Mostra a hierarquia de camadas da sua tela de trabalho. Ele também permite manipulá-las.
+
* {{l|Layers Panel|Camadas}} &mdash; mostra a hierarquia da camada de sua tela de trabalho. Ele também permite manipulá-las.
* {{l|Params Panel|Parâmetros}} &mdash; Mostra os parâmetros da camada selecionada atualmente. Quando várias camadas são selecionadas, apenas os parâmetros em comum são apresentados.
+
* {{l|Params Panel|Parâmetros}} &mdash; mostra os parâmetros da camada selecionada no momento. Quando várias camadas são selecionadas, apenas os parâmetros que elas têm em comum são exibidos.
* {{l|Categorical Help#Synfig Dialogs|Preferencias de Ferramenta}} &mdash; Mostra quaisquer opções específicas da ferramenta selecionada no momento.
+
* {{l|Tool Options Panel|Preferências de Ferramenta}} &mdash; mostra quaisquer opções específicas da ferramenta selecionada no momento.
* {{l|Navigator|Navegador}} &mdash; Mostra uma imagem em miniatura de como a Tela atual se parece. Você pode também aproximar e mover o foco, por este painel.
+
* {{l|Navigator|Navegador}} &mdash; mostra uma imagem em miniatura de como a tela atual se parece. Você pode também aproximar e mover o foco com este painel.
* {{l|History Panel|Histórico}} &mdash; Mostra o histórico da composição atual. Você pode também editar as ações no histórico.
+
* {{l|History Panel|Histórico}} &mdash; mostra o histórico da composição atual. Você pode também editar as ações no histórico.
  
Existem muitos {{l|panel|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.
+
Existem muitos {{l|panel|painéis}} no Synfig Studio. Se você não tem ideia do que um painel faz, simplesmente mantenha o cursor do mouse sobre seu ícone e uma dica irá aparecer, descrevendo sua função.
  
 
== Sob o capô ==
 
== Sob o capô ==
  
Synfig Studio, como qualquer outro programa gráfico competente, divide elementos individuais de uma {{l|canvas|tela}} em {{l|layer|camadas}}. Entretanto, ele se difere dos outros programas em dois aspectos principais:
+
[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|Layers Panel]]
  
[[Image:LayersPanel.png|right|frame|Painel de Camadas]]
+
O Synfig Studio, como qualquer outro programa gráfico competente, divide elementos individuais de uma {{l|canvas|tela}} em {{l|layer|camadas}}. Entretanto, ele se difere dos outros programas em dois aspectos principais:
  
# 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).
+
# Uma camada individual no Synfig geralmente representa um único "Primitivo", ou seja, uma única região, um contorno de uma região, uma imagem importada, etc. Isso permite que se tenha uma grande flexibilidade e controle. Não é incomum a uma composição ter centenas de camadas (organizadas em uma hierarquia, para o bem da sanidade do artista, é claro).
# 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 {{l|Blur Layer|Camada de Desfoque}}, {{l|Radial Blur Layer|Camada de Desfoque Radial}}, {{l|Spherize Layer|Camada Esferizar}}, {{l|Color Correct Layer|Camada de Correção de Cores}}, {{l|Bevel Layer|Camada de Relevo}}, etc...
+
# Uma camada pode não apenas adicionar informação sobre a imagem abaixo dela, mas também distorcer e/ou modificar de alguma outra forma. Neste sentido, as camadas do Synfig agem semelhantemente aos filtros do Adobe Photoshop ou GIMP. Por exemplo, temos uma {{l|Blur Layer|Camada de Desfoque}}, {{l|Radial Blur Layer|Camada de Desfoque Radial}}, {{l|Spherize Layer|Camada Esferizar}}, {{l|Color Correct Layer|Camada de Correção de Cores}}, {{l|Bevel Layer|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 {{l|Layers Panel|Painel de Camadas}} ilustrado à direita), pode se ver seus parâmetros no {{l|Params Panel|Painel de Parâmetros}}).
+
Cada camada tem um conjunto de parâmetros que determina como ela irá se comportar. Ao clicar numa camada é selecionada (tanto na janela da tela, quanto no {{l|Layers Panel|Painel de Camadas}} ilustrado à direita), pode-se ver seus parâmetros no {{l|Params Panel|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.
+
== Primeiros passos ==
  
 +
Vamos criar algo divertido para que possamos brincar!
  
{{DevNotesBegin}}
+
Primeiro, vá até a caixa de ferramentas e clique na {{l|Circle Tool|Ferramenta Círculo}} (se você não sabe qual é, apenas passe o mouse sobre elas até achar aquela cuja dica diz "Ferramenta Círculo").
'''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 &mdash; permitindo Imagens de Grande Alcance Dinâmico.
+
Ao clicar nesta ferramenta, você percebe que o {{l|Tool Options Panel|Painel de Opções de Ferramenta}} mudou. Mas falaremos sobre isso mais tarde.
  
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.
+
Com a Ferramenta de Círculo selecionada você pode, agora, criar círculos na {{l|Canvas Window|Janela da Tela}}. Isto funciona como esperado &mdash; clique na tela, arraste para mudar o comprimento do raio e solte o botão do mouse quando terminar. em frente e crie dois círculos (ou mais, se preferir). Se você acidentalmente soltar o botão do mouse antes de arrastar, vai acabar criando um círculo com raio zero, e ele é realmente invisível! Não se preocupe, você pode 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 manipulá-lo do jeito que você quer usando os puxadores depois.
{{DevNotesEnd}}
+
  
== Primeiros Passos ==
+
{{Note|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. Para consertar isto vá em {{c|Arquivo|Dispositivos de Entrada}} e '''desabilite todos os dispositivos''' que encontrar ali. Se existir algum dispositivo estendido que você deseja usar, como uma caneta sensível a pressão, então o habilite nesta tela. Depois disto, o Synfig irá funcionar como esperado.}}
  
Vamos criar algo divertido para que possamos brincar!
+
Agora, volte à caixa de ferramentas e clique na {{l|Transform Tool|Ferramenta Transformar}} (o botão com a seta nele). Depois disso, clique em um dos seus círculos. Você verá uma {{l|bounding box|Caixa de Contorno}} (que parece inútil no momento, mas não é verdade), um ponto verde no centro, e um ponto azul (ciano) no raio. Esses pontos são chamados ''{{l|handle|puxadores}}''. Se quiser modificar o circulo, clique em um puxador e arraste-o. Fácil!
  
Primeiro, vá até a caixa de ferramentas e clique na {{l|Circle Tool|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").
+
É possível selecionar uma {{l|layer|Camada}} clicando sobre ela. Se quiser selecionar mais de uma camada, pressione a tecla {{Shortcut|ctrl}} enquanto clica &mdash; isto funciona tanto na Janela da Tela e no {{l|Layers Panel|Painel de Camadas}}. Experimente!
  
Quando clicar nesta ferramenta, você deve perceber que o {{l|Tool Options Panel|Painel de Opções de Ferramenta}} mudou. Mas iremos falar sobre isso mais tarde.
+
Também é possível selecionar vários puxadores ao mesmo tempo. Você pode fazer isso de muitas formas. Primeiro, pressione {{Shortcut|ctrl}} e individualmente clique nos puxadores que você quer selecionar, mas isso pode ser tedioso. Entretanto, existe um método muito mais rápido &mdash; apenas crie uma caixa de seleção clicando com o mouse e arrastando-o sobre os puxadores que deseja selecionar.
  
{{Note|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 {{c|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.}}
+
Vá em frente, selecione dois círculos e todos os seus puxadores. Com vários puxadores selecionados, mover um deles moverá a todos.
 +
<!-- TODO: About rotating and scaling with Ctrl and Alt keys -->
  
Com a ferramente de Círculo selecionada, é possível agora criar círculos na {{l|Canvas Window|Janela da Tela}}. Isto funciona como o esperado &mdash; 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.
+
{{Note|Nota|O Synfig Studio tem uma funcionalidade de autorrecuperação. Se ele pára, mesmo que o arquivo atual não esteja salvo, você não perderá mais que 5 minutos de trabalho. Ao reiniciar, ele automaticamente pedirá para recuperar as mudanças não salvas. Infelizmente, o histórico ainda não é recuperável.}}
  
Agora, volte na caixa de ferramentas e clique na {{l|Transform Tool|Ferramenta Transformar}} (o circulo azul com o cursor dentro). Depois disto, clique em um dos seus círculos. Você verá um {{l|bounding box|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 ''{{l|duck|manipuladores}}''. Se quiser modificar o circulo, clique um destes manipuladores e o arraste. Fácil!
+
As ferramentas {{l|Rotate Tool|rotacionar}} e {{l|Scale Tool|escalar}} funcionam de forma muito parecida com a Ferramenta Transformar, exceto quando se tem vários puxadores selecionados. É muito mais fácil tentar do que ler sobre isso. Selecione alguns círculos, selecione todos os puxadores e tente usar as ferramentas de rotacionar e escalar.
  
É possível selecionar uma {{l|layer|Camada}} clicando sobre ela. Se você quer selecionar mais de uma camada, pressione a tecla {{Shortcut|ctrl}} enquanto clica &mdash; isto funciona em ambos a Janela da Tela e o {{l|Layers Panel|Painel de Camadas}}. Experimente!
+
Observe que ferramentas que manipulam com puxadores têm opções associadas a elas. Se uma ferramenta em particular não está fazendo o que você quer, dê uma olhada no {{l|Tool Options Panel|Painel de Opções de Ferramenta}} para ver as opções disponíveis.
  
Também é possível selecionar vários manipuladores ao mesmo tempo. Você pode fazer isso de muitas formas. Primeiro, pressione {{Shortcut|ctrl}} e individualmente clique nos manipuladores que você quer selecionar. Mas isso pode ser tedioso. Entretanto, existe um método muito mais rápido &mdash; apenas crie uma {{l|Selection|caixa de seleção}} clicando com o mouse e arrastando-o sobre a área onde se encontram os manipuladores que você deseja selecionar.
+
== Vinculando ==
  
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".
+
Agora, vamos tentar {{l|linking|vincular}}. Digamos que queremos estes dois círculos sempre do mesmo tamanho. Selecione dois círculos e os respectivos puxadores do raio (os pontos azul ciano).
  
As ferramentas {{l|Rotate Tool|rotacionar}} e {{l|Scale Tool|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.
+
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 {{Shortcut|ctrl}} enquanto se seleciona o resto. Assim que tiver dois puxadores dos raios selecionados, clique com o botão direito do mouse em algum dos dois, e um menu irá abrir. Clique em {{Literal|Vínculo}}. Bum! Os parâmetros estão conectados. É possível provar isto selecionando um dos círculos e mudando o seu raio &mdash; o outro irá mudar também. Muito bom, hein? Eis como os {{l|Outline Layer|contornos}} são fixados às suas {{l|Region Layer|regiões}} &mdash; mas estamos nos adiantando aqui.
  
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 {{l|Tool Options Panel|Painel de Opções de Ferramenta}} para ver se tudo está configurada como desejado.
+
Vincular é um conceito fundamental no Synfig. Você pode criar vínculos não apenas entre puxadores, mas também entre parâmetros, selecionando várias camadas, clicando com o botão direito do mouse no parâmetro na aba de parâmetros, e selecionando {{Literal|Vínculo}}.
  
== Conectando ==
+
== Seleção de Cor ==
  
Agora, vamos tentar {{l|linking|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).
+
Digamos que você quer que um dos círculos seja de uma cor diferente. Se você olhar na caixa de ferramentas, 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 e o gradiente. A cor de contorno/preenchimento funciona exatamente como se espera &mdash; clique na cor de preenchimento e um modesto diálogo de seleção de cor irá aparecer. Agora você pode alterar as cores facilmente.
  
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 {{Shortcut|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 {{Literal|Link}}. Bum! Os parâmetros estão conectados. É possível provar isto selecionando um dos círculos e mudando o seu raio &mdash; o outro irá mudar também. Muito bom, hein?
+
Mas, às vezes, você quer apenas clicar numa cor e pronto. Aqui é onde a aba do editor de paleta entra.
  
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 {{Literal|Link}}.
+
Clique na aba do painel Editor de Paleta e dê uma olhada &mdash; é aquela com um ícone que se parece com uma paleta. Clicar nas cores com o botão esquerdo 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.
  
{{Note|Digressão|É assim que {{l|Outline Layer|contornos}} são fixados às suas {{l|Region Layer|regiões}} &mdash; 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...}}
+
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 é clicar na {{Literal|Ferramenta Preenchimento}} a partir da caixa de ferramentas e então clicar no círculo na Janela da Tela. Bum! O círculo muda de cor. Isso funciona com mais do que círculos. Também, pode selecionar a camada do círculo que deseja modificar, ir ao Painel de Parâmetros, clicar com o botão direito no parâmetro Cor e selecionar {{Literal|Aplicar Cor de Preenchimento}} ou {{Literal|Aplicar Cor de Contorno}}, como preferir. Ou simplesmente dar um duplo-clique no parâmetro da {{Literal|Cor}} - um diálogo do seletor de cor aparecerá e você poderá ajustar à vontade.
  
== Seleção de Cor ==
+
Tente brincar um pouco com os círculos. Mude os parâmetros e veja o que acontece. Para começar, tente mudar o {{l|Parâmetro Enevoar}} para 5.
  
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 &mdash; um clique e um modesto diálogo de seleção de cor irá aparecer. Agora você pode mudar as cores facilmente.
+
== Mergulhando mais fundo ==
  
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 &mdash; é 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.
+
É claro, até agora você apenas descobriu como usar as funções básicas do Synfig Studio, mas não sobre como animar um desenho. Isso é abordado na {{l|Doc:Animation_Basics|próxima seção}}.
  
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 {{Literal|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 {{Literal|Aplicar Cor de Preenchimento}} ou {{Literal|Aplicar Cor de Contorno}}, como preferir. Finalmente, se pode clicar na {{Literal|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.
+
{{Navigation|Category:Manual|Doc:Animation_Basics}}
 
+
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 {{l|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 {{l|Doc:Animation_Basics|próximo capítulo}}.
+
  You can download an archive who contain the project used for wiki illustration [[File:Interface.zip]]
 +
  You can download the project used for the illustration of the illustration [[File:Spline-DotMan.sifz]]

Latest revision as of 12:41, 30 April 2015

Languages Language: 

English • čeština • Deutsch • español • suomi • français • italiano • 日本語 • Nederlands • polski • português • română • русский • 中文(中国大陆)‎ • 中文(台灣)‎


Navigation Navigation:  <<Manual>>



Interface do Usuário

A captura de tela abaixo mostra a disposição da janela do Synfig Studio:

Default interface layout of Synfig Studio

Os principais componentes da interface do Synfig Studio são:

  • Caixa de Ferramentas — é a janela principal do Synfig Studio. Ela contém o menu do sistema e botões, ferramentas e mais para criar e editar seu trabalho. Ao fechá-la você sai do aplicativo.
  • Tela — mostra seu trabalho e animações.
  • Painéis— contém ferramentas e informação sobre certos elementos de seu projeto. Alguns painéis permitem que você modifique esses elementos.

Nota

O Synfig Studio pode ser redefinido para seu arranjo padrão de janela (como mostrada na imagem). No menu "Arquivo" da Caixa de Ferramentas, selecione "Panéis → Redefinir a Janela para a Disposição Original".
note end


A janela do centro é chamada de Janela da Tela. Toda vez que você iniciar o Synfig Studio, uma nova tela é aberta. A janela representa a Tela Raiz, não que isso signifique muito para você no momento, mas tudo bem — estamos apenas tentando te apresentar as 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. Se você clicar com o botão direito na área da tela e não houver nenhuma camada embaixo da posição do mouse, este menu também aparecerá. Assim, agora você sabe onde está o menu mais importante 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 "Arquivo → Painéis" no menu, e clique no nome do painel que você procura.

Os painéis mais importantes são:

  • Camadas — mostra a hierarquia da camada de sua tela de trabalho. Ele também permite manipulá-las.
  • Parâmetros — mostra os parâmetros da camada selecionada no momento. Quando várias camadas são selecionadas, apenas os parâmetros que elas têm em comum são exibidos.
  • Preferências 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 com 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 mantenha o cursor do mouse sobre seu ícone e uma dica irá aparecer, descrevendo sua função.

Sob o capô

Layers Panel

O 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:

  1. Uma camada individual no Synfig geralmente representa um único "Primitivo", ou seja, uma única região, um contorno de uma região, uma imagem importada, etc. Isso permite que se tenha uma grande flexibilidade e controle. Não é incomum a uma composição ter centenas de camadas (organizadas em uma hierarquia, para o bem da sanidade do artista, é claro).
  2. Uma camada pode não apenas adicionar informação sobre a imagem abaixo dela, mas também distorcer e/ou modificar de alguma outra forma. Neste sentido, as camadas do Synfig agem semelhantemente aos filtros do Adobe Photoshop ou 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 ela irá se comportar. Ao clicar numa 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).

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 é, apenas passe o mouse sobre elas até achar aquela cuja dica diz "Ferramenta Círculo").

Ao clicar nesta ferramenta, você percebe que o Painel de Opções de Ferramenta mudou. Mas falaremos sobre isso mais tarde.

Com a Ferramenta de Círculo selecionada você pode, agora, criar círculos na Janela da Tela. Isto funciona como esperado — clique na tela, arraste para mudar o comprimento do raio e solte o botão do mouse quando terminar. Vá em frente e crie dois círculos (ou mais, se preferir). Se você acidentalmente soltar o botão do mouse antes de arrastar, vai acabar criando um círculo com raio zero, e ele é realmente invisível! Não se preocupe, você pode 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 manipulá-lo do jeito que você quer usando os puxadores depois.

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. Para consertar isto vá em "Arquivo → Dispositivos de Entrada" e desabilite todos os dispositivos que encontrar ali. Se existir algum dispositivo estendido que você deseja usar, como uma caneta sensível a pressão, então o habilite nesta tela. Depois disto, o Synfig irá funcionar como esperado.
note end


Agora, volte à caixa de ferramentas e clique na Ferramenta Transformar (o botão com a seta nele). Depois disso, clique em um dos seus círculos. Você verá uma Caixa de Contorno (que parece inútil no momento, mas não é verdade), um ponto verde no centro, e um ponto azul (ciano) no raio. Esses pontos são chamados puxadores. Se quiser modificar o circulo, clique em um puxador e arraste-o. Fácil!

É possível selecionar uma Camada clicando sobre ela. Se quiser selecionar mais de uma camada, pressione a tecla Ctrl enquanto clica — isto funciona tanto na Janela da Tela e no Painel de Camadas. Experimente!

Também é possível selecionar vários puxadores ao mesmo tempo. Você pode fazer isso de muitas formas. Primeiro, pressione Ctrl e individualmente clique nos puxadores 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 os puxadores que deseja selecionar.

Vá em frente, selecione dois círculos e todos os seus puxadores. Com vários puxadores selecionados, mover um deles moverá a todos.

Nota

O Synfig Studio tem uma funcionalidade de autorrecuperação. Se ele pára, mesmo que o arquivo atual não esteja salvo, você não perderá mais que 5 minutos de trabalho. Ao reiniciar, ele automaticamente pedirá para recuperar as mudanças não salvas. Infelizmente, o histórico ainda não é recuperável.
note end


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

Observe que ferramentas que manipulam com puxadores têm opções associadas a elas. Se uma ferramenta em particular não está fazendo o que você quer, dê uma olhada no Painel de Opções de Ferramenta para ver as opções disponíveis.

Vinculando

Agora, vamos tentar vincular. Digamos que queremos estes dois círculos sempre do mesmo tamanho. Selecione dois círculos e os respectivos puxadores do 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 puxadores dos raios selecionados, clique com o botão direito do mouse em algum dos dois, e um menu irá abrir. Clique em "Vínculo". 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? Eis como os contornos são fixados às suas regiões — mas estamos nos adiantando aqui.

Vincular é um conceito fundamental no Synfig. Você pode criar vínculos não apenas entre puxadores, mas também entre parâmetros, selecionando várias camadas, clicando com o botão direito do mouse no parâmetro na aba de parâmetros, e selecionando "Vínculo".

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, 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 e o gradiente. A cor de contorno/preenchimento funciona exatamente como se espera — clique na cor de preenchimento e um modesto diálogo de seleção de cor irá aparecer. Agora você pode alterar as cores facilmente.

Mas, às vezes, você quer apenas clicar numa cor e pronto. Aqui é onde a aba do editor de paleta entra.

Clique na aba do painel Editor de Paleta e dê uma olhada — é aquela com um ícone que se parece com uma paleta. Clicar nas cores com o botão esquerdo 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 é clicar na "Ferramenta Preenchimento" a partir da caixa de ferramentas e então clicar no círculo na Janela da Tela. Bum! O círculo muda de cor. Isso funciona com mais do que círculos. Também, pode selecionar a camada do círculo que deseja modificar, ir ao Painel de Parâmetros, clicar com o botão direito no parâmetro Cor e selecionar "Aplicar Cor de Preenchimento" ou "Aplicar Cor de Contorno", como preferir. Ou simplesmente dar um duplo-clique no parâmetro da "Cor" - um diálogo do seletor de cor aparecerá e você poderá ajustar à vontade.

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

Mergulhando mais fundo

É claro, até agora você apenas descobriu como usar as funções básicas do Synfig Studio, mas não sobre como animar um desenho. Isso é abordado na próxima seção.

Navigation Navigation:  <<Manual>>


  You can download an archive who contain the project used for wiki illustration File:Interface.zip
  You can download the project used for the illustration of the illustration File:Spline-DotMan.sifz


Languages Language: 

English • čeština • Deutsch • español • suomi • français • italiano • 日本語 • Nederlands • polski • português • română • русский • 中文(中国大陆)‎ • 中文(台灣)‎