Figma: Kuinka tehdä kaarevia viivoja

Riippuen siitä, mitä haluat tehdä, voit luoda kaarevia viivoja Figmassa käyttämällä erilaisia ​​​​vaihtoehtoja, kuten kynätyökalua, taivutustyökalua, muototyökaluja ja vektoriverkkoa. Jokainen instrumentti tuo jotain uutta pöytään, ja niiden yhdistäminen voi johtaa ikoneihin ja muihin yksinkertaisiin luomuksiin tai jopa monimutkaisempiin kuvioihin, kuten epäsäännöllisiin polygoneihin ja kuviin.

Figma: Kuinka tehdä kaarevia viivoja

Lue eteenpäin oppiaksesi kaikki, mitä sinun tulee tietää Figman kaarevista ja muotoiluista.

Kuinka tehdä kaarevia viivoja Figmassa

Kun luot kohteen Figmassa, voit käyttää taivutus- tai kynätyökaluja viivojen kaaremiseen. Jotta voit luoda viivoja kynällä, sinun on ensin hallittava tämä työkalu. Näin voit taivuttaa viivan kynällä:

  1. Luo solmu napsauttamalla hiiren kakkospainikkeella.
  2. Luo viiva siitä vetämällä kohdistinta.
  3. Napsauta ja pidä hiiren vasenta painiketta painettuna kankaalla.
  4. Säädä solmujen välistä käyrää vetämällä hiirtä ympäri.
    Säädä viivakäyrää Figmassa vetämällä solmusta
  5. Viimeistele rivi vapauttamalla hiiren vasen painike.
  6. Toista vaiheet 2–5 tarpeen mukaan, kunnes saat täydellisen muodon.

Näin voit jatkaa käyrien luomista taivutustyökalulla:

  1. Luo viiva tai objekti kynätyökalulla.
  2. Valitse yksi solmuista.
    Solmun valitseminen Figmassa
  3. Napauta Taivutustyökalua tai valitse se painamalla Ctrl-painiketta.
    Napsauta Figmassa taivutustyökalua
  4. Napsauta solmua ja vedä sitä haluamaasi suuntaan.
    Viivan käyrän säätäminen Figmassa
  5. Valitse muut solmut ja vedä niitä kaaretaksesi kohteen tai viivan kaikki reunat.
    Viivan käyrän solmujen säätäminen kuvassa

Kun olet tehnyt tämän, näet kahvat vetämiesi solmujen vieressä. Napsauta ja vedä kahvoja hallitaksesi käyrien kulmaa ja sijaintia. Lisäksi voit valita kaarevan tyypin, kun kaareutat objektia. Tämä vaihtoehto löytyy Suunnittelu-paneelista näytön oikealla puolella. Mahdollisia vaihtoehtoja ovat Ei peilausta, Peilin kulma ja Peilin kulma ja pituus.

Jos valitset Peilauskulma ja pituus -vaihtoehdon, kun kaareutat objektia, molemmat sivut liikkuvat symmetrisesti. Kun yrität siirtää yhtä kahvoista, toinen kahva yrittää peilata liikettä. Jos haluat epäsymmetrisen muodon, vaihda asetukseksi Ei peilausta tai paina Alt-näppäintä ja vedä solmu hiiren vasemmalla painikkeella. Kun käytät jälkimmäistä menetelmää, peilausvaihtoehto vaihtuu automaattisesti.

Kun olet tehnyt muutokset, vie mallisi Figmaan.

Kuinka poistaa solmut Figmassa

Jos loit liian monta viivaa objektiisi ja haluat poistaa yhden mutta pitää muodon suljettuna, sinun on tehtävä seuraava:

  1. Valitse solmu, jonka haluat poistaa.
    Solmun valitseminen Figmassa
  2. Napauta näppäimistön Shift- ja Delete-painikkeita samanaikaisesti.

Jos valitset solmun ja painat Delete-painiketta pitämättä vaihtonäppäintä painettuna, poistat valitun solmun ja siihen liitetyt kaksi solmua jättäen objektin auki.

Kun olet valmis, sinun on poistuttava muokkaustilasta seuraavasti:

  • Napauttamalla Valmis-painiketta Figmassa.
  • Painamalla näppäimistön Return-, Enter- tai Escape-painiketta.
  • Kaksoisnapsauttamalla tyhjää kangasta (Kaksoisnapsauttaminen tasoa, jossa objekti on, ottaa muokkaustilan takaisin käyttöön).

Kuinka luoda ympyrä manuaalisesti Figmassa

Joskus tarvitset yksinkertaisia ​​esineitä, kuten suorakulmioita, neliöitä tai ympyröitä. Näitä muototyökaluja voidaan käyttää tällaisissa tapauksissa, mutta näiden esineiden manuaalisen tekemisen tietäminen ei voi vahingoittaa. Kun suorakulmiot ja neliöt muodostetaan yhdistämällä solmuja, ympyrä vaatii taivutustyökalun. Näin voit luoda ympyrän kynä- ja taivutustyökaluilla:

  1. Valitse kynätyökalu.
  2. Luo solmu.
    Solmun lisääminen Figmaan
  3. Pidä Shift-näppäintä painettuna luodaksesi rombisen neliön (Shift-näppäimellä voit siirtää viivaa 45 asteen kulmassa).
  4. Yhdistä neljä solmua pitämällä Shift-näppäintä painettuna ja napsauttamalla vasenta painiketta lisätäksesi solmuja oikeisiin paikkoihin.
    Neliön luominen Figmassa
  5. Siirry Design-paneelin Vector-välilehteen.
  6. Napauta Peilin kulma ja pituus -vaihtoehtoa.
    Peilikulma- ja pituusvaihtoehdon valitseminen Figmassa
  7. Valitse taivutustyökalu napauttamalla Ctrl-painiketta.
  8. Napsauta hiiren vasemmalla painikkeella ja vedä solmua taivuttaaksesi sitä.
    Solmun kaarevuus Figmassa
  9. Taivuta kaikki neljä solmua samalla tavalla.
    Käyrän sovittaminen Figman neljässä solmussa

Peilin kulma- ja pituusvaihtoehdot ovat ratkaisevia ympyrän luomisessa. Jos et käytä sitä, käyrät eivät ole symmetrisiä. Jos kuitenkin aiot luoda epäsymmetrisen pyöreän kohteen, jätä vaihtoehto Ei peilausta päälle.

Viivatyökalujen ymmärtäminen Figmassa

Figman objektit luodaan yhdistämällä useita solmuja tärkeimmällä työkalulla, kynällä. Toinen tapa hallita objekteja on käyttää vektoriverkkoa. Kaarevia viivoja tehtäessä on tärkeää tuntea standardisuoran ja vektoriverkon välinen ero.

Vektoriverkon avulla voit luoda monimutkaisia ​​muotoja ja yhdistää useita toisistaan ​​poikkeavia solmuja, kun taas kynällä voit luoda kaksi solmua yhdelle riville.

Jos tarvitset yksinkertaisen kaarevan tai suoran esineen, voit käyttää muototyökaluja kynätyökalun sijaan. Näitä työkaluja ovat nuolet, suorakulmiot, ellipsit ja monikulmiot. Olisi kuitenkin parasta käyttää kynätyökalua ainutlaatuisen vektoriobjektin luomiseen.

Harjoittele kynätyökalun käyttöä

Figman käyttö voi olla haastavaa aloittelijoille. Tästä syystä voit harjoitella sitä vierailemalla verkkosivustolla nimeltä Bezier peli. Tämä sivusto on tehty auttamaan sinua harjoittelemaan ja hallitsemaan kynätyökalua, jonka avulla voit myöhemmin käyttää sitä sujuvammin Figmassa.

UKK

Kuinka voin varmistaa useiden viivojen tai muotojen kaarevuuden johdonmukaisuuden?

Jotta kaarevuus säilyisi yhtenäisenä, harkitse ohjaimien tai ristikoiden käyttöä kiinnityspisteiden ja bezier-kahvojen kohdistamiseen. Voit myös kopioida ja liittää bezier-kahvat riviltä toiselle tasaisuuden varmistamiseksi.

Voinko luoda mukautettuja siveltimiä tai viivoja kaareville viivoille Figmassa?

Vaikka Figma ei tue alkuperäisesti mukautettuja siveltimiä tai viivoja, voit luoda ainutlaatuisia viivatyylejä yhdistämällä perusmuotoja, liukuvärejä ja tehosteita. Lisäksi voit tutkia kolmannen osapuolen laajennuksia edistyneille viivan mukauttamisvaihtoehdoille.

Recent Articles

spot_img

Related Stories

Stay on op - Ge the daily news in your inbox

[tdn_block_newsletter_subscribe input_placeholder="Email address" btn_text="Subscribe" tds_newsletter2-image="730" tds_newsletter2-image_bg_color="#c3ecff" tds_newsletter3-input_bar_display="" tds_newsletter4-image="731" tds_newsletter4-image_bg_color="#fffbcf" tds_newsletter4-btn_bg_color="#f3b700" tds_newsletter4-check_accent="#f3b700" tds_newsletter5-tdicon="tdc-font-fa tdc-font-fa-envelope-o" tds_newsletter5-btn_bg_color="#000000" tds_newsletter5-btn_bg_color_hover="#4db2ec" tds_newsletter5-check_accent="#000000" tds_newsletter6-input_bar_display="row" tds_newsletter6-btn_bg_color="#da1414" tds_newsletter6-check_accent="#da1414" tds_newsletter7-image="732" tds_newsletter7-btn_bg_color="#1c69ad" tds_newsletter7-check_accent="#1c69ad" tds_newsletter7-f_title_font_size="20" tds_newsletter7-f_title_font_line_height="28px" tds_newsletter8-input_bar_display="row" tds_newsletter8-btn_bg_color="#00649e" tds_newsletter8-btn_bg_color_hover="#21709e" tds_newsletter8-check_accent="#00649e" embedded_form_code="YWN0aW9uJTNEJTIybGlzdC1tYW5hZ2UuY29tJTJGc3Vic2NyaWJlJTIy" tds_newsletter="tds_newsletter1" tds_newsletter3-all_border_width="2" tds_newsletter3-all_border_color="#e6e6e6" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJib3JkZXItY29sb3IiOiIjZTZlNmU2IiwiZGlzcGxheSI6IiJ9fQ==" tds_newsletter1-btn_bg_color="#0d42a2" tds_newsletter1-f_btn_font_family="406" tds_newsletter1-f_btn_font_transform="uppercase" tds_newsletter1-f_btn_font_weight="800" tds_newsletter1-f_btn_font_spacing="1" tds_newsletter1-f_input_font_line_height="eyJhbGwiOiIzIiwicG9ydHJhaXQiOiIyLjYiLCJsYW5kc2NhcGUiOiIyLjgifQ==" tds_newsletter1-f_input_font_family="406" tds_newsletter1-f_input_font_size="eyJhbGwiOiIxMyIsImxhbmRzY2FwZSI6IjEyIiwicG9ydHJhaXQiOiIxMSIsInBob25lIjoiMTMifQ==" tds_newsletter1-input_bg_color="#fcfcfc" tds_newsletter1-input_border_size="0" tds_newsletter1-f_btn_font_size="eyJsYW5kc2NhcGUiOiIxMiIsInBvcnRyYWl0IjoiMTEiLCJhbGwiOiIxMyJ9" content_align_horizontal="content-horiz-center"]