Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
|
graphics [2019/10/22 14:31] qcbs [Introduction to graphic design and image manipulation with open source tools] |
graphics [2019/10/22 16:51] qcbs [Exercise 6 - Infographic!] |
||
|---|---|---|---|
| Line 111: | Line 111: | ||
| </file> | </file> | ||
| ==== Exercise 6 - Infographic! ==== | ==== Exercise 6 - Infographic! ==== | ||
| - | - Open the graphic created in step 7 in Inkscape. | + | - Open the graphic created in step 5 in Inkscape. |
| - Resize the document in File>Document properties to 240x160mm. | - Resize the document in File>Document properties to 240x160mm. | ||
| - Choose a color gradient. To facilitate this task, you can select from the color palette at the bottom of the screen. Next, click on the sectors of the diagram to change the colors and make a gradient from dark for the larger sectors to lighter colors for the smaller sectors. | - Choose a color gradient. To facilitate this task, you can select from the color palette at the bottom of the screen. Next, click on the sectors of the diagram to change the colors and make a gradient from dark for the larger sectors to lighter colors for the smaller sectors. | ||
| Line 120: | Line 120: | ||
| - Choose a photo that you want to put at the centre of the diagram on EOL (http://eol.org) by searching with the name of the species. Save this photo to your computer and import in Inkscape with File>Import. | - Choose a photo that you want to put at the centre of the diagram on EOL (http://eol.org) by searching with the name of the species. Save this photo to your computer and import in Inkscape with File>Import. | ||
| - Resize approximately the image and click on the Create circles, ellipses and arcs icon. Click-drag on the photo to delineate the part of the photo that you want to put in the circle. You can put the circle semi-transparent (Fill, change Opacity) to make this easier. Then, select the photo and the circle by clicking and holding the SHIFT key. Click on Object>Clip>Set. This should crop the photo to a circle. You can release the clip at any time to undo this operation and get the complete photo back. | - Resize approximately the image and click on the Create circles, ellipses and arcs icon. Click-drag on the photo to delineate the part of the photo that you want to put in the circle. You can put the circle semi-transparent (Fill, change Opacity) to make this easier. Then, select the photo and the circle by clicking and holding the SHIFT key. Click on Object>Clip>Set. This should crop the photo to a circle. You can release the clip at any time to undo this operation and get the complete photo back. | ||
| - | - Download a silhouette of your animal, or this {{ ::cougar_silhouette.png?linkonly |Cougar silhouette}} and open it in Inkscape as a separate file. Click on the silhouette and Path>Vectorize bitmap. Choose Colors, specify 2 passes, and click on OK. You can then select the silhouette in vector format by clicking on it and copy-paste it on your infographic. Now, position it and choose a color. | + | - Download a silhouette of your animal, or this {{ ::cougar_silhouette.png?linkonly |Cougar silhouette}} and open it in Inkscape as a separate file. Click on the silhouette and Path>Trace bitmap. Choose Colors, specify 2 passes, and click on OK. You can then select the silhouette in vector format by clicking on it and copy-paste it on your infographic. Now, position it and choose a color. |
| - You can experiment by adding drop shadows to certain elements. To do so, select and element and click on Filters>Shadows and Glows>Drop shadow. | - You can experiment by adding drop shadows to certain elements. To do so, select and element and click on Filters>Shadows and Glows>Drop shadow. | ||
| - Export your infographic in PNG format. | - Export your infographic in PNG format. | ||
