Pozdrav onima koji odvoje vremena da nas pročitaju, juče smo pričali propusni opseg monitora i kreiramo (kao i uvijek) istaknutu sliku sa sadržajem koji smo kreirali sami. Zbog slike, neko nam se obratio putem e-maila i zamolio nas da im pokažemo kako da naprave ono što bi moglo biti pulsmetar. Mislili smo da je to odlična ideja pa ćemo danas pokazati kako da to napravimo pomoću besplatnog softvera i točnije: GIMP.
Ideja o stvaranju mjerača pulsa nam je prije došla kako bismo pokušali zamisliti da ćemo nešto izmjeriti digitalno, tako da smo u osnovi odabrali oblik i od njega "kreirali" navodni mjerač. U nastavku vam ostavljamo korake da postignete ovako nešto.
Kreiranje osnovnog oblika pomoću GIMP-a
Prvi korak nakon otvaranja Program GNU Image Manipulator (GIMP) je stvaranje nove slike.
Pa idemo na meni Arhiva » Nuevo ili ako, poput nas, volite kombinacije tipki, jednostavno ih koristite CTRL + N. Mi biramo veličinu koju želite, ali da vam pokažemo koristićemo 640×400 piksela što nije ni veliko ni malo.
Odabiremo boju koju želimo klikom na okvir za boju i odabirom željene boje, a zatim prevlačimo boju iz okvira u prozor sa slikom. Kada je ovo urađeno, nastavljamo sa kreiranjem novog sloja sa transparentnošću (preporučuje se rad sa slojevima kako bi se ubrzao mogući proces korekcije bez gubitka posla). Da kreirate novi sloj, kliknite na gnijezdo sloja gdje ima znak za dodavanje ili pritisnite SHIFT + CTRL + N tako da dobijemo nesto ovako:
Sada imamo novi transparentni sloj i radeći na njemu stvaramo osnovni oblik koji će se koristiti za sklapanje mjerača. Najbliža stvar toj opremi koju poznajemo je elektronska oprema koja ima kružni ekran pa uzimamo eliptični alat za odabir (E) i kreiramo krug na prozirnom sloju koji ispunjavamo bilo kojom bojom kako bismo imali osnovni oblik za rad.
Kreiranje tijela tima
Ponovo kreiramo novi sloj, ali ovaj put ne moramo kreirati obim, već ćemo koristiti osnovni oblik i od toga ćemo kreirati ono što bi bilo tijelo ili rub tima. Da bismo to učinili, desnim klikom kliknemo na sloj s osnovnim oblikom i tražimo opciju “Alpha to Selection” u iskačućem izborniku.
Nakon odabira osnovnog oblika vraćamo se na novi sloj koji smo kreirali, ali prije nego što ga popunimo bojom idemo u meni Izaberite i koristimo opciju Shrink o Smanji sa vrijednošću od 1 piksela. Odaberemo boju koju želimo za novi sloj i ispunimo ga.
Do ove tačke imamo osnovni oblik tamne boje i još jedan sloj sa tijelom tima u drugoj boji (po mogućnosti kontrastne boje s pozadinom). Nalazimo se na sloju osnovnog oblika i idemo filter » Blur » Gaussian blur sa vrijednošću od 5 piksela i već imamo efekat sjene, rezultat bi trebao biti manje-više ovaj:
Stvaranje unutrašnjosti tima
Na redu je kreiranje unutrašnjosti opreme, što je zapravo i najteže jer ćemo koristiti slojeve maske, šare punjenja i mali optički trik kako bismo dali dojam volumena i simulirali klasični akrilni poklopac.
Za kreiranje unutrašnjosti kreiramo novi sloj i vraćamo se istom operacijom. Alfa odabiru samo sada koristimo sloj timske granice. Vraćamo se na novi sloj iu meni Izaberite » Smanji Koristimo veličinu od oko 5 piksela, a zatim tražimo boju koju ćemo koristiti za pozadinu ekrana računara.
Popunjavamo bojom i nastavljamo da kreiramo ono što bi bila skala opreme, koja u „GIMP jeziku“ ne ide dalje od mreže. Kreiramo novi sloj i to ćemo Filteri » Rendering » Patrón » Stalak Odaberemo boju (po mogućnosti zelenu) koja je u kontrastu s pozadinom kompjutera i primjenjujemo efekat.
Popuna se kreira kao mreža, ali pokriva cijeli sloj pa ga moramo iseći tako da bude samo na unutrašnjoj strani ekrana računara.
Za presecanje mreže vraćamo se na Alfa odabiru koristeći kao osnovu pozadinski sloj tima (onaj koji smo stavili zeleno) i onda idemo na Izaberite » Obrni odabir ili ako pritisnemo CTRL + I kada je to urađeno, pritisnemo tipku DELETE i voila… mreža se prilagođava našem navodnom ekranu.
Da bismo poboljšali adaptaciju, mijenjamo slojevi režima mreže iz normalan a hrabrost i snižavamo neprozirnost na 40% da oduzmemo malo "snage".
Ekran našeg tima
U našoj navodnoj opremi ćemo mjeriti impulse simulirajući filmove u kojima prikazuju pokrete pacijenata pomoću linije, tako da nastavljamo da kreiramo našu mjernu liniju sa odgovarajućim efektom. Za kreiranje linije koristit ćemo alat Putevi a zatim ćemo kreirati liniju od rute koju smo kreirali.
Prvo biramo boju koju želimo za Rutu. Mi biramo alat Ruta i crtamo oblik koji želimo da mu damo.
Jednom oblik koji želimo dati Ruta zatim koristimo opcije alata da kreiramo liniju duž cijele rute koju smo definirali
Ono što bi nam ostalo je manje-više ovako:
Nakon što je ruta iscrtana, dupliramo sloj linije (koji po mogućnosti koristimo bojom koja se ističe na našem ekranu) i pravimo filter » Blur » Gaussian blur i prelazimo na rad na sloju linije iznad.
Da bismo dali neprozirni efekat Pulsu kreiramo masku sloja (desni klik na sloj » Dodajte masku sloja) i odaberite zadane vrijednosti boja (D). Ovo će staviti bijeli okvir pored našeg sloja.
Kasnije mijenjamo boje prednjeg plana (bijela) i pozadine (crna), kliknite desnim klikom na novi sloj i odaberite Prikaži masku sloja. Ovo će nas ostaviti praznim, ali ne brinite. Mi biramo Gradient Tool (moramo imati označenu opciju Bilinearni gradijent) i crtamo liniju i primjenjujemo je od centra sloja vodoravno prema vanjskoj strani sloja.
Poništavamo opciju Prikaži masku sloja. Ako pogledamo dijalog slojeva, vidjet ćemo nešto poput ovoga:
Kada to učinimo vidimo da se naša gornja linija ponovo pojavljuje i rezultat izgleda prilično dobro.
Obratite pažnju da sada ivice linije imaju neku vrstu gradijenta, kao da bledi. Ovo naravno može biti mnogo bolje.
Akrilni poklopac opreme
Kao što smo spomenuli na početku, stvorit ćemo iluziju da ima prozirni akrilni sloj, koji daje pojam volumena opremi, tako da će nam trebati sloj sjaja da simuliramo akril, kao i njegovu unutrašnju sjenu.
Da bismo postigli unutrašnju sjenu, kreiramo novi sloj i radimo korak Alfa odabiru koristeći pozadinski sloj ekrana, onda se vraćamo na novi sloj i smanjujemo (Select » Shrink) sa vrijednošću od 1 piksel.
Kada se izbor smanji, popunjavamo ga crnom bojom. Kasnije, na istom crnom sloju, radimo korak Alfa odabiru i vraćamo se na Select » Shrink this time sa vrijednošću od 2 piksela. Vidjet ćete da nam je ostao crni krug, primjenjujemo a filter » Blur » Gaussian blur sa vrijednošću 5 sa kojom dobijamo nešto ovako:
Red je da kreiramo akrilni omot za koji kreiramo novi sloj i radimo isti korak. Alfa do odabira koristeći pozadinski sloj ekrana kao osnovu.
Mi biramo alat Degradirano stavljajući bijelu boju na crnu, a u opcijama biramo oblik linearan i gradijent od Ispred Transparentnosti, Zatim ga primjenjujemo od vrha do dna pokušavajući imati što vertikalniji oblik:
Da bismo dali bolji izgled, smanjit ćemo veličinu svjetlucavog sloja kako bismo ga učinili manjim i učinili da izgleda kao da je akrilna sfera, čime završavamo naš tutorijal s potpunim rezultatom:
To je to za naš skromni tutorijal, nadamo se da ćete se uzbuditi i pokušati to učiniti.
Vrlo zanimljiv članak. Kad budem mogao, uradiću to. 🙂
PS: To se zove elektrokardiogram.
Znao sam da se zovu osciloskopi.
Elektrokardiogrami su primena osciloskopa koji se koristi za grafički prikaz rada srca, zbog čega imaju "kardio" između.
Ali osciloskopi mogu imati hiljade aplikacija u seizmologiji, elektronici, zvuku itd.
moja majka *o*
Kakav dobar tutorijal, daje mi ideje za mnoge druge stvari 😀
Hvala ti Elav!!!
Veoma dobar tutorijal…
Čestitam
Dobar tutorijal. Mnogo me podseća na ono što sam uradio sa CorelDraw-om i Illustratorom sa tim ikonama.
Dobro… ali iako ne komentiram puno (i provodim više vremena na GUTL-u) imam i nalog ovdje na DesdeLinux. Vidim da ste pratili tutorijal jer u originalu nisam stavio interfejs šablona mreže ili bilo šta slično ali na vaš način izgleda mnogo bolje jer je objašnjenije i bolje se razume.
Da, istina je da ovdje imate račun ^.^
veoma dobro
Sa ovim objavama mi je više nego jasno da mogu i bez phtoshopa.
Hvala gracias
Još uvijek nisam napustio Illustrator ili InDesign.
I nikog ne zanima tvoj problem 😛 Odnesi drva i eliotime3000 na lomaču!!! XD
Vrlo dobar tutorijal, GIMP je definitivno odličan alat.
Pitanje: koju temu koristite na svom Linux sistemu, super je, voleo bih da je nabavim molim vas.
Hvala i pozdrav…
KDE sa kiseonikom... to jest, podrazumevano. Ono što se dešava je da promijenim boje i izaberem shemu koja se zove Chrome 😀
Super, samo jedno pitanje, kako da ga instaliram u Ubuntu 14.04 koristeći Flashback Session, već sam instalirao kiseonik-gtk 2 i 3 u softverskom centru, ali nemam dekoraciju prozora :-/ samo gtk temu ali nema t promijenite dugmad naslova.
Pozdrav.
Stvar je u tome što je Oxygen iz KDE-a. Postoje teme koje se mogu oponašati, ali nikada neće biti isto.. 🙁
Zar ne bi bilo lakše to učiniti u Inkscapeu? Također ste stekli prednost da možete skalirati konačni rezultat kako želite.
Tačno, da ne omalovažavam Gimp, ali Inkscape je pravi alat za ovo.
Da budem iskren…. Nikada u životu nisam otvarao Inkscape, pa nisam mogao odgovoriti da li je lakše ili ne. Istina je za skaliranje rezultata, ali nemam pojma kako raditi vektorski, tako da se i dalje držim GIMP-a xD
Uradio bih to u Inkscapeu, ali post nije baš moj. Osim toga, sa GIMP-om sam naučio par stvari koje nisam znao 😀
Onda bih volio da neko uradi ovako nešto u inkscapeu pa da ih uporedim, odnosno težinu, oštrinu itd. kreacije u inkscapeu i gimpu... i ako nije previše pitati to postavili su korak-po-korak tutorijal o tome kako to učiniti da vide da li je neko nešto shvatio xD.
Moram da probam, hvala puno, jako je dobar 😀