Fii liber - arta http://fii-liber.ro/taguri/arta ro The Tube Open Movie - Un nou film liber de Bassam Kurdali http://fii-liber.ro/the-tube-open-movie-un-nou-film-liber-de-bassam-kurdali <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 class="rtejustify"><a href="http://www.elephantsdream.org/">Elephants Dream</a> (ro. „Elefanții visează”), primul film liber regizat de Bassam Kurdali, a demonstrat că se pot crea filme libere de calitate bună folosind programe libere. <a href="http://urchn.org/post/kickstarter-campaign-launched">The Tube Open Movie</a> (ro. filmul liber „Tubul”) este un experiment nou care dorește să unifice artele libere și tehnologiile libere printr-un proces de colaborare distribuită.</p> <p class="rtejustify"><img alt="" src="http://fii-liber.ro/sites/default/files/the_tube_open_movie.jpg" style="width: 250px; height: 188px; float: right; border-width: 0pt; border-style: solid; margin: 10px;" /><br /> 56 de artiști din 22 de țări din grupul <a href="http://urchn.org/about">Urchn</a> condus de Bassam au lucrat la acest proiect în ultimii trei ani. Ei doresc sa termine proiectul în următoarele 7 luni. Dar pentru acest lucru au nevoie de fonduri și au ales să încerce să le obțină prin <a href="http://urchn.org/post/kickstarter-campaign-launched">finanțare colectivă</a> (en. crowd-funding). Perioada în care se pot efectua donații este de 30 de zile. Pentru ca donațiile să se finalizeze este nevoie ca suma tuturor donațiilor să depășeașească pragul de 22.000 $. Dacă acest prag nu este depășit, firma care intermediază colectarea fondurilor nu va efectua nicio tranzacție iar banii nu vor ajunge în contul proiectului „The Tube Open Movie”, ci vor fi înapoiați donatorilor. Acest prag garantează finanțarea și finalizarea proiectului în intervalul specificat. Dacă suma va fi depășită, vor fi angajați mai mulți animatori și artiști pentru a eficientiza realizarea proiectului.</p> <!--break--> <p class="rtejustify">Echipa de creație folosește doar tehnologii libere: sistemul de operare liber <a href="http://www.gnu.org/gnu/linux-and-gnu.html">GNU/Linux</a> și programele libere incluse în distribuțiile sale, cum sunt: <a href="http://www.blender.org/">Blender</a>, <a href="http://www.gimp.org/">GIMP</a>, <a href="http://inkscape.org/">Inkscape</a>, <a href="http://www.pitivi.org/">PiTiVi</a>, <a href="http://www.libreoffice.org/">Libre Office</a>, <a href="http://www.python.org/">Python</a>, <a href="http://subversion.apache.org/">Subversion</a> și multe altele. Fiind o animație tridimensională, aceasta va fi creată din obiecte, texturi, personaje și alte elemente ce pot fi folosite ulterior de oricine în orice scop. De obicei acestea sunt păzite cu strictețe de companiile care le dezvoltă. Filmul și toate componentele sale vor fi publicate sub licența <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Atribuire și Distribuire în condiţii identice</a>, licență care permite reutilizarea și modificarea acestora, fără să necesite un acord din partea autorilor.</p> <p> Filozofia programelor libere reflectă foarte bine firul epic al filmului, care este inspirat din epopeea lui <a href="http://ro.wikipedia.org/wiki/Ghilgame%C8%99">Ghilgameș</a>, una dintre cele mai vechi lucrări de literatură. Ghilgameș este un conducător războinic din Mesopotamia care caută nemurirea și eșuează, dar ajunge să înțeleagă că soarta omului nu este să trăiască veșnic, ci numele să-i fie purtat de operele sale în generațiile următoare. Epopeea lui Ghilgameș a inspirat mai mult de o sută de lucrări moderne de artă și este o sursă de inspirație foarte bună pentru un proiect care dorește sa promoveze libertățile de a copia, modifica și distribui creația (în original sau modificată) oricui dorește să o folosească în orice scop.</p> </div></div></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/3d" typeof="skos:Concept" property="rdfs:label skos:prefLabel">3d</a></li><li class="taxonomy-term-reference-1"><a href="/taguri/blender" typeof="skos:Concept" property="rdfs:label skos:prefLabel">blender</a></li><li class="taxonomy-term-reference-2"><a href="/taguri/gimp" typeof="skos:Concept" property="rdfs:label skos:prefLabel">gimp</a></li><li class="taxonomy-term-reference-3"><a href="/taguri/inkscape" typeof="skos:Concept" property="rdfs:label skos:prefLabel">inkscape</a></li><li class="taxonomy-term-reference-4"><a href="/taguri/arta" typeof="skos:Concept" property="rdfs:label skos:prefLabel">arta</a></li><li class="taxonomy-term-reference-5"><a href="/taguri/film" typeof="skos:Concept" property="rdfs:label skos:prefLabel">film</a></li><li class="taxonomy-term-reference-6"><a href="/taxonomy/term/168" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Grafică cu programe libere</a></li><li class="taxonomy-term-reference-7"><a href="/taxonomy/term/138" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Arte libere</a></li><li class="taxonomy-term-reference-8"><a href="/taxonomy/term/143" typeof="skos:Concept" property="rdfs:label skos:prefLabel">arta libera</a></li><li class="taxonomy-term-reference-9"><a href="/taguri/creativecommons" typeof="skos:Concept" property="rdfs:label skos:prefLabel">creativecommons</a></li></ul></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="/stiri" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Știri</a></li><li class="taxonomy-term-reference-2"><a href="/tehnologie" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Tehnologie</a></li></ul></div> Fri, 20 Apr 2012 14:11:45 +0000 andreicristianpetcu 192 at http://fii-liber.ro http://fii-liber.ro/the-tube-open-movie-un-nou-film-liber-de-bassam-kurdali#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 Carcalaci Pac-Man cu Inkscape http://fii-liber.ro/carcalaci-pac-man-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><img align="right" border="0" alt="" src="http://nicubunu.ro/pictures/pacman-wink.png" /> Azi ne vom amuza puțin folosind programul pentru grafică vectorială <a href="http://inkscape.org">Inkscape</a> pentru a desena niște personaje amuzante, asemănătoare cu inamicii, numiți "stafii" ("ghosts") din celebrul joc clasic <a rel="nofollow" href="http://en.wikipedia.org/wiki/Pac-Man">Pac-Man</a>.</p> <p>Procesul este destul de ușor, începe cu puțină editare de noduri care este, de fapt, cea mai grea parte și apoi continuă cu elipse, gradienți și ceva „blur” (neclaritate).</p> <!--break--><p>Desenăm un <b>cerc</b> folosind unealta pentru <b>elipse</b> (ținând tasta <b>Ctrl</b> apăsată pentru a obține un cerc) și apoi convertim cercul în cale (<b>Path &gt; Object to Path</b>).<br /> Trecem la <b>editarea nodurilor</b> și adăugăm (prin dublu clic) două noduri lângă nodurile existente în marginile din stânga și dreapta ale cercului.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/inkscape_pacman_baddies/pacman01.png" alt="[pacman]" /></center> <p> </p> <p>Selectăm cele două noduri nou create (cu <b>Shift</b>) și le <b>tragem</b> în jos (ținând tasta <b>Ctrl</b> apăsată pentru a limita mișcarea la verticală).</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/inkscape_pacman_baddies/pacman02.png" alt="[pacman]" /></center> <p> </p> <p>Selectăm nodul nou creat din stânga și nodul de jos și apăsăm de două ori butonul pentru <b>inserarea unui nod nou</b>. Selectăm nodul din dreapta și pe cel de jos și repetăm operația (două inserări de noduri). Fiecare segment va fi împărțit prin 3 noduri noi. Pentru a simplifica puțin, putem să ștergem nodurile de segmentare din stânga și din dreapta.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/inkscape_pacman_baddies/pacman03.png" alt="[pacman]" /></center> <p> </p> <p>Selectăm (cu <b>Shift</b>) cele două noduri din stânga și dreapta cele mai apropiate de nodul de jos și le <b>mutăm</b> puțin în sus (cu tasta <b>Ctrl</b> apăsată pentru a limita mișcarea la verticală).<br /> Am obținut forma de "stafie".</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/inkscape_pacman_baddies/pacman04.png" alt="[pacman]" /></center> <p> </p> <p>S-a terminat partea dificilă: avem forma elementară a stafiei, putem adăuga ochi (un cerc alb și unul negru pe care le duplicăm) și am obținut un <b>carcalac Pac-Man simplu</b>.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/inkscape_pacman_baddies/pacman05.png" alt="[pacman]" /></center> <p> </p> <p>Dar vom încerca ceva mai arătos: <b>duplicăm</b> forma stafiei și colorăm duplicatul în <b>negru</b>. Înlocuim culoarea neagră cu un <b>gradient radial</b> mergând de la negru <b>complet transparent</b> la centru către negru <b>parțial transparent</b> la margini. Mutăm centrul gradientului în sus și la stânga pentru a ilustra sursa de lumina.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/inkscape_pacman_baddies/pacman06.png" alt="[pacman]" /></center> <p> </p> <p>Pentru <b>ochi</b> creăm un <b>cerc</b> alb, îl duplicăm și colorăm duplicatul cu același gradient radial. Adăugăm un <b>cerc</b> mai mic negru. Le grupăm, duplicăm grupul și am obținut și al doilea ochi.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/inkscape_pacman_baddies/pacman07.png" alt="[pacman]" /></center> <p> </p> <p>Adăugăm o <b>strălucire</b>: creăm o <b>elipsă</b> albă, o mutăm în partea din stânga sus, o rotim puțin, îi aplicăm <b>„blur”</b> și îi reducem <b>opacitatea</b>.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/inkscape_pacman_baddies/pacman08.png" alt="[pacman]" /></center> <p> </p> <p>Opțional, putem crea și o a doua strălucire în același fel.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/inkscape_pacman_baddies/pacman09.png" alt="[pacman]" /></center> <p> </p> <p>Pentru mai mult realism vom adăuga și o <b>umbră</b>: o <b>elipsă neagră</b> în partea de jos, o mutăm sub restul imaginii și o umplem cu un <b>gradient radial</b> mergând de la negru <b>solid</b> la centru, la negru <b>parțial transparent</b> la margini.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/inkscape_pacman_baddies/pacman10.png" alt="[pacman]" /></center> <p> </p> <p>Puțin <b>„blur”</b> la umbră și e <b>gata</b>.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/inkscape_pacman_baddies/pacman11.png" alt="[pacman]" /></center> <p> </p> <p>Variante de colorare sunt simplu de obținut: duplicăm ticălosul și schimbăm culoarea formei inițiale de stafie.</p> <p></p><center><img border="0" src="http://howto.nicubunu.ro/inkscape_pacman_baddies/pacman12.png" alt="[pacman]" /></center> <p> </p> <p>în loc de o culoare solidă pentru forma de baza a stafiei putem folosi o textură (folosirea texturilor nu e acoperită în acest tutorial):</p> <p></p><center><a href="http://clipart.nicubunu.ro/?gallery=pacman"><img border="0" src="http://clipart.nicubunu.ro/png/pacman/stripes.svg.png" alt="pacman" /></a> <a href="http://clipart.nicubunu.ro/?gallery=pacman"><img border="0" src="http://clipart.nicubunu.ro/png/pacman/camouflage.svg.png" alt="pacman" /></a> <a href="http://clipart.nicubunu.ro/?gallery=pacman"><img border="0" src="http://clipart.nicubunu.ro/png/pacman/bricky.svg.png" alt="pacman" /></a></center> <p> </p> <p>O altă posibilitate, de asemenea nu e acoperită aici, este să creăm în aceeași manieră diverse forme (mai multe sunt disponibile în <a href="http://clipart.nicubunu.ro/?gallery=pacman">colecția de clipart</a>, sub licență liberă):</p> <p></p><center><a href="http://clipart.nicubunu.ro/?gallery=pacman"><img border="0" src="http://clipart.nicubunu.ro/png/pacman/girl.svg.png" alt="pacman" /></a> <a href="http://clipart.nicubunu.ro/?gallery=pacman"><img border="0" src="http://clipart.nicubunu.ro/png/pacman/ninja.svg.png" alt="pacman" /></a> <a href="http://clipart.nicubunu.ro/?gallery=pacman"><img border="0" src="http://clipart.nicubunu.ro/png/pacman/pirate.svg.png" alt="pacman" /></a></center> <p> </p> <p>Bineînțeles că puteți folosi tehnicile învățate mai sus pentru orice alt tip de desene: bile de cristal, butoane de folosit pentru pagini „web”, iconuri... imaginația voastră este singura limită.</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/inkscape" typeof="skos:Concept" property="rdfs:label skos:prefLabel">inkscape</a></li><li class="taxonomy-term-reference-1"><a href="/taguri/arta" typeof="skos:Concept" property="rdfs:label skos:prefLabel">arta</a></li><li class="taxonomy-term-reference-2"><a href="/taguri/desen" typeof="skos:Concept" property="rdfs:label skos:prefLabel">desen</a></li><li class="taxonomy-term-reference-3"><a href="/taguri/jocuri" typeof="skos:Concept" property="rdfs:label skos:prefLabel">jocuri</a></li></ul></div> Wed, 17 Nov 2010 15:21:05 +0000 Nicu Buculei 98 at http://fii-liber.ro http://fii-liber.ro/carcalaci-pac-man-cu-inkscape#comments