Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
graphics [2018/10/26 11:39]
qcbs [Exercise 5 - Editing R figures in Inkscape with svglite package.]
graphics [2018/10/29 13:35]
qcbs [Exercise 7 - GIFs!]
Line 105: Line 105:
   - If you are curious, your can open this SVG file in Notepad or TextEdit to check the structure of the SVG/XML file. You could modify the file in text form if you wanted. ​   - If you are curious, your can open this SVG file in Notepad or TextEdit to check the structure of the SVG/XML file. You could modify the file in text form if you wanted. ​
   - Note that the text created with svglite has a fixed width (textLength is specified in the xml text tag. So, if you increase the size of the font, it will become higher but not wider. To fix this problem, open the XML Editor (Edit>​XML Editor) and clear the textLength section for text objects. You could also make this change by editing the SVG in a text editor. ​   - Note that the text created with svglite has a fixed width (textLength is specified in the xml text tag. So, if you increase the size of the font, it will become higher but not wider. To fix this problem, open the XML Editor (Edit>​XML Editor) and clear the textLength section for text objects. You could also make this change by editing the SVG in a text editor. ​
-  - Note that you could also save your file in pdf format and open it in Inkscape as a PDF. It will still be a vector file, but it may be easier to use in some cases than the SVG format. ​ +  - Note that you could also save your file in pdf format and open it in Inkscape as a PDF. It will still be a vector file, but it may be easier to use in some cases than the SVG format. <file rsplus>
-<file rsplus>+
 pdf("​fig1.pdf"​) pdf("​fig1.pdf"​)
 pie(country_count$Freq,​labels=country_count$Var1) pie(country_count$Freq,​labels=country_count$Var1)
Line 132: Line 131:
 You will be making a GIF animation that highlights how cool your research is!  You will be making a GIF animation that highlights how cool your research is! 
  
-  * Find some photos or graphs from your research that you want to highlight.  +  * Find some photos or graphs from your research that you want to highlight, or use the infographic you created above.  
-  * Click on File>New and select a 640x480 document with a White background. ​+  * In GIMP, click on File>New and select a 640x480 document with a White background. ​
   * Open the content you want to put in the animation in GIMP and copy it as new layers using Edit>​Paste as...>​New layer. Resize the content to fit into the page using the Scale Tool.    * Open the content you want to put in the animation in GIMP and copy it as new layers using Edit>​Paste as...>​New layer. Resize the content to fit into the page using the Scale Tool. 
   * Reorder the layers, knowing that the bottom layer will be played first and the top layer last.    * Reorder the layers, knowing that the bottom layer will be played first and the top layer last. 
   * Change the name of each layer to designate the associated content. After the name of the layer add (500ms) to get something like: "First photo(500ms)"​. The number in parenthesis is the duration of this slide in the GIF animation. ​   * Change the name of each layer to designate the associated content. After the name of the layer add (500ms) to get something like: "First photo(500ms)"​. The number in parenthesis is the duration of this slide in the GIF animation. ​
-  * For slides with text, click on the Text tool and and choose the font and font size from the Tool options before adding the text. When you are done placing and resizing the text, add (500ms) to the name of the text layer. ​+  * For slides with text, click on the Text tool and choose the font and font size from the Tool options before adding the text. When you are done placing and resizing the text, add (500ms) to the name of the text layer. ​
   * To give a background to your text, first choose a foreground color by clicking on the Foreground and Background Color icon. Then, add an empty layer to the bottom of the text (by clicking the Create a new layer icon {{::​add_layer_icon.png?​nolink|}}) that has that foreground color. When satisfied with both the text and the background, right click on the text layer and choose Merge Down. The text is now fused with the background and you can't remove it.    * To give a background to your text, first choose a foreground color by clicking on the Foreground and Background Color icon. Then, add an empty layer to the bottom of the text (by clicking the Create a new layer icon {{::​add_layer_icon.png?​nolink|}}) that has that foreground color. When satisfied with both the text and the background, right click on the text layer and choose Merge Down. The text is now fused with the background and you can't remove it. 
   * You can test your animation by clicking on Filters>​Animate>​Playback. ​   * You can test your animation by clicking on Filters>​Animate>​Playback. ​