Difference between revisions of "Doc:Creating Shapes"

From Synfig Studio :: Documentation
Jump to: navigation, search
m
m (despam)
Line 1: Line 1:
[http://budget7i.info/lib/viaggio-damore/ viaggio damore] [http://sneck.info/data/punto-grande/ punto grande] [http://xionny.cn/topic/cla-/ cla 5 olympus] [http://budget7i.info/lib/enermax-cs/ enermax cs 721] [http://xionny.cn/topic/sakas/ sakas] [http://manoke.cn/topic/samsung-smdf/ samsung sm793df] [http://xionny.cn/topic/prait/ prait] [http://primonona.info/content/view/vamp/ vamp] [http://klohy.info/img/styles/bmw-.htm bmw 520 i] [http://soler.net.cn/data/luoghi-di.htm luoghi di scambio] [http://xionny.cn/topic/polysilicon/ polysilicon] [http://budget7i.info/lib/birkin/ birkin] [http://wedner.info/content/view/deixa-entrat.htm deixa entrat] [http://primonona.info/content/view/bennato-uncino/ bennato uncino] [http://funkall.us/images/small/tettte/ tettte] [http://joperan.org/data/cartoonnetwor/ cartoon-networ] [http://funkall.us/images/small/donne-mature/ donne mature in cerca ragazzi] [http://joperan.org/data/travan-tr/ travan tr5] [http://klohy.info/img/styles/registratore-digitale.htm registratore digitale creative] [http://soler.net.cn/data/fica-spanata.htm fica spanata] [http://joperan.org/data/ricevitore-gps/ ricevitore gps tom] [http://xionny.cn/topic/telecom-cordless/ telecom cordless voice] [http://manoke.cn/topic/kokkola/ kokkola] [http://polex.com.cn/resources/articles/brian-adams.htm brian adams summer 69] [http://budget7i.info/lib/il-maialino/ il maialino] [http://veggis.org.cn/resources/articles/di-kenneth.htm di kenneth bigley] [http://polex.com.cn/resources/articles/micro-hi.htm micro hi fi] [http://budget7i.info/lib/canon-ef/ canon ef 70-200mm f 4l usm] [http://xionny.cn/topic/teac-mp/ teac mp 200 256 mb] [http://joperan.org/data/ditta-fantozzi/ ditta fantozzi] [http://polex.com.cn/resources/articles/manche-la.htm manche, la-] [http://wedner.info/content/view/yamaha-sintoamplificatore.htm yamaha sintoamplificatore casse] [http://svike.info/view/new/nero-golf.htm nero golf iii] [http://sneck.info/data/itinerario-moto/ itinerario moto] [http://klohy.info/img/styles/drim.htm drim] [http://xionny.cn/topic/rex-r/ rex r 70 a] [http://manoke.cn/topic/noi-no/ noi no] [http://budget7i.info/lib/racconti-amatoriali/ racconti amatoriali] [http://funkall.us/images/small/lg-dvdr/ lg dvd-r rw r rw gsa-4163b] [http://klohy.info/img/styles/xxxmature.htm xxxmature] [http://manoke.cn/topic/ram-notebook/ ram notebook fujitsu] [http://budget7i.info/lib/esibizioniste-donne/ esibizioniste donne nude in pubblico] [http://veggis.org.cn/resources/articles/policastro.htm policastro] [http://sneck.info/data/gloomy-sunday/ gloomy sunday mp3] [http://klohy.info/img/styles/lisa-e.htm lisa e il diavolo film dvd] [http://xionny.cn/topic/lcd-/ lcd 42 hdmi] [http://xionny.cn/topic/schermo-/ schermo 42 pollici] [http://veggis.org.cn/resources/articles/musica-new.htm musica new age] [http://budget7i.info/lib/stilo-per/ stilo per qtek] [http://joperan.org/data/audiokey-fm/ audiokey fm 1 gb] [http://svike.info/view/new/maschi-foto.htm maschi foto] [http://funkall.us/images/small/team/ team] [http://svike.info/view/new/maasin.htm maasin] [http://manoke.cn/topic/mercedes-e/ mercedes e 320 sw] [http://manoke.cn/topic/modem-bluethoot/ modem bluethoot trust] [http://manoke.cn/topic/pioneer-dv/ pioneer dv 380-s] [http://wedner.info/content/view/pappa-con.htm pappa con il pomodoro] [http://joperan.org/data/che/ che] [http://polex.com.cn/resources/articles/giuseppe-verdi.htm giuseppe verdi. due foscari] [http://svike.info/view/new/iraq-head.htm iraq head] [http://polex.com.cn/resources/articles/garmin-.htm garmin - forerunner 301] [http://svike.info/view/new/foto-di.htm foto di fiche] [http://sneck.info/data/monnalisa/ monnalisa] [http://joperan.org/data/maddalena-crippa/ maddalena crippa] [http://primonona.info/content/view/la-rosa/ la rosa blu] [http://wedner.info/content/view/acer-hd.htm acer hd esterno 80gb] [http://polex.com.cn/resources/articles/titoli-esami.htm titoli esami di oggi] [http://veggis.org.cn/resources/articles/kit-home.htm kit home cinema harman kardon] [http://svike.info/view/new/giochi-in.htm giochi in generale] [http://wedner.info/content/view/fish-hungry.htm fish hungry] [http://wedner.info/content/view/classifica-single.htm classifica single] [http://veggis.org.cn/resources/articles/noleggio-vettura.htm noleggio vettura] [http://joperan.org/data/lotto-programma/ lotto programma] [http://soler.net.cn/data/dialogo-sulla.htm dialogo sulla nobilta] [http://veggis.org.cn/resources/articles/moto-dkw.htm moto dkw] [http://svike.info/view/new/home-theatre.htm home theatre kenwood 3 1] [http://xionny.cn/topic/diritto-penitenziario/ diritto penitenziario] [http://funkall.us/images/small/pc-workstation/ pc workstation] [http://funkall.us/images/small/delta-gps/ delta gps] [http://xionny.cn/topic/best-of/ best of santana] [http://funkall.us/images/small/zou-zou/ zou zou] [http://polex.com.cn/resources/articles/gruppi-sociali.htm gruppi sociali] [http://soler.net.cn/data/einstellung.htm einstellung] [http://klohy.info/img/styles/perazzolo-giorgio.htm perazzolo giorgio] [http://soler.net.cn/data/cock-max.htm cock max] [http://primonona.info/content/view/luce-elisa/ luce elisa] [http://xionny.cn/topic/pussy-lover/ pussy lover] [http://funkall.us/images/small/nikon-f/ nikon f-100] [http://soler.net.cn/data/italia-umbria.htm italia umbria vacanze] [http://sneck.info/data/preventivi-assicurativi/ preventivi assicurativi] [http://svike.info/view/new/nano.htm nano] [http://sneck.info/data/franchising-abbronzatura/ franchising abbronzatura] [http://wedner.info/content/view/xd-picture.htm xd picture card olympus 512 mb] [http://funkall.us/images/small/epson-photopc/ epson photopc l-300] [http://soler.net.cn/data/shirakaba.htm shirakaba] [http://primonona.info/content/view/pen-drive/ pen drive mp3 1gb] [http://primonona.info/content/view/fantasy-girl/ fantasy girl] [http://sneck.info/data/toto-live/ toto live] [http://veggis.org.cn/resources/articles/abit-uguru.htm abit uguru nforce2] [http://xionny.cn/topic/calendario-ragazze/ calendario ragazze del web] [http://klohy.info/img/styles/sologay.htm sologay] [http://veggis.org.cn/resources/articles/benny-benassy.htm benny benassy illusion] [http://veggis.org.cn/resources/articles/inspire-gd.htm inspire gd580 5 1] [http://primonona.info/content/view/caminetto-accessorio/ caminetto accessorio] [http://primonona.info/content/view/mp-player/ mp3 player nortek] [http://xionny.cn/topic/roselyn-sanchez/ roselyn sanchez] [http://polex.com.cn/resources/articles/alticini.htm alticini] [http://polex.com.cn/resources/articles/mario-winon.htm mario winon] [http://polex.com.cn/resources/articles/sapphire-radeon.htm sapphire radeon 9600 xt 128] [http://funkall.us/images/small/vacation-homes/ vacation homes] [http://xionny.cn/topic/audi-a/ audi a3 1.6] [http://manoke.cn/topic/lettore-mp/ lettore mp3 registratore 1gb] [http://wedner.info/content/view/masterizzatore-usb.htm masterizzatore usb slim] [http://polex.com.cn/resources/articles/hard-disk.htm hard disk lacie 300] [http://xionny.cn/topic/e-maze/ e maze] [http://sneck.info/data/freek/ freek] [http://polex.com.cn/resources/articles/casa-de.htm casa de dora] [http://wedner.info/content/view/rino-gaetano.htm rino gaetano midi] [http://primonona.info/content/view/stampante-hp/ stampante hp designjet 30] [http://sneck.info/data/tempurpedic-mattress/ tempurpedic mattress] [http://sneck.info/data/la-bestia/ la bestia nello spazio] [http://klohy.info/img/styles/seconda-prova.htm seconda prova d esame di maturita] [http://soler.net.cn/data/paola-e.htm paola e chiara cantanti] [http://sneck.info/data/successi-italiani/ successi italiani estate 2004] [http://veggis.org.cn/resources/articles/marna-alta.htm marna, alta-] [http://sneck.info/data/matty/ matty] [http://polex.com.cn/resources/articles/amd-ane.htm amd a8n-e] [http://wedner.info/content/view/usb-ethernet.htm usb ethernet] [http://wedner.info/content/view/lazlo.htm lazlo] [http://klohy.info/img/styles/piattaforma-trading.htm piattaforma trading on line] [http://soler.net.cn/data/foto-spiagge.htm foto spiagge nudismo] [http://svike.info/view/new/panasonic-.htm panasonic - th-42pa50e] [http://manoke.cn/topic/supporto-per/ supporto per tv ciatti] [http://veggis.org.cn/resources/articles/affinita-nomi.htm affinita nomi] [http://budget7i.info/lib/specialista-tempi/ specialista tempi e metodi (regione lombardia - milano provincia)] [http://manoke.cn/topic/moms-granny/ moms granny] [http://primonona.info/content/view/business-web/ business web site hosting] [http://veggis.org.cn/resources/articles/alimenti-contenenti.htm alimenti contenenti alluminio] [http://xionny.cn/topic/jeans-dolce/ jeans dolce gabbana donna abbigliamento] [http://sneck.info/data/rex-lavabiancheria/ rex lavabiancheria] [http://manoke.cn/topic/foto-fanni/ foto fanni cadeo] [http://soler.net.cn/data/simme-napule.htm simme napule] [http://joperan.org/data/scandalo-gf/ scandalo gf] [http://joperan.org/data/fattisentire/ fattisentire] [http://budget7i.info/lib/log-d/ log d attivazione] [http://polex.com.cn/resources/articles/www-pedagogia.htm www pedagogia it] [http://klohy.info/img/styles/natale-ungaretti.htm natale ungaretti] [http://klohy.info/img/styles/guadalupe.htm guadalupe] [http://manoke.cn/topic/ferro-termozeta/ ferro termozeta] [http://budget7i.info/lib/fragolina/ fragolina] [http://veggis.org.cn/resources/articles/sevillana.htm sevillana] [http://xionny.cn/topic/televisori-plasma/ televisori plasma] [http://wedner.info/content/view/scheda-video.htm scheda video ati 9800 xt] [http://veggis.org.cn/resources/articles/kiss-the.htm kiss the rain di billie myers] [http://manoke.cn/topic/acer-n/ acer n35 accessori] [http://wedner.info/content/view/barbra-streisand.htm barbra streisand memory] [http://polex.com.cn/resources/articles/assicurazione-dublino.htm assicurazione dublino] [http://sneck.info/data/tenda-esterno/ tenda esterno] [http://funkall.us/images/small/radiografie-scanner/ radiografie scanner] [http://primonona.info/content/view/macchina-cucito/ macchina cucito] [http://wedner.info/content/view/testo-the.htm testo the o c] [http://xionny.cn/topic/decoder-modulatore/ decoder modulatore] [http://polex.com.cn/resources/articles/terra-samba.htm terra samba] [http://xionny.cn/topic/ragazzo-trieste/ ragazzo trieste] [http://klohy.info/img/styles/marano.htm marano] [http://joperan.org/data/rapido-y/ rapido y furioso] [http://soler.net.cn/data/mardy-grass.htm mardy grass] [http://polex.com.cn/resources/articles/medleys.htm medleys] [http://manoke.cn/topic/il-contadino/ il contadino allegro] [http://xionny.cn/topic/prince-of/ prince of persia 2 trailer 5] [http://veggis.org.cn/resources/articles/gustavo-grande.htm gustavo grande fratello] [http://funkall.us/images/small/le-avventure/ le avventure di garfild] [http://funkall.us/images/small/clipart-cobra/ clipart cobra] [http://funkall.us/images/small/wanadootv-com/ wanadootv com] [http://manoke.cn/topic/tcdc-canon/ tc-dc58 canon] [http://xionny.cn/topic/quisiera-ser/ quisiera ser chayanne] [http://funkall.us/images/small/autocad-libri/ autocad libri] [http://joperan.org/data/copertina-dragostea/ copertina dragostea compilation] [http://polex.com.cn/resources/articles/playa-de.htm playa de las americas] [http://polex.com.cn/resources/articles/truth-is.htm truth is] [http://soler.net.cn/data/clip-blue.htm clip blue] [http://polex.com.cn/resources/articles/land-dead.htm land dead] [http://soler.net.cn/data/moto-aermacchi.htm moto aermacchi] [http://polex.com.cn/resources/articles/gaf-control.htm gaf control australia] [http://veggis.org.cn/resources/articles/sony-.htm sony - dcr hc17e] [http://xionny.cn/topic/spanish-speaking/ spanish speaking countrys] [http://primonona.info/content/view/rat-buster/ rat buster] [http://funkall.us/images/small/hull-albert/ hull, albert wallace] [http://sneck.info/data/elevator/ elevator] [http://sneck.info/data/ariante-tower/ ariante tower] [http://sneck.info/data/giochi-totalmente/ giochi totalmente gratuiti] [http://joperan.org/data/toples-dobry/ toples dobry dj] [http://wedner.info/content/view/biglietti-matrimoni.htm biglietti matrimoni] [http://wedner.info/content/view/traduzione-leave.htm traduzione leave get out] [http://svike.info/view/new/dsc-t.htm dsc t7 sony] [http://xionny.cn/topic/ferro-da/ ferro da stiro con caldaia] [http://klohy.info/img/styles/samsung-usb.htm samsung usb 1gb] [http://budget7i.info/lib/funzionamento-impianto/ funzionamento impianto climatizzazione] [http://soler.net.cn/data/incontro-campania.htm incontro campania] [http://funkall.us/images/small/ariston-lavastoviglie/ ariston lavastoviglie 4 coperti] (Draft) ''Note to the reader: This is still incomplete; please be patient.''
+
(Draft) ''Note to the reader: This is still incomplete; please be patient.''
  
 
=== Introduction ===
 
=== Introduction ===
Line 9: Line 9:
 
In Synfig, the construct for describing shapes is called a [[Bline]]. This is roughly analogous to a "path" in other programs, except that it is strictly a hermite spline.
 
In Synfig, the construct for describing shapes is called a [[Bline]]. This is roughly analogous to a "path" in other programs, except that it is strictly a hermite spline.
  
When you click on the [[bline tool]], you will see that the ducks from your currently selected layer (if there was one) will disappear, but the layer(s) will still remain selected in the [[Layers Dialog]]. This is normal. Anything you create in the [[bline tool]] will be inserted above the currently selected layer. Keep in mind that if you want to insert a shape somewhere, you should select where you want to insert it before you go into the [[Bline tool]]
+
When you click on the [[bline tool]], you will see that the ducks from your currently selected layer (if there was one) will disappear, but the layer(s) will still remain selected in the [[Layers Dialog]]. This is normal. Anything you create in the [[bline tool]] will be inserted above the currently selected layer. Keep in mind that if you want to insert a shape somewhere, you should select where you want to insert it before you go into the [[Bline tool]]—changing the selection afterward will automaticly swap you back to the normal tool.
 +
 
 +
If you take a look at the [[bline tool#Options|tool options]] dialog, you'll notice that the first things you see are three checkboxes. Make sure that only "Fill" AND "Outline" are checked.
 +
 
 +
First, go ahead and click on the "R" button in the lower left corner of the FG/BG color widget in the [[Toolbox|toolbox]]. This will reset us back to black and white. Also, go ahead and set the [[New Layer Defaults#Default Line Width|default line width]] (right next to the FG/BG widget) to something nice and thick -- 10pt should do the trick.
 +
 
 +
Clicking with your mouse in the canvas will place vertices. While you are placing a vertex, you can drag out its tangent by dragging the mouse. Do this over and over, and you construct a Bline.
 +
 
 +
Keep in mind, however, that during this construction, there is nothing stopping you from just moving it if you don't like where you placed a vertex or a tangent. Honest! If you want to remove a vertex, right click on it and delete it. Want to split the tangents? Right click on the tangent and hit "split tangents". Want to loop the bline? right click on the first vertex and select "loop".
 +
 
 +
So I assume you got your first Bline laid out like you want it. That's great. But we are still in construction mode -- the layers haven't been created yet. There are two ways to create the layers:
 +
# just switch to another tool, or
 +
# press the "create" button at the bottom of the [[bline tool#Options|tool options tab]] (it's the icon that looks like a gear).
 +
 
 +
For now, just go ahead and click on the [[normal tool]] because we are done with the [[bline tool]].
 +
 
 +
// Insert Figure about here
 +
 
 +
Ok, we now have a nice pretty white region with a thick black outline. Notice that there are two layers that we have created--the [[Outline Layer|Outline]] and the [[Region Layer|Region]]. Despite the fact that they are two separate layers, their vertices parameter has already been [[Linking|linked]]--so you can select either one and move its ducks around and the other one will also change.
 +
 
 +
If you want to manipulate the vertices after you have created the layers, it is very easy to do so. Just click on one of the layers and have at it. If you want to remove a vertex, right click on it and hit "Remove Item (smart)". Want to insert a point somewhere? Right click on the segment where you want to insert something and his "Insert item (smart)".
 +
 
 +
NOTE: The only major difference between this normal editing mode and the construction mode is in how you split the tangents--in construction mode you right click on the tangent itself. In normal duck editing mode, you must right click on the vertex that the tangents are attached to.  This could be considered a usability bug, and it will be resolved at some point.
 +
 
 +
This may appear to be leading to a mess of layers. And yes, if you aren't using the software properly, that is exactly what you will get. But there is a way to make this more sane: Just study the [[Adding_Layers|previous tutorial]]
 +
 
 +
One quick thing to mention before I finish up. You can change the width of an outline at each vertex. You do this by selecting the outline layer (NOTE: you must select the [[Outline Layer]], the [[Region Layer]] has no width data) and tweaking with the width ducks. By default, these are masked. To show them, press Alt-5. Repeat to hide them again. You can also see other things to mask via the [[Canvas Menu Caret]] > [[View Menu]] > [[Mask Ducks Menu]].
 +
 
 +
That should give you enough of a grasp of the software to be able to figure out more stuff on your own.

Revision as of 22:22, 28 August 2007

(Draft) Note to the reader: This is still incomplete; please be patient.

Introduction

Basic primitives such as circles or rectangles are all great, but they are pretty much geometrically inflexible. What about shapes? To do this, we use the bline tool.

Headline

In Synfig, the construct for describing shapes is called a Bline. This is roughly analogous to a "path" in other programs, except that it is strictly a hermite spline.

When you click on the bline tool, you will see that the ducks from your currently selected layer (if there was one) will disappear, but the layer(s) will still remain selected in the Layers Dialog. This is normal. Anything you create in the bline tool will be inserted above the currently selected layer. Keep in mind that if you want to insert a shape somewhere, you should select where you want to insert it before you go into the Bline tool—changing the selection afterward will automaticly swap you back to the normal tool.

If you take a look at the tool options dialog, you'll notice that the first things you see are three checkboxes. Make sure that only "Fill" AND "Outline" are checked.

First, go ahead and click on the "R" button in the lower left corner of the FG/BG color widget in the toolbox. This will reset us back to black and white. Also, go ahead and set the default line width (right next to the FG/BG widget) to something nice and thick -- 10pt should do the trick.

Clicking with your mouse in the canvas will place vertices. While you are placing a vertex, you can drag out its tangent by dragging the mouse. Do this over and over, and you construct a Bline.

Keep in mind, however, that during this construction, there is nothing stopping you from just moving it if you don't like where you placed a vertex or a tangent. Honest! If you want to remove a vertex, right click on it and delete it. Want to split the tangents? Right click on the tangent and hit "split tangents". Want to loop the bline? right click on the first vertex and select "loop".

So I assume you got your first Bline laid out like you want it. That's great. But we are still in construction mode -- the layers haven't been created yet. There are two ways to create the layers:

  1. just switch to another tool, or
  2. press the "create" button at the bottom of the tool options tab (it's the icon that looks like a gear).

For now, just go ahead and click on the normal tool because we are done with the bline tool.

// Insert Figure about here

Ok, we now have a nice pretty white region with a thick black outline. Notice that there are two layers that we have created--the Outline and the Region. Despite the fact that they are two separate layers, their vertices parameter has already been linked--so you can select either one and move its ducks around and the other one will also change.

If you want to manipulate the vertices after you have created the layers, it is very easy to do so. Just click on one of the layers and have at it. If you want to remove a vertex, right click on it and hit "Remove Item (smart)". Want to insert a point somewhere? Right click on the segment where you want to insert something and his "Insert item (smart)".

NOTE: The only major difference between this normal editing mode and the construction mode is in how you split the tangents--in construction mode you right click on the tangent itself. In normal duck editing mode, you must right click on the vertex that the tangents are attached to. This could be considered a usability bug, and it will be resolved at some point.

This may appear to be leading to a mess of layers. And yes, if you aren't using the software properly, that is exactly what you will get. But there is a way to make this more sane: Just study the previous tutorial

One quick thing to mention before I finish up. You can change the width of an outline at each vertex. You do this by selecting the outline layer (NOTE: you must select the Outline Layer, the Region Layer has no width data) and tweaking with the width ducks. By default, these are masked. To show them, press Alt-5. Repeat to hide them again. You can also see other things to mask via the Canvas Menu Caret > View Menu > Mask Ducks Menu.

That should give you enough of a grasp of the software to be able to figure out more stuff on your own.