Tycoonez.com:munity
Největší česko-slovenská tycoon komunita na internetu i mimo něj
Právě je úte zář 07, 2010 00:03

Všechny časy jsou v UTC + 1 hodina




Odeslat nové téma  Odpovědět na téma   [ Příspěvků: 9 ] 
Hledat:
Autor Zpráva
Offline
 PříspěvekNapsal: úte čer 29, 2010 00:00
Předmět příspěvku: Použití Gimpu při tvorbě grafiky do (O)TTD 
Grafik
Uživatelský avatar

Registrován: úte dub 11, 2006 08:01
Příspěvky: 437
Bydliště: Jablonec nad Nisou
Jak jsem slíbil, tak jsem vytvořil malý popis Gimpu se zaměřením na tvorbu pixelartové, paletou omezené grafiky, byť trochu později, než jsem uváděl. Takže začněme.
Pracovní prostředí je rozčleněno do několika oken. Mnoha lidem se to zdá krkolomné, ale dá se na to zvyknout. Navíc od určité verze je plánována možnost prostředí pouze s jedním oknem (mám tušení, že už je k dispozici i nějaká testovací verze).

Příloha:
Gimp ukázka.png
Gimp ukázka.png [ 269.8 KiB | Zobrazeno 139 krát ]

Tím nejdůležitějším je okno Nástroje (vlevo nahoře). Jak jeho název napovídá, slouží k výběru různých kreslících nástrojů. Ve směru odshora postupně narazíme na ikony jednotlivých nástrojů (zeleně označeny ty, které používám a podrobněji je rozeberu níže), volbu barev a nastavení/výběr voleb zvoleného nástroje.
Barvy jsou zde uspořádány jako barva popředí a pozadí, přičemž jsem si u mnou používaných barev nevšiml použití barvy pozadí. Pořadí barev lze zaměnit kliknutím na šipky, kliknutí na černý a bílý čtvereček nastaví výchozí barvy (černou a bílou).
A nyní jednotlivé nástroje:

- Obdélníkový výběr, kl. zkratka "r"
Příloha:
GIMP_obdelnik.png
GIMP_obdelnik.png [ 45.22 KiB | Zobrazeno 139 krát ]

Pomocí něj je možné vybrat obdélníkovou část obrázku. Zvolením Režimu výběru ve volbách nástroje (spodní polovina okna) lze určit, zda bude novým výběrem (provedeným tažením levým tlačítkem myši) aktuální výběr nahrazen, bude k němu nový výběr přidán, odečten, nebo zda bude bude vybrán pouze průnik stávajícího a nového výběru. Režim výběru lze ovlivnit také držením příslušné klávesy při začátku výběru (shift pro přidání, ctrl pro odečítání, ctrl+shift pro průnik).
Dále jsou zde další volby (zaoblení rohů, ruční nastavení velikosti a polohy,...), které prakticky nevyužívám a jejichž význam snad bude každému jasný.

- výběr Lasem, "f"
Příloha:
GIMP_laso.png
GIMP_laso.png [ 36.35 KiB | Zobrazeno 139 krát ]

Tímto nástrojem je prováděn výběr uzavřené nepravidelné oblasti pomocí myši. V podstatě jsou tři možnosti použití tohoto nástroje. První z nich je vytvoření výběru držením levého myšidla a tažením, druhým z nich je klikání na "rohy" výběru, přičemž tyto budou spojeny úsečkami a třetí z nich je kombinace předchozích způsobů. Jen dodám, že lze stejným postupem jako u Obdélníkového výběru určit režim výběru a že pro úspěšné ukončení výběru je nutné obrazec uzavřít. Dále je možné při klikání pomocí jednotlivých bodů před uzavřením obrazce měnit tažením myši polohu jednotlivých bodů.

- Výběr spojitých oblastí (obdoba kouzelné hůlky z PS), "u"
Příloha:
GIMP_hulka.png
GIMP_hulka.png [ 41.34 KiB | Zobrazeno 139 krát ]

Vybírá souvislé oblasti shodné, nebo podobné barvy. Zda je prováděn výběr pouze shodných barev, nebo přibližných barev je nastavováno Prahem. Při hodnotě 0 vybírá pouze souvislé oblasti tvořené vybranou barvou, s rostoucí hodnotou vybírá i barvy více vzdálené od vybrané. Natavení dalších voleb se mi osvědčilo toto:
Vyhlazování vyp, Prolnout okraje - vyp, Zvolit průhledné oblasti - zap, Sloučený vzorek - vyp, Vybrat podle - složený.

- Výběr dle barvy, "shift+o"
Příloha:
GIMP_dle_bar.png
GIMP_dle_bar.png [ 40.26 KiB | Zobrazeno 139 krát ]

Velmi podobné předchozímu, pouze není výběr omezen na spojitou oblast, ale probíhá v celé ploše vrstvy.

- Přesun, "m"
Příloha:
GIMP_posun.png
GIMP_posun.png [ 37.76 KiB | Zobrazeno 139 krát ]

Přesun tažením, lze vybrat, zda je realizován přesun aktivní vrstvy, nebo výběru (ohraničen přerušovanou černo-bílou čárou). Pokud je potřeba přesunout jen část vrstvy, osvědčil se mi následující postup: vybrat příslušnou oblast, převést na plovoucí výběr (v okně obrázku Vybrat -> Plovoucí, "ctrl+shift+l"), tažením přesunout. Pro vodorovné, svislé a diagonální tažení je nutné držet při posouvání ctrl.

- Vyplnění oblasti, "shift+b"
Příloha:
GIMP_plechovka.png
GIMP_plechovka.png [ 45.47 KiB | Zobrazeno 139 krát ]

Vyplní zvolenou oblast barvou. Vyplněna je oblast výběru, pokud není proveden, je vyplněna (přibližně) spojitá oblast ve vrstvě. Práh přibližnosti výběru je opět zadán číslem jako u Výběru spojitých oblastí. Nacházejí se zde další volby, které mi přijde zbytečné rozebírat

- Tužka, "n"
Příloha:
GIMP_tuzka.png
GIMP_tuzka.png [ 44.8 KiB | Zobrazeno 139 krát ]

Posledním a zároveň nejdůležitějším a nejpoužívanějším nástrojem je tužka. Princip je jednoduchý - změní barvu příslušných pixelů. Jaké pixely budou obarveny ovlivňuje tvar použité stopy. Tento lze změnit, v drtivé většině případů používám Circle (01) - samotný bod. Další volby nejsou důležité, používám nastavení na obrázku.
Při držení klávesy ctrl se tužka změní v kapátko (vezme aktuální barvu a nastaví ji jako barvu popředí).
Při držení shift umožní vytvoření úsečky vycházející z bodu, kam bylo naposledy kliknuto.

Tím máme hotovy nástroje, přejdeme k samotným oknům obrázku. Z prvního obrázku je patrné, že se skládají z roletového menu, vlastní plochy obrázku a stavového řádku. Ve stavovém řádku je prováděn výběr zvětšení/zmenšení obrázku, velikost nového výběru (např. pro nástroj Obdélníkový výběr) a její jednotky.
V roletovém menu používán následující volby (často přes klávesové zkratky)
Nabídka Soubor
Otevřít, "ctrl+o" - snad nepotřebuje komentář
Uložit, Uložit jako, "ctrl+s", "ctrl+shift+s" - taktéž jasné, jen dodám, že není nutné vybírat typ souboru z nabídky, stačí do názvu souboru připsat příslušnou příponu (.xcf jako výchozí formát, png a další)
Uložit kopii - uloží kopii, název a umístění obrázku zůstane nezměněno

Nabídka Upravit
Zpět a znovu, "ctrl+z", "ctrl+y"
Vyjmout, kopírovat a vložit, "ctrl+x", "ctrl+c" a "ctrl+v" - vyjímá, kopíruje a vkládá v aktivní vrstvě
Kopírovat viditelné - zkopíruje oblast výběru jak je zobrazena bez ohledu na vrstvy
Vložit jako nové, "ctrl+shift+v" - vloží zkopírované pixely jako nový obrázek
Vložit jako novou vrstvu - vloží pixely ze schránky jako novou vrstvu
Vymazat, "delete" - vymaže pixely aktuálního výběru

Nabídka Vybrat
Vybrat vše, "ctrl+a"
Invertovat výběr, "ctrl+z"

Nabídka Obrázek
Režim - velmi důležitá volba, určuje jaké barvy budou pro obrázek použity:
* RGB - klasický režim, barvy nejsou omezeny, pracuje se s plnou barevnou hloubkou
* Odstíny šedi - netřeba komentovat
* Indexovaná - lze použít vybrané barvy, definované paletou. Při přepnutí na indexovaný režim je přes dialogové okno proveden výběr palety. TTD paleta pro Gimp se nachází ke stažení zde a po nakopírování do adresáře k ostatním souborům palety (nevím cestu, ale palety mají příponu *.gpl ) ji lze vybrat pod Použít vlastní paletu. Po následné konverzi je možné použít pouze barvy z této palety, místo ostatních barev budou použity nejbližší z palety.
Velikost plátna - změna rozměrů hranic obrázku

Nabídka Vrstva
Velikost vrstvy dle obrázku - nastaví hranice vrstvy (žluto-černá) čára na hranice plátna, často potřeba použít po zvětšení plátna (mimo hranice vrstvy nelze kreslit)

Toť nejdůležitější položky roletového menu.

Dalším důležitým oknem je okno vrstev (ctrl+l). Gimp umožňuje práci ve více vrstvách, ty si lze představit jako průhledné fólie na něž je kresleno. Jsou na sobě naskládané, lze zapínat/vypínat jejich viditelnost, měnit jejich pořadí atd.
Příloha:
GIMP_vrstvy.png
GIMP_vrstvy.png [ 20.02 KiB | Zobrazeno 139 krát ]

Přehled o nich dává okno Vrstvy. Zde jsou jednotlivě zobrazeny tak, že nejvrchnější vrstva je v seznamu nahoře, nejspodnější dole, aktuální vrstva, ve které pracujeme je označena pruhem (zde zeleným). Viditelnost je ovládána klikáním na oko, přesun je prováděn tažením vrstvy nahoru a dolů. Pomocí tlačítek ve spodní liště okna lze Vytvořit vrstvu, Přesunout vrstvu nahoru a dolů, Duplikovat vrstvu, Ukotvit plovoucí vrstvu (tj. plovoucí výběr vytvořený pomocí ctrl+shift+l) a Smazat vrstvu.

To by bylo snad vše k velmi stručnému popisu prostředí, nyní přidám pár tipů:
svislý posun zobrazení obrázku (je-li větší než plocha zobrazení) - kolečko myší
vodorovný posun obr. - shift+kolečko myši
zoom - ctrl+kolečko myši
Může se hodit okno s historií editovaných obrázků (Soubor -> Otevřít nedávný -> Historie dokumentů)

A nakonec něco málo ke způsobu jakým v gimpu tvořím. Uspořádání oken odpovídá prvnímu obrázku v tomto příspěvku, vlevo dole si otevřu upravený obrázek palety odsud, nahoře uprostřed tvořený obrázek a vpravo historii obrázků a okno Vrstvy, vpravo dole zbývá místo, které využívám pro pomocný obrázek (blenderem vygenerované obrázky, předloha, jiný zdrojový obrázek).
Vlastní kreslení se většinou sestává z "nabrání" ("n", pak držet ctrl) barvy z obrázku palety (vlevo dole) a vybarvení zvoleného pixelu/ů. Tím je zaručeno, že i při režimu RGB by se do obrázku neměly dostat barvy mimo paletu. Přesto je ale jistější, pokud je obrázek převeden do palety, po uložení jako png, nebo pcx není potřeba další úprava pro kódovací nástroje.

Snad jsem jakžtakž srozumitelně popsal čeho všeho má smysl všímat si při kreslení grafiky. Kdyby nebylo něco jasné a nepodařilo se v širých končinách internetu najít uspokojivou odpověď, jsem k dispozici. Naučit se ovládat nastíněné základy není nic těžkého, pak už stačí jen kreslit a kreslit.

Pozn.: Popis proveden pro linuxovou verzi Gimpu 2.6.2, v jiných verzích se mohou odlišovat některé názvy a klávesové zkratky. (klávesové zkratky lze nastavit vlastní: Upravit -> Klávesové zkratky)

edit: Doplněn popis nástroje Posun a poznámka.

_________________
Použití tlačítka Hledat může způsobit:
.
a) bolest hlavy, b) žaludeční kameny, c) ztrátu prostorové orientace, d) nalezení požadované informace.
.
.
.
.
ObrázekObrázekObrázekObrázekObrázekObrázek


Nahoru
 Profil  
 
Offline
 PříspěvekNapsal: úte čer 29, 2010 12:03
Předmět příspěvku: Re: Použití Gimpu při tvorbě grafiky do (O)TTD 
Člen
Uživatelský avatar

Registrován: čtv pro 13, 2007 14:19
Příspěvky: 662
Bydliště: Balíček kariet
Len jediná otázočka, podporuje to paletu ako paletu alebo iba ako obrázok? Napríklad keby som zobral sprit a chcel ho dať do sépie, či sa pritom použijú všetky možné a nemožné farby alebo len hnedé odtiene z TTD palety. Toto ma trochu znervózňuje na Paint.NET-e, myslel som, že to Gimp zvláda.

_________________
>>Myminicity<<
Chceli ste niekedy nazrieť do myšlienok OTTD?
Obrázek
Obrázek


Nahoru
 Profil  
 
Offline
 PříspěvekNapsal: úte čer 29, 2010 12:58
Předmět příspěvku: Re: Použití Gimpu při tvorbě grafiky do (O)TTD 
Grafik
Uživatelský avatar

Registrován: úte dub 11, 2006 08:01
Příspěvky: 437
Bydliště: Jablonec nad Nisou
Co se palety týče, tak Gimp umožňuje načíst paletu ze souboru (pod Použít vlastní paletu) i vygenerovat paletu z obrázku.
Příloha:
GIMP_paleta.png
GIMP_paleta.png [ 36.27 KiB | Zobrazeno 110 krát ]

Převod obrázku do (jiné) palety je také možný, po konverzi budou v obrázku jen barvy z palety, pokud nějaká barva z obrázku chybí, je nahrazena nejbližší barvou z palety.
Obrázek s paletou mám otevřený jen jako pomůcku abych mohl snadno a rychle vybírat barvy (zobrazení palety jako takové jsem snad ani nenašel a stejně si myslím, že by mi nevyhovovalo (např. rozložením barev).

_________________
Použití tlačítka Hledat může způsobit:
.
a) bolest hlavy, b) žaludeční kameny, c) ztrátu prostorové orientace, d) nalezení požadované informace.
.
.
.
.
ObrázekObrázekObrázekObrázekObrázekObrázek


Nahoru
 Profil  
 
Offline
 PříspěvekNapsal: úte čer 29, 2010 19:02
Předmět příspěvku: Re: Použití Gimpu při tvorbě grafiky do (O)TTD 
Nováček

Registrován: ned srp 02, 2009 17:43
Příspěvky: 51
Jde nějak provést, abych mohl nakopírovat obrázek s okrajem, který by byl průhledný a nemazal by mi podklad? Prostě aby část obrázku (jedna barva) nepřekryla podklad.. díky


Nahoru
 Profil  
 
Offline
 PříspěvekNapsal: úte čer 29, 2010 20:09
Předmět příspěvku: Re: Použití Gimpu při tvorbě grafiky do (O)TTD 
Grafik
Uživatelský avatar

Registrován: úte dub 11, 2006 08:01
Příspěvky: 437
Bydliště: Jablonec nad Nisou
Nevím, jestli jsem úplně porozuměl o co jde. Co jsem pochopil, tak je potřeba do obrázku přidat obsah jiného obrázku, ale tak, aby jistá barva (rámeček, pozadí, ...) nepřekryla obsah prvního obrázku.
Dalo by se to zařídit, tak, že si v prvním obrázku uděláš druhou vrstvu, do ní vložíš druhý obrázek a odmažeš nežádoucí barvu (výběr spojitých oblastí nebo výběr dle barvy, pak vymazat). Nakonec případně obě vrstvy sloučit.

Další možností je do obrázku nepřidávat celý obsah druhého, ale jen příslušnou část. To lze zařídit tak, že se provede výběr všeho a pak se z výběru odebere nežádoucí oblast. Při vybírání této oblasti je potřeba držet ctrl (odčítání od výběru), pak ve výběru zůstane jen žádaná část a tu lze zkopírovat, vložit, přesunout na žádané místo a ukotvit.

_________________
Použití tlačítka Hledat může způsobit:
.
a) bolest hlavy, b) žaludeční kameny, c) ztrátu prostorové orientace, d) nalezení požadované informace.
.
.
.
.
ObrázekObrázekObrázekObrázekObrázekObrázek


Nahoru
 Profil  
 
Offline
 PříspěvekNapsal: stř čer 30, 2010 04:21
Předmět příspěvku: Re: Použití Gimpu při tvorbě grafiky do (O)TTD 
Nováček

Registrován: ned srp 02, 2009 17:43
Příspěvky: 51
Super, to je ono, díky moc. Bez toho bych byl namydlený.. :-) Jinak, ještě bych potřeboval radu ohledně vrstev. Jestli jsem to pochopil správně, tak pro hru jsou potřeba dvě vrstvy, Zemní sprit a nadzemní část? nebo je to jinak omezeno?


Nahoru
 Profil  
 
Offline
 PříspěvekNapsal: stř čer 30, 2010 05:39
Předmět příspěvku: Re: Použití Gimpu při tvorbě grafiky do (O)TTD 
Nadšenec
Uživatelský avatar

Registrován: pát srp 08, 2008 16:54
Příspěvky: 347
Bydliště: Sedlčany
ne tak dvě vrstvy, jako dva obrázky (nebo zemní a nadzemní část v jednom obrázku odděleně). Koukni do lekce kreslení grafiky, tam to je.

_________________
ObrázekObrázekObrázek


Nahoru
 Profil  
 
Offline
 PříspěvekNapsal: stř čer 30, 2010 09:34
Předmět příspěvku: Re: Použití Gimpu při tvorbě grafiky do (O)TTD 
Grafik
Uživatelský avatar

Registrován: úte dub 11, 2006 08:01
Příspěvky: 437
Bydliště: Jablonec nad Nisou
Na budovy by mohly stačit dvě vrstvy, ale myslím, že tři budou lepší. Na nejspodnější bych si dal podklad stavby (nějaký univerzální: sprity trávy, silnice) nad ním vrstva, ve které by probíhalo kreslení groundspritu a třetí, kde by byla samotná budova.

Samozřejmě nic nebrání tomu udělat těch vrstev víc. Velmi často dělám to, že si ke každé vrstvě udělám vrstvu navíc, kde kreslím s tím, že si občas nakopíruju o kus vedle vývojovou verzi spritů (abych se moh vrátít, kdybych něco zkazil) a když je hotovo, vezmu jen hotové sprity a přenesu je do vrstvy s hotovými sprity a vývojovou verzi zneviditelním. (Na prvním screenu je zrovna viditelný obsah takové vývojové vrstvy)

_________________
Použití tlačítka Hledat může způsobit:
.
a) bolest hlavy, b) žaludeční kameny, c) ztrátu prostorové orientace, d) nalezení požadované informace.
.
.
.
.
ObrázekObrázekObrázekObrázekObrázekObrázek


Nahoru
 Profil  
 
Offline
 PříspěvekNapsal: stř čer 30, 2010 09:41
Předmět příspěvku: Re: Použití Gimpu při tvorbě grafiky do (O)TTD 
Člen
Uživatelský avatar

Registrován: čtv pro 13, 2007 14:19
Příspěvky: 662
Bydliště: Balíček kariet
Ja mám niekedy aj desať vrstiev... Pozadie (modrá), sprit zeme má najprv viac vrstiev, potom jednu, potom ďalšia vrstva na budovu, ktorá je ešte rozvrstvovaná a samozrejme vývojová vrstva, ktorých je taktiež niekoľko. Ušetrí to množstvo času pri upravovaní detailov.

_________________
>>Myminicity<<
Chceli ste niekedy nazrieť do myšlienok OTTD?
Obrázek
Obrázek


Nahoru
 Profil  
 
Zobrazit příspěvky za předchozí:  Seřadit podle  
Odeslat nové téma  Odpovědět na téma   [ Příspěvků: 9 ] 

Všechny časy jsou v UTC + 1 hodina


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 1 návštěvník


Nemůžete zakládat nová témata v tomto fóru
Nemůžete odpovídat v tomto fóru
Nemůžete upravovat své příspěvky v tomto fóru
Nemůžete mazat své příspěvky v tomto fóru
Nemůžete přikládat soubory v tomto fóru

Přejít na: