Mi a kivonat eszköz?
Az új Kivonat eszközök a Photoshop CC 2014 pántjainak egy utóégője a Responsive Web Design (RWD) képalkotás egyébként fárasztó munkafolyamatán. Vessünk egy pillantást arra, hogy az Extract Assets parancs néhány perc alatt gyorsan lecsökkentheti a weblapot összeállításra kész eszközökkel.
Kezdjük egy nyilvánvaló kérdéssel: Mi a kivonat eszköz?
Egyszerűen fogalmazva, az Extract Assets egy új funkció a Photoshop programban, amely a Photoshop Generator funkcióját biztosítja egy olyan felület segítségével, amely automatizálja a Photoshop fájlok webes és képernyőn megjelenő képalkotó elemeinek létrehozását. A Kivonatelemek paranccsal meghatározhatja, hogy mely rétegeket vagy rétegeket kíván létrehozni, fizikai méretét, fájlformátumát és mentett helyét a lemezen. Ez a szolgáltatás nem csak a szövegre vonatkozik, hacsak nem az a szándék, hogy a szöveget egy bitképké alakítsa, ami valójában nem jó ötlet.
Legyen kezdõdjön.
02/08Nyissa meg a Photoshop .psd fájlt
Az általam használt példa egy Illustrator nevű intelligens objektumot tartalmaz, egy szöveget, egy hős egység, amely szöveget, képet és gombot tartalmaz, valamint egy sor kültéri képet, amely megerősíti a webhely témáját. A legfontosabb itt a rétegek csoportba szervezése. Erre azért van szükség, mert a feladat az összes elem eltávolítása az összetevőkből, így azok gyorsan hozzáadhatók olyan webes elrendezésekhez, amelyek alkalmazkodnak a különböző felbontásokhoz és méretekhez.
Két módszer a kitermelésre
A Generate-től eltérően, amely objektumokat is kinyer, a réteg nevének grafikus kiterjesztésével, Kivonat eszközök egy olyan felületet használ, amelyet elérhet jobb gombbal kattintva egy réteg kiválasztásával vagy egy réteg kiválasztásával és kiválasztásávalFájl> Kivonat elemek.
04/08Az Extract Assets Interface
A Kivonatelemek párbeszédpanel meglehetősen intuitív. Megjelenik a kivonandó réteg vagy kiválasztás. A felett megjelenik a fájlok mérete, és alatta található az irányítás, amely lehetővé teszi az objektum zoomolását és kicsinyítését. A párbeszédpanel jobb oldalán a varázslat történik. A tetején lévő négy gomb segítségével kiválaszthatja az objektum felbontását / méretét. A következő sáv mutatja a kiválasztott réteget, és rákattint a + jel lehetőséget ad a kiválasztott réteg más formátumú megjelenítésére is. A Trash Ca n eltávolítja a réteget a sorból. A következő sávban le tudja választani a fájltípust, és beállíthatja a kimeneti kép szélességét és magasságát.
05/08Egy SVG kép kibontása
A Photoshop nem kezeli jól az SVG képeket, és a böngészők és eszközök képesek Illustrator képet megjeleníteni. Ez a vektorgrafikus grafikákhoz, például az itt bemutatott Illustrator logóhoz használt svg fájlok emelkedéséhez vezetett. Mivel vektorok, felbontásuk eszköz független, azaz méretezhetőek a részletek vagy a kép elvesztése nélkül. Az Illustrator intelligens objektumának svg módosításához válassza a lehetőséget svg a pop-le és kattintson Kivonat.
06/08Az Extract Assets folyamat
Néhány dolog fog történni, amikor rákattintasz a Kivonat gombra. Először figyelmeztetni fogják, hogy a fájlnév megváltozhat. Ez nem nagy kérdés. Akkor azt mondják, hogy új mappát hoznak létre az eszköz tartásához. A folyamat befejezése után megnyitja a mappát, amely az eredeti .psd fájlhoz hasonló helyen található, és megmutatja az új eszközt.
07. 08A Beállítások gomb az új legjobb barátod
Kattintson a Beállítások gomb megnyitja a Beállítások párbeszédpanelt ez komolyan hasznos. A bal oldali beállítások a skálázási tényezők. Mit csinálnak, hogy létrehozza a kép különböző példányait, amelyet a fejlesztő a médiakérdéseket használ, hogy egy adott eszköz képernyőfelbontását célozza meg. Például a 3x verzió célzott volna egy iPhone vagy iPad Retina kijelzőre, míg egy 1.25-ös tényezőt mutatna egy Android-eszközön. Az utótag hozzáadódik a fájlnév végéhez, hogy lehetővé tegye a fejlesztő számára, hogy könnyen azonosítsa a média lekérdezésben használt képet. Miután elkészült, kattintson a rendben gombot és a választásait a párbeszédablak Extract Assets (Extraktuselemek) területén világítja fel. A beállítást úgy is elérheti, hogy a fogadó ikonra kattint az Extract Assets területen a felület jobb oldalán
08. 08Befejezés
Amikor megnyomja a Kivonat gombot, az összes eszköz létrehozásra kerül, és hozzáadódik a mappához. Ezen a ponton mindössze annyit kell tennie, hogy elküldi a fejlesztőnek egy példányt a mappából, és továbblép a következő projektre.
