Fii liber - poster http://fii-liber.ro/taxonomy/term/122 ro Ținutul magic al proiectului Fii liber http://fii-liber.ro/tinutul-magic-al-proiectului-fii-liber <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>În preajma aniversării unui an de existență a proiectului <a href="http://fii-liber.ro"><strong>Fii liber</strong></a>, am pregătit un afiș nou nouț pe care vrem să-l  împărțim cu voi. Vă invităm să-l descărcați, tipăriți sau afișați.</p> <p>Îl puteți descărca în format <a href="http://ceata.org/atasamente/descarca/527/poster-fii-liber-final.pdf"><strong>.pdf</strong></a>, în format <a href="http://ceata.org/atasamente/descarca/529/poster-fii-liber-final-hires.png"><strong>.png</strong></a> la rezoluție mare sau <a href="http://ceata.org/atasamente/descarca/528/poster-fii-liber-final.svg"><strong>sursa</strong></a> în format .svg.</p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p><center> <p><a href="http://ceata.org/atasamente/descarca/529/poster-fii-liber-final-hires.png"> <img alt="afiș fii liber" border="0" src="http://ceata.org/atasamente/descarca/531/poster-fii-liber-final-mic.png" /></a></p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p></center> <!--break--></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="/stiri" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Știri</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="/taxonomy/term/122" typeof="skos:Concept" property="rdfs:label skos:prefLabel">poster</a></li></ul></div> Thu, 05 May 2011 21:38:17 +0000 Alina Bordeianu 120 at http://fii-liber.ro http://fii-liber.ro/tinutul-magic-al-proiectului-fii-liber#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