Skiss – bågform?

Är det möjligt att skapa en bågform med angiven start- och svepvinkel? (Använd Sketch 3.0 av bohemian.coding)

någon 180 graders båge

Svar

Du kan fejka det med hjälp av Layer> Vector> Rotate Copies. Välj bara en rektangelform och skapa sedan ett valfritt antal kopior. Ju fler kopior du skapar desto mjukare blir bågen.

Du kan också skapa två cirklar, subtrahera dem och sedan subtrahera en rektangel i hälften: Bågform i skiss

Slutligen kan du rita det med pennverktyget (även om du tappar lite noggrannhet i processen.

Tyvärr kan du inte justera vinkeln eller svepningen. Men om du manipulerar former ovanpå formerna och använder Pathfinder eller Transform-verktygen bör du kunna uppnå önskad effekt.

Kommentarer

  • Så mycket jag förstår den här metoden och har använt den är den extremt konstruerad för alla vinklar som inte är 90, 180 eller 270.

Svar

Tack för ditt svar. Din lösning är ett betydande alternativ till det jag har tänkt på. (subtrahera> sax> rotera)

ange bildbeskrivning här

ange bildbeskrivning här

ange bildbeskrivning här

(Obs: Genom att halvtäcka cirkeln med rektangulär kan du också skapa en cirkel på 180 grader.)

Kommentarer

  • För alla som är förvirrade över hur man börjar med detta, som jag var: Rita en cirkel. Rita en rektangel som överlappar cirkeln som visas i CodeMound ' skärmdump. Välj båda formerna. Klicka på Subtrahera. Du ' Du får en cirkel med en " twist ". Gå nu till saxverktyget och klicka på de raka linjerna som utgör " twist " för att ta bort dem.
  • Jag förstår inte '. Jag får en cirkel med en fyrkant saknas i den övre högra kvadranten. dropbox.com/s/pv0u8lmg6z94ubh/…
  • @chovy Jag hade samma problem . När du har subtraherat torget, hämtat saxen och tagit bort de återstående hörnen på den subtraherade kvadraten, lägg sedan till kant till den resulterande formen och resultatet blir svaret ovan.

Svar

Just uppdaterat detta: helt nytt Segmented Circle 2.0 Sketch plugin .

Skapa automatiskt exakt segmenterad cirkelgrafik för diagram, instrumentering och analys. Stor uppdatering lägger till cirkeldiagramstilar med flera värden, markerar cirklar och perfekt streckade bågar.

Förhandsgranska bild

Svar

Det finns nu ett bra skiss-plugin för detta:

”Skapa cirklar som områden eller rader med ett anpassat antal punkter / segment ” https://github.com/design4use/gb-sketch-segmentcircle

Svar

Det finns ännu en bättre lösning 🙂 Rita först cirkeln och välj sedan sökvägen och klicka på öppen sökväg i inspektören.

Överst till höger Öppna sökväg ange bildbeskrivning här

Kommentarer

  • Det ' är inte så mycket bättre än de andra svaren, och det fungerar inte ' för andra vinklar än 90 º / 180 / 270 º
  • Du kan komma runt 180, 270 osv genom att lägga till en ny punkt i sökvägen och sedan radera utanför en. Så länge du använder mittpositionen för konturen fungerar saker och ting ganska bra.

Svar

Ett annat sätt är att rita en cirkel, dubbelklicka på den för att redigera den (det kommer att finnas 4 små prickar lika fördelade över cirkeln) och klicka där du vill avsluta formen så att du får en annan liten prick där. Använd saxen för att ta bort oönskad del, den del som ska tas bort ändrar formen när du muspekar över den. Du kan avsluta din bågform med olika slut som rundade, detta görs i gränssektionen, klicka på relaterat COG för att visa detta avsnitt.

Svar

Medan du kan fejka en båge i Sketch verkar det inte vara möjligt att skapa en verklig ”båge” som beskrivs av svg-standarderna: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Arcs

Detta beror på att vektorverktyget endast gör Bezier-kurvor ( https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Bezier_Curves ) eller raka linjer från båda sidor av en vektor.

Om du någonsin känner behov av att kunna skapa en båge på riktigt, kan det vara bäst att bara skriva din svg-kod för hand. Jag måste göra det fler än några gånger.

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *