Summary  
This chapter covers using the pen tool to create and edit vector shapes by placing anchor points (nodes) and manipulating Bézier curve handles for precise control over curves.

General domain of usage  
Vector graphic design

**Kynätyökalu** työkalupalkissa mahdollistaa muotojen luomisen yhdistämällä pisteitä (tai solmuja). Kun suljet muodon, näkyviin tulee ympyräikoni; oletuksena muodolla on viiva mutta ei täyttöä.  

Kaarevien viivojen piirtämiseksi napsauta ja vedä luodaksesi kahvoja, jotka ohjaavat kaarevuutta. Käytä **Alt/Option**-näppäintä katkaistaksesi kahvat itsenäistä hallintaa varten tai **Shift**-näppäintä kiinnittääksesi ne pystysuoriin, vaakasuoriin tai 45° kulmiin.  

Edistyneisiin muokkauksiin käytä **Ctrl/Command**-näppäintä päästäksesi taivutustyökaluun, jolla voit muuntaa suorat viivat kaariksi, muokata solmuja tai lisätä/poistaa kahvoja. Kynätyökalua käytettäessä olet "eristystilassa", jolloin muodot käsitellään yhtenä kokonaisuutena, kunnes poistut tilasta **Escape**-näppäimellä.

Tässä on linkki mainittuun verkkosivustoon, jossa voit harjoitella <a href="https://bezier.method.ac/" target="_blank"> Kynätyökalua</a>.
Tämä peli auttaa merkittävästi kehittämään taitoja tämän työkalun käytössä. Toivottavasti nautit siitä!

Break handles for independent control when adjusting curves

Snap handles to vertical, horizontal, or 45° angles while dragging

Access the bend tool to convert straight lines to curves or modify nodes; add/remove handles

Exit "isolation mode" while using the Pen tool

Mitä tapahtuu, kun pidät **Alt/Option**-näppäintä pohjassa ja vedät Kynätyökalun kahvaa?

Kuinka voit muuttaa suoran viivan käyräksi Pen-työkalulla?

Opi kaikki käyttäjäliittymien suunnittelun perusteista edistyneisiin prototyyppien ja yhteistyötekniikoihin. Tutustu siihen, miten luodaan wireframeja, suunnitellaan visuaalisesti vaikuttavia asetteluja ja työskennellään tehokkaasti kehitystiimien kanssa hyödyntäen Figma:n tehokkaita ominaisuuksia. Täydellinen sekä aloittelijoille että ammattilaisille, tämä oppimispolku yhdistää käytännön projektit, asiantuntijavinkit ja tosielämän sovellukset auttaakseen sinua menestymään kilpailullisessa suunnittelumaailmassa.

Opi, mitä Figma on, mikä on sen rooli UI/UX-suunnittelussa ja kuinka navigoida sen käyttöliittymässä ja työkaluissa. Tutustu FigJam-tauluun ideointia ja yhteistyötä varten sekä Figma-sivuihin ja -kehyksiin, jotka muodostavat perustan suunnitelmien tehokkaalle organisoinnille ja jäsentelylle.

Opi, miten Figma-kerrokset auttavat pitämään suunnittelusi järjestyksessä, tutustu siihen, miten ryhmitellyt muodot auttavat luomaan vaikuttavia visuaaleja, ja opi muotoilemaan tekstiä kauniisti typografiatyökaluilla.

Opi sijoittamaan valokuvia ja videoita, käyttämään maskeja sekä soveltamaan sekoitustiloja dynaamisiin suunnitelmiin. Hallitse värit, liukuvärit, painikkeet, automaattiasettelut, komponentit ja tyylit. Hyödynnä lisäosien ja widgetien voimaa luovuuden lisäämiseksi ja työnkulun tehostamiseksi.

Tutustu sarakkeisiin, ruudukoihin, liitännäisiin ja vanhempi-lapsi-komponenttirakenteeseen tehostaaksesi suunnitteluprosessiasi.

Laadi matalan tarkkuuden wireframeja, luo interaktiivisia prototyyppejä, animoi suunnitelmia ja esittele työ tehokkaasti asiakkaille.

Kynätyökalu Figma:ssa: Mukautettujen muotojen ja vektorigrafiikan luominen

1. Mitä tapahtuu, kun pidät Alt/Option-näppäintä pohjassa ja vedät Kynätyökalun kahvaa?

2. Kuinka voit muuttaa suoran viivan käyräksi Pen-työkalulla?