|
|
| Line 8: |
Line 8: |
| | | | |
| | == Introdução == | | == Introdução == |
| | + | Quando você abre o Synfig Studio, as seguintes janelas aparecem na Área de Trabalho: |
| | | | |
| − | Synfig, como os melhores programas gráficos, divide os elementos do {{l|canvas.es|palco}} em várias {{l|layer|camadas}}. Porém, difere de outros programas em dois modos principais:
| + | [[Image:Interface.png|600px|thumb|center|border|Interface padrão do Synfig Studio]] |
| | | | |
| − | {| border="0" cellspacing="0" align="center" width="100%"
| |
| − | |
| |
| − | # Uma camada unica no Synfig representa em geral um “Primitivo” único. Por exemplo: Uma região específica, o delineado de uma região, um JPEG importado, etc... permitindo grande flexibilidade e controle. Não é incomum uma composição com centenas de camadas (com organização hierárquica definida pelo artista).
| |
| | | | |
| − | # Camadas só mostram informação colocadas acima da imagem, abaixo dela, não há nenhuma modificação. Portando, as camadas no Synfig atuam como filtros, como no Adobe Photoshop ou GIMP. Por exemplo, uma {{l|Blur Layer|camada de desfoque}}, uma {{l|Radial Blur Layer|camada de desfoque radial}}, {{l|Spherize Layer|camada de esferização}}, {{l|Color Correct Layer|camada de correção de cor}}, {{l|Bevel Layer|camada com bisel}}, etc...
| + | Os principais componentes da interface do Synfig são: |
| | | | |
| − | Cada camada tem seus parametros específicos, determinantes de seu comportamento. Clicando na camada (seja no palco, ou no {{l|Layers Panel|painel de camadas}}), vemos seus parametros no {{l|Params Panel|Painel de Parâmetros}}.
| + | * {{l|Toolbox|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. |
| − | | + | * {{l|Canvas|Tela}} — aqui é onde seu trabalho e as animações vão aparecer. |
| − | || ||
| + | * {{l|Panels|Painéis}}— contém ferramentas e informação sobre certos elementos do seu projeto. Alguns painéis, inclusive, permitem que estes sejam modificados. |
| − | http://i170.photobucket.com/albums/u243/zenoscope/layer.png
| + | |
| − | |}
| + | |
| − | | + | |
| − | Synfig Studio tem a propriedade de auto-recuperação. Se travar, guardará os últimos cinco minutos de trabalho, mesmo que o arquivo atual não tenha sido salvo. Ao reiniciar, automaticamente alertara o usuario para recuperação das mudanças guardadas. Infelizmente o histórico ainda não se recupera. Essa propriedade está prevista para o futuro.
| + | |
| − | | + | |
| − | Uma das coisas que incomodam, é a lentidão do Synfig Studio, o que o torna prácticamente obsoleto em máquinas com mais de 3 anos de fabricação. Isto se deve ao calculo de cor que é feito no sistema de ponto flutuante, pois o objetivo principal do Synfig Studio desde sua construção um Processamento Altamente Dinâmico de imagens. ENTRETANTO, este não será um problema eterno.
| + | |
| − | | + | |
| − | Darco planeja agregar várias reimplementações e otimizações que devem melhorar drasticamente o desempenho do Synfig em todas as plataformas. A meta é mais do que uma melhora de 200% na velocidade, nosso alvo é os 2000%. Com essa otimização, possibilitaremos operações de alto desempenho. Facilitando também o caminho para aceleração de hardware, e melhoras de grande magnitude, com os melhores procesadores gráficos.
| + | |
| − | | + | |
| − | == A Interface do Usuário ==
| + | |
| − | | + | |
| − | {| border="0" cellspacing="5" align="center" width="100%"
| + | |
| − | | |
| + | |
| − | |http://i170.photobucket.com/albums/u243/zenoscope/toolbar.png
| + | |
| − | || ||
| + | |
| − | | + | |
| − | Quando o Synfig Studio inicia, abre um splash gráfico com barra de progresso. Após o carregamento, verá as janelas em uma estrutura de árvore (estruturada). No canto superior esquerdo temos a {{l|toolbox|caixa de ferramentas}}. Onde podemos abrir arquivos, escolher {{l|tools|ferramentas}}, etc. Note que a maioria dos botões estão desabilitados, pois ainda não há arquivo aberto.
| + | |
| − | | + | |
| − | As janelas (na parte de baixo, e à direita) são {{l|dock dialogs|caixas de diálogo}} configuráveis. Poderá organizar seu conteúdo à vontade apenas arrastando a aba até onde deseja coloca-la. Podemos também criar um novo diálogo arrastando uma {{l|dock tab|aba}} para fora do painel de diálogo em que estava.
| + | |
| − | | + | |
| − | Fechando acidentalmente qualquer {{l|dock tab|janela de dialogo}} (arrastando para fora e fechando a nova janela criada), não se preocupe. Simplesmente acesse, na caixa de ferramentas, a “Archivo->Dialogos”, e clique sobre o diálogo que precisa.
| + | |
| − | | + | |
| − | Existem muitos {{l|dock tab|quadros de diálogo}}. Se não tem a mínima idéia do que´um quadro de diálogo faz, simplesmente aponte o mouse sobre o seu ícone e uma dica de ajuda será mostrada, descrevendo o nome do quadro.
| + | |
| − | |}
| + | |
| − | | + | |
| − | Eis aqui algumas das mais importantes:
| + | |
| − | | + | |
| − | * {{l|Layers Panel|Painel de Camadas}} - Mostra a hierarquia das camadas para o palco selecionado. Adicionalmente permite manipular esas capas.
| + | |
| − | * {{l|Params Panel|Painel de Parametros}} - Mostra os parametros da camada seleccionada no momento, (O, selecionando-se várias camadas, mostrara unicamente os parâmetros que as camadas tenham em comum) .
| + | |
| − | * {{l|Categorical Help#Synfig Dialogs|Painel de Ferramentas}} - Mostra opção específica da ferramenta selecionada. | + | |
| − | * {{l|Navigator|Navegador}} - Mostra uma miniatura da seleção no palco, como visualização prévia. Ademas, puedes hacerle acercamiento o alejamiento, y mover el foco por el lienzo.
| + | |
| − | * {{l|History Panel|Panel del Historial}} - Muestra la lista del historial de la composición actual. Puedes modificar las acciones en el historia.
| + | |
| − | | + | |
| − | Si haces click en en botón “Nueva Composición” que esta en la Caja de Herramientas, una nueva {{l|Work Area Window|Área de Trabajo}} se abrira.. Haciendo click en el menú circunflejo (entre la regla horizontal y vertical que están en la esquina superior izquierda del área de trabajo), luego en “Ver”, luego en "Propiedades", y el {{l|Canvas Properties Dialog|dialogo de propiedades del lienzo}} aparecerá.
| + | |
| − | | + | |
| − | El diálogo de propiedades del lienzo es un desastre, lo sé. Tendré que rediseñarlo en algo mucho mas comprensible en algún momento del futuro. Por ahora, ignora la sección "Área de imagen" y "Bloques y enlaces".
| + | |
| − | | + | |
| − | Si haces click en OK, el dialogo de propiedades del lienzo desaparecera y verás la {{l|Canvas window|Ventana del lienzo}}. Esta ventana representa el {{l|Root Canvas|lienzo Raíz}}, eso no significa mucho en este momento, pero eso esta BIEN-- solo estoy tratando de mostrarte los alrededores.
| + | |
| − | | + | |
| − | En la esquina superior izquierda de la ventana del lienzo, veras un botón con un simbolo de acénto {{l|Canvas Menu Caret|circunflejo}}. Si haces click en este botón, la ventana del {{l|Canvas Menu Caret|menú del lienzo}} se abrirá. (Como acotación, si haces click en cualquier área del {{l|layer|lienzo}} que no sea parte de la capa, este menú también aparecerá) Ahora, ya sabes donde esta el menu en la ventana del lienzo. Bien. Todo lo demas debería ser bastante auto-explicativo en la ventana del lienzo. (La explicación de las cosas en ese menu viene en un segundo)
| + | |
| − | | + | |
| − | == Primeros Pasos ==
| + | |
| − | | + | |
| − | Creemos algo para poder jugar. Ahora que tienes una nueva composición abierta y el dialogo de propiedades esta fuera del camino, ve sobre la caja de herramientas y haz click sobre la {{l|Circle Tool|herramienta de circulo}}. (Si no sabes cual de todas es, solo mueve el puntero del ratón sobre todas hasta que encuentres la que en la ventana de ayuda dice “círculo”).
| + | |
| − | | + | |
| − | En el segundo en el que hagas click sobre la herramienta circular, deberías darte cuenta de que el {{l|Tool Options Panel|Panel de opciones de herramientas}} ha cambiado. Pero iremos luego hacia esa parte.
| + | |
| − | | + | |
| − | : '''Nota''': Algunos usuarios de portátiles podrían experimentar problemas con el click-arrastrar sobre el lienzo usando la {{l|Circle Tool|herramienta de circulo}}, produciendo círculos exagerados o no haciendo nada. El problema es que Synfig ha detectado la almohadilla táctil del ratón y ha activado ese dispositivo (incorrectamente!) Para arreglar esto: Click sobre Archivo->Dispositivos de Entrada... El resultado será una ventana de dialogo, selecciona “deshabilitar” para tu almohadilla táctil del ratón. Luego de cambiar esto, tu ratón externo y la almohadilla táctil del ratón trabajarán según lo esperado.
| + | |
| − | | + | |
| − | Con la herramienta de circulo seleccionada, ahora puedes crear círculos en el {{l|Work Area|Área de trabajo}}. Esto trabaja casi exactamente como esperabas que lo hiciese. Anda y crea dos círculos (o más, si así lo quieres). Si por accidente haces click sobre el lienzo en vez de hacer click y arrastrar (con el botón del ratón presionado) para dibujar el circulo, lo que sucedió, fue que creaste un circulo con un radio de 0 y efectivamente es invisible! No hay necesidad de preocuparse, puedes arreglar esto fácilmente. En el panel de parámetros, puedes cambiar los parámetros del objeto seleccionado en ese momento. Si ves una seleccionada con un radio de 0, ese debe ser tu circulo. Puedes cambiar el valor del radio a otro que no sea 0, digamos 10, y manipular desde este panel el objeto que tienes en el lienzo.
| + | |
| − | | + | |
| − | Ahora vuelve a la caja de herramientas y haz click en la {{l|Normal Tool|herramienta normal}} (el circulo azul con el puntero encima). Luego de que hagas esto, haz click sobre cualquiera de los círculos. Verás entonces una {{l|bounding box|caja de atado}}(que es medio inservible en este momento, pero yo no estoy de acuerdo), un punto verde en el centro, y un punto cian en el radio. Esos puntos son llamados {{l|duck|patos}}. Si quieres modificar el circulo, agarra uno de los patos y arrástralo al rededor. Fácil!
| + | |
| − | | + | |
| − | Ahora puedes seleccionar una {{l|layer|capa}} haciendo click sobre ella. Si quieres seleccionar mas de una capa, mantén presionado CONTROL mientras les estás haciendo click – esto funciona tanto en el {{l|Work Area|Área de trabajo}} como en el {{l|Layers Panel|Panel de capas}}. Pruébalo!
| + | |
| − | | + | |
| − | También puedes seleccionar múltiples patos. Puedes hacer esto de varias formas. Primero, puedes mantener presionado CONTROL e individualmente hacer click en los patos que quieras seleccionar, pero esto puede ser tedioso. Sin embargo, hay un método mucho más rápido – solo crea un {{l|Selection|cuadro de selección}} haciendo click con el ratón y arrastrándolo por sobre el área donde están los patos que quieras seleccionar.
| + | |
| − | | + | |
| − | Anda y selecciona los dos círculos, y selecciona todos sus patos. Con varios patos seleccionados, moviendo uno moverás el resto. Este comportamiento depende de la {{l|Normal Tool|herramienta normal}}. Así, un nombre más descriptivo para esta herramienta hubiese sido “mover” o “traducir”.
| + | |
| − | | + | |
| − | La {{l|Rotate Tool|herramienta de rotar}} y {{l|Scale Tool|escalar}} trabajan muy parecido a la {{l|Normal Tool|herramienta normal}}, excepto en el caso donde tienes varios patos seleccionados. Es mucho más fácil probarlo que leer a cerca de ello. Selecciona algunos círculos, selecciona todos sus patos, y trata de usar las herramientas de rotar y escalar.
| + | |
| − | | + | |
| − | Nota que, a diferencia de la herramienta normal, las otras herramientas de manipulación de patos TIENEN opciones asociadas con ellas. Si una herramienta particular no esta haciendo lo que quieres que haga, hecha un vistazo en el {{l|Tool Options Panel|Panel de opciones de la herramienta}} y ve si esta configurada como lo deseas.
| + | |
| − | | + | |
| − | == Enlazando ==
| + | |
| − | | + | |
| − | Ahora probemos {{l|linking|enlazar}}. Supongamos que queremos que estos dos círculos siempre sean del mismo tamaño. Selecciona los dos círculos y luego selecciona los patos correspondientes al radio de ambos (los puntos cian). Para seleccionar múltiples patos, lo haces creando un rectángulo de selección sobre ellos, o seleccionando primero uno, y presionas la tecla CONTROL mientras seleccionas el resto. Una vez que hayas seleccionado el radio de ambos, haz click derecho sobre cualquiera de los dos radios y aparecerá una nueva ventana. Haz click en “enlazar”. Boom. Los parámetros están enlazados juntos. Puedes probarlo tu mismo seleccionado solo uno de los círculos y cambiando su radio – el otro cambiará también. Buena cosa, eh?
| + | |
| − | | + | |
| − | Enlazar es un concepto fundamental en Synfig. Puedes crear enlaces no solo entre patos, también puedes hacerlo sobre parámetros seleccionando múltiples capas, haciendo click derecho sobre los parámetros en la ventana, y seleccionando “enlazar”.
| + | |
| − | | + | |
| − | <small>DIGRESIÓN: Esto es sobre como los {{l|Outline Layer|border}} son adjuntados a sus {{l|Region Layer|regiones}}—pero me estoy adelantando a mi mismo. En este momento, el poder fundamental y la flexibilidad de enlazar en Synfig Core esta mas allá de lo que Synfig Studio actualmente permite hacer. Esto cambiará en el futuro. De cualquier forma, volvamos a la vía...</small>
| + | |
| − | | + | |
| − | Digamos que quieres que uno de los círculos sea de diferente color. Si ves en la caja que está debajo de las herramientas, verás selector de color, el selector de borde, y algunas otras cosas como el método por defecto de mezcla y las gradientes. La solapa de color de fondo funciona exactamente como crees que va a funcionar – puedes hacer click en el color de fondo, y una modesta paleta de selección de colores aparecerá. Ahora, cambiar el color es bastante fácil.
| + | |
| − | | + | |
| − | Pero a veces solo quieres seleccionar un color y seguir de largo. Aquí es donde el editor de paletas sale a relucir. Su el funcionamiento aun no cumple al 100% (ie: guardar y recargar la paleta personalizada aún no ha sido implementado), pero la paleta por defecto es bastante decente. Haz click en la barra del editor de la Paleta y dale un vistazo – es la que que tiene el botón de paleta. Haciendo click en los colores cambiará inmediatamente en la ventana.
| + | |
| − | | + | |
| − | Todo hasta ahora va bien, pero seguimos sin cambiar el color del círculo. Hay dos formas de hacerlo. La primera forma es seleccionar el círculo que quieres modificar, ir a los parámetros y hacer doble click sobre el parámetro de color – un dialogo con el selector de colores aparecerá y podrás modificarlo como quieras. Fácil. Solo haz click sobre la “herramienta de relleno” de la caja de herramientas, luego haz click en el círculo de la ventana del lienzo. Boom. El círculo cambio de color. Esto funciona con mas de un círculo, pero llegaremos a eso en un segundo.
| + | |
| − | | + | |
| − | Prueba jugar un poco con los círculos por un rato. Cambia un poco los parámetros, y ve que sucede. Para empezar, juega un poco con el lápiz.
| + | |
| − | | + | |
| − | == En profundidad ==
| + | |
| − | | + | |
| − | Por supuesto, hasta ahora sólo has aprendido a utilizar las características básicas de Synfig Studio pero no como animar un dibujo. Esto podrás verlo en el {{l|Animation_Basics.es|próximo tutorial}}.
| + | |
Quando você abre o Synfig Studio, as seguintes janelas aparecem na Área de Trabalho:
