×

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

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

قديمة 04 - 05 - 2011, 05:36
المشاركة 1
نتيجة الدرس
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

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

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

تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)
سنقسم الشرح على ثلاثة ليرات :
1/ ليرة الزر
2/ ليرة إنحناء الزر
3/ ليرة القائمة التى تحمل الزر
ليرة الزر
نقم بسحب خطوط من خلال الضغط والسحب من المسطرة لتحديد منطقة العمل كما موضح فى الصورة التى بالأسفل

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

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

تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)
نحدد من شريط المهام درجة الإنحناء (10 بكسل)

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

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

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

وبعملية حسابية بسيط بما أننا نريد إضافة (4 بكسل) يمين ويسار يصبح العرض بدلاً من (111 بكسل) (119 بكسل)
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

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

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

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

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

هكذا

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

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

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

هكذا

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

ثم نختار الأداة التحديد (Direct Selection Tool) لسحب النقاط إلى خطوط الشبكة
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

هكذا
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

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

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

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

تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)
نضغط ضغطتان بسرعة لنعدل على قائمة الإستايلات تدرج اللون
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

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

تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)
ضع قيمة اللون فى المربع المشاؤ إلية بالسهم

تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)
ليصبح الشكل النهائى هكذا
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

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

تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)
ثم نختار من القائمة اليسرى (Bevel and Emboss) لوضع بروز للزر ، ضع القيم كما فى الصورة التالية
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

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

تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)
ليرة إنحناء الزر
قم بزيادة حجم الصورة يمين ويسار بمقدار (3 بكسل) من خلال قائمة (Image) الخيار (Canvas Size)
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

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

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

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

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

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

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

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

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

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

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

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

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

نختار من أدوات البن تول (Pen Tool) المربع (Rectangle Tool)
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

نحدد من شريط المهام زر حذف من الشكل
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

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

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

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

ثم نضع علامة صاح على (Reverse) لعكس تدرج اللون
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

ليصبح الشكل النهائى للزر والإنحناء (مكبر 200%) هكذا
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

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

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

من قائمة اللير ونضغط ضغطتان بسرعة لتغيير أسم الليرة إلى (القائمة) ثم ضغط مع السحب لوضع ليرة (القائمة) آخر ليرة ثم نضغط على (Gradient Overlay) لنغير إعدادات الإستايل لما يناسب القائمة
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

نضغط ضغطتان بسرعة لنعدل على قائمة الإستايلات تدرج اللون
تصميم زر بإنحناء إحترافي بأدوات البن تول (Pen Tool)

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

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

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

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

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

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

فى المرفقات صور الدرس (images) وناتج الدرس (button)
الملفات المرفقة
نوع الملف : zip button.zip (11.3 كيلوبايت, عدد مرات المشاهدة 258 مرة)
نوع الملف : zip images.zip (735.5 كيلوبايت, عدد مرات المشاهدة 495 مرة)
المشاهدات 8202 | التعليقات 50
قديمة 04 - 05 - 2011, 06:08
المشاركة 2
صورة '@الطائر الجريح@' الرمزية
@الطائر الجريح@
||| عضو التميز |||
تاريخ الإنضمام: 29 - 04 - 2007
رقم العضوية : 35599
الدولة : الكويت
العمر: 28
المشاركات: 19,213
3
افتراضي
مجهود رائع يستحق الشكر والثناء
قديمة 04 - 05 - 2011, 12:12
المشاركة 3
Mido Torres
:: عضو نشيط ::
تاريخ الإنضمام: 30 - 09 - 2008
رقم العضوية : 61035
الدولة : .:: photoshop ::.
المشاركات: 1,670
افتراضي
مآشآء الله
درس ولا آروع والله
ومُفيد جداً
تسلم آيدكـ
مراد بورجي معجب بهذا.

قديمة 04 - 05 - 2011, 12:28
المشاركة 4
صورة 'عزف الجروح' الرمزية
عزف الجروح
:: عضو نشيط ::
تاريخ الإنضمام: 15 - 10 - 2009
رقم العضوية : 73627
الدولة : بينْ غيمهہِ حزنْ وَ قطرهہِ فرح ..
العمر: 33
المشاركات: 4,144
24
قديمة 04 - 05 - 2011, 12:43
المشاركة 5
صورة 'UAE SUPPORT' الرمزية
UAE SUPPORT
:: عضو نشيط ::
تاريخ الإنضمام: 15 - 10 - 2009
رقم العضوية : 70577
الدولة : آلعيــٍ Ự.ᾱ.Ὲ ـٍن
المشاركات: 1,913
افتراضي
بطل .. والله .. يعطيك ربي العافية
للإتصال : [email protected]
Tel: 00967701809131
WhatsApp:00967711811465
قديمة 04 - 05 - 2011, 12:47
المشاركة 6
صورة 'SOKON' الرمزية
SOKON
:: عضو نشيط ::
تاريخ الإنضمام: 20 - 01 - 2010
رقم العضوية : 76346
الدولة : أرض المقدس .’
العمر: 37
المشاركات: 764
1
افتراضي
عافاك الله
شرح ولا اروع
جزاك الله كل خير
قديمة 04 - 05 - 2011, 13:30
المشاركة 7
صورة 'ياقلبي إبتسم' الرمزية
ياقلبي إبتسم
:: عضو نشيط ::
تاريخ الإنضمام: 15 - 07 - 2009
رقم العضوية : 66130
الدولة : آألــ ج ــنوب آألعربي
المشاركات: 745
1
افتراضي
شكرا اخووووووووووووي احلى درس ....!^^
بـآك ترآأيدنت
قديمة 04 - 05 - 2011, 17:39
المشاركة 8
صورة 'صوت الغضب' الرمزية
صوت الغضب
:: عضو نشيط ::
تاريخ الإنضمام: 04 - 03 - 2011
رقم العضوية : 97270
الدولة : عالم الآبداع
المشاركات: 513
افتراضي
جزاك الله كل خير

جهد جبار
قديمة 08 - 05 - 2011, 23:33
المشاركة 9
أكرم أحمد
:: عضو نشيط ::
تاريخ الإنضمام: 15 - 10 - 2009
رقم العضوية : 74512
المشاركات: 293
24
افتراضي
بارك الله فيكم أخوتى الكرام
أسعدنى تجاوبكم
قديمة 09 - 05 - 2011, 12:31
المشاركة 10
صورة 'abyhafs' الرمزية
abyhafs
:: عضـــو::
تاريخ الإنضمام: 03 - 03 - 2010
رقم العضوية : 78969
الدولة : القاهرة - مصر ( حرسها الله )
المشاركات: 110
افتراضي
بارك الله فيك

درس طيب
اسم الشركة : دار حفص للبحث العلمي وتحقيق التراث
صاحب الشركة : أبو حفص المسندي القاهري
أداء الشركة : صف - تخريج أحاديث - تحقيق مخطوطات - تنسيق - بحث علمي - مراجعة لغوية - تصميم - برمجة - دعم فني
بريد صاحب الشركة : [email protected]
رابط عروض الشركة : http://www.mosndy.net/dar-hafs/
هاتف : 00201222732826 - 00201142710041
--------------------------------

موقع أهل الإسناد لعلوم الحديث الشريف
www.ahlalisnad.com
موقع المسندي للعلوم الشرعية
www.mosndy.net
قديمة 09 - 05 - 2011, 13:11
المشاركة 11
صورة 'lamasat4u' الرمزية
lamasat4u
:: عضو نشيط ::
تاريخ الإنضمام: 18 - 02 - 2010
رقم العضوية : 78452
الدولة : بنت بوظبي ^^
المشاركات: 3,255
15
افتراضي
جميل جدااا ،،

يعطيك العافيه عالمجهود
اسم الشركه : لمسات
أداء الشركـــه : تصميم ستايلات وواجهات
بريد الشركـــه : [email protected]
موقع الشركه : www.lamasat4u.net

واتس اب : 00971561422048

خذني معكـ لاجيت ترحل عن النــاس


قديمة 09 - 05 - 2011, 13:18
المشاركة 12
صورة 'Mr.Hamoudi' الرمزية
Mr.Hamoudi
:: عضو فعال ::
تاريخ الإنضمام: 09 - 09 - 2010
رقم العضوية : 81215
الدولة : المملكة العربية السعودية
المشاركات: 184
2
افتراضي
بآرك الله فيك ،

قديمة 09 - 05 - 2011, 13:33
المشاركة 13
صورة 'ماى اون لاين' الرمزية
ماى اون لاين
:: عضو نشيط ::
تاريخ الإنضمام: 01 - 03 - 2011
رقم العضوية : 92302
المشاركات: 307
افتراضي
يعطيك العافية
شرح رائع
مبدع كالعادة
قديمة 09 - 05 - 2011, 21:38
المشاركة 14
عاشق ومفارق
:: عضو فعال ::
تاريخ الإنضمام: 09 - 09 - 2010
رقم العضوية : 81257
الدولة : سعودي وكلي فخر
المشاركات: 140
افتراضي
ابداع لاحدود له يسلمو وعساك على القوه
قديمة 12 - 05 - 2011, 23:01
المشاركة 15
صورة 'Rida Sanhaji' الرمزية
Rida Sanhaji
:: عضو فعال ::
تاريخ الإنضمام: 01 - 03 - 2011
رقم العضوية : 92539
الدولة : المملكة المغربية
العمر: 26
المشاركات: 167
2
افتراضي
شرح ولا اروع
جزاك الله كل خير
 
اضافة رد
 
العلامات المرجعية

درس تصمـــيم بانر إحترافــي ~ حصري على ترايدنت شرح اضافة خلفية صوتية للمواضيع

أدوات الموضوع ابحث في الموضوع
ابحث في الموضوع:

البحث المتقدم
طرق العرض


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 10:57.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة Traidnt 2018
  • 00966138651070
  • 00966138648289
  • 2051033691
Powered by vBulletin® Version 3.8.7 .Copyright ©2000 - 2019, Jelsoft Enterprises Ltd
SEO by vBSEO ©2011, Crawlability, Inc.