درس [ شرح ] تصميم User Bar خاص بك ، مع شعارك ، بالفوتوشوب

i OMaR

i OMaR

New Member
50868f82.png


شرح اخونا [ ديليجنت ] قبل كذا طريقة صنع الـ User Bar ، فجزاه الله خير :1:
لكن المشكلة أن البرنامج كان على الويندوز ، فأصحاب الماك أو اللينكس أو غيرها ما يقدرون يطبقون :sm84:
عشان كذا هذا شرح ببرنامج الـ Photoshop المتوفر على جميع الأنظمة ، فبسم الله نبدأ ، :1146775398:

-=============================-

١) نفتح ملف شفاف تكون مقاساته أصغر من ( العرض [ ٣٩٠ ] والطول [ ٥٠ ] )
انا بطبق على ٣٥٠ * ٢٠ :01:

3e0bec43.png


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

cd6718c3.png


٣) نفتح ملف جديد شفاف بمقاس ٣ * ٣ ، ونكبر الملف إلى ١٦٠٠٪ عشان نرسم ٣ مربعات ونلونها بالأسود زي كذا

0d23adf8.png


الآن بنخلي هذي المربعات باترن ، نطبق الأمر التالي ، Edit > Define Pattern

3253be60.png


نسمي الباترن بأي اسم ثم نضغط OK

7133299c.png


الآن حفظنا الباترن ، نرجع لليوزر بار اللي سويناه أول ونضغط على Edit > Fill ونختار الباترن اللي صممناه

bd769789.png


08d08209.png


هذا عملنا بعد تطبيق الباترن

c7f84bae.png


الآن نضيف شعار عاليسار ولا اي مكان حسب الاختيار

8b70ec6c.png


الآن نكتب النص المطلوب ، بكتب مثلا i Love DeLeGnT forum
ونبق عليه هذا الأمر عشان يكون للخط حدود من برا ، Layer > Layer style > Stroke

bcbc9552.png


af73d7d9.png


الآن نضيف نصف دائرة من فوق ونضعها في لاير جديد ونلونها بالأبيض
ونقلل الشفافيه شوي شوي لين يطلع لنا شي حلو :9:

192e6ac7.png


بعذ كذا نحفظ الصورة بصيغه Png مثلا ، وخلصنا :1::1:

أنتظر تطبيقاتكم العملية للدرس بشغف :7:


:314471:
​
 


شكرآ لكـ أخوي على الشرح

وبآرك الله فيك

تحيآآتي لكـ
 


جزاك الله كل خير
في ميزان حسناتك إن شاء الله
جعله الله شاهد لك لا عليك
لا حرمنا منك ومن قلمك
تحياتي لك
 


درس مميز وأكثر من رائع ..

5 / 5

تستاهلها بجدارة .. وليـ عودة بالتطبيق

//
​
 


:314471:
ilovedelegntforum.png
:314471:

تسلم ياغالي على الدرس الجميل

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


السلام عليكم
حياكم الله يا جماعة كلكم ، والله يعافيكم ، بس ما شفنا الا تطبيق واحد :7:
-====-
اخوي Max هذا شرح فيديو اتمنى انه يكون مبسط عشان تفهم :5:

http://vimeo.com/moogaloop.swf?clip_id=27200550

معليش نسيت اضيف في الفيديو ، تخلي الـ feather في التحديد على 5

2011-08-02_18-22-16.png
 


ilovedelegntforumfinal2.png


ربي يحفظك حبيبي
:314471: i OMaR :314471:

تم التطبيق بنجاح :1:
5/5 + تقييم لأهتمامك المتميز
خالص شكري وتقديري :3:
وفي أنتظار المزيد من الدروس
 


الله يعطيك العافية تسلم على الشرح المميز

تقبل مروري + جاري التطبيق​
 


•●[ .. سلمت أناملك على الأبداع .. ]●•

يعطيك العافية ..

//
 
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
عودة
أعلى