Difference between revisions of "Doc:Creating Shapes"

From Synfig Studio :: Documentation
Jump to: navigation, search
m
m (despam)
Line 1: Line 1:
[http://betheresa.t35.com/text/directory/amica-chips/ amica chips] [http://brrezab.freeweb7.com/img/styles/lg-lu.htm lg l1980u lcd] [http://ouquaite.freeweb7.com/img/styles/teramo-serigrafia/ teramo serigrafia] [http://lamcgie.t35.com/web/sex-boxy.htm sex boxy] [http://luallard.t35.com/html/giardi/ giardi] [http://betheresa.t35.com/text/directory/cementazione/ cementazione] [http://rihelm.125mb.com/img/styles/tetrisphere/ tetrisphere] [http://fergus-mac.somee.com/description/lib/la-dimora/ la dimora del baccinello] [http://viemalin.freeweb7.com/resources/articles/philips-plasma.htm philips plasma 37pf9946] [http://jututor.125mb.com/lib/cravatta/ cravatta] [http://yourorus.somee.com/data/brisbane.htm brisbane] [http://yourorus.somee.com/data/storia-del.htm storia del tappeto libri] [http://brrezab.freeweb7.com/img/styles/www-satellitari.htm www satellitari it] [http://trocterli.t35.com/img/styles/weekend-con/ week-end con il morto] [http://lensman.somee.com/html/universita-milano/ universita milano statale] [http://yourorus.somee.com/data/seat-altea.htm seat altea prezzo] [http://lamcgie.t35.com/web/caccia-grossa.htm caccia grossa in sardegna] [http://lamcgie.125mb.com/html/shake-hands.htm shake hands with the devil] [http://trocterli.t35.com/img/styles/foto-di/ foto di ettore bassi] [http://peter-land.somee.com/images/small/asus-v.htm asus v9520] [http://fawarfo.freeweb7.com/topic/smurf.htm smurf] [http://davelovesyou.somee.com/library/html/cellulare-registratori/ cellulare registratori] [http://fergus-mac.somee.com/description/lib/sodimm-/ sodimm 512 ddr per notebook] [http://kiboukni.125mb.com/web/cazzi-piu/ cazzi piu grossi del mondo] [http://thegoogly.somee.com/view/new/mature-young.htm mature young] [http://rihelm.125mb.com/img/styles/toner-ricoh/ toner ricoh 1515] [http://ouquaite.freeweb7.com/img/styles/voglio-danzare/ voglio danzare con te] [http://rimarsh.t35.com/images/small/roberta-beta.htm roberta beta] [http://brrezab.freeweb7.com/img/styles/non-finisce.htm non finisce] [http://fawarfo.freeweb7.com/topic/vavuniya.htm vavuniya] [http://davelovesyou.somee.com/library/html/tariffa-adsl/ tariffa adsl telecom] [http://itgurney.t35.com/view/new/un-codardo/ un codardo] [http://kiboukni.125mb.com/web/jeans-uomo/ jeans uomo dondup] [http://dabeutle.t35.com/content/view/basi-per.htm basi per karaoke] [http://lamcgie.t35.com/web/elite-immobiliare.htm elite immobiliare it] [http://kiboukni.125mb.com/web/sharp-lettore/ sharp lettore dvd] [http://jututor.125mb.com/lib/il-tocco/ il tocco - la sfida] [http://nairoz.somee.com/img/styles/franco-dani/ franco dani] [http://de-der.somee.com/library/html/giochi-nei.htm giochi nei labirinti] [http://de-der.somee.com/library/html/viedo-decapitazione.htm viedo decapitazione berg] [http://jututor.125mb.com/lib/saban-saulic/ saban saulic] [http://fergus-mac.somee.com/description/lib/telefonica-del/ telefonica del peru com pe] [http://itgurney.t35.com/view/new/ipod-mini/ ipod mini blue] [http://viemalin.freeweb7.com/resources/articles/elenco-scuole.htm elenco scuole alberghiere] [http://jututor.125mb.com/lib/studioaperto-video/ studioaperto video] [http://lensman.somee.com/html/decapitazione-gratis/ decapitazione gratis americano] [http://jututor.125mb.com/lib/albergo-cortona/ albergo cortona] [http://de-der.somee.com/library/html/petra-loreggian.htm petra loreggian] [http://lamcgie.t35.com/web/studio-lodetti.htm studio lodetti] [http://lakitsmi.freeweb7.com/web/typhoon-dvb/ typhoon dvb] [http://viemalin.freeweb7.com/resources/articles/calzature-per.htm calzature per uomo] [http://lensman.somee.com/html/tv-philips/ tv philips 32 lcd] [http://lensman.somee.com/html/missy-model/ missy model] [http://rimarsh.t35.com/images/small/corso-inglese.htm corso inglese] [http://nairoz.somee.com/img/styles/www-immobile/ www immobile sarda] [http://am-i-bird.somee.com/img/styles/johnny-dorelli.htm johnny dorelli] [http://nationavce.somee.com/library/html/jeep-grand/ jeep grand cherokee 3.0] [http://lakitsmi.freeweb7.com/web/gioco-di/ gioco di carte, canasta] [http://madavid.t35.com/html/offerte-hotel/ offerte hotel costa azzurra] [http://itgurney.t35.com/view/new/toshiba-sat/ toshiba sat] [http://viemalin.freeweb7.com/resources/articles/clothes-srl.htm clothes srl rimini] [http://thegoogly.somee.com/view/new/deltetto.htm deltetto] [http://rihelm.125mb.com/img/styles/dcrhc-sony/ dcr-hc1000 sony] [http://thegoogly.somee.com/view/new/gps-phone.htm gps phone edition] [http://kiboukni.125mb.com/web/msi/ msi 915] [http://quotes-girl.somee.com/content/view/blade-blade/ blade blade] [http://ouquaite.freeweb7.com/img/styles/codice-sblocco/ codice sblocco motorola] [http://lamcgie.t35.com/web/esib.htm esib] [http://yourorus.somee.com/data/copertina-micheal.htm copertina micheal buble] [http://jedillar.125mb.com/resources/articles/mondialpol-torino/ mondialpol torino] [http://quotes-girl.somee.com/content/view/zyxel-router/ zyxel router] [http://flheddina.t35.com/web/c-software/ c350 software] [http://lensman.somee.com/html/yusmart/ yusmart 19] [http://lakitsmi.freeweb7.com/web/naantali/ naantali] [http://luallard.t35.com/html/comune-di/ comune di napoli sezione anagrafica] [http://trocterli.t35.com/img/styles/modem-bluetooth/ modem bluetooth 56k] [http://dj-deus.somee.com/lib/drepanaspis.htm drepanaspis] [http://davelovesyou.somee.com/library/html/la-sicilia/ la sicilia quotidiano] [http://ouquaite.freeweb7.com/img/styles/seggiolini-per/ seggiolini per auto chicco] [http://madavid.t35.com/html/www-j/ www j ax com] [http://lensman.somee.com/html/roma-southampton/ roma southampton biglietti aerei] [http://kiboukni.125mb.com/web/fumo-e/ fumo e droga] [http://kiboukni.125mb.com/web/cancella-iscrizione/ cancella iscrizione] [http://thegoogly.somee.com/view/new/culona.htm culona] [http://yourorus.somee.com/data/beheaded-american.htm beheaded american] [http://coarmago.freeweb7.com/library/html/cuore-di.htm cuore di tenebra conrad] [http://davelovesyou.somee.com/library/html/incontri-aosta/ incontri aosta] [http://brrezab.freeweb7.com/img/styles/lu-columbo.htm lu columbo] [http://flheddina.t35.com/web/mr-lover/ mr lover] [http://lamcgie.t35.com/web/elena-e.htm elena e marco] [http://coarmago.freeweb7.com/library/html/bathman.htm bathman] [http://lensman.somee.com/html/flahs-game/ flahs game2] [http://jututor.125mb.com/lib/pal-e/ pal e ntsc] [http://betheresa.t35.com/text/directory/mazda-cabrio/ mazda cabrio] [http://jututor.125mb.com/lib/pallone-puma/ pallone puma] [http://jedillar.125mb.com/resources/articles/delia-mp/ delia mp3] [http://peter-land.somee.com/images/small/sexi-calendarios.htm sexi calendarios] [http://nationavce.somee.com/library/html/bolsadetrabajo/ bolsadetrabajo] [http://kiboukni.125mb.com/web/hotel-djerba/ hotel djerba] [http://lamcgie.125mb.com/html/lettore-mp.htm lettore mp3 30 gb] [http://fawarfo.freeweb7.com/topic/stefano-e.htm stefano e alessia] [http://lensman.somee.com/html/xelibri-cellulari/ xelibri cellulari] [http://ouquaite.freeweb7.com/img/styles/compactflash-videocamera/ compactflash videocamera] [http://nationavce.somee.com/library/html/leggere-tarocchi/ leggere tarocchi] [http://trocterli.t35.com/img/styles/nhl-breakaway/ nhl breakaway 99] [http://luallard.t35.com/html/notebook-p/ notebook p4 630] [http://brrezab.freeweb7.com/img/styles/ento.htm ento-] [http://rihelm.125mb.com/img/styles/annuncio-incontri/ annuncio incontri lombardia donna] [http://quotes-girl.somee.com/content/view/irving/ irving] [http://viemalin.freeweb7.com/resources/articles/johannes-brahms.htm johannes brahms] [http://lensman.somee.com/html/non-ci/ non ci] [http://fawarfo.freeweb7.com/topic/package-holidays.htm package holidays] [http://kiboukni.125mb.com/web/philips-pf/ philips 42pf9946 televisori al plasma] [http://lamcgie.125mb.com/html/monster-cable.htm monster cable stereo] [http://am-i-bird.somee.com/img/styles/frigorifero-general.htm frigorifero general electric a due porte] [http://peter-land.somee.com/images/small/inni-.htm inni 2 giugno] [http://de-der.somee.com/library/html/twiztid-afraid.htm twiztid afraid of me] [http://madavid.t35.com/html/sony-t/ sony t33] [http://rihelm.125mb.com/img/styles/showdown/ showdown] [http://fawarfo.freeweb7.com/topic/lampada-ricaricabile.htm lampada ricaricabile] [http://coarmago.freeweb7.com/library/html/denon-tu.htm denon tu] [http://flheddina.t35.com/web/asics-cumulus/ asics cumulus] [http://nairoz.somee.com/img/styles/luz-elena/ luz elena gonzalez] [http://lakitsmi.freeweb7.com/web/monte-bre/ monte bre] [http://lensman.somee.com/html/case-vacanza/ case vacanza spagna] [http://flheddina.t35.com/web/lago-dei/ lago dei cigni marcia] [http://lakitsmi.freeweb7.com/web/bambagioni/ bambagioni] [http://rimarsh.t35.com/images/small/hugo-boss.htm hugo boss profumo stick] [http://lensman.somee.com/html/elenco-telefonico/ elenco telefonico francia] [http://trocterli.t35.com/img/styles/turner-mag/ turner mag 980] [http://jututor.125mb.com/lib/w-sony/ w15 sony] [http://flheddina.t35.com/web/deodorante-stick/ deodorante stick ferrari] [http://quotes-girl.somee.com/content/view/evil-/ evil - il ribelle] [http://peter-land.somee.com/images/small/confessione-mortale.htm confessione mortale] [http://lamcgie.t35.com/web/diego-torres.htm diego torres usted] [http://itgurney.t35.com/view/new/dual-input/ dual input monitor] [http://coarmago.freeweb7.com/library/html/sony-dvd.htm sony dvd202] [http://am-i-bird.somee.com/img/styles/julia-trav.htm julia trav] [http://dj-deus.somee.com/lib/orci-terracotta.htm orci terracotta] [http://nationavce.somee.com/library/html/mouse-cordless/ mouse cordless g7 laser] [http://coarmago.freeweb7.com/library/html/sony-mdr.htm sony mdr 700 dj] [http://jututor.125mb.com/lib/donne-mannoia/ donne mannoia] [http://ouquaite.freeweb7.com/img/styles/pierelli/ pierelli] [http://am-i-bird.somee.com/img/styles/nike-air.htm nike air max genoa] [http://rimarsh.t35.com/images/small/we-are.htm we are traduzione] [http://yourorus.somee.com/data/salerno-sesso.htm salerno sesso] [http://betheresa.t35.com/text/directory/hp-d/ hp 1100d] [http://lamcgie.125mb.com/html/zidane.htm zidane] [http://coarmago.freeweb7.com/library/html/convivio.htm convivio] [http://kiboukni.125mb.com/web/musica-italiana/ musica italiana scaricare] [http://dj-deus.somee.com/lib/leeuwarden.htm leeuwarden] [http://coarmago.freeweb7.com/library/html/epson-t.htm epson t027] [http://peter-land.somee.com/images/small/un-couple.htm un couple parfait] [http://peter-land.somee.com/images/small/dvd-r.htm dvd r 25] [http://jedillar.125mb.com/resources/articles/maryj/ maryj] [http://lamcgie.125mb.com/html/clone-cd.htm clone cd nero] [http://flheddina.t35.com/web/zombi-eric/ zombi eric] [http://jututor.125mb.com/lib/risultati-amministrative/ risultati amministrative provincia di le] [http://nairoz.somee.com/img/styles/exilim-z/ exilim z750] [http://de-der.somee.com/library/html/www-atlante.htm www atlante it] [http://flheddina.t35.com/web/munastero-e/ munastero e santachiara] [http://fawarfo.freeweb7.com/topic/sara-e.htm sara e marco coppia milano] [http://betheresa.t35.com/text/directory/toner-aculaser/ toner aculaser c9100] [http://lamcgie.t35.com/web/this-love.htm this love maroom5] [http://davelovesyou.somee.com/library/html/guanti-per/ guanti per moto] [http://jututor.125mb.com/lib/morandi-solo/ morandi solo chi si ama veramente] [http://jedillar.125mb.com/resources/articles/schede-madre/ schede madre socket 478] [http://kiboukni.125mb.com/web/camera-macerata/ camera macerata] [http://de-der.somee.com/library/html/dvd-wizard.htm dvd wizard pro] [http://lensman.somee.com/html/donne-avellino/ donne avellino] [http://rihelm.125mb.com/img/styles/mixmeister/ mixmeister] [http://dabeutle.t35.com/content/view/top-di.htm top di jeans] [http://jedillar.125mb.com/resources/articles/moneta-europea/ moneta europea] [http://trocterli.t35.com/img/styles/immagini-pazze/ immagini pazze] [http://jututor.125mb.com/lib/enormous-cock/ enormous cock] [http://lamcgie.125mb.com/html/pucp.htm pucp] [http://peter-land.somee.com/images/small/dlink-print.htm d-link print server usb] [http://fawarfo.freeweb7.com/topic/scarica-gioco.htm scarica gioco gratis] [http://itgurney.t35.com/view/new/liscio-spaccato/ liscio spaccato] [http://flheddina.t35.com/web/gallery-porno/ gallery porno] [http://dj-deus.somee.com/lib/linea-italia.htm linea italia silver  gold srl] [http://rihelm.125mb.com/img/styles/progetto-erasmus/ progetto erasmus] [http://thegoogly.somee.com/view/new/recorder-hd.htm recorder hd dvd divx hd] [http://dabeutle.t35.com/content/view/monitor-hp.htm monitor hp-1740] [http://dj-deus.somee.com/lib/www-cochinas.htm www cochinas com] [http://de-der.somee.com/library/html/ram-g.htm ram g4] [http://ouquaite.freeweb7.com/img/styles/isola-di/ isola di cipro] [http://nairoz.somee.com/img/styles/silvia-rossi/ silvia rossi] [http://lamcgie.t35.com/web/li-pronome.htm li (pronome)] [http://kiboukni.125mb.com/web/www-/ www 155 i] [http://luallard.t35.com/html/gps-bluetooth/ gps bluetooth asus palmari] [http://dabeutle.t35.com/content/view/ritorno-dalla.htm ritorno dalla morte] [http://trocterli.t35.com/img/styles/motorola-v/ motorola v180 italia] [http://am-i-bird.somee.com/img/styles/show-boat.htm show boat agency] [http://lamcgie.125mb.com/html/bucarest-verona.htm bucarest verona] [http://coarmago.freeweb7.com/library/html/www-ringtone.htm www ringtone com] [http://rihelm.125mb.com/img/styles/www-il/ www il signore degli anelli it] [http://betheresa.t35.com/text/directory/suk/ suk] [http://brrezab.freeweb7.com/img/styles/dormono-le.htm dormono le rose] [http://trocterli.t35.com/img/styles/cavatappi-campagnolo/ cavatappi campagnolo] (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 04:51, 23 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.