Felhasználói útmutató Mégse

SVG

  1. Illustrator felhasználói útmutató
  2. Az Illustrator megismerése
    1. Bevezetés az Illustrator programba
      1. Az Illustrator újdonságai
      2. Gyakori kérdések
      3. Az Illustrator rendszerkövetelményei
      4. Az Illustrator használata Apple Silicon processzorral ellátott számítógépeken
      5. GPU-teljesítmény
    2. Munkaterület
      1. A munkaterület alapjai
      2. Dokumentumok létrehozása
      3. Tanuljon gyorsabban az Illustrator Felfedezés panelje segítségével
      4. Gyorsítsa fel a munkafolyamatokat a Környezetfüggő feladatsávval
      5. Eszköztár
      6. Alapértelmezett billentyűparancsok
      7. Billentyűparancsok testreszabása
      8. A rajztáblák bemutatása
      9. Rajztáblák kezelése
      10. Munkaterület testreszabása
      11. Tulajdonságok panel
      12. Beállítások megadása
      13. Érintés munkaterület
      14. Microsoft Surface Dial-támogatás az Illustrator alkalmazásban
      15. Szerkesztések visszavonása és a tervezési előzmények kezelése
      16. Nézet elforgatása
      17. Vonalzók, rácsok és segédvonalak
      18. Akadálymentesség az Illustrator alkalmazásban
      19. Grafika megtekintése
      20. Az Illustrator használata a Touch Barral
      21. Fájlok és sablonok
    3. Eszközök az Illustrator programban
      1. Az eszközök áttekintése
      2. Kijelölő eszközök
        1. Kijelölés
        2. Közvetlen kijelölés
        3. Csoport kijelölése
        4. Varázspálca
        5. Lasszó
        6. Rajztábla
      3. Navigációs eszközök
        1. Kéz
        2. Nézet elforgatása
        3. Kicsinyítés/nagyítás
      4. Festési eszközök
        1. Színátmenet
        2. Háló
        3. Alakzatformáló
      5. Szöveg eszközök
        1. Szöveg
        2. Görbére írt szöveg
        3. Függőleges szöveg
      6. Rajzeszközök
        1. Toll
        2. Szerkesztőpont hozzáadása
        3. Szerkesztőpont törlése
        4. Szerkesztőpont
        5. Görbület
        6. Vonalszegmens
        7. Téglalap
        8. Lekerekített téglalap
        9. Ellipszis
        10. Sokszög
        11. Csillag
        12. Ecset
        13. Pacaecset
        14. Ceruza
        15. Shaper
        16. Szelet
      7. Módosítás eszközök
        1. Forgatás
        2. Tükrözés
        3. Méretezés
        4. Nyírás
        5. Szélesség
        6. Szabad átalakítás
        7. Pipetta
        8. Keverés
        9. Radír
        10. Olló
        11. Dimenzió
    4. Generatív mesterséges intelligencia (a kontinentális Kínában nem érhető el)
      1. Jelenetek, tárgyak és ikonok létrehozása szöveges utasításokkal
      2. Vektorminták létrehozása szöveges utasításokkal
      3. Vektoralakzat-kitöltések létrehozása szöveges utasításokkal
      4. Grafika átszínezése szöveges utasításokkal
    5. Gyorsműveletek
      1. Retro szöveg
      2. Neonfényű szöveg
      3. Régies szöveg
      4. Átszínezés
      5. Vázlat átalakítása vektorrá
  3. Az iPadhez készült Illustrator
    1. Az iPadhez készült Illustrator bemutatása
      1. Az iPadhez készült Illustrator áttekintése
      2. Az iPadhez készült Illustrator – GYIK
      3. Rendszerkövetelmények | Az iPadhez készült Illustrator
      4. Mit tehet vagy mit nem tehet az iPadhez készült Illustrator alkalmazásban
    2. Munkaterület
      1. iPadhez készült Illustrator munkaterülete
      2. Érintéses gyorsbillentyűk és ujjmozdulatok
      3. Billentyűparancsok az iPadhez készült Illustrator programban
      4. Az alkalmazásbeállítások kezelése
    3. Dokumentumok
      1. Dokumentumokkal végzett munka az iPadhez készült Illustratorban
      2. A Photoshop- és a Fresco-dokumentumok importálása
    4. Objektumok kiválasztása és elrendezése
      1. Ismétlődő objektumok létrehozása
      2. Objektumok keverése
    5. Rajzolás
      1. Görbék rajzolása és szerkesztése
      2. Alakzatok rajzolása és szerkesztése
    6. Szöveg
      1. Műveletek szöveggel és betűtípusokkal
      2. Szövegtervek létrehozása egy görbe mentén
      3. Saját betűtípusok hozzáadása
    7. Képekkel végzett munka
      1. Raszterképek vektorizálása
    8. Szín
      1. Színek és színátmenetek alkalmazása
  4. Felhőalapú dokumentumok
    1. Alapvető tudnivalók
      1. Az Illustrator felhőalapú dokumentumainak kezelése
      2. Illustrator felhőalapú dokumentumainak megosztása és együttműködés azokon
      3. Dokumentumok megosztása véleményezésre
      4. Felhőtárhely frissítése az Adobe Illustratorhoz
      5. Felhőalapú Illustrator-dokumentumok | Gyakori kérdések
    2. Hibaelhárítás
      1. Az Illustrator felhőalapú dokumentumainak létrehozásával vagy mentésével kapcsolatos hibák elhárítása
      2. Hibaelhárítás – Illustrator felhőalapú dokumentumokkal kapcsolatos hibái
  5. Tartalom hozzáadása és szerkesztése
    1. Rajzolás
      1. A rajzolás alapjai
      2. Görbék szerkesztése
      3. Képpont-tökéletes grafika rajzolása
      4. Rajzolás a Toll, a Görbület vagy a Ceruza eszközzel
      5. Egyszerű vonalak és formák rajzolása
      6. Téglalaprácsok és poláris rácsok rajzolása
      7. Fényfoltok rajzolása és szerkesztése
      8. Képek képkontúrozása
      9. Görbe egyszerűsítése
      10. Szimbólumeszközök és szimbólumkészletek
      11. Görbeszegmensek módosítása
      12. Készítsen virágot 5 egyszerű lépéssel
      13. Perspektívarács létrehozása és szerkesztése
      14. Perspektívarácsban lévő objektumok rajzolása és módosítása
      15. Alkosson elemekből szimbólumokat ismétlődő használatra
      16. Képpontra igazított görbék rajzolása internetes munkafolyamatokhoz
    2. Mérés
      1. Dimenziók mérése és ábrázolása
    3. 3D objektumok és anyagok
      1. Ismerje meg az Illustrator 3D-s hatásait
      2. 3D-s grafikák létrehozása
      3. Rajzelem leképezése 3D objektumokon
      4. 3D szöveg létrehozása
      5. 3D objektumok létrehozása
    4. Szín
      1. A színek ismertetése
      2. Színek kijelölése
      3. Színtárak használata és létrehozása
      4. Színek beállítása
      5. Az Adobe Color témák panel használata
      6. Színcsoportok (harmóniák)
      7. Színtémák panel
      8. Grafika átszínezése
    5. Festés
      1. Festés ismertetése
      2. Festés kitöltésekkel és ecsetvonásokkal
      3. Élő festési csoportok
      4. Színátmenetek
      5. Ecsetek
      6. Átlátszóság és keverési módok
      7. Ecsetvonás alkalmazása egy objektumon
      8. Mintázatok létrehozása és szerkesztése
      9. Hálók
      10. Mintázatok
    6. Objektumok kiválasztása és elrendezése
      1. Objektumok kijelölése
      2. Rétegek
      3. Objektumok kibővítése, csoportosítása és a csoportosítás megszüntetése
      4. Objektumok mozgatása, igazítása és szétosztása
      5. Objektumok igazítása, elrendezése és mozgatása egy görbén
      6. Objektumok igazítása karakterjelhez
      7. Objektumok igazítása japán karakterjelhez
      8. Objektumok halmozása    
      9. Objektumok zárolása, elrejtése és törlése
      10. Objektumok másolása és megkettőzése
      11. Objektumok forgatása és tükrözése
      12. Tárgyak összefonása
      13. Realisztikus grafikai vázlatok létrehozása
    7. Objektumok átformálása
      1. Képek vágása
      2. Objektumok átalakítása
      3. Objektumok kombinálása
      4. Objektumok kivágása, felosztása és körülvágása
      5. Bábu hajlítása
      6. Objektumok méretezése, nyírása és torzítása
      7. Objektumok keverése
      8. Átformálás burkológörbék használatával
      9. Objektumok átformálása hatásokkal
      10. Új alakzatok készítése a Shaper és az Alakzatformáló eszközzel
      11. Élő sarkok használata
      12. Továbbfejlesztett újraformáló munkafolyamatok érintés támogatásával
      13. Vágómaszkok szerkesztése
      14. Élő alakzatok
      15. Alakzatok létrehozása az Alakzatformáló eszközzel
      16. Globális szerkesztés
    8. Szöveg
      1. Szöveg hozzáadása és a szövegobjektumokkal végzett munka
      2. Áttördelés megtekintése
      3. Felsorolásjeles és számozott listák létrehozása
      4. A szövegterület kezelése
      5. Betűtípusok és tipográfia
      6. A képeken belüli szöveg átalakítása szerkeszthető szöveggé
      7. Szöveg egyszerű formázása
      8. Szövegek speciális formázása
      9. Szöveg importálása és exportálása
      10. Bekezdésformázás
      11. Speciális karakterek
      12. Görbére írt szöveg létrehozása
      13. Karakter- és bekezdésstílusok
      14. Tabulátorok
      15. Hiányzó betűtípusok hozzáadása az Adobe Fonts oldalról
      16. Arab és héber szöveg
      17. Betűtípusok | GYIK és hibaelhárítási tippek
      18. Kreatív tipográfiai tervek
      19. Szöveg méretezése és elforgatása
      20. Sortávolság és karaktertérköz
      21. Elválasztás és sortörések
      22. Helyesírás és nyelvi szótárak
      23. Ázsiai karakterek formázása
      24. Tördelők ázsiai típusú írásokhoz
      25. Szöveges tervek készítése objektumok keverésével
      26. Szöveges poszter létrehozása a Kép kontúrozása használatával
    9. Speciális effektusok létrehozása
      1. Hatásokkal való munka
      2. Grafikus stílusok
      3. Megjelenési jellemzők
      4. Vázlatok és mozaikok létrehozása
      5. Vetett árnyékok, ragyogások és lágy perem
      6. Hatások összefoglalása
    10. Webgrafikák
      1. Gyakorlati tanácsok webgrafikák készítéséhez
      2. Diagramok
      3. SVG
      4. Szeletek és képzónák
  6. Importálás, exportálás és mentés
    1. Importálás
      1. Több fájl elhelyezése
      2. Csatolt és beágyazott fájlok kezelése
      3. Hivatkozásinfó
      4. Képek beágyazásának megszüntetése
      5. Grafikák importálása a Photoshopból
      6. Bittérképek importálása
      7. Adobe PDF-fájlok importálása
      8. EPS-, DCS- és AutoCAD-fájlok importálása
    2. Creative Cloud Libraries az Illustrator alkalmazásban 
      1. Creative Cloud Libraries az Illustrator alkalmazásban
    3. Mentés és exportálás
      1. Grafika mentése
      2. Grafika exportálása
      3. Adobe PDF fájlok létrehozása
      4. Adobe PDF-beállítások
      5. Illustratorban készített tartalom használata a Photoshopban
      6. Kellékek összegyűjtése és exportálása kötegelve
      7. Csomagfájlok
      8. CSS kinyerése | Illustrator CC
      9. Dokumentum adatai panel
  7. Nyomtatás
    1. Előkészületek a nyomtatáshoz
      1. Dokumentumok beállítása nyomtatáshoz
      2. Az oldal méretének és tájolásának módosítása
      3. Vágójelek meghatározása körülvágáshoz és igazításhoz
      4. Első lépések nagyméretű rajzvászonnal
    2. Nyomtatás
      1. Felülnyomás
      2. Nyomtatás színkezeléssel
      3. PostScript-nyomtatás
      4. Nyomtatási készletek
      5. Nyomtatási jelek és kifutók
      6. Áttetsző grafikák nyomtatása és mentése
      7. Alátöltés
      8. Színkivonatok nyomtatása
      9. Színátmenetek, hálók és színkeverések nyomtatása
      10. Fehér felülnyomás
  8. Feladatok automatizálása
    1. Adategyesítés a Változók panel használatával
    2. Automatizálás parancsfájlokkal
    3. Automatizálás műveletekkel
  9. Hibaelhárítás 
    1. Javított problémák
    2. Ismert problémák
    3. Összeomlási problémák
    4. Fájlok helyreállítása az összeomlás után
    5. Biztonságos mód
    6. Fájllal kapcsolatos problémák
    7. Támogatott fájlformátumok
    8. GPU-kártya eszközillesztővel kapcsolatos problémák
    9. Wacom eszközzel kapcsolatos problémák
    10. DLL-fájllal kapcsolatos problémák
    11. Memória-problémák
    12. Beállításfájl-problémák
    13. Betűtípus-problémák
    14. Nyomtatóproblémák
    15. Ossza meg az összeomlási jelentést az Adobe-bal
    16. Az Illustrator teljesítményjavítása

Ismerje meg, hogy az SVG-vel dolgozva miként hozhat létre XML és JavaScript használatával webgrafikát, amelyek kifinomult hatásokkal, például kiemeléssel, eszközleírásokkal, hanggal és animációval válaszolnak a felhasználói műveletekre.

Az SVG ismertetése

Az SVG a képeket alakzatok, görbék, szövegek és szűrőhatások segítségével leíró vektorformátum. Az így kapott fájlok tömörek és jó minőségű grafikát biztosítanak a weben és nyomtatásban, de még a korlátozott erőforrásokkal rendelkező kézi eszközökön is, ellentétben a GIF, JPEG, WBMP és PNG formátumokkal, amelyek nagyméretűek. A felhasználó a képernyőn az élesség, részletesség vagy a pontosság feláldozása nélkül nagyíthatja az SVG képet. Emellett az SVG kiváló támogatást nyújt a szöveg és a színek használatához, biztosítva, hogy a felhasználók ugyanolyannak látják a képeket, ahogyan azok az Illustrator-rajztáblán megjelennek.

Az SVG formátum teljes mértékben XML alapú, és számos előnnyel rendelkezik a fejlesztők és a felhasználók számára is. 

A rajzelemek a Mentés, Mentés másként, Másolat mentése vagy a Mentés webre és eszközökhöz paranccsal menthetők SVG formátumba. Az SVG-exportálási beállítások teljes körű használatához használja a Mentés, Mentés másként vagy a Másolat mentése parancsot. A Mentés webre és eszközökhöz parancs az SVG exportálási beállítások azon részhalmazát nyújtja, amelyeket a webre szánt munka esetében lehet alkalmazni.

SVG-hatások alkalmazása

Az SVG-hatásokkal grafikus tulajdonságokat, például vetett árnyékot adhat a rajzelemekhez. Az SVG-hatások abban különböznek bittérképes megfelelőiktől, hogy XML alapúak és felbontásfüggetlenek. Egy SVG-hatás valójában nem más, mint XML-tulajdonságok sora, amelyek különféle matematikai műveleteket írnak le. A kapott eredményt a forrásgrafika helyett a célobjektumra alkalmazza a szoftver.

Az Illustrator rendelkezik egy alapértelmezett SVG-hatáskészlettel. A hatások használhatók alapértelmezett tulajdonságaikkal, egyéni hatások létrehozásához módosítható az XML-kód, és új SVG-hatások is írhatók.

Megjegyzés:

Az Illustrator alapértelmezett SVG szűrőinek módosításához egy szövegszerkesztőben szerkessze az Adobe SVG Filters. svg fájlt, mely a Documents and Settings/<felhasználóazonosító>/Application Data/Adobe/Adobe Illustrator <verziószám> Settings/<hely> mappában található. Lehetőség van a meglévő szűrődefiníciók módosítására, törlésére és újak hozzáadására is.

  1. Jelöljön ki egy objektumot vagy csoportot (vagy jelöljön ki célként egy réteget a Rétegek panelen).
  2. Hatás alkalmazásához tegye az alábbiak egyikét:

    Alapértelmezett beállításokkal

    Lépjen a Hatás > SVG szűrők > SVG szűrő alkalmazása elemre.

    Egyéni beállításokkal

    1. Lépjen a Hatás > SVG szűrők > SVG szűrő alkalmazása elemre.

    2. A párbeszédpanelen jelölje ki a hatást, majd kattintson az SVG szűrő szerkesztése   gombra. Szerkessze az alapértelmezett kódot, és válassza az OK gombot.

    új hatás létrehozása és alkalmazása

    1. Lépjen a Hatás > SVG szűrők > SVG szűrő alkalmazása elemre.

    2. A párbeszédpanelen jelölje ki a hatást, majd kattintson az Új SVG szűrő   gombra. Írja be az új kódot, és válassza az OK gombot.

SVG-szűrőhatás alkalmazásakor az Illustrator a hatás raszterezett változatát jeleníti meg a rajztáblán. Ezen előnézeti kép felbontása a dokumentum raszterezési felbontás beállításának módosításával szabályozható.

Megjegyzés:

Ha egy objektum több hatást is használ, az SVG-hatásnak az utolsónak kell lennie, vagyis a Megjelenés panel alján (közvetlenül az Átlátszóság bejegyzés fölött) kell megjelennie. Ha az SVG-hatást más hatások is követik, az SVG-kimenet egy raszterobjektumból fog állni.

Hatások importálása SVG-fájlból

  1. Válassza a Hatás > SVG szűrő > SVG szűrő importálása elemet.

  2. Jelölje ki azt az SVG-fájlt, amelyből a hatásokat importálni kívánja, és válassza a Megnyitás gombot.

Az SVG-interaktivitás panel áttekintése

Az SVG interaktivitás panelen megtekintheti az aktuális fájlhoz tartozó összes eseményt és JavaScript fájlt.
Az SVG interaktivitás panelen (Ablak > SVG interaktivitás) ruházható fel a rajzelem interaktív működéssel annak a webböngészőben való megtekintésre történő exportálásakor. Egy JavaScript-parancsot elindító esemény létrehozásával például könnyedén létrehozható mozgás a weblapon, amikor a felhasználó egy műveletsort hajt végre, például egy adott objektumra helyezi az egérmutatót.

Esemény törlése az SVG-interaktivitás panelről

A SVG interaktivitás panelen törölhet egy vagy az összes eseményt.

Egy esemény törlése

  • Jelölje ki az eseményt, és válassza a Kiválasztott bejegyzés eltávolítása   lehetőséget.

Az összes esemény törlése

  • A panel menüjéből válassza az Események törlése menüpontot a  

Egy fájlhoz csatolt események listázása, hozzáadása és eltávolítása

Válassza a JavaScript-fájlok összekapcsolása   lehetőséget, és válassza a Hozzáadás lehetőséget további JavaScript-fájlok hozzáadásához, míg a kiválasztott JavaScript-bejegyzés eltávolításához válassza az Eltávolítás lehetőséget.

SVG interaktivitás hozzáadása a rajzelemhez

  1. Az SVG interaktivitás panelen jelöljön ki egy Eseményt. (Lásd SVG-események.)

  2. Adja meg a megfelelő JavaScript kódot, majd nyomja le az Enter billentyűt.

SVG-események

onfocusin

Akkor indítja a műveletsort, ha az elem kerül fókuszba, például az egérmutatóval kijelöli azt a felhasználó.

onfocusout

Akkor indítja a műveletsort, ha az elem kikerül a fókuszból (ez gyakran akkor történik, amikor egy másik elem kerül fókuszba).

onactivate

Egérkattintásra vagy billentyűlenyomásra indítja a műveletsort (az SVG-elemtől függően).

onmousedown

Akkor indítja a műveletsort, amikor a felhasználó megnyomja az egér gombját egy elem felett.

onmouseup

Akkor indítja a műveletsort, amikor a felhasználó felengedi az egér gombját egy elem felett.

onclick

Akkor indítja a műveletsort, amikor a felhasználó kattint egy elem felett.

onmouseover

Akkor indítja a műveletsort, amikor a felhasználó az egérmutatót egy elem fölé viszi.

onmousemove

Akkor indítja a műveletsort, amikor az egérmutató egy elem felett áll.

onmouseout

Akkor indítja a műveletsort, amikor a felhasználó elmozgatja az egérmutatót egy elem fölül.

onkeydown

Akkor indítja a műveletsort, amikor a felhasználó lenyom egy billentyűt.

onkeypress

Akkor indítja a műveletsort, amikor a felhasználó lenyom egy billentyűt.

onkeyup

Akkor indítja a műveletsort, amikor a felhasználó felenged egy billentyűt.

onload

Akkor indítja a műveletsort, amikor a böngésző végzett az SVG-dokumentum elemzésével. Ez az esemény egyszer futtatandó inicializációs funkciók meghívására használható.

onerror

Akkor indítja a műveletsort, amikor egy elem nem töltődik be megfelelően, illetve más hiba lép fel.

onabort

Akkor indítja a műveletsort, amikor az oldal betöltése az elem teljes betöltése előtt leáll.

onunload

Akkor indítja a műveletsort, amikor az SVG-dokumentum az ablakból vagy keretből eltávolításra kerül.

onzoom

Akkor indítja a műveletsort, amikor a dokumentum nagyítási mértéke változik.

onresize

Akkor indítja a műveletsort, amikor a dokumentum nézete átméretezésre kerül.

onscroll

Akkor indítja a műveletsort, amikor a dokumentum nézetét a felhasználó görgeti vagy eltolja.

Tippek az SVG fájlok létrehozásához

  • Használjon rétegeket az SVG-fájl strukturálásához. A szoftver minden réteget egy csoportelemmé (<g>) alakít, amikor a rajzelemet SVG formátumban menti. (A Gomb1 nevű réteg például a <g id="Gomb1_ver3.0"> elem lesz az SVG-fájlban.) A beágyazott rétegek egymásba ágyazott SVG-csoportok lesznek, a rejtett rétegeket pedig a display="none" SVG-stílustulajdonság jelöli.

  • Ha a különböző rétegeken lévő objektumokat áttetszőként szeretné megjeleníteni, az egyes rétegek helyett az egyes objektumok áttetszőségét módosítsa.

  • Az SVG Viewer programban nem méretezhetők a raszteradatok, és más SVG-elemektől eltérően nem is szerkeszthetők. Érdemes elkerülni az olyan rajzelemek létrehozását, amelyek az SVG fájlban raszterezve lesznek. Az SVG-hatásokkal készíthetők el grafikus hatások raszterezés nélkül.

  • Szimbólumokkal egyszerűsítheti a rajzelem görbéit az SVG-teljesítmény növelése érdekében. Ha a teljesítmény fontos szempont, kerülje a sok görbeadatot létrehozó ecsetek használatát (ilyenek például a faszén, a hamu és a görgős toll hatású ecsetek).

  • Webes hivatkozásokat szeletekkel, képzónákkal vagy parancsfájlokkal adjon az SVG-fájlhoz.

  • A parancsnyelvek (például a JavaScript) korlátlan lehetőségeket nyitnak meg az SVG-fájlok számára. A mutató- és billentyűeseményekhez parancsnyelvi függvények (például legördülő hatások) rendelhetők.

Webre optimalizált SVG-exportálási beállítások

Új SVG-exportálási beállítás áll rendelkezésre (Fájl > Exportálás > Exportálás mint: > SVG). Az új munkafolyamat lehetővé teszi standardizált, webre optimalizált SVG-fájlok generálását a világhálóra és képernyőre tervezett projektekhez. További információ: SVG-exportálási beállítások.


Kapcsolódó források

Beszéljen velünk

Kérdezzen a közösségtől

Ha kérdése van, vagy szeretne megosztani egy ötletet, jöjjön és vegyen részt az Adobe Illustrator-közösségben. Szeretnénk Öntől hallani.

Kapjon segítséget gyorsabban és könnyebben!

Új felhasználó?