تحويل الرسومات إلى أزرار في Flash Catalyst

• أبريل 25, 2024

الآن بعد أن قمنا باستيراد ملف مشروع محفظة PhotoshopLayout.psd الخاص بنا إلى Adobe^R فلاش^R عامل حفاز^TM واستكشفنا مساحة عمل Catalyst ، نحن على استعداد للعمل على التنقل لمحفظة أعمالنا.

الآن ، لدينا صفحة واحدة فقط ، أو دولة ، لمشروعنا. نحتاج إلى إنشاء صفحتين أخريين حتى نتمكن من عرض شعار مختلف على كل صفحة.

1. في لوحة الصفحات / الولايات ، سنضغط على زر تكرار الحالات مرتين. هذا سيعطينا Page2 و Page3. لكنهم جميعا على حد سواء. دعنا نعتني بهذا.

2. انقر فوق أيقونة Page1 وانتقل إلى لوحة الطبقات. افتح مجلد الشعارات. نريد فقط أن يكون الشعار 1 مرئيًا في هذه الصفحة. قم بإيقاف تشغيل رؤية الشعار 2 و 3.

3. انقر على أيقونة الصفحة 2 وأوقف تشغيل رؤية الشعار 1 و 3. قم بتشغيل رؤية الشعار 2.

4. انقر فوق أيقونة Page3 وأوقف تشغيل رؤية الشعار 1 و 2. قم بتشغيل رؤية الشعار 3.

بعد ذلك ، سنقوم بإنشاء الأزرار لمحفظة لدينا. لدينا صورة مصغرة لكل شعار. هذه ستكون الأزرار.

5. عد إلى Page1 بالضغط على الأيقونة في لوحة الصفحات / الولايات. في لوحة Layers ، افتح مجلد Thumbnails. في Artboard ، انقر فوق الصورة المصغرة للشعار 1. عندما تفعل ذلك ، سترى HUD مفتوحة وستتغير لوحة Properties.

دعونا نعمل في هود أولاً. هذا هو المكان الذي سنخبر فيه Catalyst بأننا نريد تحويل هذه الصورة النقطية إلى زر.

6. ضمن تحويل عمل فني ، انقر فوق تحويل عمل فني إلى مكون واختر زر من قائمة المكونات. سوف يتغير HUD لمنحنا ضوابط جديدة لزرنا. قم بتوسيع قائمة التفاعلات المخصصة ثم انقر فوق أيقونة Plus. اختر عند النقر من القائمة. ستحصل على قائمة منسدلة أخرى تسمى Do Action. من هذه القائمة ، اختر Play Transition to State. من القائمة المنسدلة Choose State ، اختر Page1 لأننا نريد أن يأخذ هذا الزر العارض إلى Page1.

7. انقر على الصورة المصغرة للشعار 2 وكرر الخطوة السابقة. تعيين اختيار الدولة إلى الصفحة 2.

8. انقر على الصورة المصغرة للشعار 3 وكرر الخطوة السابقة. تعيين اختيار الدولة إلى الصفحة 3.

دعونا اختبار الأزرار لدينا. من القائمة ، انقر فوق ملف - تشغيل مشروع. سيتم فتحه في متصفح الويب الخاص بك. عند النقر فوق كل زر ، يجب أن يكون الشعار الصحيح مرئيًا.

في البرنامج التعليمي التالي ، سنقوم بتعتيم زر الشعار المرئي وإضافة انتقال بين الصفحات.

حقوق النشر 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 في الولايات المتحدة و / أو البلدان الأخرى.

تعليمات الفيديو: الدرس السابع/ العمل مع الخط والازرار ببرنامج adobe flash pro (أبريل 2024).