شرح طريقة عمل Loading متحرك

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

درس لبرنامج Adobe ImageReady CS

في هذا الدرس سنتعلم كيفية انشاء شريط متحرك Loading بواسطة
Adobe ImageReady CS + Adobe Photoshop CS

Loading = جاري التحميل... او بمعنى انتظر قليلا ...
انتظروا درس Download = جاري التنزيل

الخطوات :

1- نفتح برنامج Adobe Photoshop CS ونصنع تقريبا مثل ما في الصورة ، المهم طبقتين
طبقة سفلية وهي الصندوق وطبقة علوية تمثل الشريط الاخضر المتحرك .
http://ayaam.com/images/photoshop/d01.png
2- ننتقل لـ Adobe ImageReady CS بالضغط على هذا الزر
http://ayaam.com/images/photoshop/d02.png
3- عند الانتقال نستخدم هذه الاداء للسحب
http://ayaam.com/images/photoshop/d08.png
4- نسحب الشريط الاخضر لاقصى اليسار ويفضل اخفاء نصفه كما هو مبين
http://ayaam.com/images/photoshop/d03.png
5- نضغط على هذا الزر لانشاء نسخه من الطبقه الاصلية
اذا اطار الـ Animation غير ظاهر ، اضغط على Windows --- Animation

http://ayaam.com/images/photoshop/d04.png

6- باستخدام اداة التحريك (السحب) نحرك الشريط الاخضر الي اقصى اليمين
http://ayaam.com/images/photoshop/d05.png
7- نضغط على هذا الزر ، انشاء حركة التكرار
http://ayaam.com/images/photoshop/d06.png

8- املأ البيانات كالتالي ، ثم اضغط ok
http://ayaam.com/images/photoshop/d07.png

9- مبروك انتهينا .. لاخراج العمل بنسق Gif اختار File > Save Optimized As
أرجو أن يعجبكم " منقول للفائدة "