Fii liber - grafica http://fii-liber.ro/taguri/grafica ro MyPaint http://fii-liber.ro/mypaint <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 class="colorbox colorbox-insert-image" href="http://fii-liber.ro/sites/default/files//500px-Mypaint-icon.svg_.png" rel="gallery-all" title=""><img alt="" class="image-medium" src="http://fii-liber.ro/sites/default/files//styles/medium/public/500px-Mypaint-icon.svg_.png" style="float: right; margin: -5px 10px;" title="" typeof="foaf:Image" /></a>În articolul anterior vorbeam despre <a href="http://fii-liber.ro/gimp-28">GIMP 2.8</a>, însă mai există și alte editoare grafice excelente și, mai ales, libere.</p> <p>Atunci mă vei întreba: GIMP e bun, de ce să învăț un alt program? Sunt câteva motive și cel mai important este că unor oameni diferiți le plac lucruri diferite. Exact așa stă treaba și cu desenatul.</p> <p>Din ceea ce am scris mai sus, unii ar putea deduce că trebuie să aleagă între GIMP și MyPaint. Nu e deloc așa, în realitate MyPaint e mai performant când vine vorba de desenat cu o tabletă sau când ești bun la pictura tradițională, iar GIMP-ul face o treabă bună la tăierea imaginilor, redimensionare, restabilirea proporțiilor, adăugarea textului, aplicarea diverselor filtre ș.a.m.d. De acea, utilizarea ambelor programe este recomandată; însăși GIMP-ul are un <a href="http://gitorious.org/openraster/gimp-plugin-file-ora/blobs/raw/master/file-ora.py">modul pentru încărcarea fișierelor .ora</a> (en. <strong>O</strong>pen<span style="font-weight: bold;">R</span><strong>a</strong>ster), formatul nativ al MyPaint-ului.</p> <!--break--><p>Atât artiștii, cât și amatorii care aspiră să devină artiști, ca mine, preferă diverse moduri de lucru, precum și diverse unelte care să le servească în a se exprima; de aceea vă voi face cunoștință cu diverse programe, în speranța că vă veți găsi calea și că aceasta va fi una nerestricționată, liberă.</p> <p>Și ca să terminăm odată cu suspansul, vă prezint <strong>MyPaint</strong>: pam, pam!</p> <p><a class="colorbox colorbox-insert-image" href="http://fii-liber.ro/sites/default/files//MyPaint%20-%20scrap003_c.ora_026.png" rel="gallery-all" title=""><img alt="" class="image-large" src="http://fii-liber.ro/sites/default/files//styles/large/public/MyPaint%20-%20scrap003_c.ora_026.png" title="" typeof="foaf:Image" /></a></p> <p>MyPaint este destinat schițelor sau picturii apropiate de cea tradițională și presupune că utilizatorul folosește o tabletă grafică. Dacă intenționați să procurați una pentru a o folosi împreună cu un sistem liber, recomand tabletele Wacom, care au un suport excelent cu driverul <strong>xf86-input-wacom</strong>. Cât privește care anume, vă recomand următorul articol:</p> <div> <p><a href="http://www.davidrevoy.com/?article30/ergonomic-of-graphics-tablets" target="TabletsErgonomics">http://www.davidrevoy.com/?article30/ergonomic-of-graphics-tablets</a></p> </div> <p>În general, în articolul de mai sus se menționează că e mai bine să procurați inițial o tabletă de dimensiuni reduse, deoarece pe cele mai mari e mai greu de lucrat. Cereți în magazine să desenați puțin pe una și vedeți dacă puteți să faceți linii drepte și curbe fără eforturi deosebite, fără a mișca prea tare și incomod cotul.</p> <p>Eu personal am o tabletă <a href="http://www.geniusnet.com/wSite/ct?xItem=16833&amp;ctNode=174">Genius G-Pen F509</a>, care cred că este destul de bună, luând în considerare prețul: am cumpărat-o cu aproximativ 900 de lei moldovenești sau cam 200 de RON. E cam mare, însă eu nu știam atunci de ce am nevoie. Ca să funcționeze normal, fie folosiți driverul indicat mai sus împreună cu nucleul Linux 3.4, fie compilați driverul <a href="https://launchpad.net/wizardpen/trunk/0.8/+download/xorg-input-wizardpen-0.8.1.tar.bz2">WizardPen</a> pentru nucleele mai vechi. În caz contrar, tableta oricum va funcționa, însă butoanele de pe stilou, cele două laterale, nu vor funcționa. Acest lucru nu e foarte deranjant la pictat (la care eu nu mă prea pricep) însă e important în <a href="http://www.blender.org">Blender</a> de exemplu, unde trebuie să te rotești în spațiu cu butonul din mijloc al șoricelului sau în cazul tabletei, cu unul din butoanele de pe stilou. La grafică 3D mă pricep, de asta așteptam nucleul Linux 3.4, fiindcă driverul WizardPen nu prea este întreținut.</p> <p>MyPaint are o interfață destul de simplă, care presupune că utilizatorul folosește intensiv tastatura pentru scurtături, în timp ce folosește cealaltă mână pentru a desena. Scurtăturile se configurează ținând indicatorul peste anumite comenzi din meniu, simultan cu apăsarea unei taste.</p> <p>Desenarea se face cu butonul stâng al șoricelului (en. mouse), schimbarea zonei de lucru cu butonul mijlociu (en. <em>panning</em>), iar cu butonul drept avem acces la o mică fereastră care ne arată ultimele 5 culori folosite.</p> <p><a class="colorbox colorbox-insert-image" href="http://fii-liber.ro/sites/default/files//Tooltip_027.png" rel="gallery-all" title=""><img alt="" class="image-large" src="http://fii-liber.ro/sites/default/files//styles/large/public/Tooltip_027.png" title="" typeof="foaf:Image" /></a></p> <p>De asemenea, începând cu versiunea 1, sunt disponibile straturi și moduri de suprapunere a straturilor.</p> <p><a class="colorbox colorbox-insert-image" href="http://fii-liber.ro/sites/default/files//Brush Settings Editor_029.png" rel="gallery-all" title=""><img alt="" class="image-large" src="http://fii-liber.ro/sites/default/files//styles/large/public/Brush%20Settings%20Editor_029.png" style="margin: 10px; float: right;" title="" typeof="foaf:Image" /></a></p> <p><a class="colorbox colorbox-insert-image" href="http://fii-liber.ro/sites/default/files//Layers_030.png" rel="gallery-all" title=""><img alt="" class="image-large" src="http://fii-liber.ro/sites/default/files//styles/large/public/Layers_030.png" title="" typeof="foaf:Image" /></a></p> <p>Printre capacitățile sale mai putem remarca un sistem de pensule foarte complex, cu foarte mulți parametri ajustabili (40-50) . Spre deosebire de GIMP, care folosește o mică imagine întinsă de-a lungul ariei de lucru pentru a imita o pensulă, MyPaint folosește un soi de "amprente" (en. dabs), adică niște cercuri sau elipse cu o anumită densitate, rază, direcție și opacitate. Toți acești parametri pot fi personalizați pentru a crea pensule noi.</p> <p>MyPaint dispune de un sistem extraordinar de gestiune a memoriei: pe calculatorul meu cu doar 1GO RAM, imaginile exportate în formatul PNG aveau rezoluții de 15000 x 8000 pixeli, iar la desenare nu era nevoie de un efort deosebit din partea sistemului. Acest lucru înseamnă că și un calculator relativ vechi poate servi ca unealtă pentru opere de artă de calitate extraordinară (să fim serioși, e vorba de 120 MegaPixeli).</p> <p>O să vă mai fac cunoștință și cu alte programe libere de grafică, printre care și Blender, Krita și Alchemy.</p> <p>Dacă mai cunoașteți și altele de care eu nu am auzit, dar ați vrea să fie prezentate aici, lăsați comentarii, sau scrieți-mi oricând la adresa &lt;dima at ceata punct org&gt;.</p> <p> </p> </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="/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/mypaint" typeof="skos:Concept" property="rdfs:label skos:prefLabel">mypaint</a></li><li class="taxonomy-term-reference-1"><a href="/taguri/grafica" typeof="skos:Concept" property="rdfs:label skos:prefLabel">grafica</a></li><li class="taxonomy-term-reference-2"><a href="/taguri/tablet%C4%83" typeof="skos:Concept" property="rdfs:label skos:prefLabel">tabletă</a></li><li class="taxonomy-term-reference-3"><a href="/taguri/pensule" typeof="skos:Concept" property="rdfs:label skos:prefLabel">pensule</a></li><li class="taxonomy-term-reference-4"><a href="/taguri/pictur%C4%83" typeof="skos:Concept" property="rdfs:label skos:prefLabel">pictură</a></li></ul></div> Tue, 19 Jun 2012 14:03:02 +0000 dima 204 at http://fii-liber.ro http://fii-liber.ro/mypaint#comments Cum să facem postere demotivaționale cu GIMP http://fii-liber.ro/cum-sa-facem-postere-demotivationale-cu-gimp <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><b>Posterele demotivaționale</b> sunt o variantă mai cinică și, poate uneori amuzantă, a posterelor motivaționale, ele conținând de obicei o fotografie și niște text, compus dintr-un titlu ce intrigă privitorul și un subtitlu care livrează gluma, să zicem cam așa:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/free-hugs.jpg" style="border-width: 0px; border-style: solid; height: 338px; width: 450px;" /></p></center> <p> </p> <p>Am avut de ales să fac posterele cu <a href="http://gimp.org/">GIMP</a> sau cu <a href="http://inkscape.org/">Inkscape</a>... în Inkscape mi-ar fi fost probabil mai ușor dar calitatea fotografiei ar fi fost puțin mai slabă dacă JPEG-ul importat ar suferi anti-aliasing, așa că am ales să folosesc GIMP, care oricum are mai mulți utilizatori, rezultând astfel și un tutorial de interes mai larg. Dacă se va genera desul interes, poate voi reveni altă dată și cu o rețetă pentru Inkscape.</p> <p>Ca prim element, totodată unul dintre cele mai dificile și importante, trebuie să găsim o fotografie potrivită: trebuie să fie amuzantă sau să aibă potențial de a i se adăuga o replica demotivațională sarcastică. Pentru a respecta legea și proprietatea intelectuală a celorlalți, folosiți fie o fotografie făcută de voi înșivă (recomandat) sau ceva publicat sub o licență liberă. Eu am folosit una dintre fotografiile pe care i le-am facut unei veverițe din parcul Herastrău:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step00.jpg" /></p></center> <p> </p> <p>Alegem prin a alege încadrarea corectă a fotografiei, a mea nu era chiar rea și ar fi funcționat și făra <b>tăiere (crop)</b>, dar am inclus totuși pasul asta pentru învățare. Daca aveți o cameră cu raportul dintre dimensiunile imaginii ciudate (cele mai multe camere compacte si telefoane mobile așa au), alegeți <b>proporția (aspect ratio)</b>, care este <b>9:6</b> pentru o cameră dSLR și ceea ce folosesc cele mai multe postere existente:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step02.jpg" style="border-width: 0px; border-style: solid; height: 282px; width: 500px;" /></p></center> <p> </p> <p>Apoi o să vrem să <b>scalăm</b> imaginea (Image &gt; Scale Image), eu am făcut-o de 600x400 pixeli, pentru afișare pe ecran, dacă ar fi fost pentru imprimare atunci aș fi avut nevoie de o dimensiune mult mai mare (să se potrivească pe o foaie A4 sau A3, la rezoluție de 150DPI sau mai mare):</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step03.jpg" /></p></center> <p> </p> <p>Acum e ultima ocazie de a îmbunătăți imaginea: claritate, ajustarea culorilor și tot așa, dacă fotografia are nevoie, faceți <b>acum</b>:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step04.jpg" /></p></center> <p> </p> <p>Pentru a face loc unui chenar, mărim <b> suprafața de lucru (canvas)</b> (Image &gt; Canvas Size): am <b>dezlegat</b> <b>lățimea și înălțimea</b> pentru a putea mări pe fiecare cu <b>10 pixeli</b> și am aranjat imaginea în <b>centrul</b> suprafeței:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step05.jpg" /></p></center> <p> </p> <p> </p> <p>Apoi am adăugat un <b>strat (layer) nou</b> (Layer &gt; New Layer) pe care l-am umplut cu alb, întrucât chenarul va fi alb:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step06.jpg" /></p></center> <p> </p> <p>Selectăm <b>întregul</b> strat alb (Select &gt; All) și apoi <b>reducem (shrink)</b> selecția (Select &gt; Shrink):</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step07.jpg" /></p></center> <p> </p> <p>Vrem chenarul îngust, dar nu prea îngust, așa că am redus cu <b>2 pixeli</b>:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step08.jpg" /></p></center> <p> </p> <p>Apoi <b>tăiem (cut)</b> (Edit &gt; Cut) selecția:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step09.jpg" /></p></center> <p> </p> <p>Și avem o imagine cu chenar:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step10.jpg" /></p></center> <p> </p> <p>Mărim <b>suprafața de lucru</b> din nou, acum la <b>800x600 pixeli</b>, ținta finală pentru imaginea noastră (din nou dezlegând lățimea și înălțimea și aranjând imaginea la centru):</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step11.jpg" /></p></center> <p> </p> <p>Adăugăm un strat nou pe care îl facem <b>negru</b> (cel mai rapid este să avem negru ca și culoare de fundal și să adăugăm stratul umplut cu culoarea de fundal, dar la fel de bine putem folosi mai târziu unealta de umplere):</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step12.jpg" /></p></center> <p> </p> <p>În <b>dialogul pentru straturi</b> aranjăm (trăgând din mouse sau cu săgețile sus/jos) straturile în această ordine: fundalul negru dedesupt, fotografia în mijloc și chenarul alb deasupra:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step13.jpg" style="border-width: 0px; border-style: solid; height: 300px; width: 500px;" /></p></center> <p> </p> <p>Dacă tot suntem în dialogul cu straturile, <b>legăm</b> straturile cu fotografia și chenarul, aceasta va face pasul următor mai ușor:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step14.jpg" /></p></center> <p> </p> <p><b>Mutăm</b> straturile cu fotografia și chenarul către partea de sus a imaginii (dacă sunt legate, îl mutăm pe unul și celălalt se va muta și el automat), avem nevoie de niște spatiu jos pentru text. Când e gata le putem dezlega:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step15.jpg" style="border-width: 0px; border-style: solid; height: 282px; width: 500px;" /></p></center> <p> </p> <p>Selectăm stratul cu chenarul și din <b>unealta de aliniere (Alignment Tool)</b>, îl aliniem <b>orizontal</b> la centrul imaginii:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step16.jpg" style="border-width: 0px; border-style: solid; height: 283px; width: 500px;" /></p></center> <p> </p> <p>Selectăm stratul cu fotografia și din <b>unealta de aliniere (Alignment Tool)</b>, îl aliniem <b>orizontal</b> la centrul imaginii:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step17.jpg" style="border-width: 0px; border-style: solid; height: 283px; width: 500px;" /></p></center> <p> </p> <p>Acum cu <b>unealta pentru text (Text Tool)</b> scriem textul posterului, textul principal, cu un font mare Serif (eu am folosit dimensiunea de 60px, iar ca font, pentru un poster liber un font liber. Nu mi-a plăcut Deja Vu sau Liberation așa că alegerea a fost <a href="http://en.wikipedia.org/wiki/Nimbus_Roman_No9_L" rel="nofollow">Nimbus Roman No9 L</a>, care are o formă placută):</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step18.jpg" style="border-width: 0px; border-style: solid; height: 283px; width: 500px;" /></p></center> <p> </p> <p>Aliniat, desigur, orizonat la centrul imaginii cu aceeași <b>unealtă de aliniere</b>:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step19.jpg" style="border-width: 0px; border-style: solid; height: 282px; width: 500px;" /></p></center> <p> </p> <p>Subtitlul e mai mic (l-am făcut de 36px) și într-un font Sans Serif (am rămas în aceeași familie, cu <a href="http://en.wikipedia.org/wiki/Nimbus_Sans_L" rel="nofollow">Nimbus Sans L</a>):</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step20.jpg" style="border-width: 0px; border-style: solid; height: 282px; width: 500px;" /></p></center> <p> </p> <p>Iarăși, aliniat orizontal:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step21.jpg" style="border-width: 0px; border-style: solid; height: 283px; width: 500px;" /></p></center> <p> </p> <p>Și posterul e gata:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step22.jpg" /></p></center> <p> </p> <p>Îl puteți agăța unde vreți voi:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/free-hugs.jpg" style="border-width: 0px; border-style: solid; height: 413px; width: 550px;" /></p></center> <p> </p> <p>E timpul să demotivăm oamenii!</p> <p><small><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>.</small></p> </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="/arta" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Artă</a></li><li class="taxonomy-term-reference-1"><a href="/ghiduri" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Ghiduri</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">taguri: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="/taguri/fotografie" typeof="skos:Concept" property="rdfs:label skos:prefLabel">fotografie</a></li><li class="taxonomy-term-reference-1"><a href="/taguri/gimp" typeof="skos:Concept" property="rdfs:label skos:prefLabel">gimp</a></li><li class="taxonomy-term-reference-2"><a href="/taguri/grafica" typeof="skos:Concept" property="rdfs:label skos:prefLabel">grafica</a></li><li class="taxonomy-term-reference-3"><a href="/taxonomy/term/122" typeof="skos:Concept" property="rdfs:label skos:prefLabel">poster</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> Fri, 15 Apr 2011 10:52:10 +0000 Nicu Buculei 117 at http://fii-liber.ro http://fii-liber.ro/cum-sa-facem-postere-demotivationale-cu-gimp#comments Desenăm elemente pentru hărți RPG cu Inkscape http://fii-liber.ro/desenam-elemente-pentru-har%C8%9Bi-rpg-cu-inkscape <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> <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> <!--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> <h2>Clădirea: Cum se fabrică</h2> <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> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/01_guide.png" /></center> <p> </p> <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> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/02_generalshape.png" /></center> <p> </p> <p>Selectăm tot (<b>Ctrl + A</b>) și convertim liniile (strokes) în căi (<b>Path &gt; Stroke to Path</b>):</p> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/03_stroketopath.png" /></center> <p> </p> <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> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/04_nodeedit.png" /></center> <p> </p> <p>Selectăm toate obiectele și facem o operație de uniune (<b>Path &gt; Union</b>):</p> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/05_union.png" /></center> <p> </p> <p>Apropiem (zoom in) și ștergem nodurile nedorite de la îmbinări:</p> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/06_nodeedit.png" /></center> <p> </p> <p>Acum avem forma de bază a cladirii:</p> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/07_simpleshape.png" /></center> <p> </p> <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> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/08_details.png" /></center> <p> </p> <p>Și am mai îmbogățit puțin forma de bază:</p> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/09_details.png" /></center> <p> </p> <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> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/10_moredetails.png" /></center> <p> </p> <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> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/11_finaldetails.png" /></center> <p> </p> <p>Selectăm tot, apropiem și ștergem nodurile nedorite pentru a curăța și simplifica desenul:</p> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/12_finalnodeclean.png" /></center> <p> </p> <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> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/13_outline.png" /></center> <p> </p> <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> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/14_layers.png" /></center> <p> </p> <p>Cu aceeași unealtă pentru linii desenăm un poligon închis sub conturul reprezentând o suprafață a cladirii:</p> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/15_wallpaint.png" /></center> <p> </p> <p>Umplem poligonul cu un gradient de culoare, având gijă ca orientarea gradientului să respecte sursa și direcția luminii:</p> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/16_gradient.png" /></center> <p> </p> <p>Repetăm procesul pentru <b>toate</b> suprafețele:</p> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/17_color.png" /></center> <p> </p> <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> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/18_shadow.png" /></center> <p> </p> <p>Adăugăm o umbră: un poligon negru sub restul imaginii:</p> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/19_dropshadow.png" /></center> <p> </p> <p>Adăugăm niște neclaritate (blur) și micșorăm opacitatea umbrei:</p> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/20_dropshadowblur.png" /></center> <p> </p> <p>Clădirea e <b>gata</b>, o putem admira:</p> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/21_final.png" /></center> <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> <p></p><center><img border="0" alt="rpg map element" src="http://howto.nicubunu.ro/inkscape_rpg_map_elements/22_alternate.png" /></center> <p> </p> <h2>Încheiere</h2> <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 /> Spor la joacă!</p> <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> </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> Fri, 28 Jan 2011 11:49:49 +0000 Nicu Buculei 106 at http://fii-liber.ro http://fii-liber.ro/desenam-elemente-pentru-har%C8%9Bi-rpg-cu-inkscape#comments Să desenăm o rachetuță cu Inkscape http://fii-liber.ro/sa-desenam-o-rachetu%C8%9Ba-cu-inkscape <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"><h2>Introducere</h2> <p><img border="0" align="right" src="http://howto.nicubunu.ro/rocket-inkscape/rocket.png" alt="rachetuta cu inkscape" />Dacă vă era dor să mai desenăm împreună ceva amuzant și cu ocazia asta să mai învățăm și câte ceva despre crearea graficii vectoriale cu <a href="http://inkscape.org/">Inkscape</a>, vă propun acum să ne jucăm cu o rachetuță. Scopul este să producem ceva ca această imagine, nu foarte realist dar ușor de recunoscut ca fiind o rachetă și cel mai important, să fie (sper) amuzant și ușor de făcut chiar și de cineva care folosește Inkscape pentru prima dată.</p> <!--break--><h2>Desenăm racheta</h2> <p>Pornim Inkscape și începem prin a desena un <b>dreptunghi</b> care este mai mult înalt decât lat (doar desenăm o rachetă!) și are <b>colțuri drepte</b>, nu rotunjite.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-01.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Apoi îl selectăm și îl <b>convertim în cale (path)</b> ca să putem edita nodurile.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-02.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Trecem în modul de <b>editare noduri</b> și selectăm cele două noduri de sus. Următoarea operație poate fi făcută (din câte știu eu) doar din tastatură: apăsăm <b>Ctrl + Alt + &gt;</b> ca să lărgim segmentul, rezultatul va fi un trapez așezat cu baza mare în sus.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-03.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Cu cele două noduri de sus încă selectate, <b>adăugăm un nod nou</b> în mijlocul segmentului.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-04.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Selectam noul nod (doar pe el) și îl <b>mutăm</b> în sus (țineți tasta Ctrl apăsată pentru a restrânge mișcarea doar la verticală).</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-05.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Selectăm acum cele două noduri care fuseseră colțurile de sus ale dreptunghiului și le facem <b>simetrice</b>, obținând astfel o formă care începe să arate ca un glonț sau ca o rachetă.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-06.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Pentru a finaliza forma de glonț a rachetei trebuie să rotunjim și muchia de jos: <b>selectăm</b> cele două colțuri de jos, adăugăm un <b>nod nou</b> în mijloc, îl <b>selectăm</b>, îl <b>mutăm</b> un pic în sus și îl facem <b>simetric</b>, acum avem o formă aerodinamică, ca de glonț.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-07.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Ne trebuie și niște "aripi" la rachetă, așa că vom crea încă un dreptunghi, de data asta mult mai mic.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-08.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Selectăm dreptunghiul și apăsăm cu mouse-ul o dată pe el, pentru a îl pune în mod de <b>rotire/înclinare (rotate/skew)</b> pentru că trebuie să îl <b>înclinăm</b> puțin trâgând de săgeata de lângă una dintre laturile sale.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-09.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Îl <b>mutăm</b> în poziția potrivită, lângă corpul rachetei.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-10.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Iarăși, tot în mod <b>rotire/înclinare</b>, îl <b>rotim</b> puțin trăgând de una din săgețile de la colțuri, până ne place cum e așezat. Notă: nu ne îngrijorăm daca nu e aliniat perfect, îl vom <b>coborî</b> sub corpul rachetei și când acesta va fi umplut cu culoare, nu se va mai observa.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-11.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Selectăm aripa și o <b>duplicăm</b>.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-12.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p><b>Întoarcem (flip)</b> pe orizontală aripa nouă (duplicatul) și o <b>mutăm</b> de cealaltă parte a corpului rachetei (ținem tasta Ctrl apăsată pentru a restrânge mișcarea la orizontală).</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-13.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Aripa îndreptată către noi este un alt <b>dreptunghi</b>, de data asta mai îngust, având aceeași înălțime ca și celelalte aripi (tehnic ar trebui sa avem două dreptunghiuri, câte unul pentru fiecare muchie, dar deocamdată vom folosi doar unul singur, ca să fie mai simplu). Pentru a centra aripa față de corpul rachetei, selectăm aripa și corpul și folosim fereastra de dialog pentru <b>aliniere și distribuire</b> pentru a le alinia orizontal relativ la <b>elementul cel mai mare (biggest item)</b>, corpul.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-14.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Știți ce ne trebuie pentru o rachetă amuzantă? O fereastră, astfel ca astronauții să poată privi spațiul! Începem prin a desena un <b>cerc</b>, care va fi rama ferestrei (cred că vă plictisesc repetând asta, dar țineți apăsată tasta Ctrl pentru un cerc rotund, nu un oval/elipsă).</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-15.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Selectăm cercul și corpul rachetei și le <b>aliniem orizontal</b> la mijlocul corpului.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-16.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Un <b>cerc</b> mai mic va fi fereastra adevărată.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-17.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Selectăm cele două cercuri și le <b>aliniem</b> pe orizontală <b>și</b> pe verticală.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-18.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Acum vom colora toate elementele, folosind fie <b>paleta de culori</b> de jos, fie butonul de <b>umplere și contur (fill and stroke)</b> din bara de unelte sau oricare din celelalte căi posibile (sunt câteva). O rachetă e de obicei argintie, așa că vom folosi nuanțe de gri.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-19.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Înapoi la rachetă, hai să o facem să zboare. Folosind unealta pentru <b>curbe Bezier</b> (creionul) <b>desenăm</b> liber câteva vârfuri, acestea vor fi flăcările.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-21.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p><b>Colorăm</b> focul în roșu sau un portocaliu roșiatic și îl <b>coborâm</b> sub corpul rachetei.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-22.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Centrul focului este mai cald, așa că hai să mai <b>desenăm</b> un rând de vârfuri, colorate acum în galben.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-23.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p><b>Opțional</b>, dacă racheta zboară, nu e în momentul lansării, selectăm totul și <b>rotim</b> un pic.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-24.png" alt="rachetuta cu inkscape" /></center> <p> </p> <h2>Înfrumusețare</h2> <p>Puțină înfrumusețare nu strică niciodată, hai să facem racheta ceva mai realistă (daca asta se poate numi "realism") si mai puțin desen. Eliminăm contururile (de exemplu folosind butonul <b>umplere și contur</b>) și folosind gradienți argintii pentru toate suprafețele metalice (facem asta folosind unealta pentru <b>gradienți</b>, <b>tragem</b> și <b>edităm</b> culorile.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-25.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Umplem totul cu <b>gradienți</b>, inclusiv flăcările și fereastra.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-26.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Selectăm flacăra interioară (cea galbenă) și de la <b>umplere și contur</b> <b>blurăm</b> puțin, pentru un aspect mai realist (și mai frumos).</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-27.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p><b>Blurăm</b> de asemenea și flacăra exterioară (roșie/portocalie). Și cam asta e tot.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-28.png" alt="rachetuta cu inkscape" /></center> <p> </p> <p>Acum racheta noastră e gata de lansare și de zbor. Până la stele și dincolo de ele!</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/rocket-inkscape/rocket-29.png" alt="rachetuta cu inkscape" /></center> <p> </p> <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> </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/torial" typeof="skos:Concept" property="rdfs:label skos:prefLabel">torial</a></li><li class="taxonomy-term-reference-5"><a href="/taguri/vectorial" typeof="skos:Concept" property="rdfs:label skos:prefLabel">vectorial</a></li></ul></div> Fri, 03 Dec 2010 11:57:47 +0000 Nicu Buculei 101 at http://fii-liber.ro http://fii-liber.ro/sa-desenam-o-rachetu%C8%9Ba-cu-inkscape#comments Hackergotchi cu GIMP http://fii-liber.ro/hackergotchi-cu-gimp <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>Scurt ghid despre crearea de capete plutitoare (<a rel="nofollow" href="http://en.wikipedia.org/wiki/Hackergotchi">hackergotchi</a>) ce pot fi afișate pe agregatoare de bloguri cum ar fi <a href="http://planet.fedoraproject.org">http://planet.fedoraproject.org</a>.<br /> Traducere și adaptare a unui <a href="http://howto.nicubunu.ro/gimp_hackergotchi/">tutorial</a> scris original în limba engleză.</p> <h2>Introducere</h2> <p>În general nu e nevoie de o imagine de calitate excepțională, va fi redusă la o dimensiune mică și i se va adăuga o umbră, așa că micile defecte nu se vor observa, dar bineînțeles, cu cât pornim de la o imagine mai bună, rezultatul va fi pe măsură. E de preferat să pornim de la o imagine de rezoluție mare pentru ca procesul să fie mai simplu și să nu avem nevoie de o mână foarte experimentată. Alegeți imaginea în primul rând în funcție de felul în care va reflecta personalitatea sau atitudinea, pentru că acesta este lucrul pe care vrem să îl scoatem în evidență aici.</p> <p>În acest ghid am folosit o imagine de calitate destul de slabă, făcută cu o cameră de telefon mobil, întrucât ne focalizăm pe unelte și pe metode și vrem să arătăm că oricine poate face la fel.</p> <!--break--><hr /><h2>Tăierea</h2> <p>În primul pas este nevoie să tăiem capul pe contur. Sunt disponibile diverse metode: (aveți grijă să adăugați un <b>canal alpha</b> stratului (layer), vrem ca regiunile șterse să devină transparente)</p> <h3>1. Bagheta magică (The Magic Wand)</h3> <p>Este utilă în special atunci când fundalul conține zone mari cu culori uniforme, în contrast puternic cu subiectul (nu este cazul cu imaginea din exemplul de aici). Folosiți "Select contiguous regions" și ajustați valoarea pragului (treshold) după nevoi.</p> <p><img src="http://howto.nicubunu.ro/gimp_hackergotchi/001.jpg" alt="001.jpg" title="001.jpg" style="width: 450px; height: 405px;" /></p> <h3> </h3> <h3>2. Tăiere dupa cale (Cut on path)</h3> <p>Folosiți "Select shapes from image". Eventual măriți (zoom in) imaginea și adăugați segmente scurte. Se obțin rezultate bune atunci când există contrast mare între fundal și figură.</p> <p><img src="http://howto.nicubunu.ro/gimp_hackergotchi/002.jpg" alt="002.jpg" title="002.jpg" /></p> <h3> </h3> <h3>3. Mască rapidă (Quick Mask)</h3> <p>Este o unealtă foarte puternică, ar putea fi prea mult pentru un simplu <b>hackergotchi</b>. Activați Quick Mask, ștergeți fața, dezactivati Quick Mask (off), inversați selecția și stergeți-o.</p> <p><img style="width: 450px; height: 504px;" src="http://howto.nicubunu.ro/gimp_hackergotchi/003.jpg" alt="003.jpg" title="003.jpg" /></p> <p> </p> <p><img src="http://howto.nicubunu.ro/gimp_hackergotchi/004.jpg" alt="004.jpg" title="004.jpg" style="width: 450px; height: 419px;" /></p> <p> </p> <p><img src="http://howto.nicubunu.ro/gimp_hackergotchi/005.jpg" alt="005.jpg" title="005.jpg" style="width: 450px; height: 419px;" /></p> <p>notă: am lăsat selecția nefinisată în mod intenționat, scopul acestui ghid este să fie rapid.</p> <h3> </h3> <h3>4. Ștergere</h3> <p>Aceasta este unealta pe care eu o folosesc cel mai mult. Selectați regiuni dreptunghiulare din fundal și stergeți-le. Apoi măriți (zoom in) și folosiți guma (eraser) pe contur.</p> <p><img src="http://howto.nicubunu.ro/gimp_hackergotchi/006.jpg" alt="006.jpg" title="006.jpg" style="width: 450px; height: 456px;" /></p> <p> </p> <p><img src="http://howto.nicubunu.ro/gimp_hackergotchi/007.jpg" alt="007.jpg" title="007.jpg" style="width: 450px; height: 384px;" /></p> <p>Bineînțeles, puteți folosi o combinație a uneltelor descrise mai sus.</p> <p>Rezultatul trebuie să arate cam așa:</p> <p><img src="http://howto.nicubunu.ro/gimp_hackergotchi/008.jpg" alt="008.jpg" title="008.jpg" /></p> <p> </p> <h2>Finisare</h2> <p>Micșorati imaginea, să zicem la 80x80 px sau 128x128 px. După micșorare imaginile devin încețoșate, așa că aplicați un filtru de claritate (sharpen).</p> <p><img src="http://howto.nicubunu.ro/gimp_hackergotchi/009.png" alt="009.png" title="009.png" /></p> <p> Adăugați o ușoară umbră (drop shadow).</p> <p>notă: mulți începători sunt tentați să folosească valorile implicite propuse de GIMP, NU faceți asta, sunt prea mari pentru un hackergotchi, folosiți valori mai mici. Aici am folosit deplasare de 2px pe axele X și Y și raza de 2px pentru blur.</p> <p><img src="http://howto.nicubunu.ro/gimp_hackergotchi/010.png" alt="010.png" title="010.png" style="width: 428px; height: 419px;" /></p> <p> </p> <p>O alternativă este să folosiți o umbră în perspectivă.</p> <p><img src="http://howto.nicubunu.ro/gimp_hackergotchi/011.png" alt="011.png" title="011.png" style="width: 428px; height: 413px;" /></p> <p> </p> <h2>Rezultat final</h2> <p>La sfârșit veți avea așa ceva:</p> <p><img src="http://howto.nicubunu.ro/gimp_hackergotchi/012.png" alt="012.png" title="012.png" /><img src="http://howto.nicubunu.ro/gimp_hackergotchi/dioanadgotchi.png" alt="hackergotchi" /></p> <h2> </h2> <h2>Încheiere</h2> <p>Daca vreți ceva special, NU urmați acest ghid și lăsați-vă imaginația să zburde, important e să obțineți ceva care să vă reprezinte <b>pe voi</b>.</p> </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/fotografie" typeof="skos:Concept" property="rdfs:label skos:prefLabel">fotografie</a></li><li class="taxonomy-term-reference-1"><a href="/taguri/gimp" typeof="skos:Concept" property="rdfs:label skos:prefLabel">gimp</a></li><li class="taxonomy-term-reference-2"><a href="/taguri/grafica" typeof="skos:Concept" property="rdfs:label skos:prefLabel">grafica</a></li></ul></div> Tue, 03 Aug 2010 13:24:59 +0000 Nicu Buculei 68 at http://fii-liber.ro http://fii-liber.ro/hackergotchi-cu-gimp#comments