انشاء شريط Loading متحرك / شريط :: جاري التحميل ::

السلام عليكم

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

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

الخطوات :

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



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



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


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



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



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



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



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



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




منقول
أنا في إنتظار تطبيقاتكم..
أختكم / :004: