Vytvoř si svého delfína!

autor: Pelo dne 08. 11. 2009

Dnes si ukážeme jak vytvořit takovéhoto krásného delfína…

-

Jedná se již o pokročilejší tvorbu, ve které je nutná alespoň základní znalost práce za pomoci nástroje Cesty, Beziérovi křivky, Pero – jak chcete, jedná se o tentýž nástroj, viz. obrázek níže:

Základním kamenem našeho díla bude prastará technika, která se již od nepaměti používá při malbě jako takové, tzv. Blokování.

Blokování slouží k zachycení správného tvaru objektu. Základem tedy nebude vrhnutí se na detail delfínových ploutví či barvy kůže, ruku v ruce jdoucí s rozborem odrazu světla v delfínově oku.. Nejdříve musíme vidět tvary, světlo a stín jako celek.

Vytvoříme si Nový obrázek (Ctrl+N) o velikosti 256 x 256 px, pozadí bílé (pokud chcete vytvořit vetší rybičku, není problém, návod je univerzální - prostě zvolte větší rozlišení obrázku). Poté vytvoříme Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „základní tvar“.

Za pomoci Blokování zachytíme správný tvar těla delfína, ze kterého budeme vycházet a ke kterému pak v pozdějších fázích budeme přidávat další části těla např. ploutve aj.

ZÁKLADNÍ TVAR
Zvolíme nástroj Cesty a zachytíme základní tvar delfína, který by měl vypadat zhruba takto:

Tip: Při práci samozřejmě pracujeme s odpovídající zvětšeninou našeho obrázku.

Pro pořádek si v Dialogu cest pojmenujeme naši nově vzniklou cestu stejně jako první vrstvu a to: „základní tvar“, viz. obrázek:

Vykreslíme cestu:

Barvu popředí nastavíme černou, zbytek podle obrázku:

Tip: Pokud je nabídka Vykreslit cestu neaktivní (šedá), musíte aktivovat vybranou cestu (např. rychlým dvojklikem levým tlačítkem myši na náhled cesty v Dialogu cest).

Pokud jsme správně pracovali, měli bychom dostat něco takového, viz. obrázek:

Tip: Pokud v obrázku stále vidíme aktivní cestu, i když v Dialogu cest je cesta skryta (bez oka), postačí znovu aktivovat klávesovou zkratkou nástroj Cesty či přepnout na jiný libovolný nástroj a zase zpět. Pokud ve Vašem výtvoru vidíte nově vykreslenou cestu společně s cestou, klikněte na symbol oka v Dialogu vrstev. Díky tomu se oko i cesta skryje.Pro větší přehlednost snížíme Krytí vrstvy: „základní tvar“ v Dialogu vrstevna 35%.

Nyní budeme povětšinu času pracovat pouze s Dialogem cest.

Postupně budeme přidávat další části těla: Hřbet, Bok a Břicho.

-

TVOŘÍME HŘBET
Vybereme nástroj Cesty, pomocí kterého vytvoříme v horní části našeho objektu pomyslný hřbet, viz. obrázek:

A opět Vykreslíme cestu s přednastavenými hodnotami.

Poté v Dialogu cest pojmenujeme nově vzniklou cestu jako: „hřbet“.

-

TVOŘÍME BOK

Nástroj Cesty a vytvoříme bok delfína, viz. obrázek:

A opět Vykreslíme cestu s přednastavenými hodnotami.

Poté v Dialogu cest pojmenujeme nově vzniklou cestu jako: „bok“.

Tip: Nebojte se přesahovat linie uvnitř delfína. Je lepší spíše přesahovat, ve finále pak zvolíte takové pořadí vrstev, aby přesahy nebyly vidět. Dosáhnete tak daleko lepších výsledků a vyhnete se zbytečným průsvitným místům a jiným problémům.

-

TVOŘÍME BŘICHO
Nástroj Cesty a vytvoříme břicho delfína, viz. obrázek:

A opět Vykreslíme cestu s přednastavenými hodnotami.

Poté v Dialogu cest pojmenujeme nově vzniklou cestu jako: „břicho“.

-

REKAPITULACE
Pokud jsme správně pracovali, měli bychom vidět v Dialogu cestněco takového, viz. obrázek:

A v Okně zobrazení něco takového:

Nyní máme vytvořený základní stavební kámen, na který umístíme zbylé části těla delfína: Zadní ploutev, Přední ploutev, Horní ploutev, Čumák, Dýchací otvor a Oko.

-

TVOŘÍME ZADNÍ PLOUTEV
Nástroj Cesty a vytvoříme zadní ploutev delfína, viz. obrázek:

A opět Vykreslíme cestu s přednastavenými hodnotami.

Poté v Dialogu cest pojmenujeme nově vzniklou cestu jako: „zadní ploutev“.

-

TVOŘÍME PŘEDNÍ PLOUTEV
Nástroj Cesty a vytvoříme přední ploutev delfína, viz. obrázek:

A opět Vykreslíme cestu s přednastavenými hodnotami.

Poté v Dialogu cest pojmenujeme nově vzniklou cestu jako: „přední ploutev“.

-

TVOŘÍME HORNÍ PLOUTEV (HŘBETNÍ)
Nástroj Cesty a vytvoříme horní ploutev delfína, viz. obrázek:

A opět Vykreslíme cestu s přednastavenými hodnotami.

Poté v Dialogu cest pojmenujeme nově vzniklou cestu jako: „horní ploutev“.

-

TVOŘÍME ČUMÁK
Nástroj Cesty a vytvoříme čumák delfína, viz. obrázek:

A opět Vykreslíme cestu s přednastavenými hodnotami.

Poté v Dialogu cest pojmenujeme nově vzniklou cestu jako: „čumák“.

-

TVOŘÍME DÝCHACÍ OTVOR (PRŮDUCH)
Nástroj Cesty a vytvoříme dýchací otvor delfína, viz. obrázek:

A opět Vykreslíme cestu s přednastavenými hodnotami.

Poté v Dialogu cest pojmenujeme nově vzniklou cestu jako: „dýchací otvor“.

-

TVOŘÍME OKO
Nástroj Cesty a vytvoříme oko delfína, viz. obrázek:

A opět Vykreslíme cestu s přednastavenými hodnotami.

Poté v Dialogu cest pojmenujeme nově vzniklou cestu jako: „oko“.

-

REKAPITULACE
Pokud jsme správně pracovali, měli bychom vidět v Dialogu cest něco takového, viz. obrázek:

-

A v Okně zobrazení něco takového:

-

UŽ TO NĚCO PŘIPOMÍNÁ
Zatím jsme vytvořili jen jakousi skicu delfína. Nyní přichází ta „snadnější“ část – hraní si s barvami. Budeme postupně přidávat barvy, barevné přechody a další efekty, které postupně našemu delfínovi vdechnou život.

Začneme opět od základního tvaru, to tzn.: Hřbetu, Boku, a Břicha.

-

VDECHUJEME ŽIVOT - HŘBET

Zvolíme nástroj Cesty. V Dialogu cest zaktivujeme vytvořenou cestu „hřbet“ (např. rychlým dvojklikem levým tlačítkem myši na náhled cesty v Dialogu cest), viz. obrázek:

Okně zobrazení se nám zobrazí aktivní cesta společně s řídícími body křivky.

Nyní budeme pro každou část těla tvořit novou vrstvu.

Vytvoříme tedy Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „hřbet“, viz. obrázek:

Poté vytvoříme Výběr z cesty:

Nyní zvolíme nástroj Míšení a nastavíme hodnoty podle obrázku:

Tip: Barvy si samozřejmě může zvolit každý sám. Jedna z možných variant se nabízí jako - barva popředí světlejší-modro-šedá: # 6d85a7, barva pozadí tmavší-modro-šedá: # 1c2834.

Našim cílem bude vytvořit světlejší odstín přechodu u hlavy delfína, který se postupně bude měnit a mírně tmavnout směrem k ocasu.

Delfín není rovný. V našem případě jakoby vyskakoval z vody, proto přechod povedeme ve směru od hlavy přes boční ploutev až mimo území vyhrazené vrstvou, viz. obrázek:

V tomto případě šedá barva znamená oblast mimo hranici vrstvy.

Jakmile se nám hřbet vyplní přechodem, zrušíme výběr (nabídka: Vybrat-Nic nebo použijeme klávesovou zkratku Ctrl+Shift+A) a vrhneme se na další část těla.

-

VDECHUJEME ŽIVOT – BOK

Zvolíme nástroj Cesty. V Dialogu cest zaktivujeme vytvořenou cestu „bok“. Vytvoříme Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „bok“.

Aby nám nevznikla mezera mezi jednotlivými bloky těla delfína, která by oproti přechodu měla v našem případě bílou barvu podkladu a působila by spíše rušivě než jakkoli ku prospěchu, provedeme nutné úpravy a korekce, viz. obrázek:

-

Pokud proběhly korekce v pořádku, vytvoříme Výběr z cesty. Zvolíme nástroj Míšení a vyplníme výběr přechodem, viz. obrázek:

Tentokrát jsme vedli přechod ve směru od hlavy mezi okem a boční ploutví kousek za hřbet delfína.

Zrušíme výběr (Ctrl+Shift+A) a vrhneme se na další část těla.

-

VDECHUJEME ŽIVOT – BŘICHO

Zvolíme nástroj Cesty. V Dialogu cest zaktivujeme vytvořenou cestu „břicho“. Vytvoříme Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „břicho“.

Poté vytvoříme Výběr z cesty. Zvolíme nástroj Míšení a vyplníme výběr přechodem. V tomto případě ovšem použijeme barvu popředí světle modrou: # b2caff, barvu pozadí bílou: # ffffff.

Přechod vedeme ve směru od přední ploutve k ocasu, viz. obrázek:

Zrušíme výběr (Ctrl+Shift+A) a vrhneme se na další části těla.

-

REKAPITULACE

Pokud jsme správně pracovali, měli bychom vidět v Dialogu vrstev něco takového:

-

A v Okně zobrazení něco takového:

Nyní začneme pracovat na zbylých částech a zbytku těla, tzn.: Zadní ploutev, Přední ploutev, Horní ploutev, Čumák, Dýchací otvor a na závěr si pohrajeme s okem.

-

VDECHUJEME ŽIVOT – ZADNÍ PLOUTEV

Zvolíme nástroj Cesty. V Dialogu cest zaktivujeme vytvořenou cestu „zadní ploutev“. Vytvoříme Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „zadní ploutev“.

Poté vytvoříme Výběr z cesty. Zvolíme nástroj Míšení a nastavíme znovu na výchozí hodnoty, se kterými jsme začali vyplňovat naše přechody, viz. obrázek:

Máme-li nastaveny hodnoty, vyplníme výběr přechodem podle obrázku níže:

V tomto případě vedeme přechod ve směru od břicha po okraj vrstvy obrázku dolů.

Zrušíme výběr (Ctrl+Shift+A) a vrhneme se na další část těla.

-

VDECHUJEME ŽIVOT – PŘEDNÍ PLOUTEV

Zvolíme nástroj Cesty. V Dialogu cest zaktivujeme vytvořenou cestu „přední ploutev“. Vytvoříme Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „přední ploutev“.

Poté vytvoříme Výběr z cesty. Zvolíme nástroj Míšení a vyplníme výběr přechodem, viz. obrázek:

Přechod vedeme ve směru od horní ploutve ke břichu směrem dolů.

Zrušíme výběr (Ctrl+Shift+A) a vrhneme se na další část těla.-

-

VDECHUJEME ŽIVOT – HORNÍ PLOUTEV

Zvolíme nástroj Cesty. V Dialogu cest zaktivujeme vytvořenou cestu „horní ploutev“. Vytvoříme Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „horní ploutev“.

Poté vytvoříme Výběr z cesty. Zvolíme nástroj Míšení a vyplníme výběr přechodem, viz. obrázek:

Přechod vedeme ve směru z leva doprava nad hlavou delfína přes horní ploutev.

Zrušíme výběr (Ctrl+Shift+A) a vrhneme se na další část těla.-

-

VDECHUJEME ŽIVOT – ČUMÁK

Zvolíme nástroj Cesty. V Dialogu cest zaktivujeme vytvořenou cestu „čumák“. Vytvoříme Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „čumák“.

Poté vytvoříme Výběr z cesty. Zvolíme nástroj Míšení a vyplníme výběr přechodem, viz. obrázek:

Přechod vedeme ve směru od čumáku ke hřbetu ve směru odspoda nahoru.

Zrušíme výběr (Ctrl+Shift+A) a vrhneme se na další část těla.-

-

VDECHUJEME ŽIVOT – DÝCHACÍ OTVOR

Zvolíme nástroj Cesty. V Dialogu cest zaktivujeme vytvořenou cestu „dýchací otvor“. Vytvoříme Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „dýchací kroužek“.

Nastavíme barvu popředí na světle modrou: # 82a8ff. Poté zvolíme Vykreslit cestu a nastavíme hodnoty viz. obrázek:

Poté v Dialogu vrstev snížíme Krytí vrstvy „dýchací kroužek“ na 20%. Nyní použijeme rozostření - zvolíme Filtry-Rozostření-Gaussovské rozostření… Poloměr rozostření nastavíme na 1px vodorovně i svisle.

V Dialogu cest znovu zaktivujeme cestu „dýchací otvor“, ale tentokráte zvolíme Výběr z cesty.

Vytvoříme Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „dýchací otvor“. Barvu popředí zvolíme černou a nástrojem Plechovka vyplníme oblast otvoru černou barvou a zrušíme výběr (Ctrl+Shift+A).

Zvolíme Filtry-Rozostření-Gaussovské rozostření… Poloměr rozostření nastavíme na 1px vodorovně i svisle. Poté v Dialogu vrstev snížíme Krytí vrstvy „dýchací otvor“ na 10%.

Nyní změníme pořadí obou vrstev. Vrstvu „dýchací otvor“ přesuneme dolů a vrstvu „dýchací kroužek“ přesuneme nahoru.

Pokud jsme dobře pracovali, měli bychom dostat něco takového:

Otvor máme hotový, zrušíme výběr (Ctrl+Shift+A) a vrhneme se na poslední část těla, oko.-

-

VDECHUJEME ŽIVOT – OKO

Zvolíme nástroj Cesty. V Dialogu cest zaktivujeme vytvořenou cestu „oko“. Vytvoříme Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „oko podkres“.

Poté zvolíme Výběr z cesty, nástroj Plechovka a vyplníme výběr oka bílou barvou. Zrušíme výběr (Ctrl+Shift+A) a vrstvu duplikujeme. Nově vzniklou vrstvu přejmenujeme na „oko bělmo“.

Na vrstvu „oko podkres“ aplikujeme Filtry-Rozostření-Gaussovské rozostření… Poloměr rozostření nastavíme na 5px vodorovně svisle.

V Dialogu cest znovu zaktivujeme cestu „oko“.

Vytvoříme Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „oko kroužek“. Barvu popředí nastavíme na černou a zvolíme Vykreslit cestu, viz. obrázek:

Poté vytvoříme další Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „oko“. Vezmeme nástroj Štětec , barvu popředí zvolíme černou, stopa Circle (kulatá) o velikosti 9 a zhruba do středové až spodní části připraveného podkladu uděláme klik myší.

Tip: Velikost štětce zvolte podle rozlišení Vašeho obrázku. Čím větší bude stopa, tím lépe.  Zvolte štětec, který se bude skoro až dotýkat linky (kroužku, ohraničení oka).

Pokud jsme správně pracovali, měli bychom dostat něco takového:

-

Vytvoříme poslední Novou vrstvu (Ctrl+Shift+N), pozadí průhledné a pojmenujeme ji: „oko odraz“. Vezmeme nástroj Štětec , barva popředí bílá, stopa o velikosti kolem 3, a zhruba v levém horním rohu černé tečky oka klikneme myší, čímž nám vznikne pomyslný odraz světla. Určitě nic nezkazíte, pokud navíc aplikujete Gaussovské rozostření 1px v obou směrech.

Společně s korekcí vrstvy „oko podkres“ (Gaussovské rozostření - pouze o 6 px svisle, vodorovně 0 px) a přesunem téže vrstvy více níže a doprava plus pár dalších úprav, by výsledek našeho snažení měl vypadat zhruba takto:

-

REKAPITULACE

Pokud jsme správně pracovali, měli bychom dostat podobný, hotový obrázek delfína:

Tip: Pokud se Vám zdá obrázek “kostičkovaný” nenechte se mýlit, díváte se na 300% zvětšeninu oproti originálu .

-

ZÁVĚR

Delfín je hotový. Věřím, že se Vám všem povedl a že Vás poměrně dlouhý tutorial moc neunavil ;o]. Finální úpravy delfína typu odlesky ploutví a jiné efekty ponechávám zcela na Vás a na Vaší fantazii.

Tak zase příště…!

…a teď ten samý v malém ;o)

Tags:

Příspěvek byl přidán dne 08. 11. 2009 v 22:43 a je zařazen do kategorií Návody.
Komentáře můžete sledovat pomocí RSS 2.0.

 

Počet komentářů: 22

  1. Pelo:

    Pokud by jste našli nějáke chybičky, hned dejte vědět..! Powered by Pelo. Enjoy!

  2. Aladin:

    Pekné.

  3. Renata:

    Dobry den,delfin je prenadherny :) taky jsem ho chtela zkusit,ale nejak jsem se zasekla u toho zakladniho tvaru,vse jsem delala podle navodu,ale kdyz jsem dosla k ,,vykreslit cestu,, tak se mi ten navrh toho delfina vykrslit ta cara tak jak to mate vy,ale porad my zustaly ty predesle cary,to ukotveni atd nezmizlo :( cim to?

  4. Pelo:

    Dobrý den, pokud tomu dobře rozumím, vidíte stále ukotvení cesty a řídící body křivky — Stačí zvolit jiný nástroj a zase zpět nástroj Cesty nebo použít klávesovou zkratku nástroje Cesty.

  5. Renata:

    :( zkousela jsem podle rady,ale bohuzel delam asi neco spatne,vykreslim cestu,prekliknu na jiny nastroj a mam vykesleny kousek ocasu,jinak nic vic.
    Ono se to spatne popisuje,ale kdyby vas to neotravovalo mohla bych vam poslat screen na mail,aspon by jste me mel rychlej z krku :))

  6. Pelo:

    ulozte ho na http://www.uloz.to a postnete odkaz, treba Vam stihne poradit i nekdo jiny;-)

  7. Renata:

    :( tak to asi neklapne s tim uloz.to
    zkusim se s tim nejak poprat,kazdopadne dekuji za rady :)

    a hodne zdaru :)

  8. DOTAZ:

    Ahoj pls,muzes sem napsat jak si udelal u toho prvniho hotovyho obrazku delfina (tam nahore) to oko ze vypada tak duveryhodne,jinak nez u toho hotov. delfina (tady dole) jo a pls taky ten cumak a ty odlesky na tech ploutvich.

    diky

  9. Pelo:

    Zdravím, poslední obrázek “hotového” delfína a všechny další, jsou 300% zvětšeniny oproti originálu. Zmenšíte-li si okno Vašeho prohlížeče, řekněme na 30%, zjistíte, jak by zhruba obrázek vypadal ve skutečném rozlišení 1:1 (v našem případě 256 x 256 px) a že ve skutečné velikosti je takřka k nerozeznání (oko).

    Tutorial je univerzální. Na začátku tvorby si sami zvolíte rozlišení pro svoji práci, ze kterého pak budete vycházet. Jediné, co Vás může zmást, jsou velikosti některých štětců a nastavení některých rozostření, které je, jak již bylo několikráte zmiňováno, optimalizováno pro obraz veliký 256 x 256 px.

    Čumák, odlesky a další efekty jsem už do tohoto dílu nezařadil, protože by byl příliš dlouhý, jednak obsahově, jednak i přípravou;o].

    Pro tvoření zbylých efektů doporučuji pokaždé úpravu vložit do nové vrstvy(tev), zkoušet a zkoušet. V místě, kde chcete přidat na dynamičnosti, udělejte tah štětcem. Pracujte s odstíny modré nebo s černou barvou, používejte Gaussovské rozostření, nástroj Rozostření, pohrávejte si s Režimy vrstev a Krytí vrstev. Duplikujte, prolínejte, experimentujte…

    Pro získání velice dynamického a realistického obrazu použijte: Filtry-Decor-Přidat zkosení... Stačí vybrat postupně části těla, které chceme oživit.

  10. Mirek:

    Ahoj, minimálně 3 hodiny práce, cca 20x začít znova a stejně nic moc delfín. Ale jinak skvělé. Asi jsem se jako začátečník měl pustit do něčeho méně náročného:)

  11. Stratmaster:

    Návod moc pěkný a výsledek ještě hezčí, jen zaboha nemůžu pochopit, proč byl k vytvoření takového obrázku použit bitmapový editor - toto je typická úloha pro vektor. Tam by bylo řešení rychlejší, jednodušší a výsledek editovatelnější…ale neberte mě zas tak vážně, jsem na vektory moc zatíženej…:-D

  12. Pelo:

    Vše má své PRO i PROTI!

    Bitmapa (Gimp) pracuje s barevnými BODY (co bod, to barevná informace). Kdežto vektor pracuje s barevnými PLOCHAMI (co plocha, to barevná informace). Jinými slovy obě “technologie” - dají-li se tak nazývat, jsou odlišné a mají své pro i proti a i jejich využití je individuální.

    Obraz v bitmapě nikdy nebude stejný jako obraz ve vektoru.

    Zde patrně nic nevyhádáme, snad bych jen doporučil objektivní náhled na věc:-)

    Btw: Jsme přece jen na portále, zabývajícím se bitmapou (Gimpem) ;o]

    Závěr: Ve vektorové grafice jistě také dosáhneme pozoruhodných výsledků!:-P

  13. Nerevanin:

    Váš delfím je moc pěkný, ten můj jako delfín moc nevypadá… :) Ale jinak díky, naučila jsem se zase nějaké nové fígle s GIMPem. :)

  14. Katka:

    jak bych to mohla stáhnout…GIMP???

  15. Juhele:

    čus lidi,
    taky mě napadlo, že ve vektoru by se to dělalo lépe a abych se o tom přesvědčil, tak jsem to spáchal v Inkscape podle zdejšího tutorialu. Výsledek uvidíte zde:
    http://juhele.webnode.cz/news/delfin-v-svg/

    delfína si může stáhnout a dle libosti upravovat :-)

  16. rabbit15:

    Moc pěkný delfín. Tento tutoriál si uschovám pro pozdější tvorby obrázků… Budu totiž dělat ikony pro složky…

  17. efka:

    Vše šlo jak po másle (občas trošku rozteklém) až do okamžiku vrstvy “oko” a vložení tečky štětcem. Někde dělám chybu, protože tečka kdekokliv mimo delfínka je vidět, ale v oku ne. Prosím radu, kde jsem co neudělala a nebo udělala navíc.

  18. Pelo:

    Pokud zvolíte správnou barvu odrazu světla v oku + umístění stopy do samostatné vrstvy + Vám někde nezůstane opomenutý obdélníkový, eliptický či jiný výběr, neměl by být problém.

  19. Marie:

    Dobrý den… když jsem dělala toho delfína tak po chvíli mi nešly změnit barvy… prostě jsem nějakou zadala ona se změnila ale pořád to byla modra…. třeba to bříško jsem neudělala vubec.

  20. Pelo:

    Dobrý den,pokud Vám nejde zadat barva v šestnáctkové soustavě (v kódu), zkuste ji zadat alespoň přibližně (dle obrázku nebo vlastní fantazie).

  21. davus:

    delfin je nadher ny a skusim ho vytvorit

  22. maXter:

    Dobrá práce, taky mám svého delfína =)

Zanechat komentář