Помогни ни да направим Uroci.net по - богат! Добави урок

Как да си направим Flash сайт

goldenlady   трудност:    видян: 45359

Това е един лесен начин да си направим Flash сайт.

1. Отваря се нов flash document.

2. Отваря се properties Window/Properties/Properties

3. Променя се size canvas на 800, 600.

уроци - 1.jpg

4. Click върху background button и се променя на #333333

5. След това click на square tool


уроци - 2.jpg

6. Цветът на квадрата трябва да е бял за това click на paint bucket tool и се избира white. Stroke трябва да е off (онова дето прилича на линия). Stroke tool е от дясно над paint bucket.


уроци - 3.jpg

7. Изчертава се квадрат с произволни размери, които ще се коригират ръчно.

8. Променят се width, height, x и y позициите ( width 650, height 469.2, x позицията на 398.1 и y позицията на 299.3.) от page properties като се клика на квадрата, за да се селектира .

уроци - 4.jpg

уроци - 5.jpg

9. Докато квадрата все още е селектиран трябва да се превърне в символ (F8) . В прозореца, който ще се отвори за Name - "Background Symbol" и да се селектира бутона movie clip.


уроци - 6.jpg

10. Прави се нов layer.

уроци - 7.jpg

11. Селектирайте новия layer и click на square tool отново и направете друг квадрат като stroke е off и цвета вместо бял да е черен . Този път размерите са: width: 632.4, height: 450.4, x : 81.6, y :73.3)

уроци - 8.jpg

12. Новият квадрат също трябва да се превърне в символ като се натисне (F8) , а за име се избира: masked symbol.

13. След като вече е превърнат в символ чрез double click в квадрата ще се влезе в символа и в нова time line. Прави се нов слой.

уроци - 9.jpg

14. Clck и издърпайте надолу "Layer 1" , а "Layer 2" трябва да остане отгоре . Не забравяйте, че всичко това се случва в символа, който сме кръстили "masked symbol".

уроци - 10.jpg

15. На картинката по- горе е показано как би трябвало да изглежда това .

16. Right click на "Layer 1" и се избира "Mask"

уроци - 11.jpg

17. Когато се прави това и двата слоя трябва да са заключени ( locked ). Отключва се "Layer 2".

уроци - 12.jpg

18. Селектира се "Layer 2" и се поставя картинка, която искаме: File/Import/Import to stage. Намираме къде е картинката в прозореца и с double click ще бъде поставена .

уроци - 13.jpg

19. Сега трябва да се заключи този back up и трябва да се получи нещо горе- долу такова:

уроци - 14.jpg

20. Сега е време да се върнем на main time line. Ако си спомняте до сега работехме вътре в символа, та вече е време да излезем от него и да се върнем на main timeline. Най- лесният начин за това е като се кликне някъде извън работното поле в сивата част .

21. Да направим няколко бутона . Започваме като направим нов и го преместим да е най- отдолу .

22. Чрез square tool правим квадрат със следните настройки: background color #666666, width 130, height 50, х 137.2, y 553.4).

23. Превърнете този квадрат в символ и го именувайте "buttons"

24. Селектирайте квадрата, copy(Ctrl + C) и paste (Ctrl + Shift + V) на същото място. Докато все още е селктиран променете позицията по х да е 269.9

25. Повторете стъпка 24 още 3 пъти като променяте позицията по х: (x 398.8), (x 529.6), (x 660.5) и би трябвало да се получи нещо такова:

уроци - 15.jpg

26. Добавете текст върху бутоните с помощта на text tool (това е бъчвичката А в лявото поле с инструменти).


Страници: 1 2 »

Коментари (26)

MonStarr на 12.02 2007 в 11:47ч.
Много хубав урок!!! Реално е малко объркващ, но е много полезен! Браво!
Tropan4o на 16.02 2007 в 15:09ч.
Урока е доста добър и полезен ама неразбрах само кога се прави 5-тия леар ??? Ако можете помогнете :)
Tropan4o на 16.02 2007 в 18:23ч.
Разбрах каде е 5-тия леар ама пак не се получи като дам Ctrl Enter и ми излизат сиви бутоните и на снимката стои черния прозорец които трябва да излезе като цъкна на бутоните :( много гадно помагаите които може кажете каде греша! Благодаря предварително
deam0n на 21.02 2007 в 09:34ч.
Урока е хубав наистина, но може да е обяснен по-просто и по-малко объркващо!!!
Insomnia на 21.02 2007 в 17:17ч.
Кажете коя версия е това на Флаша моля ви ,че половината от тулсовете ми ги няма!!
deam0n на 24.02 2007 в 13:00ч.
Aю го правя с 8 и ги има всички. Въпрос на настройки е!
Marti96 на 27.02 2007 в 10:59ч.
много сложен и объркващ братче ама ше се пробвам! ;)
LPCHesteR на 05.03 2007 в 10:58ч.
Защо не мога да я преместя тая черна точка пробвах как ли не с ляв десен бутон не се мърда и толкоз плс помогнете че много искам да го направя тоя урок много е хубав!
LPCHesteR на 05.03 2007 в 12:31ч.
Обаче накрая онова черното воабще не се появяваше...!
marta на 07.03 2007 в 16:48ч.
**Error** Scene=Scene 1, layer=Layer 3, frame=1:Line 1: Mouse events are permitted only for button instances
on(press){
при мен дава тази грешка. бутоните не сработват. Може ли да се дообясни тази част от урока
dragan на 10.03 2007 в 18:48ч.
да наистина урока е много труден и аз има проблем още в началото като напиша онова за белия квадрат сичко точно то ми излиза от дясната страна а не вътре (плс помагнете)
Gam3r43 на 20.03 2007 в 16:46ч.
И при мен не се получи някаде ми се губят 1-2 леара
Lentavia на 23.03 2007 в 07:08ч.
Браво за туторияла !!!
so2easy на 04.04 2007 в 01:19ч.
Добре , аз си го направих тествах , всичко ок.. , обаче как да го направя на сайт , т.е. само с macromedia -ta мога да го отворя , как да го хостна с apache-to например .. , или като html file нещо неможе ли да се направи.
GrandMasterD на 15.04 2007 в 20:04ч.
Абе добре че до сега 8 години съм боравил с мишка и съм работил на графични програми, честно ти казвам...Нищо не се разбира...И това с квадратите си е вярно. Наистина не може да стане. При положение, че проекта ти е 800 на 600 пиксела, нормално е да не ти дойде в центъра след като му задаваш на x стойност 300 и нещо си, да не ти излезе в центъра...
FENIXSE на 02.05 2007 в 12:23ч.
square tool това го няма на FLASHA кажете каде да го намеря
mih на 29.06 2007 в 10:41ч.
Моля някой да ми обясни какво е Main time line и в кой лайър трябва да се правят бутоните?

Предварително благодаря!
Solano на 03.08 2007 в 10:43ч.
Може ли едно демоооо
blizzaro93 на 15.08 2007 в 08:27ч.
"... : marta
**Error** Scene=Scene 1, layer=Layer 3, frame=1:Line 1: Mouse events are permitted only for button instances
on(press){
при мен дава тази грешка. бутоните не сработват. Може ли да се дообясни тази част от урока

March 7, 2007"
На мен ми го покоазва сащото
blizzaro93 на 24.10 2007 в 17:17ч.
Значи марта открих каде бил проблема грешката е там че ти пишеш on(press)... на леарът а не на самият бутон щракни в/у бутона и после F9 i tam pi6i tova ne6ty :) надявам се да си ме разбрала
toshiro на 29.11 2007 в 16:20ч.
Добър е урока ама много объркан. Разликите се получават защото урока е за Macromedia Flash а ние (поне аз) работим с Adobe Flash.
toshiro на 29.11 2007 в 18:20ч.
Някой може ли да ми каже как да направя черния фон трансперантен?
madmaxxp на 28.01 2008 в 11:01ч.
може да направиш трансперентна флашката със този HTML код: wmode="transparent" - това се пише в HTML чак когато си експортнал флашката и примерно я лоадваш от HTML-а :
Надявам се да ме разбрахте :)
simeonkata на 11.05 2008 в 15:51ч.
браво за урока доста е добър ама има много грешки ;)
grizli на 14.05 2008 в 03:03ч.
Няма ли кой да го оправи този урок - **Error** Scene=Scene 1, layer=hit area, frame=1:Line 1: Mouse events are permitted only for button instances
on(press){

**Error** Scene=Scene 1, layer=hit area, frame=10:Line 1: Mouse events are permitted only for button instances
on(press){

Total ActionScript Errors: 2 Reported Errors: 2
И естествено, че бутоните няма да работят. Само да можех да разбера как да го оправя. Нали уж двама са го направили. Нека кажат, ако обичат, къде са грешките.
smoka97 на 04.06 2008 в 13:42ч.
Супер урок!
Отодавна търсех такъв урок!
Благодаря!

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com