Hlavnou vecou je určiť obrázok v počítači alebo telefóne, vybrať farby, ktoré chcete nahradiť, stlačiť tlačidlo OK v dolnej časti stránky, počkať niekoľko sekúnd a stiahnuť hotový výsledok.

Fotografia ruže bez zmien a s ružovou farbou nahradenou: fialový, Modrá, tyrkysová, zelená A žltá:


Na vytvorenie vyššie uvedených príkladov boli použité nasledujúce nastavenia: " Náhradná farba" - "Ružová", " Farba na výmenu" - "fialová" (pre ďalšie spracovanie "modrá" atď.), " Intenzita výmeny farieb" - "45".

Ak sa všetko zmení na jednu farbu, nahradí sa príliš veľa alebo sú ovplyvnené iné farby, potom musíte znížiť „Intenzitu výmeny farieb“. Naopak, ak nie je viditeľná žiadna zmena alebo farba nie je úplne vymenená, potom musíte zvýšiť „Intenzitu výmeny farieb“ a tiež sa uistiť, že ste farby označili správne a nepomýlili ste si napríklad červenú s ružovou. Pre presnejšiu špecifikáciu farieb môžete použiť formát HEX. Pre rôzne obrázky sa môžu nastavenia líšiť, záleží to od farby aj od veľkosti v pixeloch.

Upozorňujeme, že nemôžete nahradiť čierna, šedá príp biela farba na niektorých nasýtená farba, ale nasýtenú farbu môžete nahradiť takmer bielou, čiernou alebo sivou farbou. Jednoducho povedané, môžete nahradiť akúkoľvek farbu dúhy alebo blízko k tým farbám, ktoré sú k dispozícii v rozbaľovacích zoznamoch v nastaveniach. Dôvodom je, že algoritmus nahradenia farieb súvisí so zmenou tónu, ktorá neovplyvňuje obrázky v odtieňoch šedej alebo čiernobiele obrázky. Ak potrebujete spracovať veľký obraz viac ako 14 megapixelov (≈4592x3048), potom ho odošlite do poštovej schránky s potrebnými nastaveniami – vykoná sa to bezplatne do jedného dňa.

Pôvodný obrázok sa nijako nemení. Dostanete ďalší spracovaný obrázok.

V skutočnosti existuje mnoho spôsobov, ako zmeniť farbu objektu vo Photoshope. Už predtým sme sa pozreli na to, ako to urobiť, a tiež sme sa naučili, ako zmeniť farbu vlasov vo Photoshope.

Toto nie sú všetky metódy, dnes ukážem dve veľmi jednoduché a v budúcich článkoch budem hovoriť o niekoľkých ďalších metódach pomocou iných vrstiev úprav.

Metóda číslo 1

Stručne opíšte aplikáciu tejto metódy. Otvorte obrázok a vytvorte novú vrstvu (zapamätajte si všetky triky).

Potom zmeňte režim prelínania tejto vrstvy výberom Odtieň z rozbaľovacieho zoznamu v hornej časti palety Vrstvy (nachádza sa v spodnej časti zoznamu).

Potom vyberte stlačením klávesu B, kliknite na indikátor farby popredia, v zobrazenom dialógovom okne palety vyberte odtieň a kliknite na tlačidlo OK. Po vybratí novej vrstvy maľujte na objekt.

Ak maľujete príliš veľa, môžete dočasne vybrať nástroj Guma stlačením a podržaním klávesu E. A takýmto situáciám môžete vopred predísť pridaním masky vrstvy do novej vrstvy a skrytím oblastí, ktoré netreba meniť čiernou farbou.

Poznámka

Ak je oblasť, ktorá sa má premaľovať, obklopená čiernou, bielou a sivou farbou, môžete ju pokojne natrieť a tie sa vôbec nezmenia. Je to preto, že v režime prelínania Hue oblasti vyplnené farbou ovplyvňujú iba tie oblasti základnej vrstvy, ktoré už obsahujú farbu.

Metóda číslo 2

Pamätáte si príkaz ponuky? Podobný príkaz ponuky Vymeňte farbu možno použiť na zvýraznenie jedného odtieňa a jeho nahradenie iným. Tento príkaz funguje veľmi dobre, ak je farba, ktorá sa má nahradiť, viac-menej jednotná a sústredená v určitej oblasti, ako je karoséria na obrázku vyššie.

Výber príkazu z ponuky Obrázok - Oprava - Nahradiť farbu, uvidíte dialógové okno s rovnakým názvom.

Už má vybratý nástroj kvapkadlo, takže kliknite na odtieň na obrázku, ktorý chcete nahradiť. Zobrazí sa vo štvorci s nápisom Farba v skupine kontrol Výber v hornej časti dialógového okna.

V skupine kontrol Výmena v spodnej časti dialógového okna kliknite na štvorec nad nápisom Výsledok na výber nového odtieňa. Keď kliknete na tlačidlo OK. Ak potrebujete opraviť vybraný odtieň, môžete použiť posúvače Farebný tón, Sýtosť A Jas(nachádza sa aj v skupine Ovládacie prvky výberu). Tu je to, čo sa stalo:

Upozorňujeme, že okrem bežnej pipety sú v blízkosti aj pipety s malými znakmi „+“ (plus) a „-“ (mínus). Použite ich na rozšírenie/zúženie rozsahu odtieňov, ktoré chcete zmeniť.

Ako vidíte, trochu som to prehnal a aj kolesá na aute mi sfialoveli. To naznačuje túto metódu nemusí byť vždy užitočné.

Všimli ste si chybu v texte - vyberte ho a stlačte Ctrl + Enter. Ďakujem!

Zmeniť farbu obrázka PNG pomocou CSS? (10)

Upraviť--

Font-Awesome používa rôzne názvy tried v Nová verzia, pravdepodobne preto, že výrazne zmenšuje súbory CSS a vyhýba sa nejednoznačným triedam CSS. Takže teraz musíte použiť:

Nie je potrebné nastavovať celé písmo, ak chcete iba jednu ikonu, navyše mám pocit, že ako samostatný prvok je „čistejší“. Takže na tento účel v HTML5 môžete umiestniť SVG priamo do toku dokumentu. Potom môžete definovať triedu vo svojej šablóne so štýlmi .css a získať prístup k jej farbe pozadia pomocou vlastnosti fill:

Všimnite si, že v príklade, ktorý som použil :hover na ilustráciu správania; ak chcete len zmeniť farbu pre "normálny" stav, mali by ste odstrániť pseudo triedu.

Odpovedám, pretože som na to hľadal riešenie.

pero v @chrscblls odpovedá dobre, ak máte biele alebo čierne pozadie, ale moje nie. Obrázky boli tiež generované pomocou ng-repeat, takže som nemohol mať svoju url v mojom css a nemôžete použiť ::after na img tagoch.

Rozhodol som sa teda zapojiť a myslel som si, že by to ľuďom mohlo pomôcť, ak sa tu tiež potkýnajú.

Takže som urobil takmer to isté s tromi hlavnými rozdielmi:

• url, ktorý je v mojom img tagu, som ho dal (a štítok) do iného divu, na ktorom:: po práci.
• "mix-blend-mode" je nastavený na "difference" namiesto "multiply" alebo "screen".
• Pridal som a::before s presne rovnakou hodnotou, takže::after robí "rozdiel" "rozdielov" vytvorených::pred a zruší ho.

Ak chcete zmeniť farbu z čiernej na bielu alebo z bielej na čiernu, farba pozadia musí byť biela. Od čiernej po farebnú, môžete si vybrať akúkoľvek farbu. Od bielej po farbu si musíte vybrať opačnú farbu, než akú chcete.

Trieda divu( pozícia: relatívna; šírka: 100 %; výška: 100 %; zarovnanie textu: doľava; ) .divClass:hover::after, .divClass:hover::before( poloha: absolútna; šírka: 100 %; výška: 100 %; pozadie: #FFF; režim zmiešavania: rozdiel; obsah: ""; )

značky img majú vlastnosť pozadia ako každá iná. Ak máte biely PNG s priehľadným tvarom, ako je šablóna, môžete to urobiť takto:

Ak chcete doslova zmeniť farbu, môžete zahrnúť prechod CSS s filtrom -webkit, kde keď sa niečo stane, použijete filter -webkit podľa vlastného výberu. Napríklad:

Img ( -filter-webkit:odtiene šedej(0%); prechod: -filter-webkit .3s lineárny; ) img:umiestnenie ( -filter-webkit:odtiene šedej(75%); )

Našiel som tento skvelý príklad codepen, ktorý ste vložili do hodnoty hexadecimálna farba, a vráti požadovaný filter na použitie tejto farby na png

napríklad som potreboval, aby môj png mal nasledujúcu farbu #1a9790

potom na vás musíte použiť nasledujúci filter png

Filter: invertný (48 %) sépia (13 %) nasýtený (3207 %) otočený odtieň (130 stupňov) jas (95 %) kontrast (80 %);

Dokázal som to urobiť pomocou SVG filtra. Môžete napísať filter, ktorý znásobí farbu pôvodného obrázka farbou, ktorú chcete zmeniť. V nižšie uvedenom úryvku kódu povodna farba je farba, ktorou chceme zmeniť farbu obrázka (v tomto prípade je to červená). FeComposite informuje filter o tom, ako spracovávame farbu. Vzorec feComposite s aritmetikou je (k1 * i1 * i2 + k2 * i1 + k3 * i2 + k4), kde i1 a i2 sú vstupné farby pre in/in2. Takže zadanie iba k1 = 1 znamená, že to urobí iba i1 * i2, čo znamená vynásobenie oboch vstupných farieb dohromady.

Poznámka. Toto funguje iba s HTML5, pretože používa inline SVG. Ale myslím, že to môžete urobiť so starým prehliadačom vložením SVG samostatný súbor. Tento prístup som ešte neskúšal.

Tu je úryvok:

Ak potrebujete upraviť súbor v formát PNG, mnohí sa ponáhľajú so sťahovaním Photoshopu, ktorý sa distribuuje nielen na platenej báze, ale je aj dosť náročný na počítačové zdroje. Nie všetky staré počítače dokážu s touto aplikáciou pracovať. V takýchto prípadoch prichádzajú na pomoc rôzne online editory, ktoré vám umožňujú meniť veľkosť, škálovať, komprimovať a vykonávať množstvo ďalších operácií so súbormi.

Dnes sa pozrieme na najfunkčnejšie a najstabilnejšie stránky, ktoré umožňujú prácu s obrázkami PNG. Medzi výhody takýchto online služieb patrí skutočnosť, že nie sú náročné na zdroje vášho počítača, pretože všetky manipulácie so súbormi sa vykonávajú pomocou cloudových technológií.

Online editory nie je potrebné inštalovať na PC – tým sa výrazne znižuje pravdepodobnosť chytenia vírusu.

Metóda 1: Online editor obrázkov

Najfunkčnejšia a najstabilnejšia služba, ktorá neobťažuje používateľov rušivou reklamou. Vhodné pre akékoľvek manipulácie s obrázkami PNG, absolútne nenáročné na zdroje vášho počítača, je možné spustiť na mobilných zariadeniach.

Nevýhody služby zahŕňajú nedostatok ruského jazyka, avšak pri dlhodobom používaní je táto nevýhoda sotva viditeľná.

Stránka nevyžaduje registráciu, je ľahké sa so službou vysporiadať, aj keď neviete po anglicky. Nebojte sa experimentovať, ak sa niečo pokazí, vždy to môžete vrátiť späť jediným kliknutím.

Metóda 2: Photoshop online

Vývojári umiestnili svoju službu ako online photoshop. Funkcionalita editora je skutočne podobná svetoznámej aplikácii, podporuje prácu s obrázkami v rôznych formátoch vrátane PNG. Ak ste niekedy pracovali s Photoshopom, nebude ťažké pochopiť funkčnosť zdroja.

Jedinou, no dosť výraznou nevýhodou stránky je neustále zamrznutie, najmä ak pracujete s veľkými obrázkami.

Pri realizácii jednoduché manipulácie pracovať so službou pohodlne a pohodlne. Ak potrebujete spracovať veľký súbor, je vhodné stiahnuť a nainštalovať špeciálny softvér, alebo buďte trpezliví a pripravte sa na neustále zamŕzanie stránok.

Metóda 3: Fotor

Pohodlná, funkčná a hlavne bezplatná stránka na prácu s obrázkami vo formáte PNG Fotor vám umožňuje orezávať, otáčať, pridávať efekty, používať ďalšie nástroje. Funkčnosť prostriedku bola testovaná na súboroch rôznych veľkostí a neboli nájdené žiadne problémy. Stránka je preložená do ruštiny, v nastaveniach si v prípade potreby môžete vybrať iný jazyk pre rozhranie editora.

Prístup k pridané vlastnosti sa používateľom poskytuje až po zakúpení PRO účtu.

Fotor je výkonný nástroj na prácu s PNG: okrem sady základné funkcie obsahuje mnoho doplnkových efektov, ktoré potešia aj toho najnáročnejšieho užívateľa.

Online editory fotografií sa ľahko používajú, nevyžadujú inštaláciu do počítača, vďaka čomu sú dostupné aj s mobilné zariadenie. Ktorý editor použijete, je len na vás.