Arhiva pentru tagul “Inkscape”

Tutoriale Inkscape pentru novici

Pe de o parte Inkscape este gratuit… pe de altă parte, 99% dintre videotutorialele pe care le găseşti pe internet sunt pentru Adobe Illustrator sau pentru Corel Draw, acestea din urmă fiind programe scumpe. Uneori, cu ceva efort, poţi lua un tutorial pentru Illustrator şi să aplici paşii în Inkscape, dar evident nu merge 100%. La urma urmelor, să admitem, Inkscape este încă în urma programelor comerciale, care dispun de unele opţiuni ce simplifică mult munca. Dar, în principiu, poate cu mai mult efort, poţi face totul şi cu Inkscape.

imagine

Problema e să ai de unde să înveţi. Am fost foarte-foarte bucuros când un prieten mi-a semnalat situl http://screencasters.heathenx.org/. Da, da, situl împlineşte în curând doi ani de când …


Inkscape: desenarea de spirolinii

Cu Inkscape se pot realiza decoraţii interesante, pornind de la (să le zicem) spirolinii (a nu se confunda cu spiralele). Pentru a desena o astfel de spirolinie selectaţi instrumentul Desenează curbe Bezier şi linii drepte (al 11-lea în bara din stânga) şi la opţiuni (bara de sus) asiguraţi-vă că e apăsat al doilea buton, cel descris cu Creează un traseu spiro. De asemenea la formă schimbaţi pe Triunghi descrescător. Trageţi apoi un “traseu spiro” în aceşti parametrii şi apoi mai jonglaţi cu nodurile până vă place. Se poate obţine ceva ca mai jos.

imagine

Observaţi că am activat panoul Editor de efecte de traseu (din taste cu Ctrl-Shift-7) unde vedem ce s-a aplicat de fapt: Spiro spline (toate nodurile sunt …


Inkscape: un soare simpatic

De fire sunt autodidact (legat de web, dar nu numai). Adică deşi am terminat Politehnica, pe vremea când se întâmpla aceasta nu se preda nimic legat de HTML, ce să mai spun PHP, ASP ş.a. Toate le-am învăţat mai târziu, niciodată cu vreun curs plătit, foarte rar cu cărţi (electronice sau nu) ci cel mai adesea studiind de pe web. Am început cu sursele paginilor HTML, după care am trecut la ASP şi PHP. În fine. Ce vreau să subliniez e că, în etapa de învăţare, copierea nu e niciodată ruşinoasă.

imagine

Sau cel puţin eu unul nu ştiu să existe altă cale de a învăţa decât copiind la început, dezvoltându-ţi stilul tău propriu mai apoi. Şi …


Inkscape: desenarea sferelor

Inkscape e un program de grafică 2D, dar muncind puţin pe umbre şi lumini se poate da impresia de 3D. Vă invit să vedem astăzi cum facem ceva elementar: nişte sfere. Sunt multe tehnici, în funcţie de realismul dorit fiind vorba de câţiva paşi sau zeci de paşi, de câteva elemente grafice sau mai multe, de 5 minute sau de 50. Cea mai banală sferă se poate realiza aşa după cum veţi vedea în screencastul următor: un cerc se umple cu gradient radial, mutând centrul undeva în stânga-sus. Un alt cerc îl avem umplut cu nuanţa dorită, dar cu transparenţă: când suprapunem cercul cu transparenţă peste cel cu gradient, deja e impresia de sferă. Mai rămâne să adăugăm un mic cerc alb, cu mult blur şi ceva transparenţă, ce dă impresia de iluminare.


Inkscape: cer cu stele

Astăzi vă propun să mai ne jucăm cu Inkscape, dar ca de obicei va fi pentru a învăţa câteva lucruri. Aţi observat că printre instrumentele din bara verticală este şi unul pentru poligoane şi stele. Comutarea se face simplu din bara orizontală, cu primele butoane de după textul Parametri. Pentru stele putem alege… câte colţuri vrem! Aş fi putut să ilustrez aici zeci de combinaţii, dar am rămas doar pe 5 colţuri. Vedeţi că sunt rotunjite? E parametri Rotunjit. La prima stea e 0,2. La următoarea stea e 0 şi drept urmare rotunjire zero (colţ ascuţit). În al treilea caz rotunjirea e 0,8. Valoarea poate urca peste 1… cu rezultate ciudate :) .

imagine

Avem apoi acel Spoke ration, netradus în interfaţă …


Inkscape: câteva subtilităţi în lucrul cu nodurile

În mod cert manipularea nodurilor în Inkscape e esenţială. Evident şi manevrarea curbelor, colorarea obiectelor, altele… dar primul pas trece prin noduri. Tocmai de aceea am şi scris despre “joaca cu nodurile” în unu şi două articole. Astăzi aş vrea să evidenţiez câteva aspecte mai subtile, dar cred eu foarte utile. Cei care lucrează de mult cu Inkscape le cunosc… ceilalţi aproape sigur nu. Şi începem cu o problemă ce m-a frământat la început: cum manipulezi mai multe noduri deodată? Desigur, le putem marca ţinând pe shift, iar apoi deplasarea se face în bloc: ducem unul spre stânga? merg toate spre stânga!

imagine

Dar dacă marcăm – vedeţi mai sus – nodul din stânga şi cel din …


Inkscape: desenăm un bebeluş

Tocmai am citit că Google indexează mai nou şi fişierele SVG. Un câştig important pentru acest format open source. În cele ce urmează vom crea un SVG cu un bebeluş, folosind Inkscape. Ţinând cont că nu avem text, Google nu are ce indexa :) aşa că anunţul din deschidere a fost doar un pretext să intrăm în temă. Deci: să pornim de la o elipsă (un cerc puţin deformat) pe care îl transformăm în traseu (vedeţi articolele anterioare) şi îi adăugăm două noduri, de-a stânga şi de-a dreapta. De ce? Din ele vom trage ceva ca nişte urechi (mai ajustăm ca să arate cât mai bine). Şi avem deja baza de pornire.

imagine

Desenăm apoi trei cercuri. Unul plin cu …


Prezentări direct în navigator cu Inkscape şi JessyInk

Folosind Inkscape şi extensia JessyInk, aveţi posibilitatea de a crea prezentări gen PowerPoint sau Impress, dar care să ruleze direct în navigatoarele compatibile cu standardul SVG. E important de menţionat acest aspect pentru că altfel, prezentarea nu va funcţiona. Navigatoarele care au implementat într-o măsură mai mare sau mai mică standardul SVG sunt: Opera (de la versiunea 8.0), Firefox (de la versiunea 2), Chrome şi Safari (ambele bazate pe Webkit al cărui suport pentru SVG datează din 2006). După cum observaţi, în bună tradiţie, Internet Explorer nu se grăbeşte să adopte un standard deschis şi liber. Au totuşi planuri pentru IE 9.

JessyInk este o extensie pentru Inkscape, scrisă în Python şi care foloseşte JavaScript pentru a transforma un document Inkscape într-o prezentare afişată în navigator. Practic, pentru a crea o astfel de prezentare, aveţi de parcurs paşii următori:

  • creaţi un document nou …


Inkscape: copierea (vectorizarea) imaginilor

Unul dintre lucrurile extraordinare – şi nu exagerez când spun extraordinar – pe care le permite Inkscape este “replicarea” unor imagini existente, sau mai corect vectorizarea unor imagini bitmap. Contexte sunt cu duiumul, credeţi-mă. Haideţi să pornim de la ceva practic: ne trebuie imaginea unui porumbel la… 3.000 pixeli lăţime. Câââât? Da. Probabil pentru tipar. O căutare pe Google ne va da câţiva porumbei, dar la dimensiuni mici. Nici o problemă cu Inkscape. Mai jos vedeţi cu gri, în plan secund, o imagine bitmap cu un porumbel, pe care am refăcut-o ca vector, imaginea din prim plan, cu linii negre clare.

imagine

Cum am făcut vedeţi în screencastul următor. Problema e că nu mă mişc suficient de rapid, şi 5 minute nu …


Inkscape 0.48 – cu încă un pas mai aproape de Corel DRAW şi Adobe Ilustrator

După cum v-a anunţat şi Radu, Inskape 0.48 a fost lansat zilele trecute. Echipa din spate şi-a propus să accelereze ritmul de dezvoltare al aplicaţiei oferindu-ne o nouă versiune la mai puţin de un an de la lansarea versiunii 0.47. Nu voi explica acum ce este Inkscape. Unul din articolele anterioare îl prezintă mai pe larg. În plus, articolele lui Radu v-au şi prezentat o parte din funcţii. Pentru cei care cunosc deja aplicaţia şi lucrează de mai multă vreme cu ea, mă voi rezuma la a vă prezenta câteva din noutăţile versiunii curente:

imagine

  • Editarea simultană a mai multor căi. Dacă în versiunea 0.47 unealta de editare a nodurilor permitea manipularea nodurilor …