субота, 17. октобар 2009.

Inkscape – Glossy icons

Kreiranje objekata 

Prvo promenite veličinu strane, File > Document properties i u kartici Page > Format kao page size izaberite icon 48x48. Zatim nacrtajte krug, u paleti alata Ellipse tool tooltips: Create circles elipses and arcs (F5 ili E) (da bi ste nacrtali krug iz centra držite pritisnut Shift+Ctrl). Zatim duplirajte dobijeni krug i obojte ga u sivo, Edit > Duplicate (Ctrl+D) i Object > Fill and Stroke pa u kartici Fill odaberite boju ili u paleti na dnu Inkscape prozora odaberite sivu. Smanjite duplirani krug za 4px, Path > Dynamic offset (Ctrl+J) i dobijeni čvor povucite ka centru kruga. Zatim, pretvorite duplirani krug u putanju, Path > Object to Path (Shift+Ctrl+C).


U paleti Alata izaberite Node tool tooltips: Edit path by nodes (F2 ili N) označite donji čvor duplirane kružnice i kursorskim tasterima (strelica↑) ga pomerite prema gore dok se ne izravna (kao na slici). Dobijeni oblik (forma gornjeg odsjaja) smanjite tako da ne prelazi polovinu kruga. Da bi ste objekat proporcionalno
smanjili, dok povlačite tačku Baunding box-a držite pritisnute tastere Shift+Ctrl. Duplirajte objekat i okrenite ga po vertikali. Ctrl+D, pa Object > Flip Vertical (V) i smanjite ga tako da stane u prvobitnu kružnicu (kao na slici).

Nakon toga napravite senku, izaberite početni krug otvorite paletu Object > Transform i u kartici Scale Postavite width: 50% i height: 10%. Dobijeni objekat postavite na dno prvobitnog kruga i postavite ga ispod svih objekata Object > Lower to Botom (End).



Boja, Gradient, Opacity 

Izaberite prvi krug sa Gradient tool-om tooltips: Create and edit gradient (Ctrl+F1 ili G) i ucrtajte gradient, zatim dvo-klikom na liniju gradienta dodajte još dva čvora. Odaberite prvi čvor od gore i dodelite mu boju RGBA 2b0022ff, drugom čvoru RGBA 550044ff, trećem čvoru RGBA d400aaff i četvrtom RGBA ff00ccff. Zatim odaberite objekat gornjeg odsjaja i primenite gradient od bele boje do transparencije, na objekat donjeg odsjaja primenite isti gradient samo u suprotnom smeru i u paleti Fill and Stroke (Shift+Ctrl+F) vrednost opacity: 84%. Na kraju odaberite krug senke i u paleti Fill and Stroke obojite ga u crno i postavite vrednosti blur: 45 i opacity 75%.
Kod ubacivanja teksta ili oblika na ikonicu bitno je da ona bude ispod objekata gornjeg i donjeg odsjaja kruga.



Provera izgleda i export 

Odaberite sve kružnice i grupišite ih Object > Group (Ctrl+G). Otvorite paletu Object > Align and Distribute (Shift+Ctrl+A) i postavite Relative to: Page i pritisnite ikonicu Center on vertikal axis, pa Center on horizontal axis, i objekat postavljen na centar strane. Sada pogledajte kako bi vaš objekat izgledao rasterizovan, View > Icon Preview... Ako ste zadovoljni dobijenim izgledom eksportujte objekat u bitmapu, otvorita paletu File > Export Bitmap... i u kartici Page > Filname odaberite destinaciju i ime PNG fajla.





Varijacije boja 

Najjednostavnija promena boje je ako u meniu Effects > Color izaberete More Hue i ponavljate dok ne dobijete odgovarajuću boju, ili možete eksperimentisati sa bilo kojim efektom iz grupe Color.


Napomena: Ako želite da ikonicu koristite u Windowsu ili Mac OSX, onda dobijeni PNG otvorite u GIMP-u i snimite sa ekstenzijom *.ico za Win ili *.icns za Mac OSX.

Download

Нема коментара:

Постави коментар

Популарни постови