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

[A7med Baraka]

السلام عليكم



كيفية انشاء شريط متحرك Loading بواسطة

Adobe ImageReady CS + Adobe Photoshop CS


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

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


الخطوات :

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


النتيجة :
http://ayaam.com/images/photoshop/loading.gif

[جاتوريد]

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

[A7med Baraka]

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

الشريط الذى تقصدة هو عبارة عن هاك يتم أضافتة للمنتدى و بيكون على حسب نوع المنتدى و أصدارة
مش بيتعمل بالفوتوشوب

شكرا على مرورك