Hivatkozások létrehozása és kezelése Adobe Illustratorban webes projektekhez

A webes tervezés világában az interaktív elemek, például a hivatkozások, kulcsfontosságúak a felhasználói élmény javításában és a navigáció megkönnyítésében. Az Adobe Illustrator, bár elsősorban grafikai tervezőeszköz, számos funkciót kínál hivatkozások létrehozására és kezelésére, különösen akkor, ha PDF vagy SWF formátumba exportálunk.

Az Illustratorban a hivatkozások létrehozása lehetővé teszi, hogy a dokumentum más részeire, más dokumentumokba vagy webhelyekre ugorhassanak az olvasók. A hivatkozás forrása lehet szöveg, szövegkeret vagy grafika. Fontos megérteni, hogy az Illustratorban a hivatkozások elsősorban az exportált interaktív fájlokban (PDF, SWF) válnak funkcionálissá.

Hivatkozások létrehozása Illustratorban

Az Illustratorban többféle módon is készíthetők hivatkozások:

  • Hivatkozások panel használata: A Ablak > Hivatkozások menüpontban érheti el a Hivatkozások panelt. Itt listázza az Illustrator dokumentumban elhelyezett (beágyazott vagy csatolt) rajzelemeket.
  • Új hivatkozás létrehozása: A Hivatkozások panel menüjében válassza az Új hivatkozás parancsot.
  • URL-ből hivatkozás létrehozása: Ha már van egy kijelölt URL a dokumentumban, akkor a Hivatkozások panel menüjének Új csatolás URL-ből parancsát használhatja.
  • Meglévő URL átalakítása: A Hivatkozások panelben kiválaszthat egy korábban hozzáadott URL-t, és a megjelenése megegyezik majd az előző URL megjelenésével.

A hivatkozás létrehozásakor megadhatja a célpontot. Ez lehet:

  • Szerkesztőpont: Kijelölt szövegrészre vagy a beszúrási pont helyére mutathat.
  • Oldal: Megadhatja az ugrani kívánt oldal számát, valamint a nagyítási/kicsinyítési beállítást.
  • URL: Egy webcímre mutathat.

Fontos megjegyezni, hogy a célpontot nem mindig kötelező előre létrehozni. Az oldalakra és az URL-ekre mutató hivatkozások esetén is létrehozhatja a célpontot, de azoknál nem kötelező azt megadni.

Illusztráció a Hivatkozások panelről az Adobe Illustratorban

Hivatkozások megjelenésének testreszabása

Az Illustratorban lehetőség van a hivatkozások megjelenésének testreszabására is, például a betűstílus, a szín és más vizuális elemek módosításával. Érdemes saját karakterstílust létrehozni a hivatkozásokhoz, hogy egységes megjelenést biztosítson.

A hivatkozások megjelenését a következőképpen szabályozhatja:

  • Karakterstílusok: Alkalmazhat karakterstílusokat a hivatkozások forrására, ami különösen akkor hasznos, ha a hivatkozás szövegrész.
  • Megjelenési beállítások: A hivatkozás létrehozásakor megadhatja a megjelenési beállításokat, például a színét és a betűstílusát.

Kattintson a jobb gombbal a hivatkozásra, és válassza a betűtípus beállításait a megjelenés módosításához.

Hivatkozások kezelése

A Hivatkozások panelen nemcsak létrehozni, hanem kezelni is tudja a hivatkozásokat:

  • Szerkesztés: Kattintson a Szerkesztés gombra, és hajtsa végre a célon szükséges módosításokat.
  • Törlés: A Törlés gombra kattintva törölheti a célt.
  • Visszaállítás: Jelölje ki az új hivatkozási forrásként használandó szövegtartományt, szövegkeretet vagy grafikakeretet. Kattintson a Hivatkozások panel menüjének Hivatkozás alaphelyzetbe állítása parancsára.
  • Frissítés: A külső dokumentumokra mutató hivatkozások frissítéséhez kattintson a Hivatkozások panel menüjének Hivatkozás frissítése parancsára.
  • Keresés: Egy hivatkozás vagy kereszthivatkozás forrásának vagy céljának megkereséséhez jelölje ki azt az elemet a Hivatkozások panelen, amelyet meg szeretne keresni, majd használja az Ugrás a forrásra vagy az Ugrás a célra parancsot.

Ha az elem egy URL-cél, az InDesign elindítja a webböngészőt (vagy átvált rá) a cél megjelenítéséhez.

Webgrafikák és hivatkozások optimalizálása

Az Illustrator megannyi eszközt biztosít webes projektekhez, beleértve a webgrafikák létrehozását és optimalizálását. Fontos, hogy a grafikák minősége és mérete az adott eszközhöz vagy eszközökhöz legyen optimalizálva.

  • Színmód: Mindig RGB színmódban dolgozzon webes dokumentumok esetén. Az RGB színmód azokat a színeket jeleníti meg, amelyeket a legtöbb kijelző eszközön, például a monitoron láthatunk.
  • Felbontás: Ha bittérképes formátumban (például JPEG, GIF vagy PNG) menti a rajzelemet, az Illustrator 72 képpont/hüvelyk felbontással raszterizálja azt. A raszterezett objektumok előnézetét a Nézet > Pixeles előkép paranccsal tekintheti meg.
  • Képpontra igazítás: Az Illustrator már lehetővé teszi a képpontra igazított munkát, amellyel a weblaptervezők képpontra pontosan tervezhetnek. Amikor egy objektum képpontra igazított beállítású, akkor minden vízszintes és függőleges vonalszakasza a képpontrácshoz fog igazodni, ami éles megjelenésű vonalakat eredményez. Ezt az Átalakítás panel Képpontrácshoz igazítás beállításával kapcsolhatja be.
  • Fájlformátumok: A különböző típusú grafikákat különböző fájlformátumokban kell menteni ahhoz, hogy megjelenésük a legjobb legyen, és fájlméretük alkalmas legyen a webes használatra.
  • SVG formátum: Az SVG (Scalable Vector Graphics) formátum különösen alkalmas webgrafikákhoz, mivel vektoros alapú, skálázható minőségvesztés nélkül, és mobil eszközökhöz is optimalizálható. Az SVG fájlok szerkeszthető szöveget eredményeznek a forráskódban, és speciális hatásokkal, hanggal és animációkkal is felruházhatók.
Példa webgrafikára Illustratorban

Microsoft 365 és Illustrator hivatkozások

Bár ez a cikk elsősorban az Adobe Illustratorral foglalkozik, fontos megemlíteni, hogy a Microsoft 365 alkalmazásokban (Word, Excel, Outlook, PowerPoint) is egyszerűen hozhatók létre hivatkozások. A legegyszerűbben úgy hozhat létre hivatkozást a Microsoft 365-dokumentumokban, ha közvetlenül a weblap címének (például www.contoso.com) beírása után lenyomja az ENTER vagy a SZÓKÖZ billentyűt. Miután létrehozott egy hivatkozást, szerkesztheti annak címét, megjelenített szövegét, színét és betűstílusát.

Kattintható hiperhivatkozás beszúrása az Adobe Illustratorban - 2024 FRISSÍTETT oktatóanyag

Összefoglalva, az Adobe Illustrator számos lehetőséget kínál hivatkozások létrehozására és kezelésére, különösen webes projektek és interaktív PDF-ek exportálása esetén. A megfelelő eszközök és technikák alkalmazásával lenyűgöző és funkcionális webgrafikákat készíthet.

tags: #illustrator #web #hivatkozas #letrehozasa