درس عمل فاصل مواضيع (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

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

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

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

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

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

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

شكرا لمرورك علي الموضوع


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