A Dreamweavertől a Fireworks-ig: képszerkesztés

Tegyük fel, hogy van egy logó a weboldalán, és az ügyfele hirtelen más színben szeretné azt. Normális esetben ez egy másik képszerkesztő program elindítását, a logó felkutatását, megnyitását, szerkesztését, mentését, a Dreamweaverre való visszaváltást, majd a logó újbóli behozatalát az oldalra jelentené. Hú, ez nagyon sok lépés. A Dreamweaver és a Fireworks közötti speciális integrációs funkciók használata azonban nagyban leegyszerűsíti az egész folyamatot – néhány egérkattintás helyettesítheti az összes többi időigényes feladatot.

A következő lépések bemutatják, hogyan válasszon ki egy képet a Dreamweaverben, hogyan nyissa meg automatikusan a Fireworks alkalmazásban, szerkessze, és néhány egérkattintással frissítse vissza a képet a Dreamweaverbe.

A Fireworks közvetlenül a Dreamweaverből való elindításához és egy meglévő kép szerkesztéséhez kövesse az alábbi lépéseket:

1. A Dreamweaverben válassza ki a szerkeszteni kívánt .gif vagy .jpg képet.

2. A Tulajdonságvizsgálóban kattintson a Szerkesztés gombra.

Megjelenik a Forrás keresése párbeszédpanel, amely megkérdezi, hogy szeretne-e szerkeszteni egy meglévő dokumentumot a kiválasztott fájl forrásához.

3. Kattintson az egyik lehetőségre a Forrás keresése szerkesztéshez párbeszédpanelen.

Az Igen gombra kattintva kiválaszthat egy másik fájlt az oldalon lévő tényleges optimalizált képfájltól. Például kiválaszthatja az optimalizált grafika PNG-verzióját (ez lehet az az eredeti fájl, amelyből exportálta az oldalon lévő grafika optimalizált webes verzióját). A Nem gombra kattintva megnyílik a Dreamweaverben kiválasztott forrásfájl (az oldalon hivatkozott tényleges GIF vagy JPEG fájl).

Ha a Nem gombra kattint, a Fireworks elindul a kiválasztott GIF vagy JPEG képpel. Ha az Igen gombra kattint, a Fireworks lehetővé teszi egy alternatív kép kiválasztását, és elindul az alternatív kép új dokumentumban történő megnyitásával. Ha az eredeti képet a Fireworks alkalmazásban hozta létre, az alternatív kép egy PNG-fájl lesz. A PNG a Fireworks natív fájlformátuma. Ha az eredeti képet egy másik grafikus programban, például a PhotoShopban hozta létre, a forrásfájl egy PSD. A Fireworks támogatja a legtöbb .PSD-fájlt, amelyet a PhotoShop 6-os vagy újabb verzióiban hoztak létre.

Mivel a weboldalon használt kép forrásfájlja valószínűleg korábban lett optimalizálva, az optimalizált GIF vagy JPEG kép szerkesztése általában nem a legjobb képminőséget eredményezi, miután szerkeszti, újra optimalizálja és újra exportálja Dreamweaver. A grafika eredeti, előre optimalizált verziójához való visszatérés lehetőséget ad az újrakezdésre. A Forrás keresése a szerkesztéshez párbeszédpanel Igen gombra kattintva kiválaszthat egy másik fájlt az optimalizált forrásgrafikából. Ha a képet PNG-fájlból exportálta, kiválaszthatja helyette a PNG-t, szerkesztheti a fájl jobb minőségű verzióját, és exportálhatja anélkül, hogy további képromlást szenvedne.

Az Igen vagy a Nem gombra kattintás után a képdokumentum megnyílik a Fireworks alkalmazásban.

4. Végezze el a szükséges szerkesztéseket a képen a Fireworks alkalmazásban.

Bármilyen módosítást vagy szerkesztést végezhet a képen a Fireworks bármely eszközével, valamint az Optimalizálás panel használatával a fájl optimalizálási beállításainak módosításához.

5. Ha végzett a kép szerkesztésével, kattintson a Kész gombra a Fireworks dokumentumablakban.

A Kész gombra kattintás után a Fireworks dokumentum háttérbe kerül, és a Dreamweaver dokumentum automatikusan megjelenik. A kép automatikusan frissül az oldalon, tükrözve a legutóbbi szerkesztéseket, anélkül, hogy a dokumentum mentésén kívül más teendőre lenne szükség.

Miután megnyomta a Kész gombot a Fireworks alkalmazásban, nem vonhatja vissza a képfájlokon a Visszavonás parancs kiválasztásával végzett módosításokat. A változások véglegesek.

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.