درس مفصل لعمل User Bars درس مفصل جميل ومفيد

[walid]

أولا نقوم بعمل مشروع جديد New Project أو ملف جديد New File


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


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

http://img508.imageshack.us/img508/4201/73901382uc9.jpg


هذا هو الملف

http://img243.imageshack.us/img243/5576/87140144jg0.jpg


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


http://img206.imageshack.us/img206/8370/89255994id7.jpg

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

كما في الصورة

http://img410.imageshack.us/img410/75/98755135vh4.jpg

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

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

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

http://img136.imageshack.us/img136/871/40246733sd0.jpg

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

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

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

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

http://img184.imageshack.us/img184/500/85197899oj3.jpg



النتيجة

http://img258.imageshack.us/img258/8121/40047113yj4.jpg

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

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

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


كما في الصورة

http://img206.imageshack.us/img206/3986/12954337au4.jpg

ثم

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

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

http://img147.imageshack.us/img147/1734/37230229tj5.jpg


ثم

http://img381.imageshack.us/img381/686/10we2.jpg

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

بالذهاب الى


Edit > Define Pattern

http://img381.imageshack.us/img381/7615/11fd9.jpg


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

http://img503.imageshack.us/img503/8179/12qi8.jpg

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


http://img88.imageshack.us/img88/3492/13ml7.jpg

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

Edit > Fill

كما في الصورة

http://img93.imageshack.us/img93/7105/14ws3.jpg


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


http://img520.imageshack.us/img520/585/15ep1.jpg

النتيجة

http://img293.imageshack.us/img293/2754/16ha2.jpg

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

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

http://img216.imageshack.us/img216/6722/softlibyaiconxpfk5.png


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

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

كما في الصورة

http://img403.imageshack.us/img403/7484/17qx3.jpg

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

Softlibya.com for free programs

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

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

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

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

http://img136.imageshack.us/img136/3452/18kt3.jpg

ثم طبق التالي


http://img95.imageshack.us/img95/7540/19wa5.jpg

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

http://img136.imageshack.us/img136/5553/20vi0.jpg

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


كما في الصورة

http://img136.imageshack.us/img136/9713/21ao7.jpg

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

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




1

http://img183.imageshack.us/img183/9766/22eb0.jpg

2

http://img184.imageshack.us/img184/4769/23qe2.jpg

النتيجة


http://img440.imageshack.us/img440/2328/24qs3.jpg


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


http://img529.imageshack.us/img529/4655/25on4.jpg


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

http://img503.imageshack.us/img503/2994/26eb7.jpg

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

OK

http://img206.imageshack.us/img206/8389/27zo6.jpg

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

http://img293.imageshack.us/img293/6603/29am5.jpg

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

http://img356.imageshack.us/img356/644/softlibyaax6.jpg

الملف مفتوح

PSD

+

الباترن

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


التحميل

http://www.4shared.com/file/66218109...User_Bars.html (http://www.4shared.com/file/66218109/3947cc0f/__User_Bars.html)


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

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



الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif درس لعمل User Bars.zip (http://www.traidnt.net/vb/attachments/303567d1223511660-درس-لعمل-user-bars.zip) (1,014.7 كيلوبايت, عدد مرات المشاهدة 91 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©