واسع الخيال
08-01-2007, 09:02 PM
افتح عمل جديد بمقاس 535x123 بهذا اللون 154a77 كلون امامى واملأ بها الخلفيه
والان اضغط ضغطتين على لاير background ليمكننا من التعديل فيها فيما بعد
الان يجب ان يكون لديك هذا الشكل
http://www.webdesign.org/img_articles/12384/_1.jpg
الان اضغط على اللير بيمين الماوس واختار Blending Options ثم "Gradient Overlay"
ثم طبق الاوامر التاليه
http://www.webdesign.org/img_articles/12384/2.jpg
ثم اضغط ok
الان يجب ان يكون لديك هذا الشكل
http://www.webdesign.org/img_articles/12384/_3.jpg
الان قم بعمل لير وسمها menu
الان استخدم Rounded Rectangle Tool فى رسم مستطيل كما بالصوره
وباستخدام radius of 10 pixels
ثم باستخدام اداة التحريك قم بتحريك المستطيل كما فى الشكل ولا تنسى الضغط على زر كنترول فى اثناء التحريك
الان يجب ان يكون لديك هذا الشكل
http://www.webdesign.org/img_articles/12384/_4_002.jpg
الان قم بتحميل هذا الباترن (http://www.webdesign.org/img_articles/12384/scanline.zip)
الان اضغط على بزر الفاره الايمن على اللير menu ثم Blending Options... ثم اختار Drop Shadow". وطبق القيم التاليه
http://www.webdesign.org/img_articles/12384/5_002.jpg
لا تضغط ok مازال لدينا شىء نعمله اضغط Gradient Overlay وطبق القيم التاليه
http://www.webdesign.org/img_articles/12384/6_002.jpg
لسه لا تضغط ok اذهب الى Pattern Overlay وطبق القيم التاليه
http://www.webdesign.org/img_articles/12384/7.jpg
تقدر تدوس ok الان
الان المفترض ان تحصل على الشكل التالى
http://www.webdesign.org/img_articles/12384/_8_002.jpg
الان نرجع الى الاداه Rounded Rectangle Tool ونرسم مستطيل داخل القائمه بradius
of 5 pixelsبلون 30516d
ثم استخدم اداة التحريك لرسم التدرج التالى
http://www.webdesign.org/img_articles/12384/_9_002.jpg
الان قم بمضاعفة اللير menu ثم اذهب الى بلتيت الالوان واستخدم اللون 093f6c
الان اذهب الى Edit ثم Free Transform وقلل العرض ب 5% والطول ب 10%
وسمى هذه اللير button ليكون لديك الشكل التالى
http://www.webdesign.org/img_articles/12384/_10_002.jpg
الان كليك يمين على اللير button ثم Blending Options...
ثم اضغط على Drop Shadow ثم طبق القيم التاليه
http://www.webdesign.org/img_articles/12384/11.jpg
لا تضغط ok اضغط على Gradient Overlay
ثم طبق الاتى
http://www.webdesign.org/img_articles/12384/12_002.jpg
لسه انت ليه مستعجل على ال ok اضغط على Pattern Overlay
وطبق الاتى
http://www.webdesign.org/img_articles/12384/13.jpg
برده لا تضغط ok اضغط Stroke ثم طبق الاتى
http://www.webdesign.org/img_articles/12384/14_002.jpg
الان يمكنك الضغط على ok ليكون لديك هذا الشكل
http://www.webdesign.org/img_articles/12384/_15.jpg
الان يمكنك كتابة ما تريد داخل هذا المستطيل وهذا مثال عليه
http://www.webdesign.org/img_articles/12384/_17_002.jpg
الان يمكنك بنفس الطريقه اضافة بقية الازرار
ليكون الشكل هكذا
http://www.webdesign.org/img_articles/12384/_19.jpg
ومع بعض الاضافات يكون الشكل هكذا
http://www.webdesign.org/img_articles/12384/_results.jpg
اتمنى ان يكون الشرح قد اعجبكم
وفى انتظار تطبيقاتكم وردودكم
تحياتى
والان اضغط ضغطتين على لاير background ليمكننا من التعديل فيها فيما بعد
الان يجب ان يكون لديك هذا الشكل
http://www.webdesign.org/img_articles/12384/_1.jpg
الان اضغط على اللير بيمين الماوس واختار Blending Options ثم "Gradient Overlay"
ثم طبق الاوامر التاليه
http://www.webdesign.org/img_articles/12384/2.jpg
ثم اضغط ok
الان يجب ان يكون لديك هذا الشكل
http://www.webdesign.org/img_articles/12384/_3.jpg
الان قم بعمل لير وسمها menu
الان استخدم Rounded Rectangle Tool فى رسم مستطيل كما بالصوره
وباستخدام radius of 10 pixels
ثم باستخدام اداة التحريك قم بتحريك المستطيل كما فى الشكل ولا تنسى الضغط على زر كنترول فى اثناء التحريك
الان يجب ان يكون لديك هذا الشكل
http://www.webdesign.org/img_articles/12384/_4_002.jpg
الان قم بتحميل هذا الباترن (http://www.webdesign.org/img_articles/12384/scanline.zip)
الان اضغط على بزر الفاره الايمن على اللير menu ثم Blending Options... ثم اختار Drop Shadow". وطبق القيم التاليه
http://www.webdesign.org/img_articles/12384/5_002.jpg
لا تضغط ok مازال لدينا شىء نعمله اضغط Gradient Overlay وطبق القيم التاليه
http://www.webdesign.org/img_articles/12384/6_002.jpg
لسه لا تضغط ok اذهب الى Pattern Overlay وطبق القيم التاليه
http://www.webdesign.org/img_articles/12384/7.jpg
تقدر تدوس ok الان
الان المفترض ان تحصل على الشكل التالى
http://www.webdesign.org/img_articles/12384/_8_002.jpg
الان نرجع الى الاداه Rounded Rectangle Tool ونرسم مستطيل داخل القائمه بradius
of 5 pixelsبلون 30516d
ثم استخدم اداة التحريك لرسم التدرج التالى
http://www.webdesign.org/img_articles/12384/_9_002.jpg
الان قم بمضاعفة اللير menu ثم اذهب الى بلتيت الالوان واستخدم اللون 093f6c
الان اذهب الى Edit ثم Free Transform وقلل العرض ب 5% والطول ب 10%
وسمى هذه اللير button ليكون لديك الشكل التالى
http://www.webdesign.org/img_articles/12384/_10_002.jpg
الان كليك يمين على اللير button ثم Blending Options...
ثم اضغط على Drop Shadow ثم طبق القيم التاليه
http://www.webdesign.org/img_articles/12384/11.jpg
لا تضغط ok اضغط على Gradient Overlay
ثم طبق الاتى
http://www.webdesign.org/img_articles/12384/12_002.jpg
لسه انت ليه مستعجل على ال ok اضغط على Pattern Overlay
وطبق الاتى
http://www.webdesign.org/img_articles/12384/13.jpg
برده لا تضغط ok اضغط Stroke ثم طبق الاتى
http://www.webdesign.org/img_articles/12384/14_002.jpg
الان يمكنك الضغط على ok ليكون لديك هذا الشكل
http://www.webdesign.org/img_articles/12384/_15.jpg
الان يمكنك كتابة ما تريد داخل هذا المستطيل وهذا مثال عليه
http://www.webdesign.org/img_articles/12384/_17_002.jpg
الان يمكنك بنفس الطريقه اضافة بقية الازرار
ليكون الشكل هكذا
http://www.webdesign.org/img_articles/12384/_19.jpg
ومع بعض الاضافات يكون الشكل هكذا
http://www.webdesign.org/img_articles/12384/_results.jpg
اتمنى ان يكون الشرح قد اعجبكم
وفى انتظار تطبيقاتكم وردودكم
تحياتى