Додавање интерактивних компоненти у Фласх Цаталист

• Може 19, 2024

У овом туториалу ћемо завршити презентацију портфеља у Адобе-у^Р Фласх^Р Катализатор^Р. Ако вас прате, направили смо дугмад и спремни смо да додамо специјалне ефекте. Док се крећемо кроз портфељ, желимо да дугме за видљиви лого буде затамњено, а остали тастери видљиви. Стога морамо рећи Цаталист-у које је дугме за коју страницу и када да загушите дугмад. Тада ћемо додати ефекат Фаде преласка између страница.

Прво ћемо затамнити дугме за тренутни логотип. Кад је лого 1 видљив у држави Паге1, желимо да дугме за подударање буде затамњено. То морамо да урадимо за све три државе или странице нашег портфеља.

1. Кликните на икону Паге1 на панелу Пагес / Статес да бисте радили на тој страници. Кликните на умањену слику која је сада наше дугме за лого 1. На плочи Својства поставите Опацити на 40. Будући да је средина простирке испод дугмета црна, то ће учинити да се дугме затамни.

2. Кликните на икону Паге2 на панелу Пагес / Статес. Поновите претходни корак за Паге2 тако што ћете затамнити само дугме које одговара логотипу 2. Кликните на икону Паге3 на панелу Пагес / Статес и поновите овај корак.

Кликните Датотека - Покрени пројекат да бисмо тестирали наш нови ефекат. Када кликнете на дугме, одговарајући логотип мора бити видљив и тај тастер треба бити затамњен.

Посљедња ствар коју ћемо додати нашој навигацији је изблиједјели пријелаз између страница, користећи временску траку. Вратите се на страницу1 кликом на икону Паге1. Погледајте слојеве на Временској линији и видећете да имамо слој за сваки могући прелаз између све три странице.

Страница1> Страница2
Страница1> Страница3
Страница2> Страница1
Страница3> Страница1

3. Кликните на слој Паге1> Паге2. Видећете да нам је Цаталист дао опције прелаза за логотипове 1 и 2 (пригушени) и тастере 1 и 2. Будући да ћемо се удаљити од логотипа 1, имамо опцију Фаде Оут. Али прећи ћемо на логотип 2. Имамо опцију Фаде Ин за овај логотип.

Додаћемо ефекат Фаде Оут на логотип 1 и Фаде Ин ефект на логотип 2. Не треба нам ефекат Фаде који се примењује на наше тастере. Међутим, можда желите да користите овај ефекат у неком другом пројекту.

Кликните на дугме Глатка транзиција на дну Временске траке. Видећете да су контроле Фаде Оут / Ин проширене на једну половину секунде на свим слојевима. Још увек на слоју Паге1> Паге2, морамо да искључимо ефекат за два дугмета. За свако дугме притисните лево клизач.

Кликните на слој Паге1> Паге3. Поновите претходни корак за два тастера и логотипа. Поновите поново за слој Паге2> Паге1 и слој Паге3> Паге1.

То води рачуна о свим прелазима за државу Паге1. Али у нашем портфељу имамо три државе. То морамо поново да урадимо за друге две државе. Кликните на икону Паге2 на панелу Пагес / Статес.

Погледајте слојеве на Временској линији. Примијетићете да се поставке које смо управо поставили за страницу Паге1 преносе у стање Паге2 за пријелазе између Паге1> Паге2 и Паге2> Паге3. Треба само да додамо прелаз између Паге2> Паге3 и Паге3> Паге2.

4. Поновите претходне кораке за примену прелаза на логотипе за стање Паге2. То морате учинити за сваки слој на Временској линији.

5. Кликните на икону Паге3 на панелу Пагес / Статес. Примијетићете да су се поставке транзиције пренијеле из друга два стања. Да имамо више страница, морали бисмо радити на слојевима за ову државу. Али пошто је ово последња од три државе, сви смо спремни.

Тестирајте свој пројекат поново. Ако све функционише, спремни смо да сачувамо нашу датотеку као ЛогоПортфолио.фкп.

6. Морамо да кажемо Цаталист-у да генерише датотеке које ће приказати наш Фласх портфолио. Кликните Датотека - Објави на СВФ. Потражите одговарајућу локацију на тврдом диску и сачувајте свој пројекат. Видећете да вам Цаталист даје две мапе. У мапи за имплементацију на веб имамо датотеке потребне за покретање портфеља на веб серверу. У рун-лоцал, имамо датотеке за покретање портфеља на нашој радној површини.

Ауторска права 2018. Адобе Системс Инцорпоратед. Сва права задржана. Снимке екрана Адобе производа поново су одштампане уз дозволу компаније Адобе Системс Инцорпоратед. Адобе, Пхотосхоп, Пхотосхоп Албум, Пхотосхоп Елементс, Иллустратор, ИнДесигн, ГоЛиве, Ацробат, Цуе, Премиере Про, Премиере Елементс, Бридге, Афтер Еффецтс, ИнЦопи, Дреамвеавер, Фласх, АцтионСцрипт, Фиреворкс, Цонтрибуте, Цаптивате, Фласх Цаталист и Фласх Папер је или су [а] регистровани заштитни знак (и) или заштитни знак (Адобе) компаније Адобе Системс Инцорпоратед у Сједињеним Државама и / или другим земљама.