درس (ImageReady): كيفية عمل بنر نصي متحـــرك

نوران

بنت النيل
السلام عليكم احبائي
اليوم جبتلكم درس رائع لعمل بنر نصي متحرك
وان شاء الله الخطوات واضحه جدا بالتفصيل.............الممل :p.
nong17.gif

nong17.gif

1 نفتح عمل جديد
w6w_200511100138269a812964.gif

nong17.gif

2 نغلق طبقه الخلفيه بعد ملئها بالابيض
59d53.gif

3 نكتب نص مثلا من 3 ليرات مختلفه
انا كتبت
arab
spc
MY LOVE
w6w_2005111001395718c7d3e9.gif

nong17.gif

4 شكل الليرات كما بالصوره اسفل
w6w_2005111001431412332c13.gif


5 نقوم باعاده ترتيب الليرات كما هو موضح بالماوس
بجعل لير my love في المنتصف اي ترتيبها الثاتي
w6w_2005111001435851f7fb04.gif

nong17.gif

6 نقوم بعمل layer>>rasteraize layer
لكل اليرات عدا الخلقيه
w6w_20051110014854f120cb86.gif

nong17.gif

7 ننتقل للايمدج ريدي الموضع اسفل صندوق الادوات كما بالصوره
w6w_20051110015102f3a690e0.gif

nong17.gif
8 ثم من window>>>animation
كما بالشكل يظهر نافده الحركه
w6w_2005111001535214fbf546.gif

nong17.gif

9 نقوم بمضاعفه الاطار كما بالصوره
w6w_20051110015630881dff85.gif

nong17.gif

10تأكد من ترتيب الطبقات وان اللير المفعله هي التي سنبدأ باظهار الحركه عليها
w6w_20051110021328c44953f2.gif

11ثم نفعل كما بالصوره اسفل مع الضغط علي shift
w6w_20051110020357aead6ac9.gif

12`ونكرر مع اللير الثانيه والثالثه في الاتجهات الموضحه
اسفل
w6w_20051110020607e1360bb1.gif

nong17.gif

w6w_20051110020712f7ff233e.gif

13نغير شفافيه الليرات من opacity
كما بالصوره الي 20 % او 22%
w6w_20051110020842fed9797e.gif

nong17.gif

14 بعد تغيير الشفافيه نقوم في نافده الحركه الخاصه بالانيماشن نقوم بتبديل الفريمات ليصبح الفريم الشفاف هو بدايه الحركه
eb735.gif

15 ثم نتأكد في لوحه التحريك من اختيار الاطار الاول
ونضغط tween
c26c1.gif

ونملأ تلك الاعدادات
15_________________.gif

ونلاحظ اضافه تلك الاطارات الاربع
16__________4______.gif

nong17.gif

16من لوحه التحريك نضغط الاطار رقم 6 ونضاعفه
a977f.gif

ثم نختار اللير MY LOVE
لاضافه تأثير عليها
INNER GLOW
or
outer glow
او اي شيء تبيه
18_____________________________.gif
19________________________.gif

ا
nong17.gif

اي صوره ماتظهر كليك يمين و show picture
يتبــــــــــــــــــــــــــــــــع​
17 من لوحه الحركه ننسخ الاطار السابع
فينتج لدينا الاطار 8ثم نضغط
tween
ونملأ تلك الاعدادات بالاسفل
af68b.gif

9c361.gif

نلاحظ انه تم انشاء ليرين جديدين بعد اللير 7
نختار الاطار السادس ونضاعفه ثم تسحب الاطار الجديد الي اصبح رقم 7 الي الاخر اي بعد اللير 11
ا
nong17.gif

18 ثم نختار من القائمه المنزلقه select all frames
e1f76.gif

ا
nong17.gif

19 ثم نخفي العين بجوار الخلفيه
حتي تختفي من جميع الطبقات
كما بالصوره
e4771.gif

ا
nong17.gif

B]


20ثم نختار delay time .0.1 second
كما بالصوره عند كل اطااااااااااااااار
4ad27.gif

21ومن القائمه المنزلقه نختار >optimized animation
8429b.gif

22 ونتأكد من الاعدادت و OK
0a34f.gif
'
ثم نضغط معاينه الحركه
وتظهر لنا النتيجه كالتالي:) :)
ولا ننسى طبعا ان نحفظ العمل بــــــــــــــSAVE OPTIMIZED AS
,صيغه gif
حتى تظهر الحركه;)
e6f72.gif

شكل اخر
ef173.gif

وسلامتكم
وسلامىىىىىىى
 

Digitizer

جديد
موضوع ممتاااااااز .. ودرس روووووعة ..
روووووووووووووووووووووعه

جزاااج الله كل خير ..
 

نوران

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

نوران

بنت النيل
انتظر حتي تحمل الصفحه
1 نفتح عمل جديد
w6w_2005111216472748591a00c2cc9.gif

nong17.gif


2 نغلق طبقه الخلفيه بعد ملئها بالابيض
w6w_20051112164801485919e9e1f54.gif

3 نكتب نص مثلا من 3 ليرات مختلفه
انا كتبت
arab
spc
MY LOVE
w6w_20051112164850485912448f2e3.gif


nong17.gif

4 شكل الليرات كما بالصوره اسفل
w6w_2005111306183148591d675e9ca.gif

nong17.gif

5 نقوم باعاده ترتيب الليرات كما هو موضح بالماوس
بجعل لير my love في المنتصف اي ترتيبها الثاتي
w6w_2005111306282148591333494fc.gif

6 نقوم بعمل layer>>rasteraize layer
لكل اليرات عدا الخلقيه
w6w_20051113063045485915a5c186d.gif

7 ننتقل للايمدج ريدي الموضع اسفل صندوق الادوات كما بالصوره
w6w_2005111216521948591b02d2766.gif

nong17.gif


8 ثم من window>>>animation
كما بالشكل يظهر نافده الحركه
w6w_2005111306362148591d9009f62.gif

9 نقوم بمضاعفه الاطار كما بالصوره
w6w_2005111306375648591a1aa0c48.gif

nong17.gif


10تأكد من ترتيب الطبقات وان اللير المفعله هي التي سنبدأ باظهار الحركه عليها
w6w_2005111306393048591cd006851.gif

nong17.gif

nong17.gif

11ثم نفعل كما بالصوره اسفل مع الضغط علي shift
w6w_200511130650581942c7ab.gif


12`ونكرر مع اللير الثانيه والثالثه في الاتجهات الموضحه
اسفل
w6w_2005111306552848591453de1f9.gif

w6w_20051113065626485919744c8cf.gif

nong17.gif

13نغير شفافيه الليرات من opacity
كما بالصوره الي 20 % او 22%
w6w_200511130658034859163337123.gif

nong17.gif

14 بعد تغيير الشفافيه نقوم في نافده الحركه الخاصه بالانيماشن نقوم بتبديل الفريمات ليصبح الفريم الشفاف هو بدايه الحركه
w6w_200511130658034859163337123.gif

nong17.gif

15 ثم نتأكد في لوحه التحريك من اختيار الاطار الاول
ونضغط tween
ونملأ تلك الاعدادات
ونلاحظ اضافه تلك الاطارات الاربع
w6w_20051113070254485917cecfe41.gif

w6w_20051113070349485919ca46a5f.gif

w6w_20051113070434485910a64dcdc.gif

16من لوحه التحريك نضغط الاطار رقم 6 ونضاعفه
ثم نختار اللير MY LOVE
لاضافه تأثير عليها
INNER GLOW
or
outer glow
او اي شيء تبيه
اي صوره ماتظهر كليك يمين و show picture
w6w_20051113070514485918df878a8.gif

w6w_20051113070600485913c87f621.gif

w6w_2005111307070548591edf985e6.gif

nong17.gif


17 من لوحه الحركه ننسخ الاطار السابع
فينتج لدينا الاطار 8ثم نضغط
tween
ونملأ تلك الاعدادات بالاسفل
نلاحظ انه تم انشاء ليرين جديدين بعد اللير 7
نختار الاطار السادس ونضاعفه ثم تسحب الاطار الجديد الي اصبح رقم 7 الي الاخر اي بعد اللير 11
w6w_20051113070956485912fcb2666.gif

w6w_2005111307114148591f3a1e753.gif

nong17.gif


18 ثم نختار من القائمه المنزلقه select all frames
w6w_200511130713414859100498fd6.gif

19 ثم نخفي العين بجوار الخلفيه
حتي تختفي من جميع الطبقات
كما بالصوره

w6w_2005111307152848591375414db.gif

20ثم نختار delay time .0.1 second
كما بالصوره عند كل اطااااااااااااااار
w6w_20051113071730a41e67d5.gif

nong17.gif


21ومن القائمه المنزلقه نختار >optimized animation
w6w_2005111307201662cb24c9.gif

nong17.gif

22 ونتأكد من الاعدادت و OK
w6w_20051113072140fcec608f.gif

nong17.gif


ثم نضغط معاينه الحركه
وتظهر لنا النتيجه كالتالي
e6f72.gif

w6w_2005111307233153389a05.gif

nong17.gif

ولا ننسى طبعا ان نحفظ العمل بــــــــــــــSAVE OPTIMIZED AS
,صيغه gif
حتى تظهر الحركه
nong17.gif

شكل اخر
nong17.gif

w6w_200511130727036e007dbf.gif
 
ماشاء الله عليكي دكتورة نوران شي رائع والله تسلمي يا رب ويديمك لخدمة أخوانك

تطبيقي سوف تريه قريب فقط انا مشغول بتجهيز موقع لمؤسسة خيرية الان

وأجمل تحية

الفنان
 

ام وحي

جديد
درس (ImageReady): كيفية عمل بنر نصي منوع الحركه

هاذ تطبيقي ومعلش اتاخرت شوية علشان الدرس شوية طويل
يلا ان شاء الله يكون تمام ومشكورة على الدرس الحلووالرائع جدا وبانتظار الجديد
we.gif
 

نوران

بنت النيل
والله عسول تسلمين

بس انا ماافهم انجلش :p

وعملتي حركه جديده برافوا مااحب التقيد بالدرس نأخذ الفكره ونطبق

مشكوره يا احلى ام وحي
 
أعلى