منتديات محمد خالد التميز والشمول
تصميم زر بإنحناء إحترافي بأدوات البن تول Oooo_o10
منتديات محمد خالد التميز والشمول
تصميم زر بإنحناء إحترافي بأدوات البن تول Oooo_o10
منتديات محمد خالد التميز والشمول
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


منتديات محمد خالد|استايلات احلى منتدى | أكوادcss| تقنيات متقدمه| تصميم | دعم فنى | اشهار | تصاميم | تطوير| دروس | شروحات | أفلام وثائقيه | العاب | برامج 2019 | خدمات | إربح |
 
الرئيسيةمجلة منتديات محأحدث الصورالتسجيلدخول

 

 تصميم زر بإنحناء إحترافي بأدوات البن تول

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


تصميم زر بإنحناء إحترافي بأدوات البن تول Pi-ca-10
تصميم زر بإنحناء إحترافي بأدوات البن تول Painti10
تصميم زر بإنحناء إحترافي بأدوات البن تول Engine10
الدوله الدوله : تصميم زر بإنحناء إحترافي بأدوات البن تول Female31
ذكر
عدد المساهمات : 1396
مساهمه مشكوره : 7
تاريخ التسجيل : 21/10/2009
العمر : 39
المزاج : رايق

معلومات إضافيه
اخر المواضيع:

منتديات محمد خالد|برامج | شبكه| اناشيد| مسلسلات دينيه | برامج جوال | اشهار | تصاميم |


تصميم زر بإنحناء إحترافي بأدوات البن تول Empty
مُساهمةموضوع: تصميم زر بإنحناء إحترافي بأدوات البن تول   تصميم زر بإنحناء إحترافي بأدوات البن تول Emptyالأحد سبتمبر 11, 2011 1:51 am

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نتيجة الدرس
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

لقلة دروس البن تول (Pen Tool) التى تستخدم لرسم المتجهات أو الفيكتور وظن
الأخوة صعوبة تعلم البن تول (Pen Tool) والكل يعلم أن المتجهات أو الفيكتور
تمتاز بكثير من الرسوم النقطية فى حالة تكبير الصور لا تفقد جودتها ، عند
التعديل لا تستغرق وقت مثل الصور النقطية ، حجم الملف صغير مقارنة مع
الصورة النقطية الخ...
أردت أن أقدم درس لتصميم زر بأدوات البن تول (Pen Tool) فقط وقمت بإعداد
أكثر من (40) صورة ثابته ومتحركة حتى لا يخفى شئ على المتلقى ، واقصد
المتلقى هنا كل من أستخدم الحاسب حتى ولو لم يكن لديه فكرة عن أدوات البن
تول (Pen Tool) ، وفى الأخيرأشكر الأخ الرحالة لانه هو من دفعنى لتقديم هذا
الشرح بطلبه تصميم زر ، وأعلم أن الشرح طويل جداً كان بالإمكان أختصاره
بأربعة صور أو أقل وحتى كان بالإمكان الشرح بدون صور ، لكنى أفضل أن يكون
الدرس بإسهاب ليستفيد منه الكل.

بسم الله نبدأ
أفتح عمل جديد ::: الطول = 111 بكسل ::: العرض= 41 بكسل ::: الخلفية = شفافة
كما موضح فى الصورة التى بالأسفل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
سنقسم الشرح على ثلاثة ليرات :
1/ ليرة الزر
2/ ليرة إنحناء الزر
3/ ليرة القائمة التى تحمل الزر
ليرة الزر
نقم بسحب خطوط من خلال الضغط والسحب من المسطرة لتحديد منطقة العمل كما موضح فى الصورة التى بالأسفل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نختار من أدوات البن تول (Pen Tool) المستطيل منحنى الأطراف (المعين)

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نحدد من شريط المهام درجة الإنحناء (10 بكسل)

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

قم بزيادة حجم الصورة يمين ويسار بمقدار (4 بكسل) من خلال قائمة (Image) الخيار (
Canvas Size)

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وبعملية حسابية بسيط بما أننا نريد إضافة (4 بكسل) يمين ويسار يصبح العرض بدلاً من (111 بكسل) (119 بكسل)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم نضع خطوط شبكة للمنطقة التى أضفناها وكذلك إضافة خط تقريباً بمقدار (5 بكسل)

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم نختار الأداة (Add Anchor Point Tool) لإضافة نقطتان للشكل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هكذا

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم نختار الأداة (Convert Point Tool) لجعل النقاط زوايا قائمة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هكذا

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم نختار الأداة التحديد (Direct Selection Tool) لسحب النقاط إلى خطوط الشبكة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هكذا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم من قائمة اللير نضغط ضغطتان بسرعة على أسم الليرة لتسميتها بأسم (الزر) ثم من أسفل قائمة اللير نضغط على (FX) لوضع إستايل للزر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

لتظهر قائمة نختار منها (Gradient Overlay)

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نضغط ضغطتان بسرعة لنعدل على قائمة الإستايلات تدرج اللون
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نضغط ضغطتان بسرعة على المنطقة المحددة ونحدد قيمة اللون اليمين (e97db1) واليسار (d84974)

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ضع قيمة اللون فى المربع المشاؤ إلية بالسهم

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ليصبح الشكل النهائى هكذا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم نختار من القائمة اليسرى (Drop Shadow) لوضع ظل للزر ، ضع القيم كما فى الصورة التالية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثم نختار من القائمة اليسرى (Bevel and Emboss) لوضع بروز للزر ، ضع القيم كما فى الصورة التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ليصبح شكل الزر النهائي (مكبر 200%) هكذا

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ليرة إنحناء الزر
قم بزيادة حجم الصورة يمين ويسار بمقدار (3 بكسل) من خلال قائمة (Image) الخيار (Canvas Size)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وبعملية حسابية بسيط بما أننا نريد إضافة (3 بكسل) يمين ويسار يصبح العرض بدلاً من (119 بكسل) (125 بكسل)

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]








ثم نضع خطوط شبكة للمنطقة التى أضفناها وكذلك إضافة خط تقريباً بمقدار (9 بكسل) من الخط الذى وضعناه سابقاً

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نختار من أدوات البن تول (Pen Tool) الدائرة (Ellipse Tool)

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وبما إننا استخدمنا فى ليرة الزر إستايل سيظهر الإستايل عند رسم الدائرة ،
لا تعره إهتمامك سنقوم بإذالة كل من الظل والبروز بعد الإنتهاء من رسم
دائرتى الإنحناء
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نحدد من شريط المهام زر إضافة لرسم الدائرة الثانية فى نفس الليرة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم نرسم الدائرة الثانية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نرجع إلى قائمة اللير ونضغط ضغطتان بسرعة لتغيير أسم الليرة إلى (الإنحناء)
ثم نحذف الظل (Drop Shadow) والبروز (Bevel and Emboss) ثم نخفى ليرة الزر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نختار من أدوات البن تول (Pen Tool) المربع (Rectangle Tool)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نحدد من شريط المهام زر حذف من الشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم نحذف المنطقة التى سوف تختفى عند وضع القائمة التى تحمل الزر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نظهر ليرة الزر بالضغط على العين ، عندها سوف نلاحظ أن الإنحناء والزر
يحملا نفس تدرج اللون الفاتح لذا لابد من عكس تدرج اللون لإستايل الإنحناء
بالضغط على (Gradient Overlay)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم نضع علامة صاح على (Reverse) لعكس تدرج اللون
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ليصبح الشكل النهائى للزر والإنحناء (مكبر 200%) هكذا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ليرة القائمة التى تحمل الزر
نختار من أدوات البن تول (Pen Tool) المربع (Rectangle Tool) ثم نرسم مربع أسفل المنطقة التى حذفنا منها نصف الدائرة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

من قائمة اللير ونضغط ضغطتان بسرعة لتغيير أسم الليرة إلى (القائمة) ثم ضغط
مع السحب لوضع ليرة (القائمة) آخر ليرة ثم نضغط على (Gradient Overlay)
لنغير إعدادات الإستايل لما يناسب القائمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نضغط ضغطتان بسرعة لنعدل على قائمة الإستايلات تدرج اللون
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نضغط ضغطتان بسرعة على المنطقة المحددة ونحدد قيمة اللون : على اليمين (ffffff) و (d0d0d0) وعلى اليسار (e6e6e6) و (ffffff)

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم نختار من القائمة اليسرى (Drop Shadow) لوضع ظل للزر ، ضع القيم كما فى الصورة التالية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ليصبح الشكل النهائى للزر والإنحناء والقائمة هكذا

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://medonet2.yoo7.com
 
تصميم زر بإنحناء إحترافي بأدوات البن تول
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شرح تصميم خلفية نارية
» درس تصميم مزاجات ثابته ومتحركه
» شرح تصميم واجهة موقع احترافى
» الاستايل الملكى تصميم ميدونت
» برنامج تصميم التواقيع بالعربي

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