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

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

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

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

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

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

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

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

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

ثم نختار الأداة (Add Anchor Point [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] لإضافة نقطتان للشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

ثم نختار الأداة (Convert Point [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] لجعل النقاط زوايا قائمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

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

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

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

لتظهر قائمة نختار منها (Gradient Overlay)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

نضغط ضغطتان بسرعة على المنطقة المحددة ونحدد قيمة اللون اليمين (e97db1) واليسار (d84974)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نضغط ضغطتان بسرعة على المنطقة المحددة ونحدد قيمة اللون : على اليمين (ffffff) و (d0d0d0) وعلى اليسار (e6e6e6) و (ffffff)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

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

</blockquote>[/size]

» طلب تصميم
» تصميم
» تصميم
» تصميم 2
» طلب تصميم