Obarvení dvou vrstev u obrázku

Petr Holomoj

(22 hodnocení)

29. 1. 2015 15:02:13

Dobrý den,

řešením teď jeden problém, potřebuji obarvovat motiv a pozadí. Na výběr barvy využívám JS color-picker.

Příklad viz obrázek:

Potřebuji měnit jak barvu letadla, tak i barvu šedého pozadí, podle barvy vybrané z color-picker

14342

Obarvit jednu vrstu, není problém, vymazáním letadlo a nechat tam transparentní pozadí, ale obě vrstvy....

Má s tím někdo nějaké zkušenosti, jak by to šlo udělat?

Díky

29. 1. 2015 15:02:13

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086859

David Kácha

(39 hodnocení)

29. 1. 2015 16:49:53

Jedině mě napadá si to namalovat přes canvas.

29. 1. 2015 16:49:53

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086858

Christ Petr

(1 hodnocení)

29. 1. 2015 17:06:32

Snad jsem to dobře pochopil.

Stáhni si trial Adobe Photoshop. Kouzelnou hůkou vyber všechny šedé vrsty (shift+click...) po označení zmáčkni zkratku ctrl+U a tam si nakombinuj barvu jakou chceš. Tak to proveď i u letadla.

NEBO nedávej ctr+U ale označený výběr zabarvy štětcem s příslušnou barvou.

NEBO označ kouzelnou hůlkou celé letadlo a dej výběr vyjmout a pozadí si dej jaký chceš. A letadlo si můžeš natexturovat taky jak chceš.

NEBO mi to pošli, napiš mi u toho jaký barvy nebo texturu a bude to ještě rychlejší :)

29. 1. 2015 17:06:32

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086857

David Kácha

(39 hodnocení)

29. 1. 2015 17:11:56

Napsal suissy;1163045
Snad jsem to dobře pochopil.
Stáhni si trial Adobe Photoshop. Kouzelnou hůkou vyber všechny šedé vrsty (shift+click...) po označení zmáčkni zkratku ctrl+U a tam si nakombinuj barvu jakou chceš. Tak to proveď i u letadla.
NEBO nedávej ctr+U ale označený výběr zabarvy štětcem s příslušnou barvou.
NEBO označ kouzelnou hůlkou celé letadlo a dej výběr vyjmout a pozadí si dej jaký chceš. A letadlo si můžeš natexturovat taky jak chceš.
NEBO mi to pošli, napiš mi u toho jaký barvy nebo texturu a bude to ještě rychlejší :)

No já chápu, že to chce dělat v nějaké webové aplikaci :) viz to JS color-picker ....

29. 1. 2015 17:11:56

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086856

Petr Holomoj

(22 hodnocení)

29. 1. 2015 17:13:26

Potřebuji to dělat online na webu. Abych to přiblížil

- Letadlo je tapeta na zeď

- Šedá barva je zeď

Vyberu si barvu tapety, kterou chci z nabídku barev, ale taky můžu změnit barvu zdi, abych viděl, jak to bude vypadat na barvě mojí zdi.

proto bych potřeboval přijít na nějaký způsob jak to udělat podle jednoho příkladu, jelikož je několik desítek vzorů tapet.

Přijít na nějaký způsob jak zkombinovat transparentní vrstvy(klidně můžou být odděleně letadlo a zeď, tedy dva obrázky) a background-color z color-picker

29. 1. 2015 17:13:26

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086855

Christ Petr

(1 hodnocení)

29. 1. 2015 17:26:56

Napsal Sketter;1163051
Potřebuji to dělat online na webu. Abych to přiblížil
- Letadlo je tapeta na zeď
- Šedá barva je zeď
Vyberu si barvu tapety, kterou chci z nabídku barev, ale taky můžu změnit barvu zdi, abych viděl, jak to bude vypadat na barvě mojí zdi.

proto bych potřeboval přijít na nějaký způsob jak to udělat podle jednoho příkladu, jelikož je několik desítek vzorů tapet.

Přijít na nějaký způsob jak zkombinovat transparentní vrstvy(klidně můžou být odděleně letadlo a zeď, tedy dva obrázky) a background-color z color-picker

FAIL :D sedím si na vedení. Teď jsem pochopil, že to je v programování. Tak to jóóóó :D... tak já jdu vedle do své kategorie. Promiň myslel jsem, že JS color-picker je nějaký program ze Severní Koree.

29. 1. 2015 17:26:56

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086854

Petr Holomoj

(22 hodnocení)

29. 1. 2015 17:46:16

V pohodě, díky za snahu

------- EDIT -----

Asi jediná možnost co mě napadá je maska přes css masku

Ale podpora má jen málo prohlížečů, je tam nějaký změna v zápise např. pro Firefox nebo IE?