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

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

شاطر | 
 

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

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

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

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

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


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


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


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




هذا هو الملف




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




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

كما في الصورة



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

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

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



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

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

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

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





النتيجة



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

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

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


كما في الصورة



ثم

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

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




ثم



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

بالذهاب الى


Edit > Define Pattern




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



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




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

Edit > Fill

كما في الصورة




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




النتيجة



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

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




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

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

كما في الصورة



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

Softlibya.com for free programs

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

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

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

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



ثم طبق التالي




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



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


كما في الصورة



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

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

1



2



النتيجة





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





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



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

OK



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



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



الملف مفتوح

PSD

+

الباترن

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


التحميل

4shared.com/file/66218109/3947cc0f/__User_Bars.html


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

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



الملفات المرفقة
درس لعمل User Bars.zip (1,014.7 كيلوبايت, )

_________________
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://voo5.com
 
درس لعمل User Bars درس جميل ومفيد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» اوامر الاختراق بالدوس{{موجة الاوامر}}
» كل مايتعلق باجهزة digiclass وsamsat و الاشباه كل شيء هنا
» SEND MSG TO USER'S INBOX
» اسباب تعطل بحث الغرف وحل تلك المشكلة
» درس عمل user bar بالفوتوشوب شرح مدعم بالصور+تحميل 2 ملف psd خاص للمنتدي

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