01-ден 05-ге дейін
Adobe Muse-ге бейне қосу
Adobe Muse-тың шынымен қызықты аспектісі - бұл сізге ұқсас жұмыс үрдісімен веб-беттерді жасауға мүмкіндік береді. Сізге сайтты немесе бетті құрайтын кодты терең түсіну қажет емес, бірақ HTML5, CSS және JavaScript-ті танысу сізге зиян келтірмейді.
Дәстүрлі веб-бейне әдетте HTML5 Video API-ні пайдалану арқылы қосылса да, Adobe Muse «виджеттер» деп аталатын нәрсе арқылы сол нәрсені орындайды. Виджеттер арнайы тапсырмалар үшін қажетті HTML 5 жасайды, бірақ бет жарияланғанда кодты жазу үшін Muse-та қарапайым тіл интерфейсін пайдаланыңыз.
Бұл жаттығу кезінде Muse Resources компаниясынан тегін жүктеуге болатын виджетті қолданамыз. Виджет жүктегенде, сізге қажет .zip файлын ашу және .mulib файлын Толық экрандағы бейне папкасында екі рет нұқыңыз. Бұл оны Adobe Muse көшірмесіне орнатады.
05 02
Adobe Muse CC-дағы бейнеге арналған бетті қалай дайындау керек?
Виджет орнатылғаннан кейін, бейнені пайдаланатын бетті жасай аласыз.
Бастамас бұрын, Muse сайтына арналған қалта жасаңыз. Бұл қапшықтың ішінде басқа қалтаны жасаңыз - мен « медиа » -ті пайдаланадым және бейнеіңіздің mp4 және webm нұсқаларын сол қалтаға жылжытыңыз.
Muse іске қосылғанда, Файл> Жаңа сайт тармағын таңдаңыз. Орналасу тілқатысу терезесі ашылса, Жұмыс үстелін Бастапқы орналасу ретінде таңдаңыз және Бет Ені және Бет өлшемі мәндерін 1200 және 900 мәніне өзгертіңіз. OK түймешігін басыңыз .
Мастер-бетті ашу үшін, Жоспар көрінісіндегі Master Page-ды екі рет нұқыңыз. Мастер-бет ашылғанда, үстіңгі және төменгі колонтитул бағыттауыштары беттің жоғарғы және төменгі жағына өтеді. Сізге бұл мысал үшін үстіңгі деректеме және төменгі деректеме қажет емес.
03 05
Adobe Muse CC-ге толық экранның бейне виджетін қалай пайдалануға болады
Виджетті пайдалану қарапайым өлі. Ең алдымен, Көрініс> Жоспарлау режимін таңдау арқылы жоспар көрінісіне оралуыңыз керек . Жоспар көрінісі екі рет ашылғанда, оны ашу үшін Басты бет түймешігін басыңыз.
Кітапхана панелін ашыңыз - егер ол интерфейстің оң жағында ашық болмаса, Терезе> Кітапхана - таңдаңыз және [MR] толық экрандық фон бейне папкасын төмендетіңіз. Виджетті қалтаға бетке сүйреңіз.
Параметрлер сізден mp4 және webm нұсқаларының аттарын енгізуді сұрайды. Аттарыңызды сіз орналастырған қалтаға жазылғандай енгізіңіз. Қате жасамайтындығыңызды қамтамасыз ету үшін бір кішкене амал - mp4 бейне атын көшіріп, Опциялар мәзірінің MP4 және WEBM аймақтарына қойыңыз.
Басқа бір амал: Бұл барлық виджеттер сіз үшін HTML 5 кодын жазу. Бұл виджеттегі <> параметрін көрсеңіз, бұл туралы айтуға болады. Бұл жағдайда вэбетті карточкаға веб-парағынан қоюға болады және ол әлі де жұмыс істей береді. Осылайша, ол бетте орналастырылатын мазмұнға кедергі жасамайды.
04 04
Adobe Muse CC-ге бейне қосу және тестілеу беті
Бейнелерді ойнататын кодты енгізген болсаңыз да, Muse әлі күнге дейін бұл бейнелердің орналасқан жері жоқ. Мұны түзету үшін, Файл> Жүктеу үшін файлдарды қосу пәрменін таңдаңыз. Жүктеп қою тілқатысу терезесі сіздің бейнелеріңіз бар қалтаға өту кезінде, оларды таңдап, Ашу түймешігін басыңыз. Олар жүктеп салынғанын тексеру үшін Активтер тақтасын ашып, екі бейнеңізді көріңіз. Оларды тақтаға қалдырыңыз. Оларды беттерде орналастырудың қажеті жоқ.
Жобаны тексеру үшін, Файл> Браузерде алдын-ала қарау бетін таңдаңыз немесе бұл бір бетті болғандықтан, Файл> Браузерде алдын ала қарау сайтын таңдаңыз . Әдепкі шолғыш ашылады және бейне - менің жағдайда тропикалық дауыл ойнатыла бастайды.
Осы сәтте сіз Muse файлын әдеттегі веб-бет ретінде қарастыра аласыз және бастапқы бетке мазмұн қосасыз және бейне астында ойнатылады.
05 05
Adobe Muse CC-ге бейне постердің шеңберін қалай қосу керек
Бұл жерде біз туралы айтып жатқан болсақ және қосылым жылдамдығына байланысты, сіздің бейнеңіз жүктеліп жатқанда, сіздің бетіңіз бетті ашып, бос экранға қарайтын жақсы мүмкіндік бар. Бұл жақсы нәрсе емес. Міне, бұл нәзік сезіммен күресу.
Бейне жүктелген кезде пайда болатын бейнефильмнің постер шеңберін қосу үшін «Ең жақсы тәжірибе». Бұл әдетте бейнеден кадрдың толық өлшемді скриншоты.
Постер жақтауын қосу үшін беттің жоғарғы жағындағы Браузерді толтырыңыз . Кескін сілтемесін нұқып, пайдаланылатын кескінге шарлаңыз. Fitting (Монтаждау) аумағында, Scale to Fill ( Масштабты толтыру) параметрін таңдаңыз және Position (Ортақ) аймағындағы Center point ( Орталық нүктені) басыңыз. Бұл браузердің көрініс өлшемі өзгерген кезде кескін әрдайым сурет орталығынан ауқымды болады. Сондай-ақ, суреттің беті толтырылғанын көресіз.
Тағы бір кішкене ақыл-ой, кем дегенде, плакат жақтауының пайда болуына біраз уақыт кететін жағдайда, ақ түсте емес, қатты түсті. Мұны істеу үшін Muse түстерді таңдау құралын ашу үшін Түс чипін басыңыз. Кесектің үстіндегі құралды таңдап, суретте басым түсті басыңыз. Аяқтаған кезде, Браузерді толтыру диалогтық терезесін жабу үшін бетке басыңыз.
Осы сәтте сіз жобаны сақтап немесе жариялай аласыз.
Осы серияның соңғы бөлімі бейненің веб-беттің фонына түсіретін HTML5 кодын жазу жолын көрсетеді.