المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : درس//تصميم بنر متحرك باسهل الطرق واسرعها....


ابو على
07-30-2007, 07:29 AM
بسم الله الرحمن الرحيم



بشرح طريقه سهله حتى تجعل اي تصميم يكون متحرك ::

وراح يكون شرحي بالبدايه عن طريق برنامج الفوتوشوب العادي مو بالايمج ردي

ماراح اشرح كيف تصممون لأن هالشي راجع لكم وخبرتكم بالفوتوشوب ::

حطيت لكم نافذة اللايرات ( الطبقات ) بجانب التصميم حتى تشوفون ترتيب الطبقات وعلامة العين



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

وبعد تصميم الخلفيه ::::

نكتب العبارة الاولى

http://www.m5zn.com/uploads/f76225a793.jpg


وبعدين نشيل العين اللي بجانب طبقة النص حتى تختفي ( عشان نكتب نص اخر )

http://www.m5zn.com/uploads/f90e183dc1.jpg


نكتب النص الثاني

http://www.m5zn.com/uploads/8976fad8c6.jpg


نكرر الخطوات السابقه في حال نبي تكتب نصوص كثيره


الحين نضغط كما بالصوره التاليه حتى نرسل العمل الى الايمج ردي

http://www.m5zn.com/uploads/f8ee85f928.jpg



الحين تحول العمل الى الايمج ردي وعن طريق نافذة Animation نضغط

make frames from layers = جعل فريمات من الطبقات ، عشان يكون لنا حركه

http://www.m5zn.com/uploads/9919dcdf8d.jpg

http://www.m5zn.com/uploads/5a620e39fa.jpg




( اذا ماكانت موجوده النافذه اضغط كما بالصوره Windows وبعدين Animation )

http://www.m5zn.com/uploads/56209e126d.jpg


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

عشان نطبق الخلفيه على جميع الفريمات

شف الصوره المتحركه

http://www.m5zn.com/uploads/f460a46c79.gif


الحين ما يبقى لنا الا تختار وقت بقاء كل فريم ::

http://www.m5zn.com/uploads/ee0740a6c2.jpg


انا حددت ثانيتين للفريم الثاني والثالث


نتيجة العمل

http://www.m5zn.com/uploads/9ac5743ec8.gif





الغرض الاساسي من الدرس انك تعرف كيف تسوي صوره متحركه بالفوتوشوب العادي وبعدين تحولها الى الايمج ردي

نادى كل العرب
10-29-2007, 11:35 AM
مشكور يا غالى

هوو داا الحب
10-30-2007, 02:34 AM
شكرا على الموضوع ياغالى