From 4eb16e33b499a6879d728989ecf06a66cd27fdf7 Mon Sep 17 00:00:00 2001 From: Ezio Date: Sun, 6 Nov 2016 17:11:49 +0800 Subject: [PATCH] =?UTF-8?q?20161106-5=20=E9=80=89=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...mple wallpaper with Fedora and Inkscape.md | 129 ++++++++++++++++++ 1 file changed, 129 insertions(+) create mode 100644 sources/tech/20161104 Create a simple wallpaper with Fedora and Inkscape.md diff --git a/sources/tech/20161104 Create a simple wallpaper with Fedora and Inkscape.md b/sources/tech/20161104 Create a simple wallpaper with Fedora and Inkscape.md new file mode 100644 index 0000000000..adf9e79ed9 --- /dev/null +++ b/sources/tech/20161104 Create a simple wallpaper with Fedora and Inkscape.md @@ -0,0 +1,129 @@ +### Create a simple wallpaper with Fedora and Inkscape + + ![inkscape-wallpaper](https://cdn.fedoramagazine.org/wp-content/uploads/2016/10/inkscape-wallpaper-945x400.png) + +In our previous two Inkscape articles, we have [covered the basics of using Inkscape, creating objects,][18] and [doing some basic manipulations and color changes.][17] + +In this next installment, we are going to put all these new skills together, and create our first composition — a simple wallpaper. + +### Changing the document size + +When going through the previous tutorials, you probably noticed the default document size shown on the main canvas window as a black bordered rectangle. The default document size in Inkscape is the A4 paper size: + +[ + ![Screenshot from 2016-09-07 08-37-01](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-08-37-01.png) +][16] + +For this wallpaper, we are going to resize the the document to **1024px x 768px**. To change the document size, Go to `File` > `Document Properties…` . In the Custom Size section of the Document Properties dialog, enter the width of 1024px, and a height of 768px: + +[ + ![Screenshot from 2016-09-07 09-00-00](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-00-00.png) +][15] + +The document outline on the page should now look something like this: + +[ + ![Screenshot from 2016-09-07 09-01-03](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-01-03.png) +][14] + +### Drawing the background + +Next up, we are going to draw a rectangle as big as the document. So choose the using **rectangle tool, ** draw a rectangle, and adjust the size of the rectangle using the Tools Control bar. + +[ + ![rect](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/rect.png) +][13] + +Next up, add a Gradient Fill to the rectangle. [If you need a refresher on adding gradients, check out the previous adding colours article.][12] + +[ + ![Screenshot from 2016-09-07 09-41-13](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-41-13.png) +][11] + +Your rectangle might also have a stroke colour set. Use the fill and stroke dialog to set the stroke paint to **none**. + +[ + ![Screenshot from 2016-09-07 09-44-15](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-44-15.png) +][10] + +### Drawing the pattern + +Next we are going to draw a triangle. Use the star / polygon tool with 3 points. You can** PRESS and HOLD DOWN CTRL** key, to give your triangle an angle and symmetry. + +[ + ![Screenshot from 2016-09-07 09-52-38](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-52-38.png) +][9] + +Select the triangle and press **CTRL+D**, to duplicate it (the duplicated figure will overlap the existing one), **so be sure to move it after duplicating.** + +[ + ![Screenshot from 2016-09-07 10-44-01](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-10-44-01.png) +][8] + +Select one of the triangles as shown, and go to **OBJECT > FLIP-HORIZONTAL** + +[ + ![Screenshot from 2016-09-07 09-57-23](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-57-23.png) +][7][ + ![Screenshot from 2016-09-07 09-57-42](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-57-42.png) +][6] + +Recolour your three triangles to three colors that look good with your background. + +[ + ![Screenshot from 2016-09-07 09-58-52](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-58-52.png) +][5] + +Select all your triangles, and duplicate them again to fill out your pattern: + +[ + ![Screenshot from 2016-09-07 10-49-25](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-10-49-25.png) +][4] + +### Exporting your background + +Finally, we need to export our document as a PNG file. Open up the export dialog with** FILE > EXPORT PNG**, select the file location and name, make sure the Drawing  tab is pressed, and click on **EXPORT** + +[ + ![Screenshot from 2016-09-07 11-07-05](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-11-07-05-1.png) +][3] + +Let no tool be a barrier to your imagination. Come up with beautiful wallpapers and submit the designs for [FEDORA 25 wallpapers][2]. Your design might get lucky enough to be used by thousands of Fedora users. Here are some examples of wallpapers created with Inkscape and the techniques above: + +[ + ![back1](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/back1.png) +][1] + ![back2](https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/back2.png) + +-------------------------------------------------------------------------------- + +via: https://fedoramagazine.org/inkscape-design-imagination/ + +作者：[a2batic][a] + +译者：[译者ID](https://github.com/译者ID) + +校对：[校对者ID](https://github.com/校对者ID) + +本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译，[Linux中国](https://linux.cn/) 荣誉推出 + +[a]:http://a2batic.id.fedoraproject.org/ +[1]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/back1.png +[2]:https://fedoramagazine.org/keeping-fedora-beautiful-contribute-wallpaper/ +[3]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-11-07-05-1.png +[4]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-10-49-25.png +[5]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-58-52.png +[6]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-57-42.png +[7]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-57-23.png +[8]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-10-44-01.png +[9]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-52-38.png +[10]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-44-15.png +[11]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-41-13.png +[12]:https://fedoramagazine.org/inkscape-adding-colour/ +[13]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/rect.png +[14]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-01-03.png +[15]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-09-00-00.png +[16]:https://1504253206.rsc.cdn77.org/wp-content/uploads/2016/10/Screenshot-from-2016-09-07-08-37-01.png +[17]:https://fedoramagazine.org/inkscape-adding-colour/ +[18]:https://fedoramagazine.org/getting-started-inkscape-fedora/ +[19]:https://fedoramagazine.org/inkscape-design-imagination/