For now, don’t worry about the stroke and fill settings. Your pen tool should be snapping to the grid and you should make the points of the triangle at (0, 40), (20, 40) and (20, 0). Start at the top left corner of the border (0, 40) and draw the top piece of the pattern. The quickest and easiest way to produce this technique is to draw the pattern by hand with the pen (or bezier) tool. (You could also use guides opposed to grids, but for beginners grids are a little easier to use.) Start Drawing Now turn on your grid by going to VIEW > GRID or by pressing SHIFT + 3, and then enable snapping. I also recommend setting the snap distance to 10 pixels if its not set already, it’s located under the SNAP tab. While you’re here, also make sure that snap to grid is enabled. Getting the document set up for creating a small pattern. Now edit the page dimensions to 40 x 40 pixels. You do this by opening the document properties located at FILE > DOCUMENT PROPERTIES or by pressing CTRL + SHIFT + D. Open Inkscape and create a document that is 40 x 40 pixels. I’ll and also provide a work around for a fairly annoying pattern gap bug that affects Inkscape. More specifically this tutorial will explain how to convert vector objects in Inkscape into patterns that you can use in your design. Given that there’s a current trend on the web to use a repeating pin stripe pattern set at a 45 degree angle for a background image – I will use this as an example for the method. ![]() This article is aimed at explaining how to create a background pattern using Inkscape. Moreover you needn’t worry about downloading the pattern in the desired format or spending time searching through hundreds of images. The web is awash with resources free or paid pattern resources, but knowing how to create your own can often provide better results than an off the shelf, generic solution. They help dictate the character of a website and when used correctly can help shift the readers attention to desired sections on the page or help set the mood for reading. Patterns are an essential resource for web designers.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |