Ebben a kicsit hosszabb útmutatóban megmutatom nektek, hogyan jött létre a Commag, és hogyan lett elrendezve az Adobe InDesign-ban. Szeretném a különböző részeket teljes egészében létrehozni, tehát a borítótól az előszóig. Emellett egy interjú példáján keresztül is megmutatom nektek, hogyan szerkesztem végig az egészet kezdettől végig, hogy megmutassam, hogy egy magazin elrendezése valójában nem is olyan nehéz. Az útmutató egyszerűen gyakorlati példán keresztül mutatja be, hogyan hozzuk létre a Commagot.
1. lépés
A Commag a PSD-Tutorials.de online magazinja. Ezt a jobb alsó oldalon találjátok, ahol láthatjátok az összes elérhető kiadást. A Commag már 7 éve elérhető, és ha megnézitek a legrégebbi kiadást összehasonlításként, már sok minden változott.
2. lépés
A 2005 augusztusi első kiadás még hagyományos DIN-A4-es függőleges formátumban készült, amelyet akár ki is lehetne nyomtatni. A borítót akkoriban a MultimediaArts készítette. Akkoriban 13 000 felhasználónk volt, mára már több mint negyedmillióan vagyunk; ez elég jelentős növekedés.
3. lépés
A logón látszik, hogy ebben az időszakban még kizárólag egy Photoshop közösség voltunk. Azóta pedig számos más programról és területről készítünk útmutatókat és videókészítéseket, például az Adobe InDesign, CINEMA 4D, fotózás stb.
4. lépés
A tartalomjegyzék már be van linkelve, így mindig közvetlenül a megfelelő oldalra léphetsz. Ezt egy kis workshopon belül még megmutatom, hogyan lehet ezt legkönnyebben az Adobe InDesign-ban megtenni.
5. lépés
Az oldal végén található aktuális oldalszám is könnyen beilleszthető az Adobe InDesign segítségével. Pontosan hogyan, azt később megmutatom nektek ennek a tutorial sorozatban.
6. lépés
A Commag akkoriban tartalmazott egy listát az összes új letöltésről és útmutatóról, valamint hírekről és egy interjúról.
7. lépés
A dizájn nem volt olyan szép, de gyakran előfordul, hogy amit valaha csináltunk, később már nem tetszik annyira. Végül pedig a Impressum.
8. lépés
Most nézzük meg összehasonlításként a Commag 08/12-t, ami PDF formátumban és Flash verzióban is elérhető. Az útmutatóhoz a PDF változatot fogjuk használni. Elsőként az fog feltűnni, hogy a magazin immár vízszintesen készül.
9. lépés
A magazin belső szövege is lényegesen más. Különböző oszloplayoutokkal dolgozunk. Az előszó esetében négyszögletes szedésű, és a Myriad Pro Light betűtípust használtuk, melyet az Adobe Photoshop vagy a CorelDRAW mellékel.
10. lépés
A linkelt tartalomjegyzék megmaradt, azonban vizuálisan jóval frissebben van elrendezve, kétlábas elrendezés. Később, mint ahogy már említettem, meg fogom mutatni, hogyan lehet ezeket a hivatkozásokat közvetlenül az InDesign-ban létrehozni. Persze ezt a Adobe Acrobat-tal is megteheted.
11. lépés
Emellett van még hírek a legújabb DVD bemutatójával és kiemelt színű linkekkel, az előző hónap négy legújabb útmutatójával, valamint a legmagasabban értékelt négy letöltéssel.
12. lépés
Ezután egy tesztjelentés következik, amely háromoszloposan került elrendezésre, egy alapokbeli bemutató következik - ebben az esetben az Adobe InDesignt mutatjuk be - amelyet kicsit folyamatosabban helyeztünk el bal oldalon szöveges hasábokkal és jobb oldali képekkel.
13. lépés
A jubileumhoz kapcsolódóan összegzés látható a korábbi Commag kiadásokról. Ezután egy webfejlesztői új képzésre hívó figyelmeztetés, valamint az új PSD-DVD-k bejelölése következik.
14. lépés
A következő oldalon egy teljes oldalas kép következik a következő cikk indításaként. Ehhez egyszerűen csak egy megfelelő képet vettünk, amelyre egy sor szöveget helyeztünk el.
15. lépés
A hozzá tartozó cikk háromoszlopos formában következik, amit nagy képekkel is feldobhatunk. A képek több oszlopon is elterjedhetnek.
16. lépés
Egy kis közbeiktatott reklám után egy eseményajánló következik, majd az interjú az új műsorvezetővel. A műhely második részében meg fogom mutatni nektek, hogyan lett elrendezve ez az interjú, mire kell figyelni, és például hogyan készültek el az általam feltett négyzet alakú pontok a kérdések előtt. Ez nem is olyan bonyolult, főleg a bekezdésformátumokról szól.
17. lépés
Ezután még egy programbemutató és egy áttekintés következik a legújabb Dreamweaver 6 funkciókról. Az Actioncheck során kihasználjuk a fekvő formátumot, és megmutatjuk a legújabb nyertes képeket a versenyekből, valamint oldalakat kommentekkel, rejtvényekkel és hasonlókkal. A Commag végén következik az impresszum, egy statisztikai oldal, valamint végül reklám.
18. lépés
A hosszú bevezető után megnézzük, hogy hogyan van felépítve a Commag. Először megvizsgáljuk a Commagot alkotó fájlokat. Ahogy látjátok, minden témához külön fájl tartozik, amelyek végül könyvként exportálhatók. A legfontosabb fájl a.indb kiterjesztésű. Ez az InDesign könyvfájl.
19. lépés
Amikor megnyitjátok a könyvfájlt, láthatjátok az összes beágyazott fájllal együtt az egész könyvet. Ezt a fájlt egyszerűen létrehozhatjátok úgy, hogy a Fájl>Új>Könyv menüpontot választjátok, majd vagy a plusz jelre kattintva, vagy Drag&Drop-pal beszúrjátok az egyes fájlokat.
20. lépés
Végül a teljes könyvet exportálásakor az összes könyv részletét jelöljétek ki, és válasszátok ki a Könyv PDF-ként exportálása lehetőséget a menüből.
21. lépés
Ebben a nézetben a fejezetek átrendezéséhez egyszerűen elmozgathatjátok az egyes fejezeteket, és az Adobe InDesign automatikusan korrigálja az oldalszámokat.
22. lépés
Most menjünk bele először a borítófájlba, és azonnal hibaüzenet fog megjelenni, miszerint a kapcsolt fájlok nem találhatók. Megmutatom nektek, hogyan lehet ezt kijavítani.
23. lépés
A Nézet-gombbal váltogathattok a Normál-nézet és az Előnézet között. A borítónál egy kérdőjel látható, ami arra utal, hogy egy hivatkozási hiba lépett fel, vagyis a képfájl nem található.
24. lépés
Ha egérmutatóval ráhúzzátok a kérdőjelet, egy kis információs szöveg jelenik meg, ami elmondja, hogy milyen hiba történt, és hogyan lehet azt javítani.
25. lépés
Az Alt-Kattintás-kal megnyithatod a Hivatkozások-párbeszédpanelt, ahol a fájl elérési útvonalát korrigálhatod.
26. lépés
Az InDesign munkaterület bal alsó sarkában láthatod a zöld pöttyöt, ami a Preflight szimbóluma, és azt jelzi, hogy nincsenek hibák.
27. lépés
Ha a pötty zöld, minden rendben van, ha piros, akkor az InDesign talált hibákat a dokumentumban, melyeket egyszerűen megtekinthettek a pöttyre Dupla kattintva.
28. lépés
Ha egy hibára Dupla kattintást hajtunk végre akkor az kivisz bennünket a hibás részhez. Ha újdonságként egy eltöbbszedést tapasztalunk az új tréning hírnél, akkor egy Dupla kattintással az hibás területre ugorunk és javítjuk az eltöbbszedést, vagy kibővítjük a szövegmezőt, vagy a szöveget megfelelően lerövidítjük.
29. lépés
Az Adobe InDesign továbbá olyan intelligens, hogy észreveszi, ha több képet ugyanabba a mappába mozgattok. Ha kijavítjátok az első hivatkozást, az Adobe InDesign automatikusan módosítja az összes többi hivatkozást is.
30. lépés
A hiányzó betűtípusok szintén megjelennek, és használhatjátok a Keresés indítása vagy a Folytatás opciót, hogy megtudjátok, hol használják ezt a betűtípust a dokumentumban, és közvetlenül kicserélhetitek az Összes cseréje lehetőséggel.
31. lépés
Különösen fontos, hogy a képek eredeti változata elérhető legyen, mivel csak így kerülnek az eredeti minőségű képek a PDF-exportbe. Ellenkező esetben csak a bélyegkép alacsonyabb felbontása exportálódik. Így ügyelnetek kell arra, hogy az összes kép rendelkezésre álljon.
32. lépés
Vagy lehetőségetek van a képeket beágyazni a dokumentumba. Ehhez kattintsatok a Hivatkozások lehetőségre, és a Kontextusmenün (jobb klikk) keresztül beágyazhatjátok a hivatkozásokat, vagyis az összekapcsolt képeket a dokumentumba. Ennek következtében az egész fájl azonban jelentősen megnő.
33. lépés
A folyamat bármikor visszavonható az Hivatkozások<404> feloldása opció segítségével, ha például egy képet újra szeretnétek szerkeszteni.
A tutorial sorozat második részében már a lényegre fogunk térni. Teljesen újratervezzük a borítót, újra létrehozzuk a tartalomjegyzéket, és újratervezzük az interjút is.
