A lényeg az, hogy adjon meg egy képet számítógépén vagy telefonon, válassza ki a cserélni kívánt színeket, nyomja meg az OK gombot az oldal alján, várjon néhány másodpercet, és töltse le a kész eredményt.

Fotó egy rózsáról változtatás nélkül, a rózsaszín szín helyett: lila, kék, türkiz, zöldés sárga:


A következő beállításokat használtuk a fenti példák létrehozásához: " Csere szín" - "rózsaszín", " Cserélendő szín" - "lila" (a következő feldolgozáshoz "kék" stb.), " Színcsere intenzitása" - "45".

Ha minden egyszínűvé válik, túl sokat cserélnek ki, vagy más színek érintettek, akkor csökkentenie kell a "Színcsere intenzitást". Ezzel szemben, ha nem látható változás, vagy a szín nem cserélődik ki teljesen, akkor növelnie kell a „Színcsere intenzitást”, és győződjön meg arról is, hogy helyesen jelölte meg a színeket, és nem keverte össze például a pirosat a rózsaszínnel. A pontosabb színmeghatározáshoz használhatja a HEX formátumot. A különböző képeknél a beállítások eltérőek lehetnek, ez a színtől és a pixelben mért mérettől is függ.

Felhívjuk figyelmét, hogy nem cserélheti ki fekete, szürke ill fehér szín néhányon telített szín, de a telített színt helyettesítheti szinte fehér, fekete vagy szürke színnel. Egyszerűen fogalmazva, a szivárvány bármely színét lecserélheti, vagy azokhoz a színekhez közel, amelyek a beállítások legördülő listáiban elérhetők. Ennek az az oka, hogy a színcsere algoritmus a tónusváltáshoz kapcsolódik, ami nem befolyásolja a szürkeárnyalatos vagy fekete-fehér képeket. Ha feldolgoznia kell nagy kép több mint 14 megapixel (≈4592x3048), majd küldje el a postafiókba a szükséges beállításokkal - egy napon belül ingyenesen megtörténik.

Az eredeti kép semmilyen módon nem változott. Egy másik feldolgozott képet kapsz.

Valójában van sokféleképpen módosíthatja egy objektum színét a Photoshopban. Korábban már megnéztük, hogyan kell ezt megtenni, és azt is megtanultuk, hogyan változtassuk meg a hajszínt a Photoshopban.

Ezek nem mindegyik módszer, ma két nagyon egyszerűt mutatok be, és a következő cikkekben még néhány más beállítási réteget használó módszerről fogok beszélni.

1. számú módszer

Röviden írja le ennek a módszernek az alkalmazását. Nyissa meg a képet, és hozzon létre egy új réteget (emlékezzen az összes trükkre).

Ezután módosítsa ennek a rétegnek a keverési módját úgy, hogy a Rétegek paletta tetején (a lista alján található) legördülő listából válassza a Hue lehetőséget.

Ezt követően válassza ki a B gombbal, kattintson az előtér színjelzőjére, a megjelenő paletta párbeszédablakban válasszon ki egy színárnyalatot, majd kattintson az OK gombra. Az új réteg kiválasztása után festse az objektum tetejére.

Ha túl sokat fest, ideiglenesen kiválaszthatja a Radír eszközt az E billentyű lenyomásával és lenyomva tartásával. Az ilyen helyzeteket pedig előre megelőzheti, ha az új réteghez rétegmaszkot ad, és a nem módosítandó területeket feketével rejti el.

jegyzet

Ha az átfestendő területet fekete, fehér, szürke színek veszik körül, akkor az utóbbit nyugodtan átfestheti, és ezek egyáltalán nem változnak. Ennek az az oka, hogy a Hue blend módban a színnel kitöltött területek csak az alatta lévő réteg azon területeire vannak hatással, amelyek már tartalmaznak színt.

2. számú módszer

Emlékszel a menüparancsra? Hasonló menüparancs Cserélje ki a színt egy árnyalat kiemelésére és egy másikra cserélésére használható. Ez a parancs nagyon jól működik, ha a cserélendő szín többé-kevésbé egységes és koncentrálódik valamilyen területen, mint a fenti képen látható karosszéria.

A parancs kiválasztása a menüből Kép – Javítás – Szín csere, akkor megjelenik az azonos nevű párbeszédpanel.

Már ki van választva a Pipetta eszköz, ezért kattintson a cserélni kívánt kép színárnyalatára. Egy négyzetben jelenik meg a felirattal Szín vezérlők csoportjában Kiválasztás a párbeszédpanel tetején.

A vezérlők csoportjában Csere a párbeszédpanel alsó részén kattintson a felirat feletti négyzetre Eredményúj árnyalat kiválasztásához. Ha rákattint az OK gombra. Ha korrigálnia kell a kiválasztott árnyalatot, használhatja a csúszkákat Színtónus, Telítettségés Fényerősség(a Kijelölési vezérlők csoportban is megtalálható). Íme, mi történt:

Kérjük, vegye figyelembe, hogy a közönséges pipettán kívül vannak a közelben kis "+" (plusz) és "-" (mínusz) jelekkel ellátott pipetták. Használja őket a megváltoztatni kívánt árnyalatok skálájának szélesítésére/szűkítésére.

Amint látod kicsit túlzásba vittem és az autóm kerekei is lilák lettek. Ez arra utal Ily módon nem mindig lehet hasznos.

Hibát észlelt a szövegben - jelölje ki, és nyomja meg a Ctrl + Enter billentyűket. Köszönöm!

Módosítja a PNG-kép színét CSS-en keresztül? (10)

Szerkesztés--

A Font-Awesome különböző osztályneveket használ új verzió, valószínűleg azért, mert jelentősen kisebbé teszi a CSS-fájlokat, és elkerüli a kétértelmű CSS-osztályokat. Tehát most a következőket kell használnia:

Nem kell a teljes betűtípust beállítani, ha csak egy ikont akarsz, ráadásul úgy érzem, hogy önálló elemként "tisztább" is. Tehát ebből a célból a HTML5-ben az SVG-t közvetlenül a dokumentumfolyamon belül helyezheti el. Ezután meghatározhatja az osztályt a .css stíluslapon, és hozzáférhet a háttérszínéhez a fill tulajdonság segítségével:

Vegye figyelembe, hogy a példában a :hover-t használtam a viselkedés illusztrálására; ha csak a "normál" állapot színét szeretné megváltoztatni, akkor távolítsa el a pszeudo osztályt.

Azért válaszolok, mert erre kerestem a megoldást.

a @chrscblls toll jól válaszol, ha fehér vagy fekete a háttér, de az enyém nem. Ezenkívül a képeket ng-repeattel generálták, így nem lehetett az url-em a css-ben, és nem használhatod az ::after-t az img címkéken.

Ezért úgy döntöttem, hogy részt veszek, és úgy gondoltam, hogy segíthet az embereknek, ha ők is itt botorkálnak.

Tehát nagyjából ugyanezt tettem három fő különbséggel:

• Az img címkémben található url-t beraktam (és címkéztem) egy másik divbe, amelyen:: munka után.
• A "mix-blend-mode" a "difference"-re van állítva a "szorzás" vagy a "képernyő" helyett.
• Hozzáadtam egy::before-t pontosan ugyanazzal az értékkel, hogy a::after a "különbséget" tegye a::before által okozott "különbségek" között, és visszavonja azt.

Ha feketéről fehérre vagy fehérről feketére szeretne változtatni, a háttérszínnek fehérnek kell lennie. A feketétől a színig bármilyen színt választhat. A fehértől a színig a kívánt szín ellentétes színét kell választania.

DivClass( pozíció: relatív; szélesség: 100%; magasság: 100%; szöveg igazítása: balra; ) .divClass:hover::after, .divClass:hover::before( pozíció: abszolút; szélesség: 100%; magasság: 100%; háttér: #FFF; mix-blend-mode: különbség; tartalom: ""; )

Az img címkéknek van egy háttértulajdonsága, mint minden másnak. Ha átlátszó formájú fehér PNG-vel rendelkezik, mint egy sablon, akkor ezt teheti:

A szín szó szerinti megváltoztatásához beépíthet egy CSS-átmenetet egy -webkit szűrővel, ahol ha valami történik, a választott -webkit szűrőt fogja használni. Például:

Img ( -webkit-filter:grayscale(0%); átmenet: -webkit-filter .3s lineáris; ) img:hover ( -webkit-filter:grayscale(75%); )

Megtaláltam ezt a nagyszerű példát a kódolóra, amelyet értéket adtál meg hatszögletű szín,és visszaadja a szükséges szűrőt, hogy ezt a színt alkalmazza a png-re

például szükségem volt a png-mre, hogy a következő színű legyen #1a9790

akkor a következő png szűrőt kell alkalmaznia rád

Szűrő: invert (48%) szépia (13%) telített (3207%) színárnyalat-forgatás (130 fok) fényerő (95%) kontraszt (80%);

Ezt egy SVG szűrővel tudtam megcsinálni. Írhat egy szűrőt, amely megszorozza az eredeti kép színét a módosítani kívánt színnel. Az alábbi kódrészletben árvíz színe az a szín, amellyel a kép színét meg akarjuk változtatni (jelen esetben piros). A FeComposite megmondja a szűrőnek, hogyan dolgozzuk fel a színt. A feComposite képlet aritmetikával a következő: (k1 * i1 * i2 + k2 * i1 + k3 * i2 + k4), ahol i1 és i2 az in/in2 bemeneti színei. Tehát csak k1 = 1 megadása azt jelenti, hogy csak i1 * i2 lesz, ami azt jelenti, hogy mindkét bemeneti színt össze kell szorozni.

Jegyzet. Ez csak a HTML5-tel működik, mert az inline SVG-t használ. De szerintem ezt egy régi böngészővel is működőképessé teheted, ha behelyezed az SVG-t külön fájl. Ezt a megközelítést még nem próbáltam.

Íme egy részlet:

Ha szerkeszteni kell a fájlt PNG formátum, sokan sietnek letölteni a Photoshopot, amelyet nem csak fizetős alapon terjesztenek, hanem meglehetősen igényes a számítógépes erőforrásokra is. Nem minden régi számítógép képes együttműködni ezzel az alkalmazással. Ilyenkor különféle online szerkesztők jönnek a segítségére, amelyek lehetővé teszik a fájlokkal való átméretezést, méretezést, tömörítést és számos egyéb művelet elvégzését.

Ma megvizsgáljuk a legfunkcionálisabb és legstabilabb webhelyeket, amelyek lehetővé teszik a PNG-képekkel való munkát. Az ilyen online szolgáltatások előnyei közé tartozik, hogy nem igénylik a számítógép erőforrásait, mivel minden fájlkezelés felhőtechnológiával történik.

Az online szerkesztőket nem kell PC-re telepíteni – ez jelentősen csökkenti a vírus elkapásának valószínűségét.

1. módszer: Online képszerkesztő

A legfunkcionálisabb és legstabilabb szolgáltatás, amely nem zavarja a felhasználókat tolakodó reklámozással. Alkalmas bármilyen PNG-képekkel végzett manipulációra, ami abszolút nem igényli a számítógép erőforrásait, mobil eszközökön is futtatható.

A szolgáltatás hátrányai közé tartozik az orosz nyelv hiánya, azonban hosszan tartó használat esetén ez a hátrány alig észrevehető.

Az oldal nem igényel regisztrációt, könnyen kezelhető a szolgáltatás, még akkor is, ha nem tudsz angolul. Ne féljen kísérletezni, ha valami elromlik, azt egyetlen kattintással bármikor visszavonhatja.

2. módszer: Photoshop Online

A fejlesztők szolgáltatásukat online photoshopként pozicionálják. A szerkesztő funkcionalitása valóban hasonlít a világhírű alkalmazáshoz, támogatja a különböző formátumú képekkel való munkát, beleértve a PNG-t is. Ha valaha is dolgozott Photoshoppal, nem lesz nehéz megérteni az erőforrás funkcióit.

Az oldal egyetlen, de meglehetősen jelentős hátránya az állandó lefagyások, különösen, ha nagy képekkel dolgozik.

A megvalósítás során egyszerű manipulációk kényelmesen és kényelmesen dolgozhat a szolgáltatással. Ha nagy fájlt kell feldolgoznia, célszerű letölteni és telepíteni egy speciális szoftver, vagy légy türelmes és készülj fel az állandó helyszíni lefagyásokra.

3. módszer: Fotor

A PNG Fotor formátumú képekkel való munkavégzéshez kényelmes, funkcionális és ami a legfontosabb: ingyenes webhely lehetővé teszi a körbevágást, elforgatást, effektusok hozzáadását és egyéb eszközök használatát. Az erőforrás működőképességét különböző méretű fájlokon tesztelték, és nem találtak problémát. Az oldalt oroszra fordítják, a beállításokban szükség esetén más nyelvet is választhat a szerkesztő felületéhez.

Hozzáférés további jellemzők csak PRO-fiók megvásárlása után érhető el a felhasználók számára.

A Fotor egy hatékony eszköz a PNG-vel való munkavégzéshez: egy sor mellett alapvető funkciókat számos további effektust tartalmaz, amelyek még a legigényesebb felhasználóknak is tetszeni fognak.

Az online képszerkesztők könnyen használhatóak, nem igényelnek számítógépre telepítést, aminek köszönhetően akár számítógéppel is elérhetők mobil eszköz. Ön dönti el, hogy melyik szerkesztőt használja.