Felhasználói útmutató Mégse

Gyakorlati tanácsok webgrafikák készítéséhez

  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
    2. Munkaterület
      1. A munkaterület alapjai
      2. Tanuljon gyorsabban az Illustrator Felfedezés panelje segítségével
      3. Dokumentumok létrehozása
      4. Eszköztár
      5. Alapértelmezett billentyűparancsok
      6. Billentyűparancsok testreszabása
      7. A rajztáblák bemutatása
      8. Rajztáblák kezelése
      9. Munkaterület testreszabása
      10. Tulajdonságok panel
      11. Beállítások megadása
      12. Érintés munkaterület
      13. Microsoft Surface Dial-támogatás az Illustrator alkalmazásban
      14. Szerkesztések visszavonása és a tervezési előzmények kezelése
      15. Nézet elforgatása
      16. Vonalzók, rácsok és segédvonalak
      17. Akadálymentesség az Illustrator alkalmazásban
      18. Biztonságos mód
      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. Vektorgrafika generálása szöveges utasítással
      2. Grafika átszínezése szöveges utasítással
    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. Webes Illustrator (béta)
    1. Illustrator webes (béta) verziójának áttekintése
    2. Illustrator webes (béta) verziójával kapcsolatok GYIK
    3. Problémák hibaelhárítása – GYIK
    4. Billentyűparancsok az Illustrator webes (béta) verziójához
    5. Alakzatok létrehozása és egyesítése a weben
    6. Szöveg hozzáadása és szerkesztése a weben
    7. Színek és színátmenetek alkalmazása a weben
    8. Görbék hozzáadása és szerkesztése a weben
    9. Közös munka felhőbeli dokumentumokon bárkivel a weben
    10. Közreműködők meghívása webes szerkesztéshez
  4. 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
  5. 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
  6. Tartalom hozzáadása és szerkesztése
    1. Rajzolás és méretezé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épkontúrozás
      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
      17. Dimenziók mérése és ábrázolása
    2. 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
    3. 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
    4. 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
    5. Objektumok kiválasztása és elrendezése
      1. Objektumok kijelölése
      2. Rétegek
      3. Objektumok csoportosítása és kibontása
      4. Objektumok mozgatása, igazítása és szétosztása
      5. Objektumok halmozása    
      6. Objektumok zárolása, elrejtése és törlése
      7. Objektumok másolása és megkettőzése
      8. Objektumok forgatása és tükrözése
      9. Tárgyak összefonása
      10. Realisztikus grafikai vázlatok létrehozása
    6. 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
    7. Szöveg
      1. Szöveg hozzáadása és a szövegobjektumokkal végzett munka
      2. Felsorolásjeles és számozott listák létrehozása
      3. A szövegterület kezelése
      4. Betűtípusok és tipográfia
      5. A képeken belüli szöveg átalakítása szerkeszthető szöveggé
      6. Szöveg egyszerű formázása
      7. Szövegek speciális formázása
      8. Szöveg importálása és exportálása
      9. Bekezdésformázás
      10. Speciális karakterek
      11. Görbére írt szöveg létrehozása
      12. Karakter- és bekezdésstílusok
      13. Tabulátorok
      14. Hiányzó betűtípusok keresése (Typekit munkafolyamat)
      15. Arab és héber szöveg
      16. Betűtípusok | GYIK és hibaelhárítási tippek
      17. 3D-s szöveghatás létrehozása
      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
    8. 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
    9. Webgrafikák
      1. Gyakorlati tanácsok webgrafikák készítéséhez
      2. Diagramok
      3. SVG
      4. Szeletek és képzónák
  7. 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
      1. Grafika mentése
    4. Exportálás
      1. Illustratorban készített tartalom használata a Photoshopban
      2. Grafika exportálása
      3. Kellékek összegyűjtése és exportálása kötegelve
      4. Csomagfájlok
      5. Adobe PDF fájlok létrehozása
      6. CSS kinyerése | Illustrator CC
      7. Adobe PDF-beállítások
      8. Dokumentum adatai panel
  8. 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
  9. 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
  10. Hibaelhárítás 
    1. Ismert problémák
    2. Összeomlási problémák
    3. Fájlok helyreállítása az összeomlás után
    4. Fájllal kapcsolatos problémák
    5. Támogatott fájlformátumok
    6. GPU-kártya eszközillesztővel kapcsolatos problémák
    7. Wacom eszközzel kapcsolatos problémák
    8. DLL-fájllal kapcsolatos problémák
    9. Memória-problémák
    10. Beállításfájl-problémák
    11. Betűtípus-problémák
    12. Nyomtatóproblémák
    13. Ossza meg az összeomlási jelentést az Adobe-bal
    14. Az Illustrator teljesítményjavítása

Az Illustrator megannyi eszközt biztosít weblapelrendezések létrehozásához, illetve webgrafika létrehozásához és optimalizálásához. Használhat például webes színeket, megkeresheti az egyensúlyt a képminőség és a fájlméret között, valamint kiválaszthatja a grafikának leginkább megfelelő fájlformátumot. A webgrafikáknál szeleteket és képzónákat is felhasználhat és számos optimalizálási beállítás közül választhat, hogy meggyőződjön arról, hogy jól mutatnak majd a fájlok a weben.

Webgrafikák ismertetése

Amikor a webre készít grafikát, más szempontokat kell figyelembe vennie, mint amikor nyomtatásba szánt grafikát készít. 

Annak érdekében, hogy a kellő információk alapján hozhasson döntéseket a webgrafikákkal kapcsolatban, tartsa szem előtt a következő három irányelvet:

Használjon webre ajánlott színeket.

A szín sokszor a rajzelem kulcsfontosságú összetevője. Nem biztos azonban, hogy valaki más rendszerén a webböngészőben ugyanazon színek fognak megjelenni, amelyeket rajztábláján lát. Az árnyalás (a nem elérhető színek szimulációjának módszere) és egyéb színproblémák is megelőzhetők, ha két elővigyázatossági lépést követ a webgrafikák létrehozásakor. Először is mindig RGB színmódban dolgozzon. Másrészt webes színeket használjon.

Keresse meg az egyensúlyt a képminőség és a fájlméret között.

A grafikafájlok kis mérete alapvető a weben való terjesztésben. Kisebb fájlméretek esetén a webkiszolgálók hatékonyabban tudják tárolni és továbbítani a képeket, az olvasók pedig gyorsabban le tudják tölteni azokat. A webgrafikák méretét és becsült letöltési idejét a Mentés webre és eszközökhöz párbeszédpanelen lehet megtekinteni.

Válassza az adott grafikához legjobban illő fájlformátumot.

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. Az egyes formátumokról további információt a Webgrafikák optimalizálási beállításai című témakörben talál.

Megjegyzés:

Számos Illustrator-sablon készült kimondottan a webhez, többek között weboldalak és szalagcímek. Válassza a Fájl > Új létrehozása sablonból menüpontot, majd válasszon egy sablont.

Pixeles előkép mód ismertetése

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 penge éles megjelenésű vonalakat eredményez. A beállítás bekapcsolt állapotában az objektum minden átalakítása után, az új koordinátáján is igazodni fog a képpontrácshoz. Ez a tulajdonság az Átalakítás panel Képpontrácshoz igazítás beállításával kapcsolható be. Az Illustrator lehetővé teszi az „Új objektumok képpontrácshoz igazítása” tulajdonság dokumentumszintű beállítását is, amely webes dokumentumok esetén alapértelmezett. Ha ez a beállítás be van kapcsolva, akkor minden megrajzolt új objektum alapértelmezés szerint képpontra igazított beállítású lesz.

További tudnivalók: Képpontra igazított görbék rajzolása internetes munkákhoz.

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 raszterezi azt. A raszterezett objektumok előnézetét a Nézet > Pixeles előkép paranccsal tekintheti meg. Ez különösen akkor hasznos, ha az objektumok pontos elhelyezését, méretét és élsimítását is szabályozni kívánja a raszterezett grafikán .

Annak megértéséhez, hogy hogyan osztja fel az Illustrator az objektumokat képpontokra, nyisson meg egy fájlt, amely vektoros objektumokat is tartalmaz, válassza a Nézet > Pixeles előkép menüpontot, és nagyítsa fel a rajzelemet annyira, hogy az egyes képpontokat is lássa. A képpontok elhelyezkedését a képpontrács szabályozza, amely 1 pontos (1/72 hüvelykes) közökre osztja fel a rajztáblát. A képpontrács akkor válik láthatóvá, ha 600%-os nézetre nagyít. Az objektum áthelyezés, elhelyezés vagy átalakítás után is a képpontrácsra fog illeszkedni. Ennek eredményeképpen az objektum „illesztett” szegélyei mentén (ez általában a bal oldali és a felső szegély) eltűnik az élsimítás. Szüntesse meg a Nézet > Képponthoz igazítás menüpont kijelölését, és helyezze át az objektumot. Most már a rácsvonalak közé is elhelyezhető az objektum. Figyelje meg, hogyan befolyásolja ez az objektum élsimítását. Amint látja, már a nagyon apró módosítások is befolyásolhatják az objektum rasztereződését.

A Pixeles előkép kikapcsolva (fent), illetve bekapcsolva (lent)
A Pixeles előkép kikapcsolva (fent), illetve bekapcsolva (lent)

Megjegyzés:

A képpontrács érzékeny a vonalzó origójára (0,0). A vonalzó origójának mozgatásakor az Illustrator más módon raszterezi a rajzelemet.

Tanácsok mobil eszközökre szánt Illustrator-képek készítéséhez

A mobil eszközökre szánt grafikai tartalom optimalizálásához mentse az Illustrator alkalmazásban létrehozott grafikát bármely SVG-formátumba, beleértve a speciálisan mobil eszközökhöz tervezett SVG-t formátumot is.

Kövesse az alábbi tanácsokat annak érdekében, hogy az Illustrator alkalmazásban készült képek megfelelően jelenjenek meg mobil eszközökön:

  • Használja az SVG szabványt a tartalom létrehozásakor. Az SVG használata a vektorgrafikák mobil eszközökön történő közzétételére kis fájlméretet, képernyőfüggetlenséget, kiváló színvezérlést, nagyítási lehetőséget és szerkeszthető szöveget eredményez (a forráskódban). Mivel az SVG XML alapú, a képek interaktivitással (például kiemelés, eszköztippek, különleges hatások, hang és animációk) is felruházhatók.

  • Ajánlott kezdettől fogva a megcélzott mobil eszköz(ök) végső dimenzióin belül dolgozni. Bár az SVG formátum méretezhető, a helyes méret használata a készítés során biztosítja, hogy a végleges képek minősége és mérete az adott eszközhöz vagy eszközökhöz legyen optimalizálva.

  • Állítsa a színmódot RGB-re az Illustratorban. Az SVG-fájlok RGB-raszterképet megjelenítő eszközökön, például a monitoron jelennek meg.

  • A fájlméret csökkentése érdekében próbálja csökkenteni az objektumok (és csoportok) számát, hogy kevésbé összetett legyen (kevesebb pontot tartalmazzon). Kevesebb pont használata jelentősen csökkenti az SVG fájlban a grafika leírására szükséges szöveges adatok mennyiségét. Mutasson az Objektum menü Görbe pontjára, majd válassza az Egyszerűsítés parancsot a pontok számának csökkentéséhez, majd próbáljon ki különböző kombinációkat, amíg meg nem találja az egyensúlyt a minőség és a pontok száma között.

  • Ha lehetséges, használjon szimbólumokat. A szimbólumok az objektumokat leíró vektorok egyszeri definiálására szolgálnak. Ez akkor hasznos, ha a grafika ismételten felhasznált objektumokat (például gombokat) tartalmaz.

  • A képek animálásakor a fájlméret csökkentése érdekében korlátozza a használt objektumok számát, és igyekezzen minél többször újra felhasználni azokat. A kód ismétlődésének elkerülése végett az animációkat ne egyedi objektumokra, hanem objektumcsoportokra alkalmazza.

  • Vegye fontolóra az SVGZ formátum használatát, amely az SVG tömörített változata. A tömörítés bizonyos tartalmak esetén látványosan csökkentheti a fájlméretet. A szöveg rendszerint jól tömöríthető, a bináris kódolású tartalom – például a beágyazott raszterek (JPEG, PNG vagy GIF formátumú fájlok) viszont nem tömöríthetők jelentősen. Az SVGZ fájlokat bármely olyan alkalmazás ki tudja csomagolni, amely képes a gzip programmal tömörített fájlok kibontására. Ellenőrizze, hogy a megcélzott mobil eszköz képes-e erre.

 Adobe

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

Új felhasználó?

Adobe MAX 2024

Adobe MAX:
a kreativitás konferenciája

Október 14–16. Miami Beach és online

Adobe MAX

A kreativitás konferenciája

Október 14–16. Miami Beach és online

Adobe MAX 2024

Adobe MAX:
a kreativitás konferenciája

Október 14–16. Miami Beach és online

Adobe MAX

A kreativitás konferenciája

Október 14–16. Miami Beach és online