Men fejlcre (CS4)
A tutorialt Figi szolgltatta rendelkezsnkre. Hihetetlen mennyi munkt fektetett a lersba, ha figyelmesen vgig msz rajta, biztosan menni fog neked is a flash fejlc ksztse, mentse :).
Adobe CS4 verziban is megoldhat a flash kszts, csak itt mr egy kicsit (nagyon) macers a dolog. A feladathoz szksg lesz az Adobe Photoshop CS4 verzijra, s az Adobe Flash Professional CS4 verzijra. A tutorial nem sokkal klnbzik a CS3 programjaitl sem.
Elszr is kell egy alap fejlc. Nem kell rajta lnyegbe semminek lennie, mivel a menpontokat mshogy kell elrendezni.

Ha ez megvan, akkor jjjn a menpont. Ha a menpontokat gy csinlod, hogy: menpont [szkz] menpont, akkor a 2 menpont egy linken fog mkdni. Az Adobe Flash Professional CS4 gykezeli ezeket a menpontokat, mintha egy rteg lenne az egsz, s ami igaz az igaz, 1 rtegben van benne a menpont, vagyis ez a kt menpont (ami 1 rtegben van) ugyanolyan linket fog kapni.
A menpontokat kln rtegben gy lehet egy skba tenni, hogyha aljuk teszel egy cskot, ami mutatja az egyenest. Na ezt a hlyesget felejtstek el, mieltt brki is alkalmazn. View > Show > Smart Guides. Aktivld, s tedd le az els menpontot, aminek a neve legyen, mondjuk Men 1.


Van akkor egy olyan rtegnk (layer), hogy Men 1. Jobb egrkattintssal kattints a lenyl menben a Rasterize Type opcira, s mint lthatod a szveg rtegbl sima rteg lett.
Most csinlj mg egy menpontot (vagy rteget, ahogy neked tetszik), s tedd a Men 1 menpont mell a fejlcen. Ha megvagy vele, nagytsd fel a kpet (a menpontokhoz), s a msodik menpontot told oda az els menpont mg. Mint ltod, vonalak jelennek meg, ami azt mutatja, hogy az elz menpont milyen "tengelyen" van. Keresd meg az els menpontnak a legfels tengelyt, s gy rakd le oda mell (tvolsg teljesen mindegy).

Mieltt ezt is talaktand egyszer rtegg, duplzd meg a rtegek szmt a Duplicate Layer opcival, amit a rtegre (Layerre) kattintva tudsz megoldani. Ekkor lesz mg egy rteg, ami teljesen ugyanolyan. Shift gomb lenyomsval told el ezt a msodik menpont mg, s rd t a szveget Men 3 –ra.


Ha ezzel megvagy, mind a kettvel vgezd el a Rasterize Type opcit, s meg is van a 3 egyszer rteg, ami 3 kln menpont.
Persze az n fejlcemet lehet mg pr menponttal csinostani, de nekem ilyen lett :). Ha megvagy mindenfle gykdssel, akkor mentsd el a fejlcedet Photoshop formtumba, vagyis PSD formtumba (File > Save as... / Fjl > Ments msknt)
Most jn a menpontok linkelse. Nyisd meg az Adobe Flash Professional CS4 -et, s a megnyit ablaknl vlaszd ki a Flash File (ActionScript 2.0).

Amit elmentetted a Photoshop formtum fjlt, importld bele a Flash programba: File > Import > Import to stage. Itt vlaszd ki a formtumot: Photoshop (*.psd), s nyisd meg a PSD fjlt, amit percekkel ezeltt ksztettl. Felfog ugrani egy ablak, ami mutatja a rtegeket. Ezzel ne foglalkozz, mind legyen kijellve, DE, alul van egy olyan rublika, hogy Set stage size to same size as Photoshop canvas (...). Ezt a rublikt pipld ki, s nyomd meg az OK gombot.

Nos, innentl kezdve meg mr mindenkinek ms fog kijnni kpnek, nekem pldul ez:

Mint ltod, minden rteg kapot egy keretett. s a menpontok is kaptak.
Ezzel kezdtem a tutoril elejn, hogy minden menpont kln rtegbe legyen, ugyanis ha nem abba van, akkor ez lesz a kvetkezmnye:

1 ) Ha ezzel megvagyunk, akkor az idsorban kattintsunk a Men 1 rtegre, s ezzel az sszes keret eltnt, s maradt egyedl a Men 1 -en.

Ezutn kattints a fejlcen lv Men 1 -re jobb egrgombbal, s vlaszd ki a Convert to Symbol funkcit.

Ezzel felugrik egy ablak, ami krdezi, hogy mi legyen ez. Vlaszd a Type funkciban a Button -t, s kattints az OK gombra. Ha megvagy, bszkn vllald, hogy tl vagy a nehezn :D. Ezen a kpen ltni lehet, hogy a type Movie Clipre van lltva, neked Buttonra legyen!!

Jobb oldalt van egy olyan mengomb, hogy Properties. Erre kattints r, s a kpen lv gombot nyomd le:

Ekkor elugrik egy ilyenfle ablak:

s most jn a linkels. Sajnos nem gy van a linkels, ahogy ImageReadyben, itt kln kell berni egy kdot, amivel linkk vlik az egsz. A kd pedig ez:
on(release) {
getURL("http://honlapcim.hu/", "_self")
}
Ezt a kdot msold be a kdnzetbe, s a honlapcim rszt rd t brmilyen linkk.
Nlam pldul ez lesz: //nevek.gportal.hu/gindex.php?pg=31104127&nid=5206497, vagyis a kd gy van:
on(release) {
getURL("//nevek.gportal.hu/gindex.php?pg=31104127&nid=5206497", "_self")
}

Ezutn nem kell nyomnod semmilyen ok gombot, egyszeren a fenti "vissza" nylra kattintasz.
Ha idegileg s testileg ezzel megvagy, akkor az 1. pontban lertan csinld meg a msik kett ment is.

Ha megvagy ezzel, akkor nyomd le a CTRL + Entert, s nzd meg, hogy mkdik -e a flash fejlced :).
Mentsd el a fejlcet a File > Export > Export Image… gomb menpont alatt, .swf formtumba.

tutorial by Figi
|