- أولا نقوم بعمل مشروع جديد 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 الذي قمنا بعمله في خاصية الـ Contents و قم بعمل قيمة الـ Opacity مابين 15 بيكسل و 25 .



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



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



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



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



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





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






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



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



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



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



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



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



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



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



- بعد الانتهاء قم بدمج الصورة و قم بحفضها على صيغة Jpeg و قم بعمل جودة الصورة في الخيارات الى أقصى حد كما في الصورة و قم بحفضها في جهازك ،، ^^



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





وهذا ملف مفتوح psd اضغط على الصورة لتحميله



All Rights Reserved For www.creativitycastle.net 2007

مشكووووووور يالغلا وعساك عالقوه

السلام عليكم
درس جميل جدا وشرحك للدرس ممتاز
وجزاك الله خير
وشكرا اخى الكريم


وهذا تطبيقى










يوزر بار 2.jpg

يوزر بار-1.jpg


والله المستعان

ثنكس ع الطريقه

بس الخط مالجيت

لاهنت

حياكم الله اخواني

بالنسبه للخطوط

في قسم القرافيكس فهرس يوجد فيه مكتبات للخطوط وخصوصاً خطوط البيكسل

مشكوووور حبيبي وانشالل انا قريبا بشرح اليوزر بار المتجرك لعون الاخوان ...

عساك سالم اخوي علي هذا الدرس الي اكثر من رائع

جزاك الله الخير اخوي ادمن
وهذا تطبيقي