Nyomkövető kép hozzáadása egy oldalhoz a Dreamweaverben

A Dreamweaver Tracing Image szolgáltatása különösen népszerű a tervezők körében. A koncepció, amely a tervezés legkorábbi napjaira nyúlik vissza, lehetővé teszi, hogy grafikákat használjon útmutatóként az oldalakhoz, akárcsak egy karikatúrát másolhat át vékony átlátszó papíron.

A Tracing Image funkció ideális azok számára, akik szeretnek először egy tervet létrehozni egy programban, például a Photoshopban vagy a Fireworksben, majd utána modellezni a weboldalukat. A Tracing Image funkció használatával bármilyen webre alkalmas képet beilleszthet bármely Dreamweaver oldal hátterébe.

Aztán lehet pozícionálni

címkéket vagy táblázatokat vagy más elemeket szúrjon be a nyomkövetési kép tetejére, megkönnyítve a design újraalkotását a Dreamweaverben. Használhat JPG, GIF vagy PNG képeket nyomkövetési képként, és létrehozhatja azokat bármely grafikus alkalmazásban, amely támogatja ezeket a formátumokat.

Bár a nyomkövető kép megjelenik az oldal hátterében, nem veszi át a háttérkép helyét, és nem jelenik meg a böngészőben.

Ha nyomkövető képet szeretne hozzáadni az oldalához, kövesse az alábbi lépéseket:

Hozzon létre egy új oldalt, vagy nyisson meg egy meglévő oldalt a Dreamweaverben.

Válassza a Nézet → Nyomkövetési kép → Betöltés menüpontot.

Megnyílik a Képforrás kiválasztása párbeszédpanel.

Válassza ki azt a képet, amelyet nyomkövetési képként kíván szolgálni, majd kattintson az OK gombra.

Megnyílik az Oldal tulajdonságai párbeszédpanel a Nyomkövetési kép kategóriával.

Nyomkövető kép hozzáadása egy oldalhoz a Dreamweaverben

Köszönet: Fotó: istockphoto.com

Kattintson a Tallózás gombra a nyomkövető képként használni kívánt kép megkereséséhez.

Megjelenik a Képforrás kiválasztása párbeszédpanel.

Kattintson arra a képre, amelyről nyomon szeretne követni, majd kattintson az Alkalmaz gombra, hogy megtekinthesse, hogyan néz ki a kép az oldal mögött.

Állítsa be a nyomkövetési kép átlátszatlanságát az Átlátszóság csúszkával.

Az átlátszósági szint csökkentésével a nyomkövetési kép halványnak tűnik, ami megkönnyíti a nyomkövetési kép és az oldalon lévő tartalom megkülönböztetését. Beállíthatja az átlátszósági szintet saját preferenciái szerint, de valahol az 50 százalék körül jól működik a legtöbb képnél.

Kattintson az OK gombra.

A nyomkövetési kép megjelenik a Dokumentum ablakban, és a párbeszédpanel bezárul.

A Tracing Image (Képkövetési kép) funkcióval további lehetőségek közül választhat. Válassza a Nézet→Képkövetés menüpontot a következő lehetőségek megjelenítéséhez:

  • Megjelenítés: Elrejti a nyomkövető képet, ha a kép nélkül szeretné ellenőrizni a munkáját, de nem szeretné eltávolítani.

  • Igazítás kijelöléssel: Lehetővé teszi a nyomkövető kép és az oldal kiválasztott elemének automatikus sorba rendezését.

  • Adjust Position: Lehetővé teszi a nyílbillentyűk használatát vagy az X, Y koordináták megadását a nyomkövető kép oldal mögötti helyzetének szabályozásához.

  • Reset Position: Visszaállítja a nyomkövetési képet 0, 0 értékre az X, Y koordinátákon.

  • Betöltés: Lehetővé teszi nyomkövetési kép hozzáadását vagy cseréjét.

Miután a nyomkövető kép a helyére került, útmutatóként használhatja az oldal tervezése során. Mivel a nyomkövető kép az oldal mögött található, nem zavarja a tervezési munkát, és bármilyen elemet hozzáadhat a nyomkövető képhez, amelyet bármely más weboldalhoz hozzáadhat. Használja a nyomkövetési képet referenciaként a beszúráshoz és a pozícióhoz

címkék, képek és egyéb elemek.


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.

Képek használata Adobe XD-ben

Képek használata Adobe XD-ben

Miután importálta a képeket az Adobe XD-be, nem rendelkezik túl sok szerkesztési vezérléssel, de átméretezheti és elforgathatja a képeket, mint bármely más alakzatot. Könnyedén lekerekítheti az importált képek sarkait a sarokmodulok segítségével. A képek maszkolása Zárt alakzat meghatározásával […]

A szövegtulajdonságok beállítása az Adobe XD-ben

A szövegtulajdonságok beállítása az Adobe XD-ben

Ha van szövege az Adobe XD projektben, elkezdheti módosítani a szöveg tulajdonságait. Ezek a tulajdonságok a következők: Betűcsalád, Betűméret, Betűsúly, Igazítás, Karaktertávolság (bevágás és követés), Sortávolság (vezető), Kitöltés, Szegély (vonás), Árnyék (vetett árnyék) és Háttér életlenítése. Tehát nézzük át, hogyan alkalmazzák ezeket a tulajdonságokat. Az olvashatóságról és a betűtípusról […]

Rajztáblák használata a Photoshop CC-ben

Rajztáblák használata a Photoshop CC-ben

Csakúgy, mint az Adobe Illustratorban, a Photoshop rajztáblái lehetővé teszik külön oldalak vagy képernyők létrehozását egy dokumentumon belül. Ez különösen akkor lehet hasznos, ha mobilalkalmazáshoz vagy kis prospektushoz készít képernyőket. A rajztáblát a Rétegek panel segítségével létrehozott speciális rétegcsoportnak tekintheti. A […]

Alakzatok és sokszögek az InDesignban

Alakzatok és sokszögek az InDesignban

Az InDesign Eszközök panelen található eszközök közül sok arra szolgál, hogy vonalakat és alakzatokat rajzoljon egy oldalra, így többféleképpen hozhat létre érdekes rajzokat a kiadványokhoz. Az InDesignon belül az alapvető formáktól a bonyolult rajzokig bármit létrehozhat, ahelyett, hogy rajzprogramot kellene használnia, például […]

Törölje be a szöveget az Adobe Illustrator CC-ben

Törölje be a szöveget az Adobe Illustrator CC-ben

A szöveg becsomagolása az Adobe Illustrator CC programban nem ugyanaz, mint az ajándékcsomagolás – ez egyszerűbb! A szöveg tördelése arra kényszeríti a szöveget, hogy a szöveget egy grafika köré vonja, amint az ezen az ábrán látható. Ez a funkció bármely darabhoz hozzáadhat egy kis kreativitást. A grafika arra kényszeríti a szöveget, hogy körülveszi. Először hozzon létre […]

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 (például 2 x 3 hüvelyk). Miután elkészített egy alakzatot, a legjobb módja annak, hogy átméretezze a pontos méreteket az Átalakítás panel használatával, amely ezen az ábrán látható. Jelölje ki az objektumot, majd válassza az Ablak→Alakítás […]

QR-kódok létrehozása az InDesign CC-ben

QR-kódok létrehozása az InDesign CC-ben

Az InDesign segítségével QR-kód grafikákat hozhat létre és módosíthat. A QR-kódok olyan vonalkódok, amelyek információkat, például szavakat, számokat, URL-eket vagy egyéb adatokat tárolhatnak. A felhasználó a QR-kódot kamerája és szoftvere segítségével beolvassa egy eszközön, például okostelefonon, a szoftver pedig […]

Hogyan lehet egy új fényképet réginek kinézni a Photoshop CS6 alkalmazásban

Hogyan lehet egy új fényképet réginek kinézni a Photoshop CS6 alkalmazásban

Előfordulhat, hogy új fényképre van szüksége, hogy réginek tűnjön. A Photoshop CS6 gondoskodik rólad. A fekete-fehér fényképezés újabb jelenség, mint gondolnád. A dagerrotípiák és más korai fényképek gyakran barnás vagy kékes tónusúak voltak. Saját szépia tónusú remekműveket készíthet. A tónusos képek […]

Az Adobe CS5 Illustrator Live Paint funkciója

Az Adobe CS5 Illustrator Live Paint funkciója

Az Adobe Creative Suite 5 (Adobe CS5) Illustrator Live Paint funkciójával létrehozhatja a kívánt képet, és színekkel töltheti ki a régiókat. A Live Paint vödör automatikusan felismeri a független, egymást metsző útvonalakból álló régiókat, és ennek megfelelően kitölti azokat. A festék egy adott területen belül továbbra is éles marad, és automatikusan folyik, ha van […]