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

الموضوع في 'التصاميم و الجرافيكس' بواسطة i OMaR, بتاريخ ‏يوليو 27, 2011.

  1. i OMaR

    i OMaR New Member

    إنضم إلينا في:
    ‏نوفمبر 20, 2010
    المشاركات:
    101
    الإعجابات المتلقاة:
    6
    نقاط الجوائز:
    0
    الوظيفة:
    `students
    مكان الإقامة:
    in Apple


    [​IMG]

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

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

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

    [​IMG]

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

    [​IMG]

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

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


    :314471:
     
    1 person likes this.
  2. 5yali

    5yali مشرف سابق

    إنضم إلينا في:
    ‏يوليو 27, 2011
    المشاركات:
    322
    الإعجابات المتلقاة:
    2
    نقاط الجوائز:
    0
    الوظيفة:
    Not Yet ×× Zzzzzz ××
    مكان الإقامة:
    FireFox 5.0


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

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

    تحيآآتي لكـ
     
  3. ابجد هوز

    ابجد هوز New Member

    إنضم إلينا في:
    ‏ديسمبر 24, 2009
    المشاركات:
    635
    الإعجابات المتلقاة:
    0
    نقاط الجوائز:
    0


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

    MasterPc New Member

    إنضم إلينا في:
    ‏يوليو 31, 2011
    المشاركات:
    17
    الإعجابات المتلقاة:
    0
    نقاط الجوائز:
    0


    شكرا لك اخوي على الشرح جعله الله بميزان حسناتك
     
  5. خفايا

    خفايا <img src="http://www.delegnt.net/vb/newstyle-200/D

    إنضم إلينا في:
    ‏أغسطس 25, 2010
    المشاركات:
    3,323
    الإعجابات المتلقاة:
    5
    نقاط الجوائز:
    0
    الوظيفة:
    طالبه
    مكان الإقامة:
    بين أح ـبآبي


    الله يعطيك العافيه
     
  6. DeleGnT

    DeleGnT Delegnt.net Moderator

    إنضم إلينا في:
    ‏أغسطس 25, 2010
    المشاركات:
    25,789
    الإعجابات المتلقاة:
    157
    نقاط الجوائز:
    78
    الجنس:
    ذكر
    الوظيفة:
    FREE
    مكان الإقامة:
    DeleGnT.NeT


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

    5 / 5

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

    //
     
  7. max_net

    max_net Well-Known Member

    إنضم إلينا في:
    ‏يناير 3, 2011
    المشاركات:
    6,354
    الإعجابات المتلقاة:
    30
    نقاط الجوائز:
    63


    :314471:[​IMG]:314471:

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

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

    i OMaR New Member

    إنضم إلينا في:
    ‏نوفمبر 20, 2010
    المشاركات:
    101
    الإعجابات المتلقاة:
    6
    نقاط الجوائز:
    0
    الوظيفة:
    `students
    مكان الإقامة:
    in Apple


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

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

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

    [​IMG]
     
  9. max_net

    max_net Well-Known Member

    إنضم إلينا في:
    ‏يناير 3, 2011
    المشاركات:
    6,354
    الإعجابات المتلقاة:
    30
    نقاط الجوائز:
    63


    [​IMG]

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

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

    i OMaR New Member

    إنضم إلينا في:
    ‏نوفمبر 20, 2010
    المشاركات:
    101
    الإعجابات المتلقاة:
    6
    نقاط الجوائز:
    0
    الوظيفة:
    `students
    مكان الإقامة:
    in Apple


    :1:
     
  11. smart222a

    smart222a New Member

    إنضم إلينا في:
    ‏يونيو 7, 2011
    المشاركات:
    101
    الإعجابات المتلقاة:
    0
    نقاط الجوائز:
    0


    الله يعطيك العافية
     
  12. keta

    keta New Member

    إنضم إلينا في:
    ‏ديسمبر 5, 2010
    المشاركات:
    38
    الإعجابات المتلقاة:
    0
    نقاط الجوائز:
    0


    درس جميل وسهل وجاري عمل التطبيق
     
    keta,
  13. kimodo

    kimodo Member

    إنضم إلينا في:
    ‏يناير 14, 2011
    المشاركات:
    69
    الإعجابات المتلقاة:
    1
    نقاط الجوائز:
    8


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

    تقبل مروري + جاري التطبيق
     
  14. أبو ريفان

    أبو ريفان New Member

    إنضم إلينا في:
    ‏نوفمبر 17, 2010
    المشاركات:
    68
    الإعجابات المتلقاة:
    0
    نقاط الجوائز:
    0


    بارك الله فيك ،،،
     
  15. The Legend222

    The Legend222 New Member

    إنضم إلينا في:
    ‏سبتمبر 29, 2011
    المشاركات:
    2,751
    الإعجابات المتلقاة:
    7
    نقاط الجوائز:
    0
    الوظيفة:
    Student
    مكان الإقامة:
    K.S.A


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

    :3:
     
  16. hadoota

    hadoota مشرف سابق

    إنضم إلينا في:
    ‏أكتوبر 16, 2011
    المشاركات:
    4,439
    الإعجابات المتلقاة:
    36
    نقاط الجوائز:
    63
    الجنس:
    ذكر
    الوظيفة:
    Moderators in Delegnt
    مكان الإقامة:
    DeleGnT.NeT


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

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

    //
     

مشاركة هذه الصفحة