كيفيه عمل شريط Loading .. متحرك !! سهل كثيير

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

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

الخطوات :

1- نفتح برنامج Adobe Photoshop CS ونصنع تقريبا مثل ما في الصورة ، المهم طبقتين
طبقة سفلية وهي الصندوق وطبقة علوية تمثل الشريط الاخضر المتحرك .




2- ننتقل لـ Adobe ImageReady CS بالضغط على هذا الزر



3- عند الانتقال نستخدم هذه الاداء للسحب




4- نسحب الشريط الاخضر لاقصى اليسار ويفضل اخفاء نصفه كما هو مبين



5- نضغط على هذا الزر لانشاء نسخه من الطبقه الاصلية
(اذا اطار الـ Animation غير ظاهر ، اضغط على Windows > Animation)




6- باستخدام اداة التحريك (السحب) نحرك الشريط الاخضر الي اقصى اليمين





7- نضغط على هذا الزر ، انشاء حركة التكرار




8- املأ البيانات كالتالي ، ثم اضغط ok




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


النتيجة :