A7med Baraka
12-11-2008, 08:19 PM
السلام عليكم
كيفية انشاء شريط متحرك 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
كيفية انشاء شريط متحرك 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