Fuss beállítási fájlés kövesse a program utasításait. A telepítés befejezése után a Photo Editor automatikusan megnyílik.

Töltse be a képet a programba

Kattintson a gombra Fájl megnyitása, a megjelenő ablakban keresse meg a kívánt fényképet, és kattintson Nyisd ki. Ezenkívül a kép egyszerűen behúzható a program ablakába.

Távolítsa el a hátteret

Tovább felső panel válasszon lapot Háttér csere. Kattintson a gombra Automatikus kiválasztás, – a program automatikusan kiemeli a képen látható emberek sziluettjét.

Bármely objektum manuális kijelöléséhez használja a zöld ecsetet, és válassza ki azt az objektumot, amelyre át szeretne vinni átlátszó háttér. Nem szükséges a kép minden milliméterére figyelni - az esetleges hibák utána javítható. Ezután egy piros ecsettel jelölje meg a kívánt tárgy körüli területet. Kattintson a gombra További.

Most finomítania kell a kép kivágott részének széleit. A kép nagy területeinek kiválasztásához válassza ki a megfelelőt ecset-maszk. A kiválasztott terület szélének finomításához ecsetelje át azt Hajkiemelés. Ha elégedett az eredménnyel, folytassa a következő lépéssel.

Alapértelmezés szerint a kép háttere átlátszó lesz. Ha szükséges, cserélhető. A háttér egyszínűvé tételéhez válasszon egyet a kész opciók közül (a program fekete, szürke és fehér hátteret kínál), vagy használja a palettát. Ha másik fényképet szeretne a háttérben helyezni, kattintson a gombra Kép hozzáadásaés válassza ki a kívánt képet. Ezután nyomja meg a gombot Alkalmaz.

Mentse el az eredményt

Kattintson a gombra Megment. Alapértelmezés szerint a program felajánlja a fájl JPEG formátumú mentését. Ez a formátum nem támogatja az átlátszóságot, ezért másikat kell választania. Nyisson meg egy lapot Fájltípusés válassza a BMP, DPX, PNG, TGA vagy TIFF lehetőséget. Kattintson Megment. A program automatikusan megnyitja a mappát a kapott fájllal.

Most már tudja, hogyan menthet el egy képet átlátszó háttérrel. a Movavi segítségével Képszerkesztő. De a programnak számos egyéb szerkesztési lehetősége is van, például a nem kívánt objektumok eltávolítása a képekről, a régi fényképek visszaállítása és szűrők alkalmazása a fényképekre. Kísérletezzen, és minden képkocka felejthetetlen lesz!

Természetesen a JPEG formátum nem támogatja az átlátszóságot, de az a gondolat, hogy PNG helyett JPEG-et használjunk az átlátszó textúrákhoz, már régóta az emberek fejében van. Kamrad PaulZi nem is olyan régen javasolta az SVG formátum használatát a HTML-hez, amely magát a képet és a maszkot tárolja. Jim Studt azt javasolja, hogy használjon EXIF-mezőket JPEG-ben, és tárolja ott a maszkokat, és jelenítse meg azokat egy weboldalon a Canvas használatával.
Mindkét módszert viszonylag nehéz használni, és webre tervezték, ezért a legegyszerűbb megoldás mellett döntöttem: külön tárolom a veszteséges JPEG-et RGB-hez és a veszteségmentes maszkot PNG-ben, és kombinálom őket az UIImage programban való megszerzésének szakaszában. Azonnal azt akarom mondani, hogy MonoTouch-on írok, ezért a kódot C #-ben idézem, bár az ObjC-ben ez szinte pontosan ugyanúgy történik, figyelembe véve a szintaxist.

Csatorna elválasztás

A particionáláshoz az ImageMagik konzol segédprogramjait használom.
Ez a parancs választja el az alfa csatornát:
convert file.png -channel Alpha -separate file.mask.png

A következő parancs létrehozza jpeg fájl, az átlátszósági adatok elvetése. Jellemző, hogy néhány más segédprogram (beleértve a Photoshopot is) az átalakítás során png fájl JPEG-ben valami egyszínű hátlapot tesznek rá, és csak utána mentik el RGB-be, ami szép, de hibás képet ad előre felszorzott alfával.
convert file.png -minőségű 90 -alpha off file.jpg

A fogadott fájl minőségét a paraméter szabályozza minőség 90. A JPEG minőség 90%-a több, mint amit az Apple tesz a programok és filmek képernyőképeihez. Ezt az értéket szerintem mindenki saját ízlése szerint állíthatja be.

Optimalizálás

A maszkot 8 bites szürkeárnyalatos PNG-ként kapjuk meg, átlátszóság nélkül. Ez a formátum nagyon jól tömörít. optpng vagy a www.tinypng.org weboldalon keresztül.
A JPEG esetében érdekesebb a helyzet. Lehetséges lenne csak a minőség beállítására szorítkozni, de nemrég egy csodálatos segédprogramra bukkantam jpegrescan Loren Merritt, az egyik ffmpeg fejlesztő és x264 kódoló ( az ő rovására felmerül a gyanú, hogy egy idegen elme vagy egy kibernetikus agy képviselője).
A segédprogram szokatlan megközelítést alkalmaz: különböző együtthatókat választ ki a progresszív tömörítéshez, és kiválasztja a legoptimálisabbakat. A nyeremény 5-15% azonos képminőség mellett. A segédprogramnak nincs saját oldala, csak egy vitatéma és maga a perl kód: pastebin.com/f78dbc4bc

Annak érdekében, hogy ne írjam be minden alkalommal manuálisan a parancsokat, írtam egy egyszerű bash szkriptet:
#!/bin/bash basefile=$(1##*/) maskfile="$(basefile%.*).mask.png" jpegfile="$(basefile%.*).jpg" convert $1 -channel Alpha -separate $maskfile konvertál $1 -minőségű 90 -alpha off $jpegfile optipng $jgpeggrefilecanj

Íme a szkript kimenete:


Az én esetemben két 380 Kb-os és 35 Kb-os fájlt kaptunk egy 1,8 Mb-os fájlból.

Ragasztás

Maga a ragasztás nagyon egyszerű - két képet betöltünk egy UIImage-be, majd ezek alapján a WithMask metódussal egy CGImage készül (ObjC-ben ezek CGImageRef és initWithMask), majd egy új UIImage-be csomagoljuk.
UIIkép eredménye; using(UIImage uiimage = UIImage.FromFile(file)) using(UIImage maszk = UIImage.FromFile(maskFile)) ( CGImage image = uiimage.CGImage; image = image.WithMask(mask.CGImage); result = UIImage.ge,Curuiimagee); )

Egy valós projektben kicsit bonyolultabbá tettem, és ellenőriztem a *.mask.png fájl meglétét, és ha hiányzik, akkor visszaküldöm a szokásos UIImage.FromFile()-t.

Nyereség

Vizuálisan a játék semmit sem változott. A textúrák betöltésének és ragasztásának késése szemnek nem észrevehető, ezért nem mértem. Maga a projekt 6 (!!) megabájttal csökkent, mind .ipa formában, mind iTunesban és a készüléken.

Képernyőkép a játékból PNG-ben. Nem láthatók műtermékek vagy tömörítési/átlátszósági problémák.
Kicsit kínos a duplája a képek számának a projekt mappában, de leküzdhető. A kódmódosítások minimálisak. Az interfész grafikához ez a módszer nem ideális, mert manuálisan kell hozzárendelni egy UII-képet, és nem kell betölteni a NIB / XIB-ből, de egyéni vezérlőkhöz vagy textúrákhoz nagyon alkalmas. Még akkor is, ha a JPEG 100%-os minőségben van mentve, az eredményül kapott fájlok mérete kisebb lehet, mint az eredeti veszteségmentes PNG.

P.S. Az ImageMagick és az optipng portokról van telepítve (MacPorts/Fink/Brew), és ugyanaz a neve. A jpegrescan szkript innen tölthető le

Nagyon gyakran az alkotás során üdvözlőlapok vagy videóban találkoztam a kérdéssel: Hogyan lehet ezt megtenni nélkül tudás photoshop?

Azok, akik ismerik a Photoshopot, ezt minden nehézség nélkül megteszik. De még nem mindenki tanulta meg ezt az okos programot. Hogy lehetnek? Tényleg nincs kiút?

Hiszen mindig ott van a vágy, hogy prezentációinkat, gratulációinkat, oldalainkat a legvonzóbbak és legprofibbak legyenek. Már elmondtam, hogyan kell erre a célra használni a programot. Segít a képeid elkészítésében, és akár az elsőt is elkészítheted vele.

És most elárulok még egy titkot: ma megtanulod, hogyan lehet átlátszóvá tenni a kép hátterét. És ezt teljesen ingyen fogja megtenni, és csak 2 percet tölt idejéből.

Lássunk munkához.

Keresse meg a kívánt képet. Először is, egy képnek kell lennie nem réteges háttéren - például fehéren. Menjünk a szerviz oldalra. Nem kell egy unalmas regisztrációs eljáráson keresztülmennie. Csak kattintson az online szolgáltatás hivatkozására.

A következő ablak nyílik meg előtted:

Nyomja meg " Kép feltöltése a számítógépről". Válassza ki az elkészített képet. Behelyezheti külön mappa képekben. Vagy az asztalon, így nem kell sokáig keresgélni. Kattintson egyszer erre a képre, és nyomja meg a " nyisd ki".

A kép megjelenik a szerver oldalon:

A jobb oldalon 3 ablak található és a közepére zár van húzva. Kattintson rá 2-szer a bal egérgombbal. Ez megnyitja az ajtót a varázslat előtt.

A bal oldalon a panel látható " Eszközök", amelyek közül az egyik az, hogy" Varázspálca" amelyet most használni fogunk. Kattintson rá egyszer, majd kattintson a kiválasztott kép hátterében lévő üres helyre. A kép körül szaggatott vonal jelenik meg.

Az átalakulás útjának utolsó lépése: nyomja meg a gombot " Del" (törlés) a számítógépen. A háttérből egy doboz lesz. Ha a körülötte lévő teret nem takarja el egy doboz, érintse meg újra ezt a helyet egy varázspálcával, és nyomja meg a "Del" gombot

Megjelenik egy ablak, amelyben a rendszer megkérdezi: "Akarja menteni a képet bezárás előtt?" Nyomja meg " Igen".

Ma úgy döntöttem, hogy egy kicsit eltávolodok a kódolás témájától, és mesélek egy kicsit a tervezésről. Bár a design fontos szerepet játszik az oldal létrehozásában, gyerekkorom óta nem barátkozom a rajzolással, grafikával és tervezéssel. Ezért keresek képeket a bejegyzéseimhez, mint sok blogger, valahol az interneten, ingyenes fotóbankok és fotókészletek segítségével.

És így, néha előkerül egy nagyon megfelelő kép a bejegyzésedhez, és minden rendben lenne... De a kép háttere nem illik egy blog vagy egy szöveges blokk hátteréhez. Nyilván egyikőjüknek sincs ilyen problémája, és egyik hátterem sem fehér, ami a legtöbb esetben megfelelő lenne. szükségem van átlátszó háttér!

Nem találtam jó ötletet az interneten. hogyan készítsünk átlátszó hátteret a kész képhez, így elkezdtem magam is kísérletezni és találtam egy többé-kevésbé megfelelő megoldást!

Hogyan készítsünk átlátszó hátteret egy képhez

Vegyünk egy példát egyszerű kép.jpg formátumban (általában a formátum nem különösebben fontos):

Itt van egy fehér háttér, amitől szeretnék megszabadulni és helyette átlátszó hátteret szeretnék készíteni. Ebben segítségünkre lesz a Pixlr, a Photoshop online hasonlósága.

Képünk betöltése. A "Rétegek" ablak jobb oldalán megjelenik a "Háttér" réteg, amelyen egy zár található (nem teszi lehetővé a kép hátterének eltávolítását).

Ha duplán kattint a bal egérgombbal erre a lakatra, eltávolíthatja a zárat a háttérből. A lakat helyett egy pipa jelenik meg.

Most vesszük varázspálca(eszköztár, jobb oldali oszlop, felülről a második gomb), adja meg a következő paramétereket: tolerancia = 21, a pipák az élsimításon és a folytonosságon vannak(általában az ilyen paraméterek szabványosak), bár lehet kísérletezni a paraméterekkel; és kattintson a kép hátterére (esetünkben fehér alapra).

Most töröljük a hátteret a "Törlés" gomb megnyomásával, és megkapjuk a szükséges képet átlátszó háttérrel.

A legfontosabb dolog az, hogy adjon meg egy képet a számítógépén vagy a telefonján, majd kattintson az OK gombra az oldal alján. Alapértelmezés szerint a kép sima hátterét átlátszóra cseréli. Az eredeti kép háttérszíne automatikusan meghatározásra kerül, csak a beállításoknál kell megadni, hogy milyen színre cserélje ki. A csere minőségét befolyásoló fő paraméter a "csere intenzitása", amely képenként eltérő lehet.

Példa egy rózsaszín rózsa fényképére változtatás nélkül, miután a szilárd hátteret átlátszóra, fehérre és zöldre cserélték:

Első példaátlátszó alapon rózsavirággal a következő beállításokkal készül:
1) Csere intenzitása - 38;
2) A szélek körüli simítás - 5;
3) Cserélje ki a szilárd hátteret átlátszóra;
4) Vágás (<0) или Добавление (>0) a szélek mentén - "-70";
5) Invert – letiltva (nincs bejelölve).

Az alkotáshoz második példa, fehér háttérrel, ugyanazokat a beállításokat használtuk, mint az első példában, kivéve a paramétert: "Cserélje ki a sima hátteret" - fehér. BAN BEN harmadik példa, zöld háttérrel, a beállításokat is használják, mint az első példában, kivéve a paramétert: "szín hexadecimális formátumban" - #245a2d.

Az eredeti kép semmilyen módon nem változott. Egy másik feldolgozott képet kap átlátszó háttérrel vagy az Ön által megadott háttérrel.

1) Adjon meg egy képet BMP, GIF, JPEG, PNG, TIFF formátumban:

2) Beállítások szilárd háttér cseréjéhez
Csere aránya: (1-100)

Élsimítás: (0-100) Cserélje ki az egyszerű hátteret a következőre: átlátszó (csak PNG-24) piros rózsaszín lila kék türkiz égbolt lime zöld sárga narancs fekete szürke fehér vagy hatszögletű szín: nyissa meg a Crop palettát (<0) или Добавление (>0) a széleken: (-100 és 100 között)
(Intenzitás további kivágáshoz vagy pixelek hozzáadásához egy átlátszó háttéren lévő kijelölés körül) Fordított kijelölés (a háttér helyett cserélje ki az előteret)