Najważniejsze jest, aby określić zdjęcie na komputerze lub telefonie, wybrać żądane kolory do wymiany, kliknąć przycisk OK u dołu strony, odczekać kilka sekund i pobrać gotowy wynik.
Zdjęcie róży niezmienione i zastąpione różowym kolorem: fioletowy, niebieski, turkus, zielony i żółty:
Aby utworzyć powyższe przykłady, zastosowano następujące ustawienia: „ Kolor zastępczy"-" różowy "," Kolor do wymiany„-„ fioletowy ”(do następnego przetwarzania„ niebieski ”itp.),„ Intensywność zmiany koloru" - "45".
Jeśli wszystko stanie się monochromatyczne, zostanie zastąpione zbyt dużo lub zostaną dotknięte inne kolory, należy obniżyć „Intensywność zamiany kolorów”. I odwrotnie, jeśli nie widzisz żadnych zmian lub kolor nie jest całkowicie zastąpiony, musisz zwiększyć „Intensywność zamiany koloru”, a także upewnić się, że poprawnie określiłeś kolory i nie pomyliłeś na przykład czerwieni z różem. Aby dokładniej określić kolor, można użyć formatu HEX. W przypadku różnych zdjęć ustawienia mogą się różnić, zależy to zarówno od koloru, jak i rozmiaru w pikselach.
Pamiętaj, że nie możesz wymienić czarny, szary lub biały dla niektórych nasycony kolorale możesz zamienić nasycony kolor na prawie biały, czarny lub szary. Mówiąc najprościej, możesz zastąpić dowolne kolory tęczy lub te zbliżone do dostępnych na rozwijanych listach w ustawieniach. Powodem tego jest fakt, że algorytm zamiany kolorów radzi sobie ze zmianą odcienia, która nie wpływa na skalę szarości ani na czerń i biel. Jeśli potrzebujesz przetworzyć duże zdjęcie powyżej 14 megapikseli (≈4592x3048), wyślij je do pudełka z potrzebnymi ustawieniami - zostanie to zrobione bezpłatnie w ciągu 24 godzin.
Oryginalny obraz nie zmienia się w żaden sposób. Pojawi się kolejny przetworzony obraz.
Zmienić kolor obrazu PNG przez CSS? (dziesięć)
Edytować--
Font-Awesome używa różnych nazw klas w nowej wersji, prawdopodobnie dlatego, że sprawia, że \u200b\u200bpliki CSS są znacznie mniejsze i unika niejednoznacznych klas CSS. Więc teraz musisz użyć:
Nie ma potrzeby ustawiania całej czcionki, jeśli chcesz mieć tylko jedną ikonę, a ponadto uważam, że jest ona czystsza jako oddzielny element. W tym celu w HTML5 możesz umieścić SVG bezpośrednio w obiegu dokumentu. Następnie możesz zdefiniować klasę w arkuszu stylów .CSS i uzyskać dostęp do jej koloru tła za pomocą właściwości fill:
Zauważ, że w przykładzie, którego użyłem: hover, aby zilustrować zachowanie; jeśli chcesz tylko zmienić kolor dla „normalnego” stanu, musisz usunąć pseudoklasę.
Odpowiadam, bo szukałem rozwiązania tego problemu.
uchwyt na @chrscblls odpowiada dobrze, jeśli masz białe lub czarne tło, ale nie zrobiłem. Ponadto obrazy zostały wygenerowane za pomocą ng-repeat, więc nie mogłem mieć mojego adresu URL w moim css i nie możesz używać :: after w tagach img.
Więc zdecydowałem się zająć i pomyślałem, że może to pomóc ludziom, jeśli się tutaj potkną.
Więc zrobiłem prawie to samo z trzema głównymi różnicami:
- url znajdujący się w moim tagu img, umieściłem go (i etykietę) w innym div, na którym :: po pracy.
- Tryb mieszania-mieszania jest ustawiony na różnicę zamiast mnożenia lub rastrowania.
- Dodałem :: before o dokładnie takim samym znaczeniu, że :: after weźmie "różnicę" z "różnic" dokonanych przez :: before i cofnie ją.
Aby zmienić kolor z czarnego na biały lub z białego na czarny, kolor tła musi być biały. Możesz wybrać dowolny kolor od czarnego do kolorowego. Od bieli do koloru, musisz wybrać kolor przeciwny do tego, który chcesz.
DivClass (pozycja: względna; szerokość: 100%; wysokość: 100%; text-align: left;). DivClass: hover :: after, .divClass: hover :: before (pozycja: bezwzględna; szerokość: 100%; wysokość: 100%; tło: #FFF; tryb mieszania-mieszania: różnica; zawartość: „”;)
Tagi img mają właściwość background, tak jak inne. Jeśli masz biały plik PNG z przezroczystym kształtem, na przykład szablon, możesz to zrobić:
Aby dosłownie zmienić kolor, możesz włączyć przejście CSS za pomocą filtra -webkit, gdzie gdy coś się stanie, użyjesz wybranego przez siebie filtra -webkit. Na przykład:
Img (-webkit-filter: skala szarości (0%); przejście: -webkit-filter .3s linear;) img: hover (-webkit-filter: grayscale (75%);)
Znalazłem świetny przykład codepen, który wstawiasz do value kolor szesnastkowy, i zwraca wymagany filtr, aby zastosować ten kolor do png
na przykład potrzebowałem mojego png, aby miał następujący kolor # 1a9790
wtedy powinieneś zastosować do siebie następujący filtr png
Filtr: odwrócona (48%) sepia (13%) nasycona (3207%) barwa-rotacja (130 stopni) jasność (95%) kontrast (80%);
Udało mi się to zrobić z filtrem SVG. Możesz napisać filtr, który mnoży kolor oryginalnego obrazu przez kolor, który chcesz zmienić. W poniższym fragmencie kodu kolor powodzi to kolor, w którym chcemy zmienić kolor obrazu (w tym przypadku jest to czerwony). FeComposite informuje filtr, w jaki sposób przetwarzamy kolor. Wzór na feComposite z arytmetyką to (k1 * i1 * i2 + k2 * i1 + k3 * i2 + k4), gdzie i1 i i2 to odpowiednio kolory wejściowe dla in / in2. Więc określenie tylko k1 \u003d 1 oznacza, że \u200b\u200bzrobi to tylko i1 * i2, co oznacza pomnożenie obu kolorów wejściowych razem.
Uwaga. Działa to tylko z HTML5, ponieważ używa wbudowanego SVG. Ale myślę, że powinieneś być w stanie to zrobić ze starszą przeglądarką, umieszczając SVG w oddzielnym pliku. Nie próbowałem jeszcze tego podejścia.
Oto fragment:
Właściwie istnieje wiele sposobów zmiany koloru obiektu w programie Photoshop... Wcześniej już sprawdziliśmy, jak to zrobić za pomocą, a także nauczyliśmy się, jak zmienić kolor włosów w Photoshopie za pomocą.
To nie wszystkie metody, dzisiaj pokażę dwie bardzo proste, aw następnych artykułach omówię jeszcze kilka metod wykorzystujących inne warstwy dopasowania.
Metoda numer 1
Opowiem pokrótce o zastosowaniu tej metody. Otwórz obraz i utwórz nową warstwę (przypominającą wszystkie sztuczki).
Następnie zmień tryb mieszania tej warstwy, wybierając opcję Odcień koloru z listy rozwijanej u góry palety Warstwy (znajdującej się na dole listy).
Następnie wybierz, naciskając klawisz B, kliknij wskaźnik koloru pierwszego planu, w wyświetlonym oknie dialogowym palety wybierz odcień i kliknij przycisk OK. Po wybraniu nowej warstwy zamaluj obiekt.
Jeśli pomalujesz nadmiar, możesz tymczasowo wybrać narzędzie Gumka, naciskając i przytrzymując klawisz E. Możesz też z wyprzedzeniem zapobiec takim sytuacjom, dodając maskę warstwy do nowej warstwy i ukrywając obszary, których nie trzeba zmieniać, kolorem czarnym.
Uwaga
Jeśli obszar do przebarwienia jest otoczony czarnymi, białymi i szarymi kolorami, można spokojnie zamalować te ostatnie, które w ogóle się nie zmienią. Dzieje się tak, ponieważ w trybie mieszania Barwa wypełnione obszary wpływają tylko na te obszary niższej warstwy, które już zawierają kolor.
Metoda numer 2
Pamiętasz polecenie menu? Podobne polecenie menu Zastąp kolor może służyć do podkreślenia jednego odcienia i zastąpienia go innym. To polecenie działa bardzo dobrze, jeśli kolor do wymiany jest mniej więcej jednolity i skoncentrowany w określonym obszarze, takim jak karoseria na powyższym obrazku.
Wybór polecenia z menu Obraz - Korekta - Zastąp kolor, zobaczysz okno dialogowe o tej samej nazwie.
Ma już wybrane narzędzie Kroplomierz, więc kliknij odcień na obrazie, który chcesz zastąpić. Pojawi się w kwadracie oznaczonym Kolor w grupie kontroli Podświetlanie u góry okna dialogowego.
W grupie kontroli Zastąpienie u dołu okna dialogowego kliknij kwadrat nad napisem Wynikaby wybrać nowy odcień. Po kliknięciu przycisku OK. Jeśli chcesz poprawić wybrany odcień, możesz użyć suwaków Odcień koloru, Nasycenie i Jasność (znajduje się również w grupie kontroli wyboru). Oto, co się stało:
Zwróć uwagę, że oprócz zwykłej pipety obok nich znajdują się pipety z małymi znakami „+” (plus) i „-” (minus). Użyj ich, aby rozszerzyć / zawęzić zakres odcieni, które należy zmienić.
Jak widać, trochę przesadziłem i koła mojego samochodu również stały się fioletowe. Sugeruje to, że ta metoda nie zawsze może być przydatna.
Jeśli zauważysz błąd w tekście, zaznacz go i naciśnij Ctrl + Enter. Podziękować!
Jeśli potrzebujesz edytować plik PNG, wielu spieszy się, aby pobrać Photoshopa, który jest nie tylko rozpowszechniany na zasadzie płatnej, ale także dość wymagający pod względem zasobów komputera. Nie na wszystkich starych komputerach można uruchomić tę aplikację. W takich przypadkach na ratunek przychodzą różne edytory internetowe, które umożliwiają zmianę rozmiaru, skalowanie, kompresję i wykonywanie wielu innych operacji na plikach.
Dzisiaj przyjrzymy się najbardziej funkcjonalnym i stabilnym witrynom, które umożliwiają pracę z obrazami PNG. Zalety takich usług online obejmują fakt, że nie wymagają one zasobów komputera, ponieważ wszystkie operacje na plikach są wykonywane przy użyciu technologii chmury.
Edytorów online nie trzeba instalować na komputerze - znacznie zmniejsza to prawdopodobieństwo złapania wirusa.
Metoda 1: Edytor obrazów online
Najbardziej funkcjonalna i stabilna usługa, która nie przeszkadza użytkownikom natrętnymi reklamami. Nadaje się do wykonywania wszelkich manipulacji obrazami PNG, absolutnie niewymagającymi zasobów komputera, może być uruchamiany na urządzeniach mobilnych.
Wadą usługi jest brak języka rosyjskiego, jednak przy dłuższym użytkowaniu ta wada staje się subtelna.
Witryna nie wymaga rejestracji, nie jest trudno zrozumieć usługę, nawet jeśli nie znasz języka angielskiego. Nie bój się eksperymentować, jeśli coś pójdzie nie tak, zawsze możesz to cofnąć jednym naciśnięciem przycisku.
Metoda 2: Photoshop Online
Programiści pozycjonują swoje usługi jako internetowy Photoshop. Funkcjonalność edytora jest bardzo podobna do znanej na całym świecie aplikacji, obsługuje pracę ze zdjęciami w różnych formatach, w tym PNG. Jeśli kiedykolwiek pracowałeś z Photoshopem, łatwo będzie ci zrozumieć funkcjonalność zasobu.
Jedyną, ale dość istotną wadą strony jest ciągłe zawieszanie się, szczególnie jeśli pracujesz z dużymi obrazami.
Podczas wykonywania prostych manipulacji praca z usługą jest wygodna i wygodna. Jeśli potrzebujesz przetworzyć duży plik, zaleca się pobranie i zainstalowanie specjalnego oprogramowania na komputerze lub uzbrój się w cierpliwość i przygotuj się na ciągłe zawieszanie się witryny.
Metoda 3: Fotor
Wygodna, funkcjonalna i co najważniejsze bezpłatna strona do pracy z obrazami w formacie PNG Fotor pozwala na kadrowanie, obracanie, dodawanie efektów i korzystanie z innych narzędzi. Funkcjonalność zasobu przetestowano na plikach o różnych rozmiarach i nie znaleziono żadnych problemów. Strona została przetłumaczona na język rosyjski, w ustawieniach możesz w razie potrzeby wybrać inny język interfejsu edytora.
Dostęp do dodatkowych funkcji mają użytkownicy dopiero po zakupie konta PRO.
Fotor to potężne narzędzie do pracy z PNG: oprócz zestawu podstawowych funkcji zawiera wiele dodatkowych efektów, które zachwycą nawet najbardziej wymagającego użytkownika.
Edytory zdjęć online są łatwe w obsłudze, nie wymagają instalacji na komputerze, dzięki czemu można uzyskać do nich dostęp nawet z urządzenia mobilnego. Wybór edytora zależy od Ciebie.
