&أمير بكلمتي&
12-03-2008, 03:12 PM
----
السلام عليكم ورحمه الله وبركاته ,,
درس جديد مهم جدا ، وتساؤل دائم كيف نحدث التكامل بين الفوتوشوب والفلاش ؟ وما هى الطريقه الصحيحه التى بها نصدر تصاميم الفوتوشوب بكامل طبقاتها الى ملف الفلاش ؟ وهل توجد ملحقات للفوتوشوب تمكنا من التصدير بطريقه صحيحه كما نريدها ؟
كل هذا سنعرفه بإذن الله فى درسنا والشرح الجديد هنا ، أسال الله ان يوفقنى فى توصيل المعلومه بالشكل الصحيح
- أول محاوله فى التصدير من الفوتوشوب الى الفلاش وماهى المشاكل التى تواجهنا :
سنعلم ونطبق الشرح على هذا التصميم والذى صعنه بالطبع ببرنامج الفوتوشوب – وتجده فى نهايه الشرح مرفق كى تستعين به فى تطبيق الخطوات او يمكنك التخلى عنها وصناعه مايروق لك من تصميمات ومن ثم تطبق عليها ..
http://forum.te3p.com/uploaded4/39910_01204606349.gif
نلاحظ ان التصميم هو عبارة عن صور وحولها إطار ومصنوع ظل خلفى لها مع بنر علوى ، وقد حولت فيه جميع طبقات الخطوط الى طبقات عاديه .. ( إحفظ الان العمل بالإمتداد العادى psd وحاول ان تفتحه ببرنامج الفلاش ! )
- داخل برنامج الفلاش افتح ملف جديد File > New ثم استورد ملف العمل كما بالصورة التاليه :
http://forum.te3p.com/uploaded4/39910_01204606638.gif
ستجد بعدما فتحنا الملف وفى شريط الـ Timeline وجزء الطبقات انه تم الاستيراد فى طبقه واحده فقط وفريم واحد ، ولا نرى فيه تفصيلات الطبقات والتى رأينها فى برنامج الفوتوشوب مم يجعل التحكم فى الفلاش بعد ذلك غير ممكن ابدا ، وهذا لا نريده ..
http://forum.te3p.com/uploaded4/39910_01204606770.gif
- التصدير من فوتوشوب الى فلاش –PSD to PNGs to Flash :
أولا : حفظ جميع طبقات العمل على هيئه ملفات PNG صور واحده تلو الاخرى
ولنتفادى ما سبق من مشاكل وعند التصدير الى الفلاش نجد جميع طبقات الفوتوشوب كامله ، سنقوم بحفظ جميع الطبقات فى ملف العمل واحده تلو الاخرى على هيئه ملفات PNG صور ومن ثم سنعيد فتح الجميع داخل الفلاش .
ولفعل ذلك توجد 3 طرق لحفظ الطبقات واحده تلو الاخرى بصيغه PNG موضحه فى الصور التاليه :
http://forum.te3p.com/uploaded4/39910_01204606924.gif
كرر ماسبق مع كل طبقات العمل واحفظها فى فولد داخل وحده التخزين تبعك ، وبعد ان تنتهى تجدهم بالشكل التالى داخل الفولدر وبنفس اسماء الطبقات كما اسلفنا ..
http://forum.te3p.com/uploaded4/39910_01204607037.gif
ثانيا : إستيراد ملفات العمل ( الصور) الى داخل الفلاش .
قبل ان نقوم بإستيراد الملفات يجب علينا تحديد مقاس العمل اولا داخل الفوتوشوب ومن ثم تعديل مقاس العمل داخل الفلاش
من داخل الفوتوشوب ومن القائمه Edit اختر Image Size .
http://forum.te3p.com/uploaded4/39910_01204607168.gif
إنتقل الى الفلاش وافتح ملف جديد File واختر New ثم Flash ******** ، ثم من القائمه windows اختر properties او بالضغط المباشر على Ctrl + F3 ، وحدد مقاسات العمل التى عرفناها من الفوتوشوب كما هنا .
http://forum.te3p.com/uploaded4/39910_01204607309.gif
قم بإستيراد ملفات العمل وعلمنا فى اول الموضوع كيف يتم الاستيراد الى ساحه العمل – إذهب الى الفولدر المجتمعه فيه صور جميع الطبقات وحدد الكل واختر open .
http://forum.te3p.com/uploaded4/39910_01204607412.gif
بعد الفتح تجد جميع الطبقات مجتمعين فى طبقه واحد داخل الفلاش كما الحاله الاولى عند اول استيراد ، ولكننا هنا الان يمكننا ان نفك جميع الطبقات ونوزعها داخل طبقات وبنفس الاسم عن طريق الخطوه التاليه ..
http://forum.te3p.com/uploaded4/39910_01204607500.gif
وبعد ذلك تجد ان البرنامج فرغ الطبقه الاولى من محتوياتها ووزعها على طبقات كما هنا ..
http://forum.te3p.com/uploaded4/39910_01204607589.gif
شئ جمــيل جدا ، انتهينا الان من استيراد جميع الطبقات بشكل سليم وكامل داخل البرنامج ويمكن بعدها التعامل معهم داخل البرنامج بشكل منفرد ..
التصدير من الفوتوشوب الى الايمج ريدى الى الفلاش – PSD to ImageReady to SWF to Flash :
فى هذه الحاله الامر اسهل ، وبها ميزة انك تستطيع ان تتحكم فى طبقات الخطوط Text فبعد ان ننتهى من التصميم داخل الفوتوشوب ننتقل بالعمل الى الايمج ريدى عن طريق الايقونه اسفل صندوق الادوات ToolBar للانتقال السريع ومن ثم نصدر العمل من الايمج كم موضح هنا ..
http://forum.te3p.com/uploaded4/39910_01204607745.gif
سيظهر لنا بعد الاختيار المربع الحوارى التالى ..
http://forum.te3p.com/uploaded4/39910_01204607830.gif
انتهينا الان من الايمج وصدرنا العمل بصيغه SWF ومن داخل الفلاش كما تعلمنا سابقا استيرد الملف وتفريغه يكون بنفس النمط السابق .
نقطه اخيرة بما اننا تكلمنا عن طبقات الخطوط فمن المفروض فى هذه الطريقه ان تتعامل مع طبقات الخطوط فى الفلاش بحريه تامه وكأنك صنعتها داخل الفلاش نفسه ، وفعلا حدث ذلك معى فى طبقات الخطوط المكتوبه باللغه الانجليزيه فقط ، وعند محاوله التصدير بخطوط عربيه اظهر لى الايمج ريدى خطأ مع الاسف غير مسبب ولم استطيع حلها ، وهذا ماجعلنى اول الموضوع اصدر طبقات الخطوط العربيه بعد تحوليها الى طبقه عاديه .. وجارى البحث لها عن حل ومعرفه سبب الخطأ .
Plug-Ins .. PSD2FLA :
ولمحبى الإضافات لابد لنا من هذه الإضافه لبرنامج الفوتوشوب ، ليكتمل بذلك درسنا وقد علمنا فيه جميع طرق التصدير والاستيراد بين الفلاش والفوتوشوب والايمج فى تكامل تام .
وللتحميل تجد وصلته فى اخر الموضوع : وهو ملف صغير بإمتداد .8be وتضعه بداخل المسار التالى :
C:Program FilesAdobePhotoshop CSPlug-InsAdobe Photoshop OnlyImport-Export
ومن بعدها تفتح العمل المراد تصديرة داخل الفوتوشوب او تستخدم الملف المرفق ومن قائمه File تجد الإضافه موجوده بالشكل التالى ..
http://forum.te3p.com/uploaded4/39910_01204607989.gif
وهى بإسم PSD2FLA ، وبعد الاختيار تظهر لك بالشكل التالى ..
http://forum.te3p.com/uploaded4/39910_01204608084.gif
وفيها نجد اختيارين ( 1- يفتح لك برنامج لفلاش مباشرة بعد تصدير الملف – 2 – عند تحديده سوف يصدر لك الطبقات المخفيه داخل الفوتوشوب وفى حاله عدم الرغبه لتصدير ماهو مخفى لا تحدده ) .
وبعد ذلك تجد الطبقات قد صدرت الى الفلاش بالشكل التالى ..
http://forum.te3p.com/uploaded4/39910_01204608161.gif
عند استخدامك لهذه الإضافة لن نستطيع التحكم فى طبقات الخطوط بالتعديل عليها كما فى الحاله اليدويه بالايمج ريدى - وفى حاله تصدير طبقات الخطوط مع استايل خاص ستجد ان الحواف اصبحت اغمق عن الاصلى كما هو ظاهر الان ..
وبهذا نكون قد انهينا رحلتنا داخل الفوتوشوب والايمج ريدى والفلاش ..
دمتم بخير جميعاً ,,
----
&أمير بكلمتي&
السلام عليكم ورحمه الله وبركاته ,,
درس جديد مهم جدا ، وتساؤل دائم كيف نحدث التكامل بين الفوتوشوب والفلاش ؟ وما هى الطريقه الصحيحه التى بها نصدر تصاميم الفوتوشوب بكامل طبقاتها الى ملف الفلاش ؟ وهل توجد ملحقات للفوتوشوب تمكنا من التصدير بطريقه صحيحه كما نريدها ؟
كل هذا سنعرفه بإذن الله فى درسنا والشرح الجديد هنا ، أسال الله ان يوفقنى فى توصيل المعلومه بالشكل الصحيح
- أول محاوله فى التصدير من الفوتوشوب الى الفلاش وماهى المشاكل التى تواجهنا :
سنعلم ونطبق الشرح على هذا التصميم والذى صعنه بالطبع ببرنامج الفوتوشوب – وتجده فى نهايه الشرح مرفق كى تستعين به فى تطبيق الخطوات او يمكنك التخلى عنها وصناعه مايروق لك من تصميمات ومن ثم تطبق عليها ..
http://forum.te3p.com/uploaded4/39910_01204606349.gif
نلاحظ ان التصميم هو عبارة عن صور وحولها إطار ومصنوع ظل خلفى لها مع بنر علوى ، وقد حولت فيه جميع طبقات الخطوط الى طبقات عاديه .. ( إحفظ الان العمل بالإمتداد العادى psd وحاول ان تفتحه ببرنامج الفلاش ! )
- داخل برنامج الفلاش افتح ملف جديد File > New ثم استورد ملف العمل كما بالصورة التاليه :
http://forum.te3p.com/uploaded4/39910_01204606638.gif
ستجد بعدما فتحنا الملف وفى شريط الـ Timeline وجزء الطبقات انه تم الاستيراد فى طبقه واحده فقط وفريم واحد ، ولا نرى فيه تفصيلات الطبقات والتى رأينها فى برنامج الفوتوشوب مم يجعل التحكم فى الفلاش بعد ذلك غير ممكن ابدا ، وهذا لا نريده ..
http://forum.te3p.com/uploaded4/39910_01204606770.gif
- التصدير من فوتوشوب الى فلاش –PSD to PNGs to Flash :
أولا : حفظ جميع طبقات العمل على هيئه ملفات PNG صور واحده تلو الاخرى
ولنتفادى ما سبق من مشاكل وعند التصدير الى الفلاش نجد جميع طبقات الفوتوشوب كامله ، سنقوم بحفظ جميع الطبقات فى ملف العمل واحده تلو الاخرى على هيئه ملفات PNG صور ومن ثم سنعيد فتح الجميع داخل الفلاش .
ولفعل ذلك توجد 3 طرق لحفظ الطبقات واحده تلو الاخرى بصيغه PNG موضحه فى الصور التاليه :
http://forum.te3p.com/uploaded4/39910_01204606924.gif
كرر ماسبق مع كل طبقات العمل واحفظها فى فولد داخل وحده التخزين تبعك ، وبعد ان تنتهى تجدهم بالشكل التالى داخل الفولدر وبنفس اسماء الطبقات كما اسلفنا ..
http://forum.te3p.com/uploaded4/39910_01204607037.gif
ثانيا : إستيراد ملفات العمل ( الصور) الى داخل الفلاش .
قبل ان نقوم بإستيراد الملفات يجب علينا تحديد مقاس العمل اولا داخل الفوتوشوب ومن ثم تعديل مقاس العمل داخل الفلاش
من داخل الفوتوشوب ومن القائمه Edit اختر Image Size .
http://forum.te3p.com/uploaded4/39910_01204607168.gif
إنتقل الى الفلاش وافتح ملف جديد File واختر New ثم Flash ******** ، ثم من القائمه windows اختر properties او بالضغط المباشر على Ctrl + F3 ، وحدد مقاسات العمل التى عرفناها من الفوتوشوب كما هنا .
http://forum.te3p.com/uploaded4/39910_01204607309.gif
قم بإستيراد ملفات العمل وعلمنا فى اول الموضوع كيف يتم الاستيراد الى ساحه العمل – إذهب الى الفولدر المجتمعه فيه صور جميع الطبقات وحدد الكل واختر open .
http://forum.te3p.com/uploaded4/39910_01204607412.gif
بعد الفتح تجد جميع الطبقات مجتمعين فى طبقه واحد داخل الفلاش كما الحاله الاولى عند اول استيراد ، ولكننا هنا الان يمكننا ان نفك جميع الطبقات ونوزعها داخل طبقات وبنفس الاسم عن طريق الخطوه التاليه ..
http://forum.te3p.com/uploaded4/39910_01204607500.gif
وبعد ذلك تجد ان البرنامج فرغ الطبقه الاولى من محتوياتها ووزعها على طبقات كما هنا ..
http://forum.te3p.com/uploaded4/39910_01204607589.gif
شئ جمــيل جدا ، انتهينا الان من استيراد جميع الطبقات بشكل سليم وكامل داخل البرنامج ويمكن بعدها التعامل معهم داخل البرنامج بشكل منفرد ..
التصدير من الفوتوشوب الى الايمج ريدى الى الفلاش – PSD to ImageReady to SWF to Flash :
فى هذه الحاله الامر اسهل ، وبها ميزة انك تستطيع ان تتحكم فى طبقات الخطوط Text فبعد ان ننتهى من التصميم داخل الفوتوشوب ننتقل بالعمل الى الايمج ريدى عن طريق الايقونه اسفل صندوق الادوات ToolBar للانتقال السريع ومن ثم نصدر العمل من الايمج كم موضح هنا ..
http://forum.te3p.com/uploaded4/39910_01204607745.gif
سيظهر لنا بعد الاختيار المربع الحوارى التالى ..
http://forum.te3p.com/uploaded4/39910_01204607830.gif
انتهينا الان من الايمج وصدرنا العمل بصيغه SWF ومن داخل الفلاش كما تعلمنا سابقا استيرد الملف وتفريغه يكون بنفس النمط السابق .
نقطه اخيرة بما اننا تكلمنا عن طبقات الخطوط فمن المفروض فى هذه الطريقه ان تتعامل مع طبقات الخطوط فى الفلاش بحريه تامه وكأنك صنعتها داخل الفلاش نفسه ، وفعلا حدث ذلك معى فى طبقات الخطوط المكتوبه باللغه الانجليزيه فقط ، وعند محاوله التصدير بخطوط عربيه اظهر لى الايمج ريدى خطأ مع الاسف غير مسبب ولم استطيع حلها ، وهذا ماجعلنى اول الموضوع اصدر طبقات الخطوط العربيه بعد تحوليها الى طبقه عاديه .. وجارى البحث لها عن حل ومعرفه سبب الخطأ .
Plug-Ins .. PSD2FLA :
ولمحبى الإضافات لابد لنا من هذه الإضافه لبرنامج الفوتوشوب ، ليكتمل بذلك درسنا وقد علمنا فيه جميع طرق التصدير والاستيراد بين الفلاش والفوتوشوب والايمج فى تكامل تام .
وللتحميل تجد وصلته فى اخر الموضوع : وهو ملف صغير بإمتداد .8be وتضعه بداخل المسار التالى :
C:Program FilesAdobePhotoshop CSPlug-InsAdobe Photoshop OnlyImport-Export
ومن بعدها تفتح العمل المراد تصديرة داخل الفوتوشوب او تستخدم الملف المرفق ومن قائمه File تجد الإضافه موجوده بالشكل التالى ..
http://forum.te3p.com/uploaded4/39910_01204607989.gif
وهى بإسم PSD2FLA ، وبعد الاختيار تظهر لك بالشكل التالى ..
http://forum.te3p.com/uploaded4/39910_01204608084.gif
وفيها نجد اختيارين ( 1- يفتح لك برنامج لفلاش مباشرة بعد تصدير الملف – 2 – عند تحديده سوف يصدر لك الطبقات المخفيه داخل الفوتوشوب وفى حاله عدم الرغبه لتصدير ماهو مخفى لا تحدده ) .
وبعد ذلك تجد الطبقات قد صدرت الى الفلاش بالشكل التالى ..
http://forum.te3p.com/uploaded4/39910_01204608161.gif
عند استخدامك لهذه الإضافة لن نستطيع التحكم فى طبقات الخطوط بالتعديل عليها كما فى الحاله اليدويه بالايمج ريدى - وفى حاله تصدير طبقات الخطوط مع استايل خاص ستجد ان الحواف اصبحت اغمق عن الاصلى كما هو ظاهر الان ..
وبهذا نكون قد انهينا رحلتنا داخل الفوتوشوب والايمج ريدى والفلاش ..
دمتم بخير جميعاً ,,
----
&أمير بكلمتي&