الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   تبادل خبرات التصميم (http://www.arabwebtalk.com/forumdisplay.php?f=58)
-   -   طريقة عمل هيدر الفراشات الفلاشى و أمثاله (http://www.arabwebtalk.com/showthread.php?t=28666)

doongoan 24-06-2006 12:26 PM

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

وبالرغم من ان هذه الاشكال الفلاشيه تكررت فى كثير من المواقع بشكل ملفت للنظر إلا ان كثير من الاخوان مازالوا يطلبونها فى هيدر مواقعهم

=======
وعليه : فاليكم طريقة عمل مثل هيدر الفراشات بكل سهوله بإذن الله
:

سنحتاج الى برنامج سويش ماكس
ويكمن تحميله من هنـــــــــــــــــــا بالكراك
حجم الملف 10 ميجا تقريبا

وسنحتاج الى ملف الفراشات مفتوح حتى نستخدمه فى الهيدر
وهنــــــــــــــــــــا ستجد عدد كبير جدا من الملفات المفتوحه للسويش كلها تصلح للتأثيرات المشهوره و المتداوله مثل الفراشات و القلوب و الغيوم و الدموع و اللمعه على النص و خلافه
حجم الملف 400 ك.ب تقريبا
=============
الى الشرح:

بعد ان أنهيت تصميم واجهة الموقع على الفوتوشوب و الحمد لله
حانت لحظة تقطيع الواجهه بواسطة الفوتوشب

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



وإذا كنت مضطر فيمكنك القطع بعد المنحنى

يعنى من تحت المنحنى تقطع الهيدر بحيث لا تفصل صورة المنحنى وسط المنحنى

لماذا ؟

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

وسبب هذا الحد ان الصور الموجوده بالتصميم هى رسوميات نقطيه
bitmab grphics
و الملف الفلاشى هو رسوميات متجه
vector graphics

بما يجعل درجات نفس اللون بنفس الكود تختلف و طريقة رسم المنحنيات تختلف
============
وطبعا هذا الامر لا نضعه بالاعتبار عندما نقطع بشكل متماثل عرضيا



=======================

الان إنتهينا من كل ما يخص ما قبل العمل فى برنامج السويش

بعد ان قطعت التصميم
واصبحت عندك صوره واحده عريضه للهيدر

إعرف مقاسات هذه الصوره



كما يظهر بالصوره فإن المقاس وجدته 800*189

إذن إفتح السويش


وخلى العمل مقاسه 800 * 189


وخلى الاعدادات كما بالصوره



الان إسحب الصوره الى السويش





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



الان إفتح اى من التأثيرات التى حملتها ببداية الموضوع
ولنأخذ الفراشات كمثال





وبالماوس الايمن نختار copy object على الفراشة الزغنونه
او فى باقى الملفات على التأثير الذى يعجبنا بنفس الاسلوب



ونذهب الى الملف الذى فتحناه منذ قليل فى السويش والذى وضعنا به صورة الهيدر
وفوق الصوره نختار paste object



فنجد ان الفراشة ظهرت فوق الصوره
ويمكننا تحركيها ايضا إذا رغبنا بواسطة المؤشر



الان نريد نعطيها إنطباع انها تتحرك وتمرح بالصوره يعنى ليست ثابته حتى يحس مشاهد التصميم انها فراشة حقيقيه يمكنها ان تخرج من الشاشه :D

نختار هذه الاداه



ونبدأ فى سحب الفراشه فى المسارات التى نريدها تتحرك بها



===========

أى تساؤل او إستفسار انا حاضر

أخوكم




Illusion 24-06-2006 12:40 PM

شكرا لك اخى الكريم على الدرس الرائع

ور تحرمنا من جديدك دائما

doongoan 24-06-2006 01:10 PM

شكرا جزيلا اخى الغالى
واسف نسيت ارفق الملفات

وجارى رفعهم

doongoan 24-06-2006 11:42 PM

تم رفع الملفات
حجم الاول 10 ميجا
والثانى 400 كيلو بايت

وتحميلهم مباشر
بالماوس الايمن وحفظ بإسم

بالتوفيق

Mr.Lord 25-06-2006 02:07 AM

والله مبدع


تسلم حبيبى على هالشرح المميز

الله يعطيك العافيه

تحياتى لك

windy 25-06-2006 02:26 AM

يعطيك العافيه مشرفنا الرااائع

وان شاءالله بعد الدورة اقدر اعمل هذي الاشياء كلها

دمت بود

ويندي

فـــوكـــس 25-06-2006 05:25 AM

جزاك الله خير يا بعدهم ....

ولا تحرمنا من جديدك

doongoan 26-06-2006 11:35 PM

شكرا جزيلا عالردود الرائعه إخوانى الكرام

الذئب الهلالي 27-06-2006 07:52 AM

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

الأن أنا أخترت تأثير أبي أدخله أول ما أظغط

Open
يطلعلي



وظغطت
yas

طلعلي


وظغطت
save

طلعلي من القائمه



وين راح الهيدر ألى أنا حطيته أخوي أذا أنت ما لقيت حل ممكن لوتعطيني أميلك


وشكرررررر

الذئب الهلالي 27-06-2006 07:54 AM

معليش أخوي اول صوره نسيت أحطه وهذا الصوره



الذئب الهلالي 27-06-2006 08:06 AM

أخووووي والله مستعجل

الذئب الهلالي 28-06-2006 07:24 AM

وييييييييينك

الـــنـــايـــف 28-06-2006 06:34 PM

وربي حركاات جداً رووعه ..
تسلم يمينك حبيب قلبي ..
بصرااحة جد ما اعرف كيف اشكرك على الخدمة الممتازة هذي ..
بس بعد عندي استفسار يا ليت لو القى له حل ..
الفراشه لما الصقها على التصميم .. وأحركها بواسطة الادارة المشار اليها تجي الحركة مرة سرريعه ..
ولو خليتها تبدا من اليمين وتنتهي في اليسار .. لما توصل اليسار تختفي وترجع تبدأ من اليمين ..
يعني ما اقدر اتحكم في وقت حركتها ..
واذا ابيها تبدا من المكان اللي انتهت فيه اقدر والا لا ..
اما بالنسبة لاخوي الذئب الهلالي vbmenu_register("postmenu_171984", true);




حاول يالغالي تفتح على التأثير اللي تبيه .. وتضغط عليه بالزر الايمن وتحط فتح بإستخدام السويش ماكس ولما يفتح لك انسخ الحركة نفسها والصقها على العمل اللي انت فاتحه اصلاً بالسويش اللي عندك ..!!

الف شكر مرة اخرى على الخدة المميزة

doongoan 28-06-2006 08:57 PM

مرحبا اخى الذئب الهلالى
اسف عالتأخير بالرد

كما قال الاخ النايف جزاه الله خيرا

فأظن انك اغلقت الملف الاول قبل فتح الثانى وهذا غير مطلوب

فالمطلوب هو ان تترك الاول مفتوحا وتفتح الى جواره الملف الذى يحمل التأثير
==========
جرب وردلى خبر

doongoan 28-06-2006 09:02 PM

إقتباس:

اقتباس من مشاركة الـــنـــايـــف
وربي حركاات جداً رووعه ..
تسلم يمينك حبيب قلبي ..
بصرااحة جد ما اعرف كيف اشكرك على الخدمة الممتازة هذي ..
بس بعد عندي استفسار يا ليت لو القى له حل ..
الفراشه لما الصقها على التصميم .. وأحركها بواسطة الادارة المشار اليها تجي الحركة مرة سرريعه ..
ولو خليتها تبدا من اليمين وتنتهي في اليسار .. لما توصل اليسار تختفي وترجع تبدأ من اليمين ..
يعني ما اقدر اتحكم في وقت حركتها ..
واذا ابيها تبدا من المكان اللي انتهت فيه اقدر والا لا ..
اما بالنسبة لاخوي الذئب الهلالي vbmenu_register("postmenu_171984", true);




حاول يالغالي تفتح على التأثير اللي تبيه .. وتضغط عليه بالزر الايمن وتحط فتح بإستخدام السويش ماكس ولما يفتح لك انسخ الحركة نفسها والصقها على العمل اللي انت فاتحه اصلاً بالسويش اللي عندك ..!!

الف شكر مرة اخرى على الخدة المميزة

الله يحفظك والله على كلامك الجميل اتمنى اكون استحقه ربعه

بالنسبه لما تسأل فهو ممكن طبعا
وسوف أشرحه بالصور لزيادة الفائده

فقط إنتظرنى ساعه ويكون الشرح هنا بإذن الله

أخوك

الـــنـــايـــف 28-06-2006 09:03 PM

الله يثيبك ويجزاك خير ..
انا بالانتظار .. خذ راحتك

الذئب الهلالي 29-06-2006 07:05 AM

جزا الله خير يا نايف

و

doongoan

@@@@@@@

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

والنتيجه

تطلعلي صفحه سوداء

LMSTY-DES 08-07-2006 06:04 PM

مشكور ياغالا


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 12:50 PM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012