Zadejte hledaný výraz...
Jakub Glos
Webtrh.cz
Vývoj webových stránek na WordPressu a proklientský přístup pro freelancery
Třídenní infromacemi nabitý prezenční + online kurz v Praze od Webtrhu pouze za 2 871 Kč
Více informací

Obarvení dvou vrstev u obrázku

Petr Holomoj
verified
rating uzivatele
(21 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
https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086859
David Kácha
verified
rating uzivatele
(39 hodnocení)
29. 1. 2015 16:49:53
Jedině mě napadá si to namalovat přes canvas.
29. 1. 2015 16:49:53
https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086858
Christ Petr
verified
rating uzivatele
(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
https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086857
David Kácha
verified
rating uzivatele
(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
https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086856
Petr Holomoj
verified
rating uzivatele
(21 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
https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086855
Christ Petr
verified
rating uzivatele
(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
https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086854
Petr Holomoj
verified
rating uzivatele
(21 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?
29. 1. 2015 17:46:16
https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086853
David Kácha
verified
rating uzivatele
(39 hodnocení)
29. 1. 2015 19:25:33
No jedině přes canvas http://www.zdrojak.cz/clanky/zaciname-z-html5-canvasem/ a nakreslit to asi přes cestu (paths).
29. 1. 2015 19:25:33
https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086852
sysline
verified
rating uzivatele
(2 hodnocení)
29. 1. 2015 19:42:19
A co poslat data pres ajax a udelat to na serveru napriklad pres ImageMagick?....
29. 1. 2015 19:42:19
https://webtrh.cz/diskuse/obarveni-dvou-vrstev-u-obrazku/#reply1086851
Pro odpověď se přihlašte.
Přihlásit