.:: ابعاد ديزاين::.
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

.:: ابعاد ديزاين::.

برامج ويب تعلم وتدرب واحترف برامج التصميم , 3d,فوتوشوب,الالستريتر, برامج تصميم المواقع ..بالاضافه الى كل ما يخص تطوير المواقع برامج ويب .::مجاناً::.
 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
ابعاد ديزاين
.:: المدير العام ::.
.:: المدير العام ::.
ابعاد ديزاين


عدد الرسائل : 640
الموقع : https://yoo9.yoo7.com
نقاط : 6609
السٌّمعَة : 7
تاريخ التسجيل : 30/08/2007

درس لعمل User Bars درس جميل ومفيد Empty
مُساهمةموضوع: درس لعمل User Bars درس جميل ومفيد   درس لعمل User Bars درس جميل ومفيد I_icon_minitimeالخميس أكتوبر 09, 2008 12:56 pm

بسم الله الرحمن


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


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


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

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


هذا هو الملف

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


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


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

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

كما في الصورة

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

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

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

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

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

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

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

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

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

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



النتيجة

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

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

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

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


كما في الصورة

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

ثم

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

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

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


ثم

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

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

بالذهاب الى


Edit > Define Pattern

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


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

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

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


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

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

Edit > Fill

كما في الصورة

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


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


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

النتيجة

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

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

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

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


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

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

كما في الصورة

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

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

Softlibya.com for free programs

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

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

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

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

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

ثم طبق التالي


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

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

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

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


كما في الصورة

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

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

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

1

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

2

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

النتيجة


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


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


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


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

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

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

OK

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

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

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

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

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

الملف مفتوح

PSD

+

الباترن

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


التحميل

http://www.4shared.com/file/66218109...User_Bars.html


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

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



الملفات المرفقة
درس لعمل User Bars درس جميل ومفيد Zipدرس لعمل User Bars.zip (1,014.7 كيلوبايت, )
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://voo5.com
 
درس لعمل User Bars درس جميل ومفيد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شرح برنامج Babarosa Gif Animator لعمل صور متحركه
» محرر نصوص جميل جدا + شرح تركيبه
» )) سكربت الالعاب ((اقوى سكربت العاب جميل اكثر من 10 مميزات +التسجل والتعليقات

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
.:: ابعاد ديزاين::. :: اقسام المنتديات :: الفوتوشوب Photoshop-
انتقل الى: