A tutorialt Figi szolg�ltatta rendelkez�s�nkre. Hihetetlen mennyi munk�t fektetett a le�r�sba, ha figyelmesen v�gig m�sz rajta, biztosan menni fog neked is a flash fejl�c k�sz�t�se, ment�se :).

Adobe CS4 verzi�ban is megoldhat� a flash k�sz�t�s, csak itt m�r egy kicsit (nagyon) macer�s a dolog. A feladathoz sz�ks�g lesz az Adobe Photoshop CS4 verzi�j�ra, �s az Adobe Flash Professional CS4 verzi�j�ra. A tutorial nem sokkal k�l�nb�zik a CS3 programjait�l sem.
El�sz�r is kell egy alap fejl�c. Nem kell rajta l�nyeg�be semminek lennie, mivel a men�pontokat m�shogy kell elrendezni.



Ha ez megvan, akkor j�jj�n a men�pont. Ha a men�pontokat �gy csin�lod, hogy: men�pont [sz�k�z] men�pont, akkor a 2 men�pont egy linken fog m�k�dni. Az Adobe Flash Professional CS4 �gykezeli ezeket a men�pontokat, mintha egy r�teg lenne az eg�sz, �s ami igaz az igaz, 1 r�tegben van benne a men�pont, vagyis ez a k�t men�pont (ami 1 r�tegben van) ugyanolyan linket fog kapni.
A men�pontokat k�l�n r�tegben �gy lehet egy s�kba tenni, hogyha al�juk teszel egy cs�kot, ami mutatja az egyenest. Na ezt a h�lyes�get felejts�tek el, miel�tt b�rki is alkalmazn�. View > Show > Smart Guides. Aktiv�ld, �s tedd le az els� men�pontot, aminek a neve legyen, mondjuk Men� 1.





Van akkor egy olyan r�teg�nk (layer), hogy Men� 1. Jobb eg�rkattint�ssal kattints a leny�l� men�ben a Rasterize Type opci�ra, s mint l�thatod a sz�veg r�tegb�l sima r�teg lett.
Most csin�lj m�g egy men�pontot (vagy r�teget, ahogy neked tetszik), �s tedd a Men� 1 men�pont mell� a fejl�cen. Ha megvagy vele, nagy�tsd fel a k�pet (a men�pontokhoz), �s a m�sodik men�pontot told oda az els� men�pont m�g�. Mint l�tod, vonalak jelennek meg, ami azt mutatja, hogy az el�z� men�pont milyen "tengelyen" van. Keresd meg az els� men�pontnak a legfels� tengely�t, �s �gy rakd le oda mell� (t�vols�g teljesen mindegy).



Miel�tt ezt is �talak�tan�d egyszer� r�tegg�, dupl�zd meg a r�tegek sz�m�t a Duplicate Layer opci�val, amit a r�tegre (Layerre) kattintva tudsz megoldani. Ekkor lesz m�g egy r�teg, ami teljesen ugyanolyan. Shift gomb lenyom�s�val told el ezt a m�sodik men�pont m�g�, �s �rd �t a sz�veget Men� 3 –ra.





Ha ezzel megvagy, mind a kett�vel v�gezd el a Rasterize Type opci�t, �s meg is van a 3 egyszer� r�teg, ami 3 k�l�n men�pont.
Persze az �n fejl�cemet lehet m�g p�r men�ponttal csinos�tani, de nekem ilyen lett :). Ha megvagy mindenf�le �gyk�d�ssel, akkor mentsd el a fejl�cedet Photoshop form�tumba, vagyis PSD form�tumba (File > Save as... / F�jl > Ment�s m�sk�nt)
Most j�n a men�pontok linkel�se. Nyisd meg az Adobe Flash Professional CS4 -et, �s a megnyit� ablakn�l v�laszd ki a Flash File (ActionScript 2.0).



Amit elmentetted a Photoshop form�tum� f�jlt, import�ld bele a Flash programba: File > Import > Import to stage. Itt v�laszd ki a form�tumot: Photoshop (*.psd), �s nyisd meg a PSD f�jlt, amit percekkel ezel�tt k�sz�tett�l. Felfog ugrani egy ablak, ami mutatja a r�tegeket. Ezzel ne foglalkozz, mind legyen kijel�lve, DE, alul van egy olyan rublika, hogy Set stage size to same size as Photoshop canvas (...). Ezt a rublik�t pip�ld ki, �s nyomd meg az OK gombot.



Nos, innent�l kezdve meg m�r mindenkinek m�s fog kij�nni k�pnek, nekem p�ld�ul ez:



Mint l�tod, minden r�teg kapot egy keretett. �s a men�pontok is kaptak.
Ezzel kezdtem a tutori�l elej�n, hogy minden men�pont k�l�n r�tegbe legyen, ugyanis ha nem abba van, akkor ez lesz a k�vetkezm�nye:



1 ) Ha ezzel megvagyunk, akkor az id�sorban kattintsunk a Men� 1 r�tegre, �s ezzel az �sszes keret elt�nt, �s maradt egyed�l a Men� 1 -en.



Ezut�n kattints a fejl�cen l�v� Men� 1 -re jobb eg�rgombbal, �s v�laszd ki a Convert to Symbol funkci�t.



Ezzel felugrik egy ablak, ami k�rdezi, hogy mi legyen ez. V�laszd a Type funkci�ban a Button -t, �s kattints az OK gombra. Ha megvagy, b�szk�n v�llald, hogy t�l vagy a nehez�n :D.  Ezen a k�pen l�tni lehet, hogy a type Movie Clipre van �ll�tva, neked Buttonra legyen!!



Jobb oldalt van egy olyan men�gomb, hogy Properties. Erre kattints r�, �s a k�pen l�v� gombot nyomd le:



Ekkor el�ugrik egy ilyenf�le ablak:



�s most j�n a linkel�s. Sajnos nem �gy van a linkel�s, ahogy ImageReadyben, itt k�l�n kell be�rni egy k�dot, amivel linkk� v�lik az eg�sz. A k�d pedig ez:

on(release) {
getURL("http://honlapcim.hu/", "_self")
}

Ezt a k�dot m�sold be a k�dn�zetbe, �s a honlapcim r�szt �rd �t b�rmilyen linkk�.
N�lam p�ld�ul ez lesz: //nevek.gportal.hu/gindex.php?pg=31104127&nid=5206497, vagyis a k�d �gy van:

on(release) {
getURL("//nevek.gportal.hu/gindex.php?pg=31104127&nid=5206497", "_self")
}



Ezut�n nem kell nyomnod semmilyen ok� gombot, egyszer�en a fenti "vissza" ny�lra kattintasz.
Ha idegileg �s testileg ezzel megvagy, akkor az 1. pontban le�rtan csin�ld meg a m�sik kett� men�t is.



Ha megvagy ezzel, akkor nyomd le a CTRL + Entert, �s n�zd meg, hogy m�k�dik -e a flash fejl�ced :).
Mentsd el a fejl�cet a File > Export > Export Image… gomb men�pont alatt, .swf form�tumba.




tutorial by Figi