Մաս 3. Ինչպես ստեղծել նախապատմություն տեսանյութ

01-ը 05-ից

Ավելացնելով տեսանյութը Adobe Muse- ին

Ֆոնային տեսահոլովակը հեշտ է ավելացնել Muse- ի միջոցով անվճար վիդջեթ:

Adobe Muse- ի իսկապես հետաքրքիր առարկան այն է, որ այն թույլ է տալիս ստեղծել վեբ էջեր, օգտագործելով նմանօրինակ գործառույթ, որն օգտագործվում է հրապարակումներ պատրաստելու համար: Դուք պետք է խորը հասկանալ այն կոդը, որը կառուցում է կայք կամ էջ, բայց ծանոթ է HTML5, CSS եւ JavaScript- ը վնասված չեն:

Թեեւ ավանդական վեբ-վիդեոն սովորաբար ավելացվում է HTML5 Video API- ի օգտագործմամբ, Adobe Muse- ը նույն բանն է իրականացնում այն ​​բանի միջոցով, որը կոչվում է «վիդջեթներ»: Վիջեթները ստեղծում են HTML 5, որը պահանջվում է հատուկ առաջադրանքների համար, սակայն Muse- ում օգտագործվում է պարզ լեզվով ինտերֆեյս `Muse- ը գրելու համար, երբ էջը հրապարակվի:

Այս վարժությունում մենք կօգտագործենք այն մանրուքը, որը դուք կարող եք բեռնել անվճար, Muse Resources- ից: Երբ ֆայլը ներբեռնում է, բոլորը պետք է անել, որպեսզի .zip ֆայլը բացվի եւ կրկնակի սեղմեք «.mulib» ֆայլը Ամբողջ էկրանով վիդեո թղթապանակում: Այն կտեղադրի Adobe Muse- ի ձեր օրինակը:

02-ից 05-ը

Ինչպես Adobe Muse CC- ում ֆոնային տեսանյութ պատրաստելու համար

Մենք սկսում ենք ստեղծել նոր կայք եւ ստեղծել էջի չափսերը:

Ներկառուցված վիդջեթով այժմ կարող եք ստեղծել այն էջը, որը կօգտագործի տեսանյութը:

Նախքան սկսեք ստեղծել Muse- ի համար պանակ: Թղթապանակի մեջ ստեղծեք մեկ այլ թղթապանակ, ես օգտագործում եմ « լրատվամիջոցներ » եւ տեղափոխում եք ձեր mp4 եւ webm տարբերակները այդ թղթապանակում:

Երբ սկսում եք Muse- ը, Ընտրեք Պատկեր> Նոր Կայք : Երբ Layout երկխոսության տուփը բացում է ընտրված Desktop- ը, որպես սկզբնական սխեմա, եւ փոխեք Էջի լայնությունը եւ էջի բարձրությունը արժեքներ 1200 եւ 900 : Սեղմեք OK :

Կրկնակի սեղմեք Մագիստրատուրա էջը ծրագրի էջում բացելու համար: Վարպետի էջը բացելիս էջի վերեւում եւ ներքեւում տեղադրեք վերնագիրն ու ստորոտի ուղեցույցները: Դուք իրականում կարիք չունեք Header եւ Footer այս օրինակին:

03-ից 05-ը

Ինչպես օգտվել Adobe Muse CC- ի ամբողջական էկրանին վիդեո վիդջեթից

Բոլորը պետք է անեք, տեսանյութի անունները ավելացրեք եւ թույլ տվեք, որ վիդջեթը վարվի մնացածը:

Օգտագործելով widget- ը մեռած է պարզ: Առաջին բանը, որ դուք պետք է անեք, Plan View- ին վերադառնալու համար ընտրեք Դիտել> Պլանային ռեժիմ : Երբ Պլանի դիտումը բացում է կրկնակի սեղմել Գլխավոր էջը, այն բացելու համար:

Բացեք Գրադարանային վահանակը, եթե այն բաց չէ Interface- ի աջ կողմում, ընտրեք Window> Library- ը եւ ցրեք [MR] Fullscreen Background Video պանակը: Վիդջեթը քաշեք էջին թղթապանակը:

Դուք կտեսնեք, որ Ընտրանքները խնդրում են մուտքագրել տեսանյութերի mp4 եւ webm տարբերակների անունները: Մուտքագրեք անունները ճիշտ այնպես, ինչպես դրանք գրված են այն թղթապանակում, որտեղ դուք տեղադրեցիք դրանք: Մի փոքր հնարք, ապահովելու համար, որ սխալ չեք թույլ տվել mp4- ի տեսանյութի անունը կրկնօրինակել եւ այն տեղադրել Ընտրացանկի ընտրացանկի MP4 եւ WEBM տարածքներում:

Մեկ այլ հնարք. Այս բոլոր վիդջեթը HTML 5 կոդը գրելու համար է: Դուք կարող եք դա ասել, քանի որ տեսնում եք < widget- ում: Այս դեպքում դուք կարող եք վեբ-էջի վիջեթը տեղավորել պլաստիկ վրա, եւ այն կգործի: Այսպիսով, դա չի խանգարում էջում տեղադրված որեւէ բովանդակությանը:

04-ից 05-ը

Ինչպես կցել Video եւ փորձարկել էջը Adobe Muse CC- ում

Տեսանյութը նվագում է այն ժամանակ, երբ փորձեք կայքը կամ էջը:

Թեեւ դուք ավելացրել եք այն կոդը, որը կցուցադրի տեսանյութերը, Muse դեռեւս չունի հուշում, որտեղ այդ տեսանյութերը տեղակայված են: Սխալը որոշելու համար ընտրեք Պատկեր> Ֆայլեր վերբեռնեք : Երբ վերբեռնման երկխոսության տուփը բացվում է ձեր տեսանյութերը պարունակող թղթապանակով, ընտրեք դրանք եւ սեղմեք « Բաց» : Ապահովել դրանք վերբեռնման համար, բացեք Ակտիվների վահանակը եւ դուք պետք է տեսնեք ձեր երկու տեսանյութերը: Պարզապես դրանք թողեք վահանակին: Նրանք էջի վրա տեղադրելու կարիք չունեն:

Ծրագիրը ստուգելու համար ընտրեք File> Preview Page Browser- ում կամ, քանի որ սա մի էջ է, File> Preview Site in Browser- ում : Ձեր կանխադրված զննարկիչը կբացվի եւ տեսանյութը `իմ դեպքում` արեւադարձային փոթորիկ `սկսելու է խաղալ:

Այս պահին Դուք կարող եք Muse ֆայլը վարել որպես կանոնավոր վեբ էջ եւ բովանդակություն ավելացնել Գլխավոր էջին եւ տեսանյութը կխաղարկվի դրա տակ:

05-ից 05-ը

Ինչպես կցել Video Poster Frame Adobe Muse CC- ում

Միշտ ավելացրեք պաստառների շրջանակ ցանկացած տեսանյութի նախագծում:

Սա այն մասին, որ մենք խոսում ենք այստեղ, եւ կախված կապի արագությունից, կա լավ հնարավորություն, որ ձեր օգտվողը կարող է բացել էջը եւ դիտել է դատարկ էկրանին, երբ տեսանյութը բեռնում է: Սա լավ բան չէ: Ահա թե ինչպես կարելի է զբաղվել այս անբարոյության հետ:

Այն «Լավագույն պրակտիկա» է, որը կցուցադրի տեսանյութի պաստառների շրջանակ, որը կհայտնվի տեսանյութը բեռնումից առաջ: Սա սովորաբար տեսանյութից շրջանակի ամբողջական չափի էկրանի կրակոց է:

Պաստառների շրջանակն ավելացնելու համար սեղմեք մեկ անգամ էջի վերեւում գտնվող Browser Fill էջում: Կտտացրեք Image հղումը եւ նավարկեք օգտագործվող պատկերի վրա: Ներդաշնակության տարածքում ընտրեք Scale to Fill եւ սեղմեք Կենտրոնի կետը Position տիրույթում: Սա թույլ կտա պատկերը միշտ տարածել պատկերի կենտրոնից, երբ դիտարկչի տեսադաշտի չափը փոխվում է: Դուք նաեւ կտեսնեք, որ պատկերը պատված է էջը:

Մեկ այլ փոքրիկ հնարք է առնվազն մի ամուր, ոչ սպիտակ գույնի գույնի, այն դեպքում, երբ պաստառի շրջանակն առջեւում է: Դա անելու համար կտտացրեք Color chip- ը, Muse Muse- ի ընտրության համար: Ընտրեք ներդիրի գործիքը եւ սեղմեք նկարի գերակշիռ գույնը: Երբ ավարտվեց, սեղմեք էջը, փակելու համար Browser Fill dialog box:

Այս պահին կարող եք փրկել ծրագիրը կամ հրապարակել այն:

Այս շարքի վերջնական մասը ցույց է տալիս, թե ինչպես պետք է գրել HTML5- ի կոդը, որը վիդեո սլայդ է վեբ էջի ֆոնին: