حل قص واجهة موقع متحرك دون فقد الحركه بيها
السلام عليكم
من فتره كتبت موضوع انا اسألكم عن طريقة
لقص واجهة موقع متحركه ( صوره تكون بيها بعض الايقونات او ماشابة لكن متحركه Gif )
طبعا استخدام برنامج الفوتوشوب لعمل هذا الشيء سوف يفقدها خاصية التحرك
ما العمل ؟
البحث هو اساس المعرفه ولكن ليس كل شيء هنالك طرق اخرى من ضمنها ( العبث ) نعم العبث ببعض البرامج
للكشف عن خصائصها وفؤائدها ومدى الاستفاده منها
بعد فوز الاتحاد على الهلال رجعت البيت وانا مروق عالاخر شغلت الجهاز من شان اشوف لي حل لهالصفحة
فتحت الفوتوشوب لعل وعسى ولكن دون اي جدوى
ولكن هنالك برنامج الـ ( Adobe ImageReady CS ) هذا المصاحب مع برنامج الفوتوشوب والذي يعمل بعض الحركات على
الصور وبطريقة رائعه كنت استخدمه لعمل الجاليتر الجميل فقط لا غير ولكن نسينا ان هذا البرنامج لا يفقد الصور المتحركه هذه
الخاصية لذلك ليه ما نحاول بيه ؟
فتحت الواجهة التي املكها وبدأ التخبيص كالمعتاد ولكن بعد هذا كل ماهي النتيجة ؟؟
النتيجه كانت رائعه حصلت على ماكنت ابحث عنه حصلت على قص الواجهة وأدخال روابط الايقونات دون أن افقد
تحرك واجهتي وخصائصها وهو ماكنا نبحث عنه
لذلك حبيت اشرح ما توصلت اليه للجميع للاستفاده منها وان شاء الله ربنا ينفع فيها كل اخوانا المسلمين
ونكون قدمنا شيء رائع
====
مالكم علاقه بالصوره لاني لطشتها من توقيع الاخ الفرعون المصري من منتديات طلال مداح خخخخخخخخخخخخخخ
هذي لقيتها بوجهي وهي متحركه لووووووووووووووووول
=====
:::::::::::::::::::::::: الشــــــــــــــــــــــ رح ::::::::::::::::::::::::: ::::
1 / نفتح برنامج الـ Adobe ImageReady CS
بعد ذلك من open نختار الواجهه ( صوره )
2/ ومن ثم نتبع كما هو موضح بالصوره التالية :
1- نختار أداة القص هذه
2 - نذهب للايقونه المراد ربطها بـ Link معين ونحدد عليها ( أنا كتبت عباره Enter وحددت عليها كمثال فقط )
بعد التحديد سوف تفتح لك هذه النافذه التي نستفيد منها في :
3 - الرابط المراد التوجة اليه عند الضغط
4- هنا نختار فتح اطار الصفحة المراد التوجه لها بعد الضغط على الرابط وعدنا اربع خيارات وهي :
blank<< فتح الاطار بصفحة جديده
self<< فتح الاطار بنفس الصفحة
paret<< فتح الاطار الاصل
top<< فتح الاطار بصفحة كاملة
5 - هنا المسج المراد ان تضهره عند مرور الماوس على الايقونه متل ( دخول ) عند مرور الماوس على عباره Enter
عند الانتهاء من جميع الايقونات وربطها باللنكات المطلوبه نأتي لحفظ العمل كما هو موضح بالصوره
نذهب الى Save Optimized As.. >>> File
بعد ذلك تفتح لنا نافذه تحديد مكان الحفظ واعدادات الحفظ كما هو موضح بالصوره التاليه
1- نختار الصيغه بما اننا نريدها واجهة موقع فنختار صيغه (Html and Images)
ولابد من اختيار الخيار المحدد اي حفظ الصور بمجلد ال images
كون انه نحنا عملنا قص للصور
2- نختار اسم الملف او الصفحة مثلا اذا كانت واجهة موقع نختار index
3 - هذا الاعداد مهم جدا لكي تظهر صفحتك بشكلها المتناسق ونختار هذا الخيار ( XHTML)
4 بعد ذلك نختار الحفظ Save
=============
من ثم فيك ان تعمل معاينة لعملك من مكان ما حفظتة فيه وارسالها لمساحة موقعك مع مجلد ال images
وكل شيء يصير اخر حلاوه
==========
طبعا هذا المثال اللي انا عملته
( إدعس هنـــــــــــــــــــــا ) بس بهداوة ياحلو
طبعا الصوره متحركه كما هي رغم انه تم تقصيصها لعدة صور لووووووووووول
====
هذا وصلى الله على سيدنا محمد وعلى اله وصحبة اجمعين و
وسامحونا على التقصيييييييييييييير
رد مع اقتباس
مواقع النشر (المفضلة)