Photosop webmestereszközeivel
Erőteljes Photoshop programban talált alkalmazása a nehéz feladatot, web design. Ebben a cikkben, kedves olvasó, fogom fejteni az alapja a használata grafikai csomag Photoshop mint olyan eszközt, ami egy honlap.
És így, hogy mi a jó a Photoshop, és miért van rá szükség, hogy hozzon létre a helyén.
Itt azonnal megtalálja a két alkalmazás, attól függően, hogy mely területeket kell írni:
- Abban az esetben, az oldalon a motor Photoshop eszközként használják, hogy egy adott grafikus tartalom. Általában vázlat slide site design venni a kész sablon motor.
- Ha samopisnogo helyszínen Photoshop húzott elrendezés lapok teljesen. Következő HTML-készítő-darabok az elrendezés a grafikai elemek és a megfelelő HTML kódot felismeri, hogy festett tervezők.
Amikor létrehoz egy helyszínrajzokat Photoshop kell vizsgálni, hogy a helyszínen „gumi” vagy egy fix méretű. Mellesleg, a gumi, a helyszínen - ez nem öncél, és az esetek túlnyomó többségében a gumi elrendezés rosszabb, mint egy fix méretű. Ha az elrendezés a gumi, meg kell érteni, hogy pontosan hol is húzza.
Fontos tényező a készítmény az elrendezés, hogy a helyszínen kell illeszkedjen nélkül vízszintes görgetést a képernyő felbontása 1024 * 768 - ez a minimum, ebben a pillanatban, a felbontás 17 hüvelykes monitor. És ha 17 hüvelyk vízszintes görgetést történik, a sok kritika webhely volt epilepsziás rohamot boldogságot.
Lírai bevezetés alatt, nézzük foglalkozik a program.
Az első lépések, hogy hozzon létre egy új fájlt, melyben felhívják a webhely elrendezését. Ennek alapján vlazimosti 1024 * 768 szélessége a létrehozott fájl nem haladhatja meg a 1000 pont, a magasság lehet bármilyen (függőleges görgetést nem ijeszt minket).
Neuer buduyuschego oldalon
Felbontás beállítást a Web design nem játszik fontosságát, hogy legyen egyenlő 70. De ha létrehoz egy elrendezést a nyomtatás, akkor itt is szükséges, hogy a felbontás megegyezik 300 pixel. / Inch.
Ahogy használhatja letölthető ingyenes sablonok (használja a kereső, és adja meg a kérelmet „ingyen honlap sablonok”, akkor sok közül lehet választani), mint ihletet meríteni Honlap sablon.
Most továbbra is vágott elrendezés kialakítása a telek és tárolt formátum írástudó írástudó módon.
Kép a gradiens, vagy egy komplex háttér
Ha egy kép szükséges lejtőn, vagy egy komplex háttér, hogy fenn kell tartani ezt a képet átlátszó háttérrel, majd ró mi nehezen gradietny bekgraund.
Mindezt meg kell tenni abban az esetben, ha a kép fölé a tetején a háttérben, hogy tudunk mozogni (az elhelyezése a kép függ a képernyő felbontás). Ebben az esetben ez lehetetlen pontosan dock háttér a képen, hogy lejjebb összetett háttere és a háttér lesz látható varratok.
Ahhoz, hogy menteni a háttere átlátszó, akkor megközelíteni formátumok GIF és PNG. Abban az esetben, egy egyszerű kép éles szélek optimális gif formátumban. Ha a képen levő színátmenetek és homályos határokat, akkor - png. A két formátum képesek fenntartani egy átlátszó háttérképet.
egyszerű háttér
Ha a háttér egyszerű (fehér vagy fekete-fehér), akkor tegye a képet közvetlenül a tetején a háttér adott, feltéve, hogy a kép pontosan ugyanazt a mintát, mint a hordozó.
Ebben az esetben megőrizzük az optimális méret jpg.
Tartsa a Photoshop szükség billentyűkombináció Shift + Ctrl + Alt + S - a megőrzése az interneten vagy eszközök.
A kényelmet az Mentés párbeszédablak áll rendelkezésre barátságos Selecta választott formátumban, és mentse, megtakarítás esetén a formátumot jpg. megvan a lehetőség, hogy módosítsa a képminőség.
További beállítások elmentett kép
Sebességének csökkentésére és a minőség nyomon a változás a képen az ablak bal eléréséhez szükséges minimális képméret (minél kisebb a mérete, annál gyorsabb a kép betöltésekor) és kielégítő a megjelenését. Optimális kombináció általában megvalósítható az értéke egyenlő 55 Tulajdonságok.
Megjegyzem, hogy miközben egy egyszerű kép (egyértelmű határ, nincs színátmenet, komplex), még abban az esetben egy sima háttér, az optimális testsúly arány / minőség lenne GIF formátumban.
Hogyan lehet csökkenteni
Nagyon gyakran találkozunk a következő hibákat:
Amikor szükség van, hogy előkészítsék a gradiens színes blokk (tömb egy változó hosszúságú és állandó magasságban) vágjuk túl hosszú darabot gradiens háttér. Ez teljesen haszontalan. Elég annyit, hogy csökkentsék egy szelet gradiens hossza 1 pixel, és magassága azonos a magassága a töltelék betét gradiens. Továbbá, az ingatlan background-repeat: repeat-x ismételni a gradiens kép az X tengely mentén, és előkészítsék az egész hátterét kijelölt érte, blokk. Ugyanakkor, a mi 1-pixel kép (méret jpg) indít el a felhasználó számítógépén egy pillanat alatt.
Az is gyakori, hogy a használata png- méret átlátszó háttérrel azokon a helyeken, ahol lehet kapni a szokásos jpg. Saját ellenszenvét az png formátumban abból következik, hogy az átláthatóság nem működik megfelelően IE6 és meg kell csatlakoztatni további javításokat.
Mintegy png formátumban nem ért egyet, mert nyit a jó lehetőségek felhasználására és pontosságát képátvitel. Különösen én megfigyelés IE6 használata mintegy 20% -a felhasználók és ez a szám csökken napról-napra
Igen, én is nem tetszik png. De most sikeresen zárta az IE6 rajongók. Bár egyedi projektek még fiksat. Természetesen jobb illeszkedés jpg.
Szia, Andrey! Köszönjük órákat! Volt egy kívánságom, hogy nem lehetett csinálni a lecke létrehozását kalapok az oldalon?