A szeletelés használata a Fireworks CS5-ben

Az Adobe Fireworks Creative Suite 5 támogatja az s l icing-et , egy olyan technikát, amellyel a nagy fájlokat kisebb csomagokra bontja, így azok gyorsabban töltődnek le. Ez egy módszer arra is, hogy egy rácsmintában URL-eket csatoljunk egy kép különböző régióihoz.

A szeletelt műalkotások tökéletes jelöltje a navigációs sáv. Minden lap egy külön szelet, amelyre a böngészőben kattintva a néző egy másik helyre kerül.

A szeletelés használata a Fireworks CS5-ben

Válassza a Fit Canvas parancsot.

Készítse el az alapképet

Először hozza létre az alapképet – ebben a példában egy téglalapot. Kovesd ezeket a lepeseket:

Válassza a Fájl→Új menüpontot az Új dokumentum párbeszédpanel megnyitásához.

Írjon be 500-at a Szélesség mezőbe és 200-at a Magasság mezőbe; kattintson az OK gombra.

Megnyílik az új, üres dokumentum. (Vegye észre, hogy nagyobb, mint a létrehozandó kép; később megtudhatja, hogyan módosíthatja.)

Válassza a Téglalap eszközt az Eszközök panel Vektor részében. Kattintson és húzza a téglalap létrehozásához.

Bármilyen méret jó.

Ha a téglalapot kijelöli, kattintson az Eszközök panel Színek részében található Kitöltési szín elemre, és válasszon színt.

Az Info panel megnyitásához válassza az Ablak → Információ menüpontot.

Írja be a 300-at a W (szélesség) mezőbe, és az 50-et a H (Magasság) mezőbe.

Ezt a méretet a Tulajdonságok panelen is beállíthatja.

A Mutató eszközzel kattintson a vászon bármely pontjára a téglalapon kívül a téglalap kijelölésének megszüntetéséhez.

Kattintson a jobb gombbal (Windows) vagy a Control billentyűt lenyomva tartva (Mac), és válassza a Vászon módosítása→ Vászon illesztése menüpontot a helyi menüből.

A vászon a téglalap méretéhez igazodik.

Ha nincs kijelölt objektum, akkor a Tulajdonságok panelen a Vászonhoz igazítás gombra is kattinthat.

A szeletelés használata a Fireworks CS5-ben

A vászon a tárgyhoz igazodik.

A szeletelés használata a Fireworks CS5-ben

Szöveg hozzáadása

Szöveg hozzáadása a navigációs sávhoz.

Válassza a Szöveg eszközt az Eszközök panel Vektor részében.

Kattintson az Eszközök panel Színek részében található Kitöltési szín elemre. Válasszon egy színt.

Állítsa be a betűtípust és a betűméretet a Tulajdonságok panelen.

Kattintson a téglalap bal felére, hogy a beszúrási pontot oda helyezze, ahol a szöveget el szeretné kezdeni, majd írja be a szöveget.

A szeletelés használata a Fireworks CS5-ben

Kattintson kétszer a szövegterület jobb oldalán az aktív szövegterület kijelölésének megszüntetéséhez, és új létrehozásához.

Tartsa lenyomva az Alt+Shift (Windows) vagy az Option+Shift (Mac) billentyűket, és húzza jobbra a kezdeti szövegmezőt egy új szövegmező klónozásához és igazításához.

Írjon be egy-két szót a következő navigációs laphoz.

Használja a Mutató eszközt a szöveg áthelyezéséhez.

Szeleteld fel

Miután elkészített egy egyszerű, de hatékony navigációs sávot, a Szelet eszközzel hozzon létre néhány szeletet, majd exportálja azokat. Kovesd ezeket a lepeseket:

Válassza ki a Szelet eszközt az Eszközök panel web részében; majd kattintson és húzza a téglalap Kezdőlap részének bal felső sarkából a jobb alsó sarok felé.

A szeletelés használata a Fireworks CS5-ben

Ha a tökéletességre vágyik, válassza a Nézet → Vonalzók menüpontot a vonalzók megjelenítéséhez. Amikor a vonalzók láthatók, rákattinthat és kihúzhatja belőlük a segédvonalakat.

Ha egy szelet aktív, a Tulajdonságok panel szeletbeállításokat kínál.

Módosítsa a formátumot a Szelet exportálási beállításai legördülő lista segítségével.

Válassza a GIF formátumot, ha az alkotás sok egyszínű színű, vagy válassza a JPEG formátumot a sok színátmenettel rendelkező képekhez.

Írjon be egy hivatkozást a Hivatkozás szövegmezőbe.

Írja be a hivatkozás rövid leírását az Alt szövegmezőbe.

Az alternatív szöveg az oldal letöltése közben megjelenő szöveg. Akkor is megjelenik a grafika helyén, ha a néző kikapcsolta a grafikus megjelenítést a webböngészőjében.

A szeletelés használata a Fireworks CS5-ben

A Szelet eszközzel kattintson és húzza körbe a navigációs sáv második felét. Ismételje meg a 3. és 4. lépést.

Ez a szeletelés egyszerű formában. A folyamatot olyan bonyolulttá teheti, amennyire csak akarja, ha teljes szeletelt oldalakat hoz létre (mert a keresőmotorok szeretnek szöveges tartalmat keresni) a sok hivatkozást és célt tartalmazó navigációs sávokba.

Leave a Comment

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

Fedezze fel a Klónbélyegző eszköz használatát a Photoshop CS6 programban, és tanulja meg, hogyan klónozhat képeket szakmai szinten.

Adobe CS5 Dreamweaver Property Inspector

Adobe CS5 Dreamweaver Property Inspector

Az Adobe Creative Suite 5 (Adobe CS5) Dreamweaverben a Property Inspector az egyik leghasznosabb panel, amely részletes információkat nyújt a kiválasztott elemekről.

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós réteg a Photoshop CS6-ban színkorrekcióra szolgál, lehetővé téve a rétegek tartós módosítása nélkül történő szerkesztést.

Alakzatok átméretezése az Illustratorban

Alakzatok átméretezése az Illustratorban

Amikor az Adobe Illustrator CC-ben tervez, gyakran pontos méretű formára van szüksége. Fedezze fel az átalakítás panel használatát az alakzatok precíz átméretezéséhez.

A Photoshop CS6 panelek beállítása

A Photoshop CS6 panelek beállítása

A Photoshop CS6 paneljeinek kezelése egyszerű és hatékony módja a grafikai munkafolyamatok optimalizálásának. Tanulja meg a paneleket a legjobban kihasználni!

Kijelölések az Adobe Illustrator CC programban

Kijelölések az Adobe Illustrator CC programban

Fedezze fel, hogyan kell hatékonyan kijelölni objektumokat az Adobe Illustratorban a legújabb trükkökkel és technikákkal.

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Fedezze fel a Photoshop CS6 legmenőbb funkcióját, a Rétegek automatikus igazítását, amely lehetővé teszi a tökéletes képek létrehozását.

InDesign szövegkeret beállításai

InDesign szövegkeret beállításai

Fedezze fel, hogyan használhatja az InDesign szövegkeret beállításait a kívánt eredmények eléréséhez. Tudja meg, hogyan rendezheti el a szövegeket, és optimalizálja a kiadványait!

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

Fedezd fel, hogyan használhatod az InDesign Creative Suite 5 rácsait és segédvonalait az elemek pontos elhelyezésére. A rácsok és a segédvonalak megkönnyítik az oldal elrendezését és a nyomtatást.

Az átlátszóság alkalmazása az SVG-kre

Az átlátszóság alkalmazása az SVG-kre

Ismerje meg, hogyan alkalmazhat átlátszóságot az SVG-grafikákon az Illustratorban. Fedezze fel, hogyan lehet átlátszó hátterű SVG-ket nyomtatni, és hogyan alkalmazhat átlátszósági effektusokat.