0THMAN

زيزوومى متألق
إنضم
20 ديسمبر 2008
المشاركات
377
مستوى التفاعل
3
النقاط
470
الإقامة
في الهاردسك
الموقع الالكتروني
www.gc4.org
غير متصل
يجب عليك تسجيل الدخول او تسجيل لمشاهدة الرابط المخفي



كيفكم انشاء الله طيبين ..:king:

اليوم واانا جالس افر في قوقل لقيت درس جدا جدا رائع

بسم الله نبدأ :

أولا نقوم بعمل مشروع جديد New Project أو ملف جديد New File بحجم 350 بيكسل في العرض و 20
بيكسل في الطول و أيضا بخلفية شفافة Transparent ،، أنضر في الصورة​


i2379_8143.jpg


- و الان كما ترون هنا حجم الشريط و شكله :​


i2380_8144.jpg


- الان قم بملئه بأي لون تريد ،، هنا اخترت اللون الازرق .​


i2381_8145.jpg


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


i2382_8146.jpg


i2383_8147.jpg


- من ثم قم باختيار خاصية التدرج Gradient Overlay ،، من ثم اضغط على الشريط المدرج باللون الاسود و الابيض من ثم ستضهر لك نافدة أخرى لتحرير التدرج Gradient Editor .. اتبع كما في الصورة​


i2384_8148.jpg


- قم بأختيار التدرج الاول في الـ Presets الذي يتكون من اللون الذي اخترته في الاول و اللو ن الاسود و من ثم اختر اللون الذي تريد ان تدرجه مع اللون الذي اخترته و من ثم تقوم بالتحكم في التدرج ( يوجد في ذالك الشريط الكبير أربعة أسهم اثنان في الاعلى و اثنان في الاسفل استعمل فقط الاسهم الذي في الاسفل لتغيير الالوان ) السهم الذي على اليسار يمثل اللون الاسفل في الـ User Bar و التي في الايمن تمثل اللون الاعلى . أنا اخترت في هذا الدرس الازرق الفاتح في الاسفل .​


i2385_8149.jpg


- هنا كما ترون الشريط باللون المتدرج الذي قمنا بعمله .​


i2386_8150.jpg



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




- الان قم بعمل New File ملف جديد Ctrl + N بحجم 4×4 pixels و بخلفية شفافة Transparent . كما في الصورة :​


i2387_8151.jpg


- ثم قم بتكبيرها بأدات التكبير Zoom حتى أقصى حد .​


i2388_8152.jpg


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


i2389_8153.jpg


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


i2390_8154.jpg


- ثم قم بعمل خط مائل كما في الصورة :​


i2391_8155.jpg


- من ثم قم باعتمادها على شكل Pattern بالذهاب الى Edit > Define Pattern و قم بتسميتها خطوط أو أي شيء و من ثم قم بالضغط على Ok .​


i2392_8156.jpg


- سنعود الان الى منصة العمل الاولى و من ثم سنقوم بانشاء طبقة جديدة New Layer .​


i2393_8157.jpg


- الان قم بملء هذه الطبقة بالـ Pattern الذي قمنا بعمله بالذهاب الى Edit > Fill .​


i2394_8158.jpg


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


i2395_8159.jpg


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


i2396_8160.jpg


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


i2397_8161.jpg


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


i2398_8162.jpg


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


i2399_8163.jpg


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


i2400_8164.jpg


i2401_8165.jpg


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


8166.jpg

i2402_8167.jpg


i2403_8168.jpg


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


i2404_8169.jpg


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


i2405_8170.jpg


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


i2406_8171.jpg


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


i2407_8172.jpg


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


i2408_8173.jpg


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


i2409_8174.jpg


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


i2410_8175.jpg


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


i2411_8176.jpg


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


i2412_8177.jpg


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


i2413_8178.jpg


i2414_8179.jpg

وهذا تطبيقي

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


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


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



تقدر تحط شعار نادي او صورة رومانسية او حسب نوع اليوزر بار اللي تحب :)


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

..[بالتوفيق للجميع]



منقول :u:​


تم إعادة رفع الصور على سيرفر المنتدى
بواسطة وسن
 

توقيع : 0THMAN
جزاك الله خير
 
توقيع : zoro779
الله يعطيكم العافيه على الردود الجميله ..
 
توقيع : 0THMAN
درس رااااااائع

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

vistauser.jpg


kubuntuser.jpg


serveruser.jpg


هذه تجاربى ارجو ان تكرمت التقييم مع ملاحظة انى اعانى من تعلم الفوتوشوب ولكنى لم اياس بعد (ينقصنى ملكة الجمال)
ولك كل الشكر
 
السلام عليكم ورحمة الله وبركاته
اشكرك من كل قلبى وتسلم ايدك اللى شرحت لينا بالجمال والبساطة دى
تقبل خالص احترامى وشكرى وتقديرى لشخصك الكريم

vistauser.jpg


kubuntuser.jpg


serveruser.jpg


هذه تجاربى ارجو ان تكرمت التقييم مع ملاحظة انى اعانى من تعلم الفوتوشوب ولكنى لم اياس بعد (ينقصنى ملكة الجمال)
ولك كل الشكر

وعليكم السلام ورحمة الله وبركاته

%100 بس احب اوضح انو دايم في
userbar يكون الون اسود وهذا شي مو مهم :q: بس من باب الفائدة

تطبيقات 100%

وبداية موفقه في الفوتوشوب ماشاء الله تبارك الله وان شاء الله الى الاحسن

اخوكـ :

عثمان

 
توقيع : 0THMAN
عآفآك ربي يا الغلا

وحبيت اقولك فيـه برنآمج من فتره كنت استعملـه يسوي نفس الفوآصـل الي بالشرح بالضبط ولا يحتآج جهد

عمومآ مشكور جدا جدا

ولآ تحسب اني يوم قلتلك انه فيه برنآمج بقلل من قيمـة الموضوع بل الموضوع ريحنآ من نآحـيه تنصيب برنآمج اخرٍ


عمومآ تقبل مروري تحيآتي اخوكً نآدر
 
توقيع : نادر في البشر
وعليكم السلام ورحمة الله وبركاته

%100 بس احب اوضح انو دايم في
userbar يكون الون اسود وهذا شي مو مهم :q: بس من باب الفائدة

تطبيقات 100%

وبداية موفقه في الفوتوشوب ماشاء الله تبارك الله وان شاء الله الى الاحسن

اخوكـ :

عثمان



ممكن توضح ايه هو التعديل اللى ممكن اضيفه على شغلى علشان يبقى كما تقول (كيف اضيف اللون الاسود)
وشكرا لك
 
عآفآك ربي يا الغلا

وحبيت اقولك فيـه برنآمج من فتره كنت استعملـه يسوي نفس الفوآصـل الي بالشرح بالضبط ولا يحتآج جهد

عمومآ مشكور جدا جدا

ولآ تحسب اني يوم قلتلك انه فيه برنآمج بقلل من قيمـة الموضوع بل الموضوع ريحنآ من نآحـيه تنصيب برنآمج اخرٍ


عمومآ تقبل مروري تحيآتي اخوكً نآدر
العفو اخي الغالي..
البرنامج معروف اذكر اسمه

AmitySource UserBar

وانشاء الله اجيبه

اخوك: عثمان



 
توقيع : 0THMAN
ممكن توضح ايه هو التعديل اللى ممكن اضيفه على شغلى علشان يبقى كما تقول (كيف اضيف اللون الاسود)
وشكرا لك

انا قصدي لون الخط [يكون اسود] بس :king: التطبيقات مافيها ولا شي 100%
 
توقيع : 0THMAN
انا قصدي لون الخط [يكون اسود] بس :king: التطبيقات مافيها ولا شي 100%

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

درس رائع جدا جدا .. وانا اعرف البرنامج..بس احلى بالفوتوشوب
 
الله يعطيك العافيه اخي الغالي

درس رائع جدا جدا .. وانا اعرف البرنامج..بس احلى بالفوتوشوب

الله يعطيك العافيه على المرور الرائع ..
 
توقيع : 0THMAN
بارك الله فيك ..
 
توقيع : 0THMAN
اسأل الله ن يجازيك خيرا ويبارك فيك

كل الود والتقدير
 
عودة
أعلى