Jdi na obsah Jdi na menu
 

Horiaci text

3. 8. 2008
Návod vznikol na podklade tutoriálu pre realistický oheň. Je tvorený v Gimp 2.4.6. Font použitý v mojich náhľadoch sa volá Deftone Stylus. Výsledok, o ktorý sa budeme snažiť je na úvodnom náhľade. Tento ani podobný návod pravdepodobne nikde inde nenájdete, pretože toto nieje preklad, ale je celý z mojej dielne.

Obrazek



POSTUP:

1/ Otvoríme si nový obrázok o ľubovoľných rozmeroch. Ja 800x600px.

2/ Vrstvu pozadia vyplníme čiernou farbou. Vytvoríme novú priehľadnú vrstvu. Nazveme ju Text. Do tejto vrstvy napíšeme slovo, ktoré bude horieť. Ja volím nápis burning. V mojom prípade je veľkosť textu 250px. Farbu textu zvoľte bielu.

Obrazek

Obrazek


3/ Duplikujeme vrstvu Text. Duplikát nazveme Gauss1 a umiestnime ho medzi vrstvu Pozadie a Text.

Obrazek


4/ V menu vrstvy klikneme na symbol "oko" pri vrstve Text. Tým sa stane neviditeľná. Začneme pracovať vo vrstve Gauss1. Najprv urobíme do textu diery (nástrojom Guma). Robte niečo podobné ako ja (vidieť na náhľade). Potom vrstvu rozmažeme Gaussom s hodnotou cca 10px (záleží na veľkosti obrázku).

Obrazek

Obrazek

Obrazek


5/ Vrstvu Gauss1 duplikujeme a zmeníme názov duplikátu na Gauss2. Pretože teraz budeme pracovať len vo vrstve Gauss1, kliknime symbol "oko" pri vrstve Gauss2.

Obrazek


6/ Dostávame sa k tvorbe plameňov. Použijeme nástroj IZvlnenie, ktorý nájdeme v menu Filtre/Skreslenie. Pomocou kombinácie Režimou deformácie vytvorím plamene. Výsledok je na spodnom náhľade. Prácu s nástrojom IZvlnenie nechám na vás, aby si každý našiel najlepšiu cestu k tvorbe plameňou. Ja som použil len režim Presun a Vír.

Obrazek

Obrazek


7/ Vrstva Gauss1 je hotová. Teraz urobíme to isté s vrstvou Gauss2. Tým text dostane hustejšie plamene. Postup s aktivovanou a viditeľnou vrstvou Gauss2 opakujeme presne podľa bodu 6 (tentokrát je neviditeľná vrstva Gauss1).

Obrazek

Obrazek


8/ Vrstvy Gauss1 a Gauss2 sú hotové. Pri viditeľnosti oboch vrstiev je výsledok na náhľade. Plamene už majú dostatočne bohatú štruktúru. Vrstvy Gauss1 a Gauss2 môžeme zlúčiť. Výslednú vrstvu nazvem plamene.

Obrazek

Obrazek

9/Plamene sú hotové. Aby bol dojem reálnejší, potrebujeme vytvoriť žiaru. Duplikujeme vrstvu Plamene. Jeden z duplikátov necháme rozmazať Gaussom s vysokou hodnotou (ja 50px) a vrstvy duplikátou znovu zlúčime do jednej. Názov vrstvy ponecháme na Plamene. Výsledok v náhľade môžete porovnať s bodom 8. , kde je vrstva Plamene bez pridanej žiary. Uuuuu, začína byť horúco.

Obrazek


10/ Duplikujme vrstvu Text. Novú vrstvu nazvyme Text2 a nastavme ju na neviditeľnosť. Pôvodnú vrstvu Text rozmežeme Gaussom s hodnotou okolo 15px (alebo iná, čo záleží na veľkosti obrázku). Výsledok je opäť v náhľade.

Obrazek

Obrazek


11/ Vrstvy Text, Plamene a Pozadie zlúčime do jednej. Nazvem ju Horiaci text.

Obrazek


12/ Nástrojom Farebné vyváženie nafarbíme vrstvu Horiaci text tak, že bude veľmi dobre pripomínať skutočný oheň. Hodnoty, ktoré treba nastaviť sú v náhľadoch. Na záver je pridaný náhľad vrstvy Horiaci text. Dôležité je aby horiaci text, ktorý sme si vytvorili bol zlúčený s čiernym pozadím do jednej vrstvy. Inak sa nebude dať odfarbiť.

Obrazek

Obrazek

Obrazek

Obrazek


13/ Dobre. Takže aktivujeme a zviditeľníme vrstvu Text2. Nástrojom Alfa do výberu v menu Vrstva/Priesvitnosť označíme okraje textu. Následne zmenšíme výber. Ja zmenšujem o 2px. Výber vyplníme čiernou farbou. Výsledok na náhľade dole.

Obrazek

Obrazek

Obrazek


V tomto bode je návod na konci. Môžete zlúčiť všetky vrstvy, alebo výsledok uložiť do .jpg obrázku. Tento návod som vytvoril veľmi rýchlo na podnet plagátu, ktorý som videl. Často beriem ako výzvu nejakú grafiku, ktorú vidím a premýšľam ako by sa dala urobiť v Gimpe. Som sám zvedavý čo to bude na budúce. Mnoo, možno už tuším...

 

Komentáře

Přidat komentář

Přehled komentářů

Konečné vybarvení

(Aduš, 24. 4. 2013 13:25)

Ahoj,nejde mi vybarvit text černou barvou. Prosím jak to mám udělat? Dělala jsem to plechovkou, ale barvilo mi to něco jiného. Děkuju za odpověď.

Bod 4

(Dzejkoo, 26. 11. 2011 13:47)

kde najdem ten gauss? prosím pomožte..

Re: Bod 4

(Andrea, 15. 5. 2012 14:25)

Gratulujem ku skutočne výbornému návodu :))) a samozrejme sa teším na nové :))) Ešte raz vďaka:)

Gauss

(Andrea, 15. 5. 2012 14:26)

Gaussa nájdeš v filter/rozostrenie/a tam je možnosť gaussove:) zvyšok už pojde ľahko:)

bod 6 a bod 13

(palinux, 8. 4. 2011 23:46)

Pekný návod! Gratulujem ku kreativite.
Pre tých čo nepochopili bod 6: vľavo hore máte naznačený text a v tom mieste sa robia zmeny ťahom myši. Nie iba nastavením hodnoty a OK. Tiež som na to prišiel až na tretí krát.
Bod 13: Kde to nájdeš závisí od prekladu z angličtiny. Krok 1: Vrstva/Priesvitnosť/Alfa do výberu. Tu dosiahneš výber. Krok 2: Výber/Zmrštenie. Zmenší sa ti výber. máš dve možnosti zafarbenia: Buď si vyberieš nástroj: "Bucket Fill Tool" a každé písmeno si zafarbíš zvlášť alebo si označíš nástroj "Text", 2x klikneš na "burning" (samozrejme tam bude tvoj text) a zmeníš farbu jedným klikom. Tu ale nemá význam zmrštenie, keďže zafarbí pôvodný text.

bod 13

(pepik, 23. 11. 2010 18:08)

Dobrej, máš fakt dobrej web, ale ja si neviem rady s tým bodom 13, zvlášť neviem kde mám nájsť tú funkciu pre zmenšenie výberu a zafarbenie toho textu, tam mi to píše, že to nejde.
Dík, Anonym.

bod 6

(Jimmi, 1. 10. 2010 22:37)

Mám ten istý problém ako Drunky. Nič to neurobí. IZvlnenie som našla, vyskúšané všetko, text sa ani nepohne.
Nie je to verziou Gimpu? Lebo to čo odporúčal Vox (Zkrelení, Interaktivní deformace) tam nemám. Mám Gimp 2.6.10.
Inak díky.

dobry web

(Míš@, 27. 6. 2010 20:04)

ahoj
delas dobry navody pro gimp,tech se moc nenajde (myslim v cestine,v anglictine jich je dost :) )
akorat by si mohl k navodum,kde pouzivas pismo,mohl napsat i nazev fontu :)
M.

BOD 6

(drunky, 5. 1. 2010 19:35)

ten bod 6 mi vobec nejde...nemohol by tu niekto napisat konkretnejsie tie hodnoty aby som aspon priblizne mal predstavu co a ako tam nastavit?

Lebo vobec sa mi tam nic nemeni ak tam menim v tom IZ vlneni tie rezimy deformacie. Dakujem

Gaussovo rozostrenie

(rudi1217, 6. 12. 2009 21:39)

ahoj
neviem najst nastroj gaussovo rozostrenie
prosim poradte

na vybornou

(renata, 2. 11. 2009 0:57)

uplne paradni navod,naprosto super! tesim se na dalsi :)

cislo 1

(macej55, 20. 10. 2009 17:31)

wiem vsetko az na tu 2 newiem ako tam ma pridat ten tex lebo ked ho pridam otvori sa mi dalsia vrstva

bod 6

(Peter, 26. 8. 2009 20:10)

Řekl bych že bod 6. je celekem snadno pochopitelný když si otevřete gimp. najdete to hned.

Jinak moc pěkný návod. Takle nějak by měl vypadat profi návod na tvorbu :) jen tak dál.

Re:all

(Hmmmm, 24. 8. 2009 11:58)

vůbec nemusíte dávat co tam autor dáva za nějaky IZvlneni stačí dát tu ručičku co je v panelu nástroju a tam jí nastavit na 85 a když budete dělat gauss2 tak 92. a řekl bych že to vypadá i reálněji fakt skuste to !

barvy

(R.a.p., 19. 4. 2009 20:50)

Jo uz to jde,dekuju

riešenie k bodu 12

(mmmatus, 19. 4. 2009 20:26)

Dôležité je aby horiaci text, ktorý sme si vytvorili a je biely, bol zlúčený s čiernym pozadím do jednej vrstvy. Inak sa nebude dať odfarbiť.
Pred minútkou som to zkúšal :o)

nejde barvit

(R.a.p., 19. 4. 2009 18:30)

Mam stejny problem jako clovek podemnou.

Nejde barvit

(Conner Uzumaki, 14. 2. 2009 9:52)

Sice pěknej návod, ale nejde mi to na konci nabarvit, prostě mi to zůstává bílý. Nevíš co s tím?

Nice!

(Enger, 22. 10. 2008 19:03)

Super návod

RE: Nice!

(Vox, 11. 9. 2008 20:59)

Bod 6 jsem musel parkrat precist, nez jsem pochopil, co chtel basnik rici. Nastroj jsem nasel pod "ZKRESLENI > INTERAKTIVNI DEFORMACE". Nevim jestli to je presne ono, ale kazdopadne to funguje... :-)

Jinak diky za navod, do ted jsem v Gimpu delal jenom cary stetcem. Diky...