المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : شرح عمل واجهه ::


الكبير اوى
08-04-2010, 09:18 AM
http://dc01.arabsh.com/i/00087/d93zv9s1zq71.gif

شرح عمل واجهه ::

الفكرة بالون - التنسيق - الاسلوب .


واعود واكرر : انة ليس عمل احترافي .. ولكن لاعطاء الجميع فكرة عن كيفية العمل
وطبعا الاذواق تلعب دور والوقت ايضا

كل ما اخذت وقت + ذوق = ابداع حقيقي
الخبرة + لوقت + الذوق + التنسيق = محترف

تيب

ولماذا حد يتحكم فيكــ .. بحقوقة .. اواسمة او لااسمح لاحد بنزع حقوقي ...الخ

لاتوجع راسك وتابع هذا الشرح ... وان شاء الله بيعطيك فكرة عن الى في راسك..
وانت ملك نفسكــ .

بداية ::
طبعا يجب ان يكون لديك الفوتوشوب + الفورنت بيج .. حتى تستطيع التصميم والتقطيع القليل من الصور للزينة

افتح الفوتوشوب لاهنت ...بالمقاسات التالية


-
-
-
-
http://up.7cc.com/upfiles/3GO97113.jpg





ثم اختر الون الي يعجبكــ



http://up.7cc.com/upfiles/8PF97113.jpg



املاء الصفحة او العمل بالون


http://up.7cc.com/upfiles/FjX97113.jpg


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


http://up.7cc.com/upfiles/qac97113.jpg



بعد رسم المربع - نختار الاداة السابقة لنتلاعب بالزوايا



http://up.7cc.com/upfiles/1RM97113.jpg



اضغط على زاوية المربع الي رسمناة واختر مثل مافي الشكل السابق




http://up.7cc.com/upfiles/3L697341.jpg

الان نختارة الاداة في الشكل السابق ونعمل على امالة الزاوية من تحت الى فوق

http://up.7cc.com/upfiles/urq97341.jpg


وطبعا مثل ماانتوا شايفين
اخذنا من الزاوية الى فوق مباشر الى انيصبح الشكل مثل القوس

http://up.7cc.com/upfiles/kRu97341.jpg


نختار مثل الصورة

http://up.7cc.com/upfiles/Bex97341.jpg

ثم نختار تنسيقات للشكل

http://up.7cc.com/upfiles/Ll297342.jpg


تابع الصور

http://up.7cc.com/upfiles/yhu97587.jpg


تمام

http://up.7cc.com/upfiles/59J97587.jpg

لاحظ الان سوف نقوم بعمل مستطيل
تحت الشكل ونملاءة بالون المناسب ..

http://up.7cc.com/upfiles/35697587.jpg

بعد ذالك نختار صورة .. ونضعها فوق الشكل
يجب ان تكون ليرة الصورة فوق ليرة الشكل
http://up.7cc.com/upfiles/krf97587.jpg


يجب علينا اتباع الارقام ومن ثم الضغط على كنترول وحرف جي بالانجليزي لتدخل الصورة بالشكل.

-
-
-
http://up.7cc.com/upfiles/zcr97587.jpg

والان نريد عمل ازرار للواجهه نختار الشكل السابق
ونقوم بعمل ازار حسب اختيارك وبالعدد الذي تريدة


http://up.7cc.com/upfiles/3gw97901.jpg

هكذا يصبح الشكل



http://up.7cc.com/upfiles/NZc97901.jpg

نقوم بتزيين الواجهه حسب ذووقك والكتابة على الزرار بمايناسبك


-
-

ثم احفظ الصورة على الجهاز

واعد ادراجها في الفوتوشوب

لتقطيعها

http://up.7cc.com/upfiles/Myy97901.jpg

الان وقت تقطيع الواجهه

http://up.7cc.com/upfiles/jkO97901.jpg

لاحظ اتبع الارقام

http://up.7cc.com/upfiles/BaK97901.jpg

بعد الانتهاء من التقطيع نحفظها بالصيغة السابقة الذكر

http://up.7cc.com/upfiles/tuu98131.jpg

يتم حفظها بهذة الصيغة

الاسم يجب ان يكون index
-
-


يتم حفظها على الجهاز

فتتكون لديك مجلد باسم images
وملف index

الان ناتي الى الفورنت بيج لي نفعل الازرار بالروابط
-http://up.7cc.com/upfiles/xOv98131.jpg

الشكل تم ادراجة بالفورنت بيج ...... فايل ثم فتح وافتح ملف ال index

فيصبح كالصورة السابقة


--
-
الان ناتي لتوسيط الواجهه

http://up.7cc.com/upfiles/An898131.jpg

بهذا سوف تجد الصورة تم توسيطها بالوسط


*-*- الان اضغط على الواجهه وبزر الفرة الايمن اختر خصائص الصفحة
ثم اختر لون الخلفية او ادرج خلفية بنفس الون

http://up.7cc.com/upfiles/4cU98131.jpg

انظر الصورة السابقة كيف يتم عمل الروابط الانتقالية

اعمل مثل هذة الطريقة على جميع الزرار

ثم
http://up.7cc.com/upfiles/ANp98131.jpg

حفظ


-
-
-
اتمنا ان تكون الفكرة وصلت وانت وذوووقكــ طبعااا

---

ولتحميل الواجههه اتبع المسار التالي

ادرج مجلد images و index
ارفعها الى ملجد منتداك الرئيسي اي داهل www


ادرجت الشرح ايضا بالمرفق على صيغة كتاب كروبات
لمن لم تظهر الصور عندة


مثال على الواجهه


http://up.7cc.com/upfiles/md899713.gif



اي استفسار انا جاهز
ودمتم بود

الملفات المرفقة http://www.p2h.cc/vb/images/attach/zip.gif شرح.zip‏ (http://www.p2h.cc/vb/attachment.php?attachmentid=2200&d=1251598702) (640.9 كيلوبايت, المشاهدات 142)

سارة محمد
05-27-2012, 02:24 PM
شرح فى غاية الرووعه
يسلمو الايادى على الطرح المتميز