فلاش محفز - فوتوشوب تخطيط المشروع

• قد 19, 2024

في آخر برنامج تعليمي ، قمنا بتجميع الصور الخاصة بمحفزتنا التي سنقوم بتصنيعها في برنامج فوتوشوب^R وفلاش^R عامل حفاز^TM. الآن دعونا نعمل على التصميم. يجب أن يكون لديك كل الشعارات والصور المصغرة مفتوحة في Photoshop.

1. سيكون تصميم المحفظة عبارة عن تصميم لمستطيلات مستديرة بسيطة. سيكون لمستطيل 500 × 500 السفلي تدرج بسيط من هذين اللونين - #ffffff و # c9c1a5.
   
   
2. بعد ذلك ، أضفت واحدة كبيرة وثلاث الحصير الصغيرة للشعار والصور المصغرة. مع تعيين لون المقدمة إلى الأسود ، استخدمت أداة "الشكل المخصص" والشكل المربع المستدير لرسم الحصير الأربعة. ثم أضفت مجموعة من أنماط طبقة Drop Shadow و Inner Shadow و Inner Glow لإنهاء الحصير.
   
   
3. باستخدام خط Engravers MT ، أضفت العنوان إلى أعلى تخطيط الحافظة. بعد ذلك ، قمت بتنقيط النص وتنطبق نفس أنماط الطبقة على النص كما فعلت في الحصير.
   
   
4. بعد ذلك ، أضفت الصور المصغرة الثلاثة إلى الحصير بالترتيب الذي أرغب في عرض الشعارات من اليسار إلى اليمين. بالطبع ، سنقوم بإعداد أزرار التنقل في Catalyst حتى يتمكن العارض من عرض الشعارات بأي ترتيب.
   
   
5. بعد ذلك ، أضفت الشعارات إلى لوحة Layers بنفس الترتيب.
   
   
6. أخيرًا ، أضفت Drop Shadow (الإعدادات الافتراضية) إلى طبقة الخلفية.
   
   هذا المشروع صغير جدًا ، وعادةً لا أستخدم مجلدات في لوحة Layers لمشروع بهذا الحجم. ومع ذلك ، أود أن أثبت أنه سيتم الحفاظ على المعلومات من لوحة Layers في Photoshop عند استيراد الملف إلى Catalyst. لهذا الغرض ، وضعت جميع الصور المصغرة في مجلد "الصور المصغرة" ، وجميع الشعارات في مجلد "الشعارات" وجميع رسومات الخلفية في مجلد "الخلفية".
   
   
7. نحن الآن على استعداد لاستيراد هذا المخطط البياني إلى Flash Catalyst. احفظ ملف Photoshop باسم PortfolioLayout.psd.
   
   
8. افتح Adobe Flash Catalyst. على شاشة الترحيب ، سوف نستخدم إنشاء مشروع جديد من Design File - من ملف Adobe Photoshop PSD. استعرض للوصول إلى ملف PortfolioLayout.psd.
   
   
9. في مربع الحوار ، لاحظ أن Catalyst قد أدرك بالفعل أن مشروعنا سيكون 500 × 500 بكسل ، من حجم ملف PSD. اضبط خيارات Fidelity على Keep Editable ولون الخلفية لمطابقة صفحة الويب الخاصة بك.
   
   دعنا ندرس لوحة الطبقات في Flash Catalyst. لاحظ أن لدينا جميع الطبقات والمجلدات نفسها كما في ملف PSD الخاص بنا ، إلى جانب أسمائهم المعنية. لاحظ أيضًا أن Catalyst قام بإنشاء طبقات لاحتواء أنماط الطبقة التي طبقناها في Photoshop. إذا قمت بالنقر فوق أيقونات الرؤية ، فسترى أنه لا يزال بإمكاننا التحكم في هذه الأنماط.

في البرنامج التعليمي التالي ، سنبدأ في جعل مكونات واجهة المستخدم خارج الرسومات الخاصة بنا.

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

تعليمات الفيديو: طريقة ستجعلك تلتقط الصور بكاميرا الهاتف في الظلام بدون اضاءة باستخدام جهاز التحكم عن بعد (قد 2024).