Превръщане на графиката в бутони във Flash Catalyst
Сега, когато импортирахме нашия проект за портфолиото на PhotoshopLayout.psd в AdobeR флашR катализаторTM и проучихме работното пространство на Catalyst, ние сме готови да работим върху навигацията за нашето портфолио.

В момента имаме само една страница или държава, към нашия проект. Трябва да създадем още две страници, за да можем да показваме различно лого на всяка страница.

1. В панела Pages / States ще щракнем върху бутона Duplicate States два пъти. Това ще ни даде Page2 и Page3. Но, всички си приличат. Нека се погрижим за това.

2. Щракнете върху иконата Page1 и отидете на панела Слоеве. Отворете папката Logos. Искаме само лого 1 да се вижда на тази страница. Изключете видимостта за лого 2 и 3.

3. Щракнете върху иконата Page2 и изключете видимостта за лого 1 и 3. Включете видимостта за лого 2.

4. Щракнете върху иконата Page3 и изключете видимостта за лого 1 и 2. Включете видимостта за лого 3.

След това ще създадем бутоните за нашето портфолио. Имаме миниатюра за всяко лого. Това ще бъдат бутоните.

5. Върнете се на Page1, като щракнете върху иконата в панела Страници / Състояния. В панела Слоеве отворете папката Thumbnails. В Artboard кликнете върху миниатюрата за лого 1. Когато направите това, ще видите HUD отворен и панелът Properties ще се промени.

Нека първо да работим в HUD. Тук ще кажем на Catalyst, че искаме да превърнем това растерно изображение в бутон.

6. Под Конвертиране на произведения на изкуството щракнете върху Преобразуване на произведение в компонент и изберете Бутон от списъка с компоненти. HUD ще се промени, за да ни даде нови контроли за нашия бутон. Разширете списъка с потребителски взаимодействия и след това кликнете върху иконата Plus. Изберете върху Кликнете от списъка. Ще получите още едно падащо меню, наречено Do Action. От това меню изберете Play Transition to State. От падащото меню Select State изберете Page1, защото искаме този бутон да отведе зрителя до Page1.

7. Щракнете върху миниатюрата за лого 2 и повторете предишната стъпка. Задайте Изберете състояние на Страница2.

8. Щракнете върху миниатюрата за лого 3 и повторете предишната стъпка. Задайте Изберете състояние на страница3.

Нека тестваме нашите бутони. От менюто щракнете върху File - Run Project. Той ще се отвори във вашия уеб браузър. Докато щракнете върху всеки бутон, правилното лого трябва да се вижда.

В следващия урок ще затъмним бутона за видимото лого и ще добавим преход между страниците.

Copyright 2018 Adobe Systems Incorporated. Всички права запазени. Екран (и) на екрана с продукти на Adobe препечатани с разрешение от Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst и Flash Paper е или са [a] регистрирана търговска марка (и) или търговска марка (и) на Adobe Systems Incorporated в Съединените щати и / или други страни.


Инструкции Видео: 10 бесплатных программ для анимации (Март 2024).