EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Basic Inkscape round corners
Secondary Sidebar
15 Tools to Make Your Own Animation Character for Your Business

Autodesk Pixlr

Unity Principle of Design

What is Autodesk BIM?

Adobe Audition vs Audacity

InDesign Preview Shortcut

Inkscape round corners

Inkscape round corners

Introduction to Inkscape round corners

In this article we are going to learn how to work with round corners in Inkscape. Rounding corners in Inkscape is just a matter of dragging the edge handle but we will be using path effects to get some control over how we create our fillet which is just a technical term for rounded corner. We can not only use rounded corner on standard shapes like rectangle and polygons but on even non regular shape like jagged lines or a semi-circle. One important thing in using path effects to round corners instead of dragging nodes directly is that they are live and we can remove them at any time instead of modifying individual nodes.

Steps of Inkscape round corners

Step 1: Let’s first start by setting up the document properties or press Shift + Ctrl + D

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Inkscape round corners output 1

Step 2: Set display units in px, width of 1920 and height of 1080 with units of px

Inkscape round corners output 2

Step 3: Then start by creating a simple rectangle. As we can see the control bar, we have the options of Rx and Ry which sets the corners of the rectangle.

Inkscape round corners output 3

Step 4: You can also drag the nodes at the corner of the rectangle to give it corners. If you drag to the bottom then Ry will change and if you drag across then Rx will change.

Inkscape round corners output 4

Step 5: As you can see that this changes the actual shape of the rectangle

Inkscape round corners output 5

Step 6: If you want the default shape then click make corner sharp in the control bar to make it a regular rectangle.

Inkscape round corners output 6

Step 7: Another method to create corner is by using path effects. So, let’s create a rectangle to start with.

Inkscape round corners output 7

Step 8: Then go to Path -> Path Effects or press Ctrl + &. Which will open a path effects panel where multiple path effects can be added or removed.

Inkscape round corners output 8

Step 9: When clicking the plus button, you will see all the live path effects and select corners (fillet / chamfer)

Inkscape round corners output 9

Step 10: This will add the nodes on the rectangle. Then use edit path by nodes or press N and drag to create corner shape as shown.

Inkscape round corners output 10

Step 11: When you press shift and click then you get a dialog of modifying fillet-chamfer which is used to give exact dimensions like 100 to the knot distance and set to fillet and click modify.

Inkscape round corners output 11

Step 12: Next we will create a rectangle but make sure that you set the stroke and remove the fill by right-clicking at the bottom color bar

Inkscape round corners output 12

Step 13: To create a rectangle as shown and add the corner effect from the path effects panel.

Inkscape round corners output 13

Step 14: One tip is that you can click the star on the bottom of the effect which you use regularly so that you can filter by clicking the star from the filter bar which makes searching the effect easy.

Inkscape round corners output 14

Step 15: Now if you want to change all the four corner then change the radius option and set it to like 40

Inkscape round corners output 15

Step 16: Next we will see how the corner effect can be applied to nonstandard shapes. So first create a circle by ctrl dragging the circle tool. Then using the Bezier tool draw a straight line across the circle as shown.

Inkscape round corners output 16

Step 17: Then select both circle and line and then go to Path -> Division or press Ctrl + / which will divide the circle into two parts.

Inkscape round corners output 17

Step 18: Then select the top part and click delete.

Inkscape round corners output 18

Step 19: Then again add the corner path effect

Inkscape round corners output 19

Step 20: Then again use the edit path by nodes tool to drag the corner and create the shape as shown. You can also shift and click the node to add the exact knot distance. So, we have created some organic shapes very easily.

output 20

Step 21: Now using create star and polygon we will create a regular star with 5 corners. While creating the star you can hold ctrl to set the exact orientation.

output 21

Step 22: Then again add the corner effect and drag any of the nodes to create a corner.

output 22

Step 23: Undo or Ctrl + Z the last step and change the radius from the path effects panel which will affect all the nodes.

output 23

Step 24: Now create a regular polygon using the create star and polygon tool with 6 corners.

output 24

Step 25: Now drag the corners so that the shape of a shield is created as shown.

output 25

Step 26: At the top node we will create an inverse fillet by shift-clicking on the node.

output 26

Step 27: Change the color to some darker shade so that it looks like a shield.

output 27

Step 28: Now using the Bezier curves tool we will add some straight lines to create a scene than using path effects of corners we will create some nice curves. First, we will create some mountains by just clicking and completing the path.

output 28

Step 29: Then we create a river shape as shown.

output 29

Step 30: Then we select the individual shapes and add a corner fillet path effect.

output 30

Step 31: Then create some clouds on top of the mountain.

output 31

Step 32: Then create an outline of the sun

output 32

Step 33: Next we give every path a radius so that all the corners are rounded.

output 33

Step 34: Next we will give an illusion of rays coming out of the sun. For which we will create some jagged lines as shown near the sun.

output 34

Step 35: Then we will select all rays individually and add the corner effects to every ray.

output 35

Step 36: Then we give a radius of 15 to every ray so that it looks smooth

output 36

Step 37: Then we can use erase the existing path to give some stripes on the mountains.

output 37

Conclusion

In this article, we have seen how to work with round corners in Inkscape. Firstly, we have seen the default feature of rounding the corners by dragging the nodes. Then we have seen much more powerful and live path effects with much more control over the fillet and corner which we want to portray.

Recommended Articles

This is a guide to Inkscape round corners. Here we discuss how to work with round corners in Inkscape and we have seen the default feature of rounding the corners. You may also have a look at the following articles to learn more –

All in One Design Bundle(280+ Courses, 100+ projects)
AutoCADHoudiniAdobe Premiere ProPhotoshop
SolidworksVFX Visual EffectsCorelDrawUnreal Engine
Price
View Courses
280+ Online Courses | 100+ projects | 2000+ Hours | Verifiable Certificates | Lifetime Access
4.6 (65,145 ratings)
  1. Inkscape Alternatives
  2. What is Inkscape?
  3. UI Design Tools
  4. 3ds Max Interior Design
0 Shares
Share
Tweet
Share
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

ISO 10004:2018 & ISO 9001:2015 Certified

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

Banner Creation, Object Selection, Sky Replacement, Advance Filters & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more