index.html 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
  2. "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ro" version="XHTML+RDFa 1.0" dir="ltr"
  4. xmlns:content="http://purl.org/rss/1.0/modules/content/"
  5. xmlns:dc="http://purl.org/dc/terms/"
  6. xmlns:foaf="http://xmlns.com/foaf/0.1/"
  7. xmlns:og="http://ogp.me/ns#"
  8. xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
  9. xmlns:sioc="http://rdfs.org/sioc/ns#"
  10. xmlns:sioct="http://rdfs.org/sioc/types#"
  11. xmlns:skos="http://www.w3.org/2004/02/skos/core#"
  12. xmlns:xsd="http://www.w3.org/2001/XMLSchema#">
  13. <head profile="http://www.w3.org/1999/xhtml/vocab">
  14. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  15. <meta about="/desenam-elemente-pentru-har%C8%9Bi-rpg-cu-inkscape" property="sioc:num_replies" content="0" datatype="xsd:integer" />
  16. <link rel="shortcut icon" href="http://fii-liber.ro/sites/all/themes/bartik/favicon.png" type="image/png" />
  17. <meta content="Desenăm elemente pentru hărți RPG cu Inkscape" about="/desenam-elemente-pentru-har%C8%9Bi-rpg-cu-inkscape" property="dc:title" />
  18. <link rel="shortlink" href="/node/106" />
  19. <meta name="Generator" content="Drupal 7 (http://drupal.org)" />
  20. <link rel="canonical" href="/desenam-elemente-pentru-har%C8%9Bi-rpg-cu-inkscape" />
  21. <title>Desenăm elemente pentru hărți RPG cu Inkscape | Fii liber</title>
  22. <style type="text/css" media="all">@import url("http://fii-liber.ro/modules/system/system.base.css?m9s37a");
  23. @import url("http://fii-liber.ro/modules/system/system.menus.css?m9s37a");
  24. @import url("http://fii-liber.ro/modules/system/system.messages.css?m9s37a");
  25. @import url("http://fii-liber.ro/modules/system/system.theme.css?m9s37a");</style>
  26. <style type="text/css" media="all">@import url("http://fii-liber.ro/modules/comment_notify/comment_notify.css?m9s37a");
  27. @import url("http://fii-liber.ro/modules/aggregator/aggregator.css?m9s37a");
  28. @import url("http://fii-liber.ro/modules/comment/comment.css?m9s37a");
  29. @import url("http://fii-liber.ro/modules/field/theme/field.css?m9s37a");
  30. @import url("http://fii-liber.ro/modules/node/node.css?m9s37a");
  31. @import url("http://fii-liber.ro/modules/search/search.css?m9s37a");
  32. @import url("http://fii-liber.ro/modules/user/user.css?m9s37a");
  33. @import url("http://fii-liber.ro/modules/views/css/views.css?m9s37a");</style>
  34. <style type="text/css" media="all">@import url("http://fii-liber.ro/sites/all/modules/ckeditor/ckeditor.css?m9s37a");
  35. @import url("http://fii-liber.ro/modules/colorbox/styles/default/colorbox_default_style.css?m9s37a");
  36. @import url("http://fii-liber.ro/modules/ctools/css/ctools.css?m9s37a");
  37. @import url("http://fii-liber.ro/sites/all/modules/ldap/ldap_help/ldap_help.css?m9s37a");
  38. @import url("http://fii-liber.ro/modules/panels/css/panels.css?m9s37a");
  39. @import url("http://fii-liber.ro/modules/custom_search/custom_search.css?m9s37a");</style>
  40. <style type="text/css" media="all">@import url("http://fii-liber.ro/sites/all/themes/bartik/css/layout.css?m9s37a");
  41. @import url("http://fii-liber.ro/sites/all/themes/bartik/css/style.css?m9s37a");
  42. @import url("http://fii-liber.ro/sites/default/files//color/bartik-9bf90cfa/colors.css?m9s37a");</style>
  43. <style type="text/css" media="print">@import url("http://fii-liber.ro/sites/all/themes/bartik/css/print.css?m9s37a");</style>
  44. <!--[if lte IE 7]>
  45. <link type="text/css" rel="stylesheet" href="http://fii-liber.ro/sites/all/themes/bartik/css/ie.css?m9s37a" media="all" />
  46. <![endif]-->
  47. <!--[if IE 6]>
  48. <link type="text/css" rel="stylesheet" href="http://fii-liber.ro/sites/all/themes/bartik/css/ie6.css?m9s37a" media="all" />
  49. <![endif]-->
  50. <script type="text/javascript" src="http://fii-liber.ro/misc/jquery.js?v=1.4.4"></script>
  51. <script type="text/javascript" src="http://fii-liber.ro/misc/jquery.once.js?v=1.2"></script>
  52. <script type="text/javascript" src="http://fii-liber.ro/misc/drupal.js?m9s37a"></script>
  53. <script type="text/javascript" src="http://fii-liber.ro/misc/form.js?v=7.15"></script>
  54. <script type="text/javascript" src="http://fii-liber.ro/modules/comment_notify/comment_notify.js?m9s37a"></script>
  55. <script type="text/javascript" src="http://fii-liber.ro/sites/default/files//languages/ro_wPb5y5GA8adhs0XrFPlwW0E3geBuNuxa8EAGXAvDcPU.js?m9s37a"></script>
  56. <script type="text/javascript" src="http://fii-liber.ro/sites/all/libraries/colorbox/colorbox/jquery.colorbox-min.js?m9s37a"></script>
  57. <script type="text/javascript" src="http://fii-liber.ro/modules/colorbox/js/colorbox.js?m9s37a"></script>
  58. <script type="text/javascript" src="http://fii-liber.ro/modules/colorbox/styles/default/colorbox_default_style.js?m9s37a"></script>
  59. <script type="text/javascript" src="http://fii-liber.ro/modules/panels/js/panels.js?m9s37a"></script>
  60. <script type="text/javascript" src="http://fii-liber.ro/modules/custom_search/js/custom_search.js?m9s37a"></script>
  61. <script type="text/javascript">
  62. <!--//--><![CDATA[//><!--
  63. var _paq = _paq || [];(function(){var u=(("https:" == document.location.protocol) ? "" : "http://analiza.ceata.org/");_paq.push(["setSiteId", "3"]);_paq.push(["setTrackerUrl", u+"piwik.php"]);_paq.push(["setDoNotTrack", 1]);var pkBaseURL = (("https:" == document.location.protocol) ? "https://analiza.ceata.org/" : "http://analiza.ceata.org/");
  64. document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
  65. try {
  66. var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 3);
  67. piwikTracker.trackPageView();
  68. piwikTracker.enableLinkTracking();
  69. } catch( err ) {}_paq.push(["trackPageView"]);_paq.push(["enableLinkTracking"]);var d=document,g=d.createElement("script"),s=d.getElementsByTagName("script")[0];g.type="text/javascript";g.defer=true;g.async=true;g.src=u+"piwik.js";s.parentNode.insertBefore(g,s);})();
  70. //--><!]]>
  71. </script>
  72. <script type="text/javascript">
  73. <!--//--><![CDATA[//><!--
  74. jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"bartik","theme_token":"2AjNmTz3W6Z9kozQk1-TIcSQjSKlL7Ro2jzj8yr-as8","js":{"misc\/jquery.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"misc\/form.js":1,"modules\/comment_notify\/comment_notify.js":1,"public:\/\/languages\/ro_wPb5y5GA8adhs0XrFPlwW0E3geBuNuxa8EAGXAvDcPU.js":1,"sites\/all\/libraries\/colorbox\/colorbox\/jquery.colorbox-min.js":1,"modules\/colorbox\/js\/colorbox.js":1,"modules\/colorbox\/styles\/default\/colorbox_default_style.js":1,"modules\/panels\/js\/panels.js":1,"modules\/custom_search\/js\/custom_search.js":1,"0":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"modules\/comment_notify\/comment_notify.css":1,"modules\/aggregator\/aggregator.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"modules\/views\/css\/views.css":1,"sites\/all\/modules\/ckeditor\/ckeditor.css":1,"modules\/colorbox\/styles\/default\/colorbox_default_style.css":1,"modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/ldap\/ldap_help\/ldap_help.css":1,"modules\/panels\/css\/panels.css":1,"modules\/custom_search\/custom_search.css":1,"sites\/all\/themes\/bartik\/css\/layout.css":1,"sites\/all\/themes\/bartik\/css\/style.css":1,"sites\/all\/themes\/bartik\/css\/colors.css":1,"sites\/all\/themes\/bartik\/css\/print.css":1,"sites\/all\/themes\/bartik\/css\/ie.css":1,"sites\/all\/themes\/bartik\/css\/ie6.css":1}},"colorbox":{"opacity":"0.85","current":"{current} of {total}","previous":"\u00ab Prev","next":"Next \u00bb","close":"Close","maxWidth":"100%","maxHeight":"100%","fixed":true,"__drupal_alter_by_ref":["default"]},"custom_search":{"form_target":"_self","solr":0}});
  75. //--><!]]>
  76. </script>
  77. </head>
  78. <body class="html not-front not-logged-in one-sidebar sidebar-second page-node page-node- page-node-106 node-type-story" >
  79. <div id="skip-link">
  80. <a href="#main-content" class="element-invisible element-focusable">Mergi la conţinutul principal</a>
  81. </div>
  82. <div id="page-wrapper"><div id="page">
  83. <div id="header" class="without-secondary-menu"><div class="section clearfix">
  84. <a href="/" title="Acasă" rel="home" id="logo">
  85. <img src="http://fii-liber.ro/sites/default/files/logo.png" alt="Acasă" />
  86. </a>
  87. <div id="name-and-slogan">
  88. <div id="site-name">
  89. <strong>
  90. <a href="/" title="Acasă" rel="home"><span>Fii liber</span></a>
  91. </strong>
  92. </div>
  93. <div id="site-slogan">
  94. Revista ta de arte și tehnologii libere </div>
  95. </div> <!-- /#name-and-slogan -->
  96. <div class="region region-header">
  97. <div id="block-block-16" class="block block-block">
  98. <h2 class="element-invisible">Autentificare</h2>
  99. <div class="content">
  100. <p><a href="http://fii-liber.ro/user">Autentificare</a></p>
  101. </div>
  102. </div>
  103. <div id="block-block-17" class="block block-block">
  104. <h2 class="element-invisible">Înregistrare</h2>
  105. <div class="content">
  106. <p><a href="https://cont.ceata.org/index.php?r=registration/index">Înregistare</a></p>
  107. </div>
  108. </div>
  109. <div id="block-custom-search-blocks-1" class="block block-custom-search-blocks">
  110. <h2 class="element-invisible">Custom Search 1</h2>
  111. <div class="content">
  112. <form class="search-form" action="/desenam-elemente-pentru-har%C8%9Bi-rpg-cu-inkscape" method="post" id="custom-search-blocks-form-1" accept-charset="UTF-8"><div><div class="form-item form-type-textfield form-item-custom-search-blocks-form-1">
  113. <input class="custom-search-default-value custom-search-box form-text" type="text" id="edit-custom-search-blocks-form-1--2" name="custom_search_blocks_form_1" value="Caută..." size="20" maxlength="90" />
  114. </div>
  115. <fieldset class="custom_search-popup form-wrapper" id="edit-popup"><div class="fieldset-wrapper"></div></fieldset>
  116. <input type="hidden" name="delta" value="1" />
  117. <input type="hidden" name="form_build_id" value="form-GHOvtKvpe2zkVftQImgVzyhn2IvQEBEyXCEKm9WT7Uw" />
  118. <input type="hidden" name="form_id" value="custom_search_blocks_form_1" />
  119. <input class="default-text" type="hidden" name="default_text" value="Caută..." />
  120. <div class="form-actions form-wrapper" id="edit-actions"><input style="display:none;" type="submit" id="edit-submit" name="op" value="" class="form-submit" /></div></div></form> </div>
  121. </div>
  122. </div>
  123. <div id="main-menu" class="navigation">
  124. <h2 class="element-invisible">Meniu principal</h2><ul id="main-menu-links" class="links clearfix"><li class="menu-504 first"><a href="/arta" title="Artă">Artă</a></li>
  125. <li class="menu-503"><a href="/tehnologie" title="Tehnologie">Tehnologie</a></li>
  126. <li class="menu-2002"><a href="/legislatie" title="">Legislație</a></li>
  127. <li class="menu-512"><a href="/stiri" title="Ultimele știri">Știri</a></li>
  128. <li class="menu-1956"><a href="http://fii-liber.ro/pe-scurt" title="">Pe scurt</a></li>
  129. <li class="menu-502"><a href="/ghiduri" title="Ghiduri">Ghiduri</a></li>
  130. <li class="menu-677 last"><a href="/povestiri" title="Povestiri adevărate">Povestiri</a></li>
  131. </ul> </div> <!-- /#main-menu -->
  132. </div></div> <!-- /.section, /#header -->
  133. <div id="main-wrapper" class="clearfix"><div id="main" class="clearfix">
  134. <div id="content" class="column"><div class="section">
  135. <a id="main-content"></a>
  136. <h1 class="title" id="page-title">
  137. Desenăm elemente pentru hărți RPG cu Inkscape </h1>
  138. <div class="tabs">
  139. </div>
  140. <div class="region region-content">
  141. <div id="block-system-main" class="block block-system">
  142. <div class="content">
  143. <div id="node-106" class="node node-story node-promoted node-full clearfix" about="/desenam-elemente-pentru-har%C8%9Bi-rpg-cu-inkscape" typeof="sioc:Item foaf:Document">
  144. <div class="meta submitted">
  145. <span property="dc:date dc:created" content="2011-01-28T13:49:49+02:00" datatype="xsd:dateTime" rel="sioc:has_creator">de <span class="username" xml:lang="" about="/users/nicu-buculei" typeof="sioc:UserAccount" property="foaf:name">Nicu Buculei</span>, publicat Vineri, 28 Ianuarie 2011</span> </div>
  146. <div class="content clearfix">
  147. <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p><a href="http://clipart.nicubunu.ro/?gallery=rpg_map"><img border="0" align="right" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/elements.png" alt="map elements" /></a>Hai să ne lăsăm mintea să zburde puțin pe tărâmuri fantastice și să încercăm azi să învățăm să desenăm cu <a hef="http://inkscape.org/">Inkscape</a> niște clădiri care ar putea fi folosite pentru un joc pe roluri (RPG) cu temă fantastică, să mergem în lumea vitejilor, a zânelor, vrăjitoarelor și dragonilor.</p>
  148. <p>Ce voi prezenta în continuare nu este strict un tutorial, cred că i-am putea spune și "cum se fabrică" pentru că este descrierea procesului pe care l-am folosit eu la crearea unui <a href="http://clipart.nicubunu.ro/?gallery=rpg_map">set de asemenea elemente</a>. Sunt multe căi alternative pe care puteți ajunge la un rezultat asemănător și vă rog să experimentați pe cont propriu, de exemplu conturul poate fi desenat cu unealta pentru caligrafie, simplificarea nodurilor se poate face automat, umplerea spațiilor libere se poate face și ea cu o unealtă automată (paint bucket) sau pentru colorare puteți folosi culori simple în loc de gradienți.</p>
  149. <!--break--><p><img border="0" align="left" alt="[jailhouse] " src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/jailhouse.png" /> Pe parcursul acestui proces voi desena o clădire simplă, o <b>pușcărie</b> (închisoare), pornind de la contururi în alb și negru, adăugând un număr de detalii și terminând cu colorarea.</p>
  150. <h2>Clădirea: Cum se fabrică</h2>
  151. <p>Întrucât am folosit o versiune mai veche de Inkscape care nu are ghidaje (guidelines) înclinate, primul pas a fost desenarea unui plan de perspectivă, care vă va ajuta la păstrarea perspectivei întregii imagini:</p>
  152. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/01_guide.png" /></center>
  153. <p> </p>
  154. <p>Cu unealta pentru linii (Bezier) desenăm linii drepte pentru a defini forma generală a clădirii. Liniile sunt fie paralele cu conturul planului de perspectivă, fie verticale:</p>
  155. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/02_generalshape.png" /></center>
  156. <p> </p>
  157. <p>Selectăm tot (<b>Ctrl + A</b>) și convertim liniile (strokes) în căi (<b>Path &gt; Stroke to Path</b>):</p>
  158. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/03_stroketopath.png" /></center>
  159. <p> </p>
  160. <p>Apropiem (zoom in), ștergem nodurile care nu sunt necesare și ajustăm grosimea și poziția conturului pentru fiecare element. Facem contururile principale mai groase iar pe cele secundare mai subțiri:</p>
  161. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/04_nodeedit.png" /></center>
  162. <p> </p>
  163. <p>Selectăm toate obiectele și facem o operație de uniune (<b>Path &gt; Union</b>):</p>
  164. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/05_union.png" /></center>
  165. <p> </p>
  166. <p>Apropiem (zoom in) și ștergem nodurile nedorite de la îmbinări:</p>
  167. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/06_nodeedit.png" /></center>
  168. <p> </p>
  169. <p>Acum avem forma de bază a cladirii:</p>
  170. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/07_simpleshape.png" /></center>
  171. <p> </p>
  172. <p>Folosind aceeași unealtă pentru linii desenăm în continuare linii depte pentru a adăuga detalii. Convertim liniile în căi și edităm nodurile, exact ca în pașii de mai sus:</p>
  173. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/08_details.png" /></center>
  174. <p> </p>
  175. <p>Și am mai îmbogățit puțin forma de bază:</p>
  176. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/09_details.png" /></center>
  177. <p> </p>
  178. <p>Continuăm să adăugăm detalii (linii drepte convertite în căi) până când suntem mulțumiți de rezultat:</p>
  179. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/10_moredetails.png" /></center>
  180. <p> </p>
  181. <p>Acestă clădire este o <b>pușcărie</b>, parcă zăbrelele de la ferestre nu mi se par suficiente pentru a sugera asta, așa că apropii din nou și desenez un lacăt pe ușă (folosind aceleași linii drepte):</p>
  182. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/11_finaldetails.png" /></center>
  183. <p> </p>
  184. <p>Selectăm tot, apropiem și ștergem nodurile nedorite pentru a curăța și simplifica desenul:</p>
  185. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/12_finalnodeclean.png" /></center>
  186. <p> </p>
  187. <p>Conturul e gata, poate fi folosit "ca atare" într-o hartă în alb și negru sau putem merge mai departe și să adăugam culori:</p>
  188. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/13_outline.png" /></center>
  189. <p> </p>
  190. <p>Blocăm stratul (layer) conținând conturul (i-am dat și numele <b>Outline</b> pentru identificare ușoară), nu vrem să ne încurce, și creăm un strat nou (i-am spus "Colors") sub acesta, pe care vom desena în continuare:</p>
  191. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/14_layers.png" /></center>
  192. <p> </p>
  193. <p>Cu aceeași unealtă pentru linii desenăm un poligon închis sub conturul reprezentând o suprafață a cladirii:</p>
  194. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/15_wallpaint.png" /></center>
  195. <p> </p>
  196. <p>Umplem poligonul cu un gradient de culoare, având gijă ca orientarea gradientului să respecte sursa și direcția luminii:</p>
  197. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/16_gradient.png" /></center>
  198. <p> </p>
  199. <p>Repetăm procesul pentru <b>toate</b> suprafețele:</p>
  200. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/17_color.png" /></center>
  201. <p> </p>
  202. <p>Unele suprafețe care sunt opuse sursei de lumina sunt mai întunecate. Duplicăm poligoanle și le umplem cu un negru parțial transparent:</p>
  203. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/18_shadow.png" /></center>
  204. <p> </p>
  205. <p>Adăugăm o umbră: un poligon negru sub restul imaginii:</p>
  206. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/19_dropshadow.png" /></center>
  207. <p> </p>
  208. <p>Adăugăm niște neclaritate (blur) și micșorăm opacitatea umbrei:</p>
  209. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/20_dropshadowblur.png" /></center>
  210. <p> </p>
  211. <p>Clădirea e <b>gata</b>, o putem admira:</p>
  212. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/21_final.png" /></center>
  213. <p>Un aspect <b>alternativ</b> se poate obține ștergând conturul (eu prefer totuși versiunea <b>cu</b> contur negru, crearea acesteia necesită ceva mai puțină atenție la detalii):</p>
  214. <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/22_alternate.png" /></center>
  215. <p> </p>
  216. <h2>Încheiere</h2>
  217. <p>Iată încă câteva clădiri create folosind același proces (toate fac parte din <a href="http://clipart.nicubunu.ro/?gallery=rpg_map">pachetul meu cu elemente pentru hărți RPG</a>):<br /><a href="http://clipart.nicubunu.ro/?gallery=rpg_map"><img border="0" alt="map element" src="http://clipart.nicubunu.ro/png/rpg_map/circus.svg.png" /></a><a href="http://clipart.nicubunu.ro/?gallery=rpg_map"><img border="0" alt="map element" src="http://clipart.nicubunu.ro/png/rpg_map/blacksmith.svg.png" /></a><a href="http://clipart.nicubunu.ro/?gallery=rpg_map"><img border="0" alt="map element" src="http://clipart.nicubunu.ro/png/rpg_map/townhall.svg.png" /></a><a href="http://clipart.nicubunu.ro/?gallery=rpg_map"><img border="0" alt="map element" src="http://clipart.nicubunu.ro/png/rpg_map/watch_tower.svg.png" /></a><a href="http://clipart.nicubunu.ro/?gallery=rpg_map"><img border="0" alt="map element" src="http://clipart.nicubunu.ro/png/rpg_map/university.svg.png" /></a><a href="http://clipart.nicubunu.ro/?gallery=rpg_map"><img border="0" alt="map element" src="http://clipart.nicubunu.ro/png/rpg_map/tower_round.svg.png" /></a><a href="http://clipart.nicubunu.ro/?gallery=rpg_map"><img border="0" alt="map element" src="http://clipart.nicubunu.ro/png/rpg_map/stables.svg.png" /></a><a href="http://clipart.nicubunu.ro/?gallery=rpg_map"><img border="0" alt="map element" src="http://clipart.nicubunu.ro/png/rpg_map/sign_left.svg.png" /></a><a href="http://clipart.nicubunu.ro/?gallery=rpg_map"><img border="0" alt="map element" src="http://clipart.nicubunu.ro/png/rpg_map/arch.svg.png" /></a><a href="http://clipart.nicubunu.ro/?gallery=rpg_map"><img border="0" alt="map element" src="http://clipart.nicubunu.ro/png/rpg_map/gallows.svg.png" /></a><br />
  218. Spor la joacă!</p>
  219. <p><b>Notă:</b> Articolul este preluat și tradus sub licență liberă <a href="http://creativecommons.org/licenses/by-sa/2.5/">CC-BY-SA</a> de la <a href="http://howto.nicubunu.ro/">tutorialele lui Nicu</a>.</p>
  220. </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above clearfix"><h3 class="field-label">Meniu: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="/ghiduri" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Ghiduri</a></li><li class="taxonomy-term-reference-1"><a href="/arta" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Artă</a></li></ul></div><div class="field field-name-taxonomy-vocabulary-3 field-type-taxonomy-term-reference field-label-above clearfix"><h3 class="field-label">Etichete: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="/taguri/grafica" typeof="skos:Concept" property="rdfs:label skos:prefLabel">grafica</a></li><li class="taxonomy-term-reference-1"><a href="/taguri/inkscape" typeof="skos:Concept" property="rdfs:label skos:prefLabel">inkscape</a></li><li class="taxonomy-term-reference-2"><a href="/taguri/arta" typeof="skos:Concept" property="rdfs:label skos:prefLabel">arta</a></li><li class="taxonomy-term-reference-3"><a href="/taguri/desen" typeof="skos:Concept" property="rdfs:label skos:prefLabel">desen</a></li><li class="taxonomy-term-reference-4"><a href="/taguri/tutoriale" typeof="skos:Concept" property="rdfs:label skos:prefLabel">tutoriale</a></li></ul></div> </div>
  221. <div class="link-wrapper">
  222. <ul class="links inline"><li class="comment-add first last"><a href="/comment/reply/106#comment-form" title="Împărtăşeşte opiniile tale legate de acest articol.">Adaugă comentariu nou</a></li>
  223. </ul> </div>
  224. </div>
  225. </div>
  226. </div>
  227. </div>
  228. </div></div> <!-- /.section, /#content -->
  229. <div id="sidebar-second" class="column sidebar"><div class="section">
  230. <!--div class="block"> </div-->
  231. <div class="region region-sidebar-second">
  232. <div id="block-block-15" class="block block-block">
  233. <div class="content">
  234. <p class="rtecenter"><a href="http://fii-liber.ro/?q=rss.xml" title="RSS"><img alt="RSS" src="http://fii-liber.ro/sites/default/files/rss.png" style="margin-left: 2px; margin-right: 2px;" width="24" /></a><a href="http://identi.ca/fiiliber" title="Microjurnal"><img alt="Microjurnal" src="http://fii-liber.ro/sites/default/files/statusnet.png" style="margin-left: 2px; margin-right: 2px;" width="24" /></a><a href="http://diasp.eu/u/fiiliber" title="DIASPORA*"><img alt="DIASPORA*" src="http://fii-liber.ro/sites/default/files/diaspora.png" style="margin-left: 2px; margin-right: 2px;" width="24" /></a></p>
  235. </div>
  236. </div>
  237. <div id="block-block-20" class="block block-block">
  238. <div class="content">
  239. <p style="text-align:center; margin: 0; padding: 0; border: none;"><a href="http://trisquel.info" title="Sistemul de operate complet liber Trisquel GNU/Linux"><img alt="Sistemul de operate complet liber Trisquel GNU/Linux" src="https://liste.ceata.org/images/mailman/trisquelpowered.png" /></a></p>
  240. </div>
  241. </div>
  242. <div id="block-comment-recent" class="block block-comment">
  243. <h2>Comentarii recente</h2>
  244. <div class="content">
  245. <div class="item-list"><ul><li class="first"><a href="/comment/260#comment-260">Este doar parerea ta! Firefox</a>&nbsp;<span>în urmă cu 3 zile 6 ore</span></li>
  246. <li><a href="/comment/259#comment-259">Din punctul meu de vedere</a>&nbsp;<span>în urmă cu 3 zile 7 ore</span></li>
  247. <li><a href="/comment/258#comment-258">answer</a>&nbsp;<span>în urmă cu 6 zile 4 ore</span></li>
  248. <li><a href="/comment/253#comment-253">Părerea ta</a>&nbsp;<span>în urmă cu 4 luni 3 săptămâni</span></li>
  249. <li><a href="/comment/252#comment-252">Articolul este cam neinspirat</a>&nbsp;<span>în urmă cu 4 luni 3 săptămâni</span></li>
  250. <li><a href="/comment/251#comment-251">Becul nu e cel mai stralucit exemplu</a>&nbsp;<span>în urmă cu 4 luni 3 săptămâni</span></li>
  251. <li><a href="/comment/250#comment-250">re:</a>&nbsp;<span>în urmă cu 5 luni 1 săptămână</span></li>
  252. <li><a href="/comment/248#comment-248">Excelent articol. Chiar aveam</a>&nbsp;<span>în urmă cu 6 luni 2 săptămâni</span></li>
  253. <li><a href="/comment/245#comment-245">Îmi pare bine că ești interesat de „Fii Liber” și de „0 A.D.”</a>&nbsp;<span>în urmă cu 8 luni 2 săptămâni</span></li>
  254. <li class="last"><a href="/comment/238#comment-238">Poți să stai liniștit atunci.</a>&nbsp;<span>în urmă cu 8 luni 4 săptămâni</span></li>
  255. </ul></div> </div>
  256. </div>
  257. </div>
  258. </div></div> <!-- /.section, /#sidebar-second -->
  259. </div></div> <!-- /#main, /#main-wrapper -->
  260. <div id="footer-wrapper"><div class="section">
  261. <div id="footer" class="clearfix">
  262. <div class="region region-footer">
  263. <div id="block-block-4" class="block block-block">
  264. <div class="content">
  265. <p>© 2010 – 2012 <a href="http://ceata.org">Ceata</a>. Toate materialele pot fi copiate, modificate, distribuite și vândute în condițiile specificate de una din licențele <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA 3.0</a> și <a href="http://www.gnu.org/copyleft/fdl.html">GNU FDL 1.3</a>.</p>
  266. </div>
  267. </div>
  268. </div>
  269. </div> <!-- /#footer -->
  270. </div></div> <!-- /.section, /#footer-wrapper -->
  271. </div></div> <!-- /#page, /#page-wrapper -->
  272. </body>
  273. </html>