المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : [درس] درس لعمل User Bars درس جميل ومفيد


محسن
10-09-2008, 08:13 AM
أولا نقوم بعمل مشروع جديد New Project أو ملف جديد New File


بحجم 400بيكسل في العرض و 22 بيكسل في الطول و أيضا بخلفية شفافة Transparent ،،


أنضر في الصورة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


هذا هو الملف

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


نختار لون ونلون به الملف
انا اختر الاخضر


[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

- بعد اختيارك للون قم بالضغط على الطبقة Layer بالزر الايمن للماوس و اختر Blending Option .

كما في الصورة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

من ثم قم باختيار خاصية التدرج Gradient Overlay

ثم اضغط على الشريط المدرج باللون الاسود و الابيض

ثم ستضهر لك نافدة أخرى لتحرير التدرج Gradient Editor

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

قم بأختيار التدرج الاول في الـ Presets الذي يتكون من اللون الذي اخترته في الاول و اللو ن الاسود

ثم اختر اللون الذي تريد ان تدرجه مع اللون الذي اخترته و من ثم تقوم بالتحكم في التدرج

( يوجد في ذالك الشريط الكبير أربعة أسهم اثنان في الاعلى و اثنان في الاسفل استعمل فقط الاسهم الذي في الاسفل لتغيير الالوان )

السهم الذي على اليسار يمثل اللون الاسفل في الـ User Bar و التي في الايمن تمثل اللون الاعلى . أنا اخترت في هذا الدرس الاخضر الفاتح في الاسفل .

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]



النتيجة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

الان المطلوب عمل باترن

ملاحظة : الباترن جاهز بالمرفقات لكن انصحكم بتطبيق الشرح لكي تتعلمون صنع واحد

قم بعمل New File ملف جديد Ctrl + N بحجم 4×4 pixels و بخلفية شفافة Transparent


كما في الصورة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

ثم

ثم قم باختيار أداة القلم Pen Tool كما في الصورة

مع مراعاة بتغيير حجم القلم الى 1 بيكسل 1 pixel و الـ Hardness الى 100%

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


ثم

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

من ثم قم باعتمادها على شكل Pattern

بالذهاب الى


Edit > Define Pattern

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


ثم اعتمدها وسميها كما تحب

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

الان انشيء طبقة جديدة


[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

ثم قم بملء هذه الطبقة بالـ Pattern الذي قمنا بعمله بالذهاب الى

Edit > Fill

كما في الصورة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


الان قم بختيار الـ Pattern الذي قمنا بعمله في خاصية الـ Contents و قم بعمل قيمة الـ Opacity مابين 15 بيكسل و 25 .


[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

النتيجة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

الان سنقوم بادخال أيقونة أو صورة ما حسب اختيارنا و

هنا قمت باختيار شعار منتديات سوفت ليبيا

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


الان نقوم بكتابة شيء على البار

تضغط على ايقونة الكتابة وتختار هذا الخط وهذه الاعدادات

كما في الصورة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

انا قمت بكتابة

Softlibya.com for free programs

تستطيع اختيار الكتابة بنفسك

ثم نقوم بعمل تاثير للكتابة

كما في االصورة التالية

تظغط كليك يمين على طبقة الكتابة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

ثم طبق التالي


[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

الان انشيء طبقة جديدة ثم قم باختيار اداة التحديد نختار الشكل الدائري كما في الصورة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

الان قم بعمل طرف هذه الدائرة أعلى الشريط


كما في الصورة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

الان قم بالذهاب الى Edit > Fill و قم باختيار اللون الابيض و قم بتعديل الـ Opacity مابين 50 و 75 في المئة

كما في الصورة :

1

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

2

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

النتيجة


[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


الان قم بانشاء طبقة جديدة و قم بتحديد الكل Ctrl + A كما في الصورة


[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


ن ثم قم بالذهاب الى Stroke في الـ Blending Option للطبقة و قم بتحرير الاعدادت كما في الصورة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

ثم طبق التالي كما في الصورة ثم اضغط

OK

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

الان قم بحفظ العمل

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

النتيجة النهائية اعتبرها ليست جيدة كفاية تستطيعون عمل اجمل منها

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

الملف مفتوح

PSD

+

الباترن

+
الشرح كصفحة انترنت


التحميل

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات] ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])


بالتوفيق للجميع

والى اللقاء في درس اخر



الملفات المرفقة [فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات] درس لعمل User Bars.zip ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]) (1,014.7 كيلوبايت)

غزآلهـ ماتنصآد
10-15-2008, 02:23 AM
درس رائع

ومجهود ولا اروع

الله يعطيك العافيه

ارق تحيه

نجم سهيل
10-15-2008, 02:35 AM
مشكوووووووووووووووووووووووور
درس رائع