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ó
    4. 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. Képkontúrozás
      7. Görbe egyszerűsítése
      8. Perspektívarácsok meghatározása
      9. Szimbólumeszközök és szimbólumkészletek
      10. Görbeszegmensek módosítása
      11. Készítsen virágot 5 egyszerű lépéssel
      12. Perspektivikus rajzolás
      13. Szimbólumok
      14. Képpontra igazított görbék rajzolása internetes munkafolyamatokhoz
    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
    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
    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. Szöveg formázása
      6. Szöveg importálása és exportálása
      7. Bekezdésformázás
      8. Speciális karakterek
      9. Görbére írt szöveg létrehozása
      10. Karakter- és bekezdésstílusok
      11. Tabulátorok
      12. Szöveg és típus
      13. Hiányzó betűtípusok keresése (Typekit munkafolyamat)
      14. Az Illustrator 10 verzióból származó szövegek frissítése
      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. Szöveg fejlesztések
      23. Helyesírás és nyelvi szótárak
      24. Ázsiai karakterek formázása
      25. Tördelők ázsiai típusú írásokhoz
      26. Szöveges tervek készítése objektumok keverésével
      27. 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. Vetett árnyék létrehozása
      4. Megjelenési jellemzők
      5. Vázlatok és mozaikok létrehozása
      6. Vetett árnyékok, ragyogások és lágy perem
      7. Hatások összefoglalása
    9. Webgrafikák
      1. Gyakorlati tanácsok webgrafikák készítéséhez
      2. Diagramok
      3. SVG
      4. Animációk létrehozása
      5. 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
      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. Fájlinformációk és -metaadatok
  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. Összeomlási problémák
    2. Fájlok helyreállítása az összeomlás után
    3. Fájllal kapcsolatos problémák
    4. Támogatott fájlformátumok
    5. GPU-kártya eszközillesztővel kapcsolatos problémák
    6. Wacom eszközzel kapcsolatos problémák
    7. DLL-fájllal kapcsolatos problémák
    8. Memória-problémák
    9. Beállításfájl-problémák
    10. Betűtípus-problémák
    11. Nyomtatóproblémák
    12. Ossza meg az összeomlási jelentést az Adobe-bal
    13. 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 logó

Bejelentkezés a fiókba