درس عمل فاصل مواضيع (userbar) بالتفصيل الممل

أولا نقوم بعمل مشروع جديد New Project أو ملف جديد New File بحجم 350
بيكسل في العرض و 20
بيكسل في الطول و أيضا بخلفية شفافة Transparent ،، أنضر في الصورة



- و الان كما ترون هنا حجم الشريط و شكله



- الان قم بملئه بأي لون تريد ،، هنا اخترت اللون الازرق .





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






- من ثم قم باختيار خاصية التدرج Gradient Overlay ،، من ثم اضغط على
الشريط المدرج باللون الاسود و الابيض من ثم ستضهر لك نافدة أخرى لتحرير
التدرج Gradient Editor .. اتبع كما في الصورة



- قم بأختيار التدرج الاول في ال Presets الذي يتكون من اللون الذي اخترته
في الاول و اللو ن الاسود و من ثم اختر اللون الذي تريد ان تدرجه مع اللون
الذي اخترته و من ثم تقوم بالتحكم في التدرج ( يوجد في ذالك الشريط الكبير
أربعة أسهم اثنان في الاعلى و اثنان في الاسفل استعمل فقط الاسهم الذي في
الاسفل لتغيير الالوان ) السهم الذي على اليسار يمثل اللون الاسفل في ال
User Bar و التي في الايمن تمثل اللون الاعلى . أنا اخترت في هذا الدرس
الازرق الفاتح في الاسفل .



- هنا كما ترون الشريط باللون المتدرج الذي قمنا بعمله .



- الان قم بعمل New File ملف جديد Ctrl + N بحجم 4×4 pixels و بخلفية شفافة
Transparent . كما في الصورة :



- ثم قم بتكبيرها بأدات التكبير Zoom حتى أقصى حد .



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



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



- ثم قم بعمل خط مائل كما في الصورة :



- من ثم قم باعتمادها على شكل Pattern بالذهاب الى Edit > Define
Pattern و قم بتسميتها خطوط أو أي شيء و من ثم قم بالضغط على Ok .



- سنعود الان الى منصة العمل الاولى و من ثم سنقوم بانشاء طبقة جديدة New
Layer .



- الان قم بملء هذه الطبقة بال Pattern الذي قمنا بعمله بالذهاب الى Edit
> Fill .



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



- و الان كما ترون الخطوط مندمجة مع الشريط



- الان سنقوم بادخال أيقونة أو صورة ما حسب اختيارنا و يمكن ان ندرج
أيقونات بصيغة Png بجودة عالية و تكون جميلة و سهلة الاستعمال و أيضا يمكن
أن ندخل صور مقصوصة أو معدلة و أيضا تقوم بتغير حجمها حسب الشريط و طبعا كل
ذالك حسب اختيارنا . هنا قمت باختيار رمز لوندوز vista .



- هنا تقوم بتصغير حجم الصورة أو الايقونة الذي تريد حسب الشريط و تقوم
بنسخها و لصقها في منصة عمل الشريط أو ادراجها فيه .



- هنا كماترون بعما قمت بتصغير حجم الصورة و التعديل عليها قمت بنسخها و
لصقها في طبقة جديدة في منصة العمل الاساسية للشريط :



- الان نأتي الى مرحلة النص **** و هي المرحلة الاساسية الثانية ،، و هنا
ستحتاج الى خط Font من نوع pixel و ستجده رابطه في أسفل الدرس
الان ستقوم بالضغط على اداة النص **** كما في الصورة أو بالضغط على حرف T
في الكيبورد و تقوم بكتابة أي شيء تريده . هنا قمت بكتابة windows vista
user و أيضا حسب الايقونة و ال User Bar الذي تريد .






- و ليكون النص واضحا و مميزا قم باعتماد None عوض Sharp أو أي خاصية أخرى و
أيضا قم بالذهاب الى ال Blending Option لطبقة النص **** Layer بالضغط
عليها بالزر الايمن للماوس في منصة الطبقات و قم باختيار خاصية Stroke و
اتبع كما في الصور .






- و هنا الشريط بعد التعديل في هذه الخصائص



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



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



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



- و الان كما ترون الشريط بعد هذه اللمسة :



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



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



- و الان الشكل النهائي للشريط User Bar



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



تحميل الخط من هنا

تقدر تحط شعار نادي او صورة رومانسية او حسب نوع اليوزر بار اللي تحب
[بالتوفيق للجميع]

شكرااا

ششششششكرا جزيلا على الموضوع الرائع

بارك الله فيك على الموضووووووووووووع