احباب كوم

اهلا بكم و نحن فريق العمل الخاص بمنتدى نرحب بكم و نتمى لكم جولة سعيدة في المنتدى

منتديات احباب كوم


    شرح تصميم واجهة موقع احترافية

    شاطر

    اسلام
    المساهمات1
    المساهمات1

    عدد الرسائل : 49
    العمر : 33
    الوطن :
    نزيم الجزائري : <!--- MySMS By AlBa7ar Semauae.com --><form method="POST" action="--WEBBOT-SELF--"> <!--webbot bot="SaveResults" u-file="fpweb:///_private/form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" --><fieldset style="padding: 2; width:208; height:104"> <legend><b>My SMS</b></legend> <marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrolldelay="2" scrollamount="1" style="text-align: center; font-family: Tahoma; " height="78">مرحبا بكم في منتدى نزيم الجزائري</marquee></fieldset></form><!--- MySMS By AlBa7ar Semauae.com -->
    تاريخ التسجيل : 21/01/2008

    شرح تصميم واجهة موقع احترافية

    مُساهمة من طرف اسلام في الجمعة أبريل 11, 2008 3:10 pm

    <hr style="color: rgb(177, 187, 207);" size="1">





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

    اليكم درس تصميم واجهة موقع احترافية

    اولاً نقوم بتشغيل برنامج الفوتوشوب بمقاس 800 * 600 بيكسل

    ثم نقوم بانشاء طبقة جديدة بالضغط على ctrl + shift + n كما بالصورة:



    ثم نختار اداة rectangle tool كما بالصورة:



    ثم نضغط على السهم الصغير الموجود بلوحة الاستايلات كما بالصورة:




    ثم نضغط على buttons كما بالصورة:



    ثمستظهر لنا نافذة و نضغط فيها على append كما بالصورة:



    ثم ستظهر لنا استايلات جديدة فى لوحة الاستايلات و نحتار منها الاستايل الاحمر الذى سيمى ب red gil كما بالصورة:



    ثم نقوم بانشاء طبقة جديدة بنفس الطريقة المذكورة فى بداية الشرح و نرسم باداة rectangle tool مستطيل كما بالصورة:



    و نجعل لونه بالاستايل bright red bevel كما بالصورة:



    ثم نضغط على filter و نختار من القائمة التى ستظهر لنا distort و من القائمة التى ستظهر بعد ذلك نختار ripple كما بالصورة:



    و بعد ذلك نضغط على قائمة filter و نختار من القائمة التى ستظهر لنا
    distort ثم نخ تار من القائمة الاخرى التى ستظهر لنا wave كما بالصورة:



    ثم نقوم بعمل طبقة جديدة بنفس الطريقة المذكورة فى اول الشرح و نرسم باداة
    rectangle tool مستطيل اخر بنفس الطريقة المذكورة فى اول الشرح و بعد ذلك
    نضغط على قائمة edit و نختار منه transform و نختار من القائمة الاخرى
    التى ستظهر لنا warp كما بالصورة:



    ثم نغير شكلها بتحريك الدائرة الصغيرة الثانية من اليمين بالطريقة المطلوبة ليصبح الشكل كما ترى فى الصورة:






    و نرسم مستطيل اخر بالطريقة المذكورة فى البداية و نقوم بعمل نفس التاثير warp على المستطيل
    ثم نقوم بانشاء طبقة جديدة و نرسم مستطيل فى المنتصف و يوازى المستطيلان
    الموجودان على اليميمن و اليسار و نقوم بعمل التاثير warp عليه ثم نرسم
    مستطيل اخر بالاسفل تحت كل ما تم تصميمه
    و نقوم بعمل التاثير ripple الموجود فى قائمة distort الموجودة بقائمة filter و ستكون النتيجة كالتالى:



    ثم نقوم برسم الزرار التى تريدها كما تشاء باستخدام اداة rectangle tool و
    قم بالتعديل عليها و تلوينها كما تحب و بعد ذلك قم بكتابة الكلمات التى
    تريدها على تلك الازرار و عمل التاثيرات التى تريدها عليها

    و صورة للناتج النهائى قبل وضع الازرار و التاثيرات المطلوبة:





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

    واريد ان ارى تطبيقاتكم

    مع تحيات عمر محسن شاكر








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

      الوقت/التاريخ الآن هو الأربعاء يوليو 18, 2018 3:31 am