درس ربط الفلاش بالفوتوشوب

السلام عليكم ورحمه الله وبركاته احبتى فى الله

درس جديد مهم جدا ، وتساؤل دائم كيف نحدث التكامل بين الفوتوشوب والفلاش ؟ وما هى الطريقه الصحيحه التى بها نصدر تصاميم الفوتوشوب بكامل طبقاتها الى ملف الفلاش ؟ وهل توجد ملحقات للفوتوشوب تمكنا من التصدير بطريقه صحيحه كما نريدها ؟

كل هذا سنعرفه بإذن الله فى درسنا والشرح الجديد هنا ، أسال الله ان يوفقنى فى توصيل المعلومه بالشكل الصحيح

- اول محاوله فى التصدير من الفوتوشوب الى الفلاش وماهى المشاكل التى تواجهنا :

سنعلم ونطبق الشرح على هذا التصميم والذى صعنه بالطبع ببرنامج الفوتوشوب – وتجده فى نهايه الشرح مرفق كى تستعين به فى تطبيق الخطوات او يمكنك التخلى عنها وصناعه مايروق لك من تصميمات ومن ثم تطبق عليها ..

نلاحظ ان التصميم هو عبارة عن صور وحولها إطار ومصنوع ظل خلفى لها مع بنر علوى ، وقد حولت فيه جميع طبقات الخطوط الى طبقات عاديه .. ( إحفظ الان العمل بالإمتداد العادى psd وحاول ان تفتحه ببرنامج الفلاش ! )

- داخل برنامج الفلاش افتح ملف جديد File > New ثم استورد ملف العمل كما بالصورة التاليه :

ستجد بعدما فتحنا الملف وفى شريط الـ Timeline وجزء الطبقات انه تم الاستيراد فى طبقه واحده فقط وفريم واحد ، ولا نرى فيه تفصيلات الطبقات والتى رأينها فى برنامج الفوتوشوب مم يجعل التحكم فى الفلاش بعد ذلك غير ممكن ابدا ، وهذا لا نريده ..

- التصدير من فوتوشوب الى فلاش –PSD to PNGs to Flash :

اولا : حفظ جميع طبقات العمل على هيئه ملفات PNG صور واحده تلو الاخرى

ولنتفادى ما سبق من مشاكل وعند التصدير الى الفلاش نجد جميع طبقات الفوتوشوب كامله ، سنقوم بحفظ جميع الطبقات فى ملف العمل واحده تلو الاخرى على هيئه ملفات PNG صور ومن ثم سنعيد فتح الجميع داخل الفلاش .

ولفعل ذلك توجد 3 طرق لحفظ الطبقات واحده تلو الاخرى بصيغه PNG موضحه فى الصور التاليه :

كرر ماسبق مع كل طبقات العمل واحفظها فى فولد داخل وحده التخزين تبعك ، وبعد ان تنتهى تجدهم بالشكل التالى داخل الفولدر وبنفس اسماء الطبقات كما اسلفنا ..

ثانيا : إستيراد ملفات العمل ( الصور) الى داخل الفلاش .

قبل ان نقوم بإستيراد الملفات يجب علينا تحديد مقاس العمل اولا داخل الفوتوشوب ومن ثم تعديل مقاس العمل داخل الفلاش
من داخل الفوتوشوب ومن القائمه Edit اختر Image Size .

إنتقل الى الفلاش وافتح ملف جديد File واختر New ثم Flash Document ، ثم من القائمه windows اختر properties او بالضغط المباشر على Ctrl + F3 ، وحدد مقاسات العمل التى عرفناها من الفوتوشوب كما هنا .

قم بإستيراد ملفات العمل وعلمنا فى اول الموضوع كيف يتم الاستيراد الى ساحه العمل – إذهب الى الفولدر المجتمعه فيه صور جميع الطبقات وحدد الكل واختر open .

بعد الفتح تجد جميع الطبقات مجتمعين فى طبقه واحد داخل الفلاش كما الحاله الاولى عند اول استيراد ، ولكننا هنا الان يمكننا ان نفك جميع الطبقات ونوزعها داخل طبقات وبنفس الاسم عن طريق الخطوه التاليه ..

وبعد ذلك تجد ان البرنامج فرغ الطبقه الاولى من محتوياتها ووزعها على طبقات كما هنا ..

شئ جمــيل جدا ، انتهينا الان من استيراد جميع الطبقات بشكل سليم وكامل داخل البرنامج ويمكن بعدها التعامل معهم داخل البرنامج بشكل منفرد ..

التصدير من الفوتوشوب الى الايمج ريدى الى الفلاش – PSD to ImageReady to SWF to Flash :

فى هذه الحاله الامر اسهل ، وبها ميزة انك تستطيع ان تتحكم فى طبقات الخطوط Text فبعد ان ننتهى من التصميم داخل الفوتوشوب ننتقل بالعمل الى الايمج ريدى عن طريق الايقونه اسفل صندوق الادوات ToolBar للانتقال السريع ومن ثم نصدر العمل من الايمج كم موضح هنا ..

سيظر لنا بعد الاختيار المربع الحوارى التالى ..

انتهينا الان من الايمج وصدرنا العمل بصيغه SWF ومن داخل الفلاش كما تعلمنا سابقا استيرد الملف وتفريغه يكون بنفس النمط السابق .

نقطه اخيرة بما اننا تكلمنا عن طبقات الخطوط فمن المفروض فى هذه الطريقه ان تتعامل مع طبقات الخطوط فى الفلاش بحريه تامه وكأنك صنعتها داخل الفلاش نفسه ، وفعلا حدث ذلك معى فى طبقات الخطوط المكتوبه باللغه الانجليزيه فقط ، وعند محاوله التصدير بخطوط عربيه اظهر لى الايمج ريدى خطأ مع الاسف غير مسبب ولم استطيع حلها ، وهذا ماجعلنى اول الموضوع اصدر طبقات الخطوط العربيه بعد تحوليها الى طبقه عاديه .. وجارى البحث لها عن حل ومعرفه سبب الخطأ .

Plug-Ins .. PSD2FLA :

ولمحبى الإضافات لابد لنا من هذه الإضافه لبرنامج الفوتوشوب ، ليكتمل بذلك درسنا وقد علمنا فيه جميع طرق التصدير والاستيراد بين الفلاش والفوتوشوب والايمج فى تكامل تام .

وللتحميل تجد وصلته فى اخر الموضوع : وهو ملف صغير بإمتداد .8be وتضعه بداخل المسار التالى :
C:Program FilesAdobePhotoshop CSPlug-InsAdobe Photoshop OnlyImport-Export

ومن بعدها تفتح العمل المراد تصديرة داخل الفوتوشوب او تستخدم الملف المرفق ومن قائمه File تجد الإضافه موجوده بالشكل التالى ..

وهى بإسم PSD2FLA ، وبعد الاختيار تظهر لك بالشكل التالى ..

وفيها نجد اختيارين ( 1- يفتح لك برنامج لفلاش مباشرة بعد تصدير الملف – 2 – عند تحديده سوف يصدر لك الطبقات المخفيه داخل الفوتوشوب وفى حاله عدم الرغبه لتصدير ماهو مخفى لا تحدده ) .

وبعد ذلك تجد الطبقات قد صدرت الى الفلاش بالشكل التالى ..

عند استخدامك لهذه الإضافة لن نستطيع التحكم فى طبقات الخطوط بالتعديل عليها كما فى الحاله اليدويه بالايمج ريدى - وفى حاله تصدير طبقات الخطوط مع استايل خاص ستجد ان الحواف اصبحت اغمق عن الاصلى كما هو ظاهر الان ..

وبهذا نكون قد انهينا رحلتنا داخل الفوتوشوب والايمج ريدى والفلاش – اى إضافات او معلومات ارحب بها