PDA

View Full Version : Winterboard Theming, Custom Icons Tutorial (za totalne početnike)



Iceshade
22-02-2012, 23:35
Ne bi bilo loše da tema zaživi i pretvori se u kompletne A-Z tutorijale za svaki deo iOS theminga.
Sad da li cepkati thread za svaki novi tutorial ili sve trpati ovde to će ostati na adminima pošto teme ovakvog tipa ako se uključi dovoljan broj ljudi znaju da budu poprilično dugačke.
Evo za početak jednog kompletnog uputstva za pravljenje i ubacivanje custom ikonica u vaše teme.

Od alata za ovaj tutorial biće vam potrebni:

- .plist editor, ima ih dosta na netu google vam je jos uvek prijatelj npr.
http://www.softpedia.com/get/Programming/File-Editors/plist-Editor-for-Windows.shtml
- iFunBox ili bilo koji drugi program za pregled svih fajlova telefona, ja sam se navikao na ovaj, a može i bilo koji drugi koji Vi (umete, volite) da koristite
http://www.i-funbox.com/
- program za obradu slika, sad za jednostavne prepravke može bilo koji program za obradu slika čak i paint može da posluži, naravno za ozbiljnije zezanje preporuka je PhotoShop CS3 ili noviji,
PS je profesionalni program za obradu slika i skoro svi ste čuli za njega iako izgleda "jezivo" komplikovan, par osnovnih funkcija (neke ću pokazati ja ovde) ćete naučiti da koristite vrlo brzo.
Za novu verziju trk na Vaš omiljeni site ja npr volim
http://thepiratebay.se/ ili
http://tehparadox.com/ mada ovaj zadnji ne mogu da otvorim već par dana
pa postoji mogućnost da su ga poSOPA-PIPili :(

3..2...1... krećemo ...

Sve teme koje skinete sa Cydia se po default-u smeštaju na telefon na sledeću putanju (root)//Library/Themes, unutar tog foldera će biti vaša tema i sve njene modifikacije, lock screen, glow efekat za ikone,
custom ikone itd, sve ono što se obično pojavi u winterboardu uz neku temu koju skinete. Obratite pažnju da winterboard radi na principu "slojeva" tako da ako hoćete da neki efekat "pregazi" nešto iz originalne teme taj efekat morate u winterboardu postaviti iznad originalne teme (slika: npr glow efekat je dodat i custom ikone će pregaziti originalne iz teme, oba efekta su iznad teme koja je na dnu).


http://img716.imageshack.us/img716/3644/32399963.png http://img855.imageshack.us/img855/7726/img1033.png


Skinuli ste novu temu, sve je ok, tema bi bila savršena ali Vam sreću kvari izgled te tri ikonice koje nikako nisu po Vašem ukusu, a i ovaj novi program sa AppStore-a ima baš bezveznu ikonu.
Bez nervoze, sedite za komp i "načestitajte im se mile nove godine...".

Napravite na desktopu novi folder, nazovite ga kako god hoćete (taj naziv će se pojaviti u winterboardu kao opcija pa je poželjno da ga nazovete nekako da Vas podseća šta je to, ako imate par tema
vrlo lako se može desiti da imate preko 20-30 naziva) i dodajte na kraju ekstenziju .theme, npr "moje ikone.theme" a unutar njega novi folder koji nazovite "Bundles" (veliko slovo na početku i naravno
bez navodnika). Inače većina stvari u vezi tema je "case sensitive" pa obratite pažnju na velika i mala slova.


http://img844.imageshack.us/img844/8967/18510107.png




Sledeće je da utvrdite da li je ikonica koju želite da menjate "default(original)" ikona ili ju je tema koju ste instalirali promenila, od ovoga zavisi i način na koji menjate ikonu.
http://img818.imageshack.us/img818/9317/81717850.png


Ajmo da krenemo od lakšeg, instalirali ste temu recimo EPHD iOS5, tema je skinovala (presvukla) Default ikone, dobili ste sve Custom ikone, ali Vam se npr ne sviđa Cydia ikona.
Prikačite telefon na komp, upalite iFunBox i otvorite sledeću putanju (Raw File System) //Library/Themes/EPHD iOS5.theme/Bundles.
Folderi koji se nalaze unutar Bundles foldera se inače zovu i "Bundle Identifyer" i jedinstveni su za svaku aplikaciju koja se nalazi na telefonu i predstavljaju svojevrstan jedinstven "otisak" svake aplikacije, više o njima u drugom načinu promene Default ikonica.
Znači unutar Bundeles foldera potražimo pod-folder sa imenom com.saurik.Cydia, otvorimo ga (dvoklik na ime sa leve strane) i u desnom prozoru se pojave ikonice.
Njih bude od teme do teme, zavisi da li je tema samo HD, ili SD ili kombinovano ili za iPad itd. Nas u glavnom zanimaju (na našem primeru) icon.png je SD varijanta i nju menjate ako imate stariji iuređaj
ili [email protected] HD varijanta za novije uređaje.



http://img708.imageshack.us/img708/4969/87991108.png


Ubacite ikonu u program za obradu slike, doradite po vašem ukusu, ili čak u otvorenom folderu pogledajte često i sami autori stavljaju alt-zamenske ikone pa Vam se možda dopadne neka,
zamenite je sa originalnom i završili ste posao, vodite računa da nova ikona mora da se zove identično kao ona koju menjate i to da ako reimenujete unutar samog iFunBoxa nova ikona će
prilikom rename-a obrisati staru, pravite bekape uvek ili radite sve na desktopu pa vratite na telefon.
Posle zamene ove ikone (ikona), respringujte telefon i to bi trebalo da bude to, nova ikona će zameniti staru koja Vam se nije svidela :vb_happy::vb_happy::vb_happy:



Vraćamo se sada na zamenu Default ikona i na folder koji ste napravili na početku na desktopu.
Skinuli ste novi program ili aplikaciju, ne sviđa Vam se ikona, pretražili ste ceo Bundles folder ali tamo niste našli ikonu koju bi ste zamenili drugom.
Prikačite telefon na komp, otvorite iFunBox, potražite aplikaciju u jednoj od dve putanje, zavisi od toga da li tražite AppStore & Installous aplikaciju ili Cydia aplikaciju.


http://img163.imageshack.us/img163/9056/41327581.png



Uzmimo za primer iGo Europe aplikaciju koja je u User Applications, dvoklik na njenu ikonu sa desne strane nas dovodi u samu aplikaciju, tu se nalaze razni delovi aplikacije, programski
kod, razne slike, loading screenovi (hint, hint, Vaše ime i Vaš logo pri pokretanju programa) i koješta još, ono što nama treba je fajl koji se zove iTunesMetadata.plist
U tom fajlu je mnoštvo podataka koji identifikuju izdavača aplikacije na AppStore i žanr aplikacije, kupca i slične stvari. Otvorite fajl u .plist editoru, ili u običnom notepadu, ono što treba da
vidite treba da izgleda otprilike ovako:


http://img607.imageshack.us/img607/6951/98403013.png


Potražite liniju <key>softwareVersionBundleId<key>, linija ispod (vidi sliku) je bundleID koji nama treba, zapišite ga (case sensitive) ili ga jednostavno kopirajte i napravite na desktopu folder
koji ćete nazvati upravo kao što ste zapisali, u našem slučaju folder bi se zvao nng.igomyway.world1, zatim ga ubacite u Bundles folder. Sada još samo treba da vidimo kako aplikacija "čita"
ikonice (nisu uvek icon.png ili [email protected]) a to se najlakše pogleda u samom programu. Dvoklik na iGo ikonu u našem programu treba da otkrije nešto ovakvo:

http://img441.imageshack.us/img441/1152/89249840.png

Znači da bi ikone radile u vašoj temi unutar nng.igomyway.world1 foldera mora da budu i dve (ili jedna samo za vaš iuređaj) ikone koje se zovu logo.png ili [email protected].
Ovim sistemom možete izmeniti sve ikone koje Vas nerviraju ili remete temu koju ste instalirali.
Ostaje na kraju još samo da ceo folder "moje ikone.theme", ubacite u //Library/Themes i odaberete ga iz Winterboarda, prednost ovakvog načina je što jednom urađene ikone uvek imate u telefonu i
možete ih odabrati uz svaku novu temu koju upotrebite.
Kombinacijom gore navedenih metoda može se napraviti stvarno čudo, za početak ovo će biti dovoljno da Vas zainteresuje za iPhone theming svet, a posle ćete već sami kombinovati delove iz raznih tema
spajajući ih u jednu svoju i slične stvari.

p.s. imao sam u planu da "bacim" i kratak PhotoShop osnovni tutorial ali sam već "umro" pišući ovo a i moja ženka oće da me strelja, čeka ceo dan da klikće ona sr*** po Facebook-u :D:P:no:

Poz svima do nekog novog tutorijala, očekujem i ostale kreativne članove da bace neke tajne koje su čuvali ljubomorno samo za sebe :embarrassed:

Chuckie
23-02-2012, 01:02
Koji si ti kralj, hvala za sve! Sad si mi napravio mnogo posla haha
Neću spavati dok one 3 teme ne naštelim, da ne govorim o Color Keyboardu. :D


Sent from my iPhone using Tapatalk

Tisma79
23-02-2012, 01:52
Svaka cast za tutorijal, cim dobijem pravo na THANKS dobijas isti :yes:, ako mozes edituj zadnje dve slike da budu malo jasnije (da ne moram da zumiram na ctrl+scroll misa). Thx jos jednom.

MarkoS
25-05-2012, 13:56
Ikona iBooks nece da se promeni. Proverio sam u iTunesMetadata.plist isoftwareVersionBundleId je dobar, naziv ikona je dobar, ali mi stalno izbacuje staru ikonu sa maskom od teme koju stavljam. Cak sam i u samoj aplikaciji zamenuo ikonu ali opet nista. Gde gresim?

Iceshade
27-05-2012, 01:44
U toj tvojoj temi moras u Bundles folderu da imas folder koji se zove com.apple.iBooks a unutar njega ikonicu sa nazivom [email protected]. Obrati paznju na velika i mala slova, znaci moraju da budu identicni nazivi i foldera i ikonice u njemu. Ako ti je sve to kao sto sam napisao gore, skini sa cydia program koji se zove fsWipe Cache i ocisti kesh telefona (samo pokreni program). Ako ni to ne pomogne predlazem da promenis skroz temu u neku drugu, reboot telefon, pa vratis temu. Ako ni to ne pomogne e onda j*** ga :)

MarkoS
11-06-2012, 14:20
Pesao sam na 5.0.1 ali sada na njemu ne mogu da napravim auto masku za icone koje nisu prepravljenje. Da li je uopste moguce na 5.0.1 napraviti auto masku?

Reseno: Problem je bio u samoj maski ikone, kada sam je zamenuo sa drugom proradilo.
Za iOS5+ je ponegde potrebno dodati *~iphone da bi se ikone i maske za ikone ili foldere prikazale.

ByDeni
27-06-2012, 12:22
Da li velicina slike sme biti veca od 118x120 pixela?

Chuckie
27-06-2012, 13:09
Gotova ikona mora biti 120x120px. One koje su bez frejma tj od kojih tema sama radi autoskin obicno su manje npr 114x114px.


Sent from my iPhone using Tapatalk

ByDeni
27-06-2012, 13:22
Hvala, nego kada zavrsim ikonice(za to ce mi trebati par dana) jel bi mi mogao neko reci sta dalje, tj ono ostalo sto nema ovde?

bbrks
07-07-2012, 21:14
E pa ajde sad ako moze mala pomoc, malo sam zbunjen.
Dakle trenutno imam Leg1on temu na telefonu i hteo bih da zamenim ikonu za byte sms, koju sam skinuo sa neta, dakle spremna i zapakovana samo da se stavi.....
Medjutim, sve ovo gore sto sam procitao mi ne pomaze bas previse.
Prvo pitanje je, Tema koju imam je po difoltu oma promenila originalu ikonu aplikacije i to je lepo, medjutim ja bi bas tu da promenim za ovu novu, ali ne znam gde to da uradim. u var/stash/themes/bundles je nema.
Samu aplikaciju Bytesms sam nasao u sistem applications gde se nalazi njena originalna ikonica. Ali, ako je tu zamenim, cenim da se nista nece desiti.....
Ako bi neko mogao da me navede na pravi put bilo bi nice:D

EDIT: evo nasao sam ikonu koja sad prestavlja Bytesms na telki u var/stash/themes/legion/folders/bitesms.app...ako je tu zamenim sta mislite oce li se promeniti????

Chuckie
08-07-2012, 00:27
Napravi 2 kopije ikone i smjesti ih u folder Icons. Jednu nazovi bitesms.png a drugu [email protected] ime ikone mora biti identicno onome sto pise na springboardu, i mala velika slova i razmaci, npr Bite SMS.png. Ukljuci summerboard u winterboardu i uradi respring.

Evo neki primjeri
http://img.tapatalk.com/1fb0fd5d-aa7e-8c20.jpg


Sent from my iPhone using Tapatalk

bbrks
09-07-2012, 16:52
Hvala Chuckie, ali ja neam folder Icons u temi:confused:

http://img411.imageshack.us/img411/7013/img0086.png (http://img411.imageshack.us/i/img0086.png/)

Jedino mogu da ih ubacim u folders/biteSMS.app?

Inace tema je 5.1.1. tj odradjen update za 5.1.1., otkud da onda mora da se upali summerboard?
Ako je samo zbog respring OK, ali ako mora stalno da bude upaljen, to mi se ne svidja....usporava tel jbg

I niko da odgovori, cccccc kakvo razocaranje :P

Chuckie
09-07-2012, 17:22
Kreiraj folder Icons ručno, ubaci dvije ikone kako sam ti gore napisao, uključi Summerboard u Winterboardu i respring.
Lakše je mnogo od bundle metoda. I da Summerboard nimalo ne usporava telefon. Pusti priče.

bbrks
09-07-2012, 17:30
Nije Chuckie, usporava, ja licno probao, secka djavolski, a kad je iskljucen, pegla ko lud.
Nego, ako uradim to sto si napisao, mogu li ja posle respringa, da ugasim summeboard?

Chuckie
09-07-2012, 17:32
Ne. Jer ovaj metod zahtjeva Summerboard. Meni ne sjecka nimalo, a ni milion ljudi na Boss temi na modmyi forumu koji koriste ovakav način
mjenjanja ikona, jer se samo tako može dobiti onaj 3D look ikona kada nešto viri iz ikone preko okvira, a kada bi radili po bundle metodu,
tema uradi autoframe i nikako ne može da izgleda 3D. Nadam se da si skontao.

bbrks
09-07-2012, 17:51
Ok probacu obe fore, pa cu da vidim, sta ce da ostane.

EDIT: e pa ovako sam uradio. u theme/bundles napravio novi folder com.bitesms.....u isti ubacio novu ikonu pod naslovom [email protected] ..... respring i evooooooo gaaaaaaaaa

senna
03-09-2012, 04:25
može li se staviti ikona za folder?

bbrks
03-09-2012, 14:09
Mislim da nece da moze

CJay
03-09-2012, 16:25
Folder Icons ti treba. Mislim da se tako zove tweak, nisam 100% siguran...

MarkoS
10-09-2012, 21:57
Kako da promenim ikonu za AirBlue Shering. 5.1.1 iPhone4S, a tema EPHD
13690

NikolaSRB
10-09-2012, 22:10
Kako da namestim na lS lockscreen themama da mi je vreme bez am:pm i 24 sata format? Lockscreen.html ima kao uputstvo ali ne klavirim


iPhone 3gs 16 gb sim free 5.1.1

panemoj
11-09-2012, 09:57
Kako da promenim ikonu za AirBlue Shering. 5.1.1 iPhone4S, a tema EPHD
13690


Najlakse sa programom ' ThemeIconMaker '

MarkoS
12-09-2012, 08:49
za AirBlue Shering ime foldera u temi je com.if0rce.blued-obex ,a ikone je [email protected]. Mada mi nije jasno zasto nije stavio masku preko original ikone kao sto to radi sa ostalim ikonama.

senna
18-09-2012, 19:29
Molim vas može li mi netko uploadati MobileMail.app folder (iPhone 4S) ?

Preko iFunboxa odaberete sistemske aplikacije, zatim Mail, desni klik i Kopiraj na PC... folder ima 1-2 MB, molim vas netko...
Zeznuo sam nešto pokušavajući promijeniti ikone :/

andreja85
18-10-2012, 02:08
Moze li mi neko reci nervira me ikona bitesms roza i nasao sam na netu drugu ali uvek mi se vidi belo sa svih strana ikone kada je ubacim na telefon i izgleda ruzno na crnoj pozadini a ne kao da je original zaobljena itd, kako da izbegnem ovo sa strane da mi se ne vidi belo?

F117
18-10-2012, 02:35
Moras naci odgovarajucu ekstenziju ikonice a to bi bio .png format .

andreja85
18-10-2012, 02:38
Znam ali uvek imam belilo sa strane, ne znam kako da izbegnem to?
14525


Sent from my iPhone using Tapatalk

F117
18-10-2012, 02:45
Pa nisi nasao pravu onda. Trazi na google biteSMS ikonicu u formatu 128x128 .png ili jednostavno sa cydia skini alternativnu ikonicu za biteSMS...

andreja85
18-10-2012, 02:51
Ali kako kada je original 120x 120 i 60x60 ?! Po njoj sam radio dimenzije...


Sent from my iPhone using Tapatalk

F117
18-10-2012, 03:22
A da...oprosti do mene je...128x128 su dimenzije za iPhone4/4S. Najbolje bi bilo da sa cydia nadjes alternativnu ikonicu .

NikolaSRB
18-10-2012, 08:39
Ja sam u photoshopu sredjivao ikonice, kad sam imao volje za to. I snimis "for web" i izaberes png


"živi kako moraš, kad već ne možeš kako bi hteo"

ByDeni
11-02-2013, 14:21
Vec par dana imam muku sa dve ikonice na XHD temi, iPhone 5 na 6.1, sve ikonice su mi uokvirene sem maps i videos, da li moze neki savet sta da uradim da i te dve ikonice uokvirim?17748

bbrks
12-02-2013, 17:45
Jesi li probao ThemeIconMaker??

ByDeni
12-02-2013, 23:12
Jesam naravno, to sam prvo uradio i nista, sta dalje? Pozdrav