خاص لـ[ XboxAR ] تعلم الفوتوشوب - الدرس الأول : تصميم الفواصل

الموضوع في 'إكسبوكس® العام' بواسطة i Br0wn 93, بتاريخ ‏2016/02/17.

  1. i Br0wn 93

    i Br0wn 93 ~ Designer ~
    فريق المراجعات

    إنضم إلينا في:
    ‏2015/03/08
    المشاركات:
    4,743
    الإعجابات المتلقاة:
    2,349
    نقاط الجائزة:
    2,460

    Rank

     

    [ بسم الله الرحمن الرحيم ]

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

    [​IMG]



    ملاحظة هامة :

    اللي يبي السلسلة هذي تستمر يكتب ( أنا مهتم )

    وان شاء الله راح أنزلكم شروحات أكثر :f:

    بس أهم شيء أننا نجمع أكبر عدد من الأهتمامات :f:


    --------------

    ( لازم يكون الفوتوشوب عندك إنجليزي عشان يكون أسهل للشرح )
    [​IMG]

    (1)

    [​IMG]


    الأشياء اللي محددها بالصوره هذي كلها ضمن قائمة الـBlend Mode

    راح نستخدم القائمة هذي بأستمرار

    1- اذا نبغى نمزج ألوان صوره مع صوره أخرى . ( راح تعرفون وش أقصد مع بداية الدرس )
    2- التحكم بشفافية الصورة كاملة .
    3- التحكم بشفافية الصوره وترك الحدود في حال أستخدمت الـStroke .


    (2)


    [​IMG]
    1- إنشاء مجلد جديد .
    2- اضافة لير جديد .
    3- حذف لير .


    (3)

    [​IMG]

    عشان تطلع لنا القائمة هذي نحدد على لير ونضغط باليمين وتطلع لنا القائمة هذي
    1- خيارات المزج .
    2- عمل قناع للصورة .
    3- ننسخ أو نلصق أو نحذف تأثيرات أضفناها على الصورة .


    (4)


    [​IMG]


    هذي خيارات المزج كاملة والكمال لله ..


    القائمة هذي كلها مفيدة بس أنا حددت اللي راح نستخدمه في درس اليوم :)

    1- خيارات المزج نفس اللي بالصوره رقم (1) بس أنا أفضل أستخدمها من هنا .
    2- إذا تبي تضيف تحديد للصوره .
    3- إذا تبي تضيف ظل .
    [​IMG]

    هذي بعض الإختصارات اللي راح تحتاجها :


    Ctrl و +

    عشان نقرب الصورة

    -----

    Ctrl و -

    عشان نبعد الصورة

    ----

    Ctrl + 0

    نرجع البعد الأصلي للصورة

    ----

    Ctrl + Z

    نرجع خطوة وحدة للخلف

    ----

    Ctrl + Alt + Z

    نرجع أكثر من خطوة للخلف


    ----

    Ctrl + T


    نستخدمها عشان نحرك الشكل أو نصغره أو نخلي الشكل مائل بالضغط على المربعات من الزواية ( تحريك وتصغير وجعل الشكل مائل غير ثابت )

    وإذا تبي تحركه وتصغره وتخلي الشكل مائل بشكل ثابت بعد ما تضغط Ctrl + T علق على Shift ..

    ----
    [ و ]

    عشان تصغر وتكبر حجم الفرشة

    او تعلق على Alt وبعدها من الماوس تضغط وتعلق باليمين وتلف الماوس يمين أو يسار

    ----

    Ctrl + J

    ندبل الشكل

    ----

    Ctrl + A

    نحدد الشكل كامل

    ----


    Ctrl ونضغط على اللير اللي نبي نحدده . ( إذا نبي نحركهم او نصغرهم مع بعض مثلاً )


    ----

    إذا نبي نحدد الكل نروح أول لير نضغط عليه ونروح لأخر لير ونعلق على Shift ونضغط على اللير الأخير ..

    ----

    Ctrl + E


    ندمج الأشكال المحدده مع بعض
    [​IMG]
    الصور المستخدمة بالدرس :

    [​IMG]


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

    [​IMG]


    وهذا رابط تحميل الفرش المستخدم بالدرس :

    التحميل من ( هنا )


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


    ----

    انا دائماً أستخدم الـTextures بتصاميمي بس بالدرس هذا ما أستخدمته

    اكتفيت بصورة خلفية ريد ديد خذيت منها النجوم من الجزء الأيسر والخيول من الجزء الأيمن :)

    اللي يبي يستخدم الـTextures يبحث بقوقل واللي يبي يستخدم لعبة ثانية يورينا أبداعاته :)

    [​IMG]

    النتيجة النهائية للدرس :

    [​IMG]



    يله نبدأ الدرس :

    1- نفتح عمل جديد نروح File ثم New ونحط العرض 650 بيكسيل والطول 300 بيكسل ونحط اوكي .
    2- نفتح الصور اللي تم تحميلها من الدرس بأستخدام الفوتوشوب .
    3- نفك ضغط عن ملف الفرش اللي تم تحميله من الدرس ونروح للفوتوشوب ونختار الـBrush tool

    [​IMG]

    وبعدها نتبع الخطوات اللي بالصورة عشان نحط الفرش بالفوتوشوب

    [​IMG]

    وبعدها دور الملف اللي فيه الفرش واختار الفرش وليس الملف بأكمله
    4- نسوي لير جديد ( لازم قبل كل عمل نسويه نضيف لير جديد عشان نقدر نتحكم بكل شيء لحاله وما نلخبط العمل ) .

    5- نختار الـBrush tool ونختار الشكل اللي نبي نستخدمه للفاصلة ويفضل انك تحط اللون الأسود
    ونحدد على اللير الجديد ولازم نصغر حجم الفرشة لأن حجمها بيكون كبير 2500 حط الحجم اللي تبيه ولف الشكل اذا تبي
    واضغط داخل إيطار العمل ثلاث مرات بنفس المكان اللي تبي عشان نخلي الفرش لونه كثيف :)


    زي كذا :


    [​IMG]

    6- نروح لصورة خلفية ريد ديد اللي فتحناها بأستخدام الفوتوشوب ونحدد الأجزاء اللي نبيها طبعاً كل جزء نحدده لحاله
    بأستخدام أداة التحديد [​IMG] وبعدها نأشر بأي جزء من الأجزاء مع السحب بأستخدام أداة الحركة [​IMG]

    ونسحب الجزء المحدد الى ملف عمل الفاصلة اللي بيكون دائما أسمه الأفتراضي Untitled-1


    [​IMG]

    وبعدها حرك الجزء اللي حددته مع شكل الفرشة اللي أستخدمتها واضغط على لير الشكل اللي حددته باليمين وسوي create Clipping Mask

    راح تلاحظ أن الصورة صارت قناع على شكل الفرشة تقدر تسوي أكثر من قناع على الفرشة
    وتلعب بأعدادات الـBlend mode وتعدل الشفافية واذا تبي تبي تضيف ظل( Drop a shadow ) او تحديد ( Stroke )

    تحصلها بقائمة خيارات المزج ( Blending Options )

    بعد ما حددت الجزء اللي أبيه أنا اخترت جزء النجوم والخيول من خلفية ريد صار صار شكلها كذا


    [​IMG]

    والحين جاء الدور لصورة جون اللي قصيناها نروح عندها ونضغط Ctrl + A عشان يحدد الصورة كلها وأسحبها لمكان العمل وتصير كذا

    [​IMG]

    وبعدها ضيف التأثيرات اللي تبيها والأشياء اللي تبي تكتبها ويطلع الشكل النهائي كذا

    [​IMG]

    وطبعاً بعد الأنتهاء من الفاصلة لازم نشيل العين من على لير الخلفية ( Background ) اللي دائما يكون أول لير لما تفتح العمل

    وهذا يخلي الفاصلة بدون اللون الأبيض اللي بالخلفية عشان تصير الفاصلة مناسبة لأي لون من ألوان المنتدى :)


    تم بحمدالله أكتمال الدرس :f:
    [​IMG]
    أتمنى يكون الشرح عجبكم ومافيه أي صعوبات اللي عنده أستفسار أو أي شيء يعلمني
    وأتمنى أشوف تطبيقاتكم لـ درس :f:


    ملاحظة :
    (
    الموضوع بيكون بقسم العام لفترة ثم بيتم نقل الموضوع إلى قسم التجمعات )

    ~ جميع الحقوق محفوظة لمجتمع أكس بوكس العرب ~
    ~ www.xboxar.com ~
    ~ i Br0wn 93 ~

     

     

    ANAS ،Fox Solid ،rRLT و 36آخرون معجبون بهذا.
  2. OLDBOY

    OLDBOY Professional Gamer
    عضو

    إنضم إلينا في:
    ‏2014/12/13
    المشاركات:
    1,622
    الإعجابات المتلقاة:
    3,189
    نقاط الجائزة:
    2,460

    Rank

     

    انا مهتم وشكرا
     

     

    أعجب بهذه المشاركة i Br0wn 93
  3. ابو عابد1

    ابو عابد1 دامكم بخير انا بخير
    عضو

    إنضم إلينا في:
    ‏2014/08/12
    المشاركات:
    12,395
    الإعجابات المتلقاة:
    14,944
    نقاط الجائزة:
    5,960

    Rank

     

    الفوتوشوب صعب مافي شرح لرسام ؟
    :troll-troll-face:

    ما شاء الله عليك شرح خرافي يعطيك العافيه :sweet_kiss:
     

     

    أعجب بهذه المشاركة i Br0wn 93
  4. Dark souls

    Dark souls New Gamer
    عضو

    إنضم إلينا في:
    ‏2015/04/10
    المشاركات:
    74
    الإعجابات المتلقاة:
    18
    نقاط الجائزة:
    1,570

    Rank

     

    يعطيك العافية انا مهتم بكل تأكيد بس ابي اسالك وش افضل نسخة
     

     

    أعجب بهذه المشاركة i Br0wn 93
  5. i Br0wn 93

    i Br0wn 93 ~ Designer ~
    فريق المراجعات

    إنضم إلينا في:
    ‏2015/03/08
    المشاركات:
    4,743
    الإعجابات المتلقاة:
    2,349
    نقاط الجائزة:
    2,460

    Rank

     

    الله يعافيك :f:

    أفضل نسخة Photoshop CC
     

     

    أعجب بهذه المشاركة Dark souls
  6. iiF

    iiF снайпер
    طاقم الإدارة إداري

    إنضم إلينا في:
    ‏2014/08/08
    المشاركات:
    7,018
    الإعجابات المتلقاة:
    9,304
    نقاط الجائزة:
    4,860

    Rank

     

    كفو .. ماقصرت شرح وافي ومختصر .. يعطيك العافية

    بضبط لك الموضوع شوي بالتنسيق
     

     

    كاااتم الصرخه و i Br0wn 93 معجبون بهذا.
  7. MrMr_XBOX

    MrMr_XBOX Expert Gamer
    عضو

    إنضم إلينا في:
    ‏2016/01/06
    المشاركات:
    323
    الإعجابات المتلقاة:
    595
    نقاط الجائزة:
    1,460

    Rank

     

    مشاء الله موضوع مهم جدا :good:
    وبيفيد الكثير واولهم انا
    مع ان عندي عقده من الفوتوشوب ما ادري ليش
    لكن شرحك بيفيدني كثير لو جت استعمله
    شكرا لك
    :love1::love1:
     

     

    أعجب بهذه المشاركة i Br0wn 93
  8. i Br0wn 93

    i Br0wn 93 ~ Designer ~
    فريق المراجعات

    إنضم إلينا في:
    ‏2015/03/08
    المشاركات:
    4,743
    الإعجابات المتلقاة:
    2,349
    نقاط الجائزة:
    2,460

    Rank

     

    ما عليك زود :f:

    تسلم حبيب قلبي :love1:

    اوكيشن
     

     

    أعجب بهذه المشاركة iiF
  9. i Br0wn 93

    i Br0wn 93 ~ Designer ~
    فريق المراجعات

    إنضم إلينا في:
    ‏2015/03/08
    المشاركات:
    4,743
    الإعجابات المتلقاة:
    2,349
    نقاط الجائزة:
    2,460

    Rank

     

    ترا الفوتوشوب سهل جداً اللي يقول صعب راح يكون عليه صعب
    اما اللي يقول سهل بيكون كل شيء سهل عليه
    هو أهم شيء بالفوتوشوب انك تعرف الأساسيات وتحفظ جميع الأختصارات وبعدها بيكون سهل جداً
    وأهم شيء ننتظر تطبيقك للدرس :love1:
    تسلم حبيب قلبي سعدني مرورك :f:
     

     

    أعجب بهذه المشاركة MrMr_XBOX
  10. خالد

    خالد Vanguard
    طاقم الإدارة مشرف

    إنضم إلينا في:
    ‏2014/09/29
    المشاركات:
    7,251
    الإعجابات المتلقاة:
    10,611
    نقاط الجائزة:
    5,110

    Rank

     

    بحمل الفوتوشوب اليوم وبجرب

    اي نسخة احمل؟
     

     

    أعجب بهذه المشاركة i Br0wn 93
  11. i Br0wn 93

    i Br0wn 93 ~ Designer ~
    فريق المراجعات

    إنضم إلينا في:
    ‏2015/03/08
    المشاركات:
    4,743
    الإعجابات المتلقاة:
    2,349
    نقاط الجائزة:
    2,460

    Rank

     

    Photoshop CC
    وبأنتظار تطبيقك :f:
     

     

    أعجب بهذه المشاركة خالد
  12. THE...S..P..O..O..K

    عضو

    إنضم إلينا في:
    ‏2015/12/02
    المشاركات:
    198
    الإعجابات المتلقاة:
    133
    نقاط الجائزة:
    1,110

    Rank

    #12 THE...S..P..O..O..K, ‏2016/02/17
    آخر تعديل: ‏2016/02/17

     

    انا مهتم استمر :f:
    .......Peace.......
     

     

    أعجب بهذه المشاركة i Br0wn 93
  13. Franke

    Franke CAO CAO
    عضو

    إنضم إلينا في:
    ‏2014/08/13
    المشاركات:
    2,923
    الإعجابات المتلقاة:
    2,762
    نقاط الجائزة:
    2,960

    Rank

     

    انا مهتم وبقوة :adore:
    و كثر الله خيرك:sweet_kiss:
     

     

    أعجب بهذه المشاركة i Br0wn 93
  14. صلاح الكثيري

    صلاح الكثيري مملكة الظلام
    عضو

    إنضم إلينا في:
    ‏2014/08/12
    المشاركات:
    17,037
    الإعجابات المتلقاة:
    16,321
    نقاط الجائزة:
    5,960

    Rank

     

    فوتوشوب ترجمتها ( ورشة عمل صور )
     

     

    أعجب بهذه المشاركة i Br0wn 93
  15. mahmod ayyash

    mahmod ayyash New Gamer
    عضو

    إنضم إلينا في:
    ‏2014/12/17
    المشاركات:
    56
    الإعجابات المتلقاة:
    13
    نقاط الجائزة:
    1,570

    Rank

     

    الله يعطيك العافية ع الشرح الجميل
    والله من زمان بقول ابغا اتعلم اتعلم , لكن اسحب , اقول صعب وقرووشة ,,,,

    احمل نسخة

    photoshop cc
    نسخة كم؟
     

     

    أعجب بهذه المشاركة i Br0wn 93
  16. Franke

    Franke CAO CAO
    عضو

    إنضم إلينا في:
    ‏2014/08/13
    المشاركات:
    2,923
    الإعجابات المتلقاة:
    2,762
    نقاط الجائزة:
    2,960

    Rank

     

    اظن تحمل برنامج creative cloud و تشترك شهري او سنوي
    و تحمل الفوتوشوب لحاله او مع عدة برامج
     

     

    أعجب بهذه المشاركة i Br0wn 93
  17. i Br0wn 93

    i Br0wn 93 ~ Designer ~
    فريق المراجعات

    إنضم إلينا في:
    ‏2015/03/08
    المشاركات:
    4,743
    الإعجابات المتلقاة:
    2,349
    نقاط الجائزة:
    2,460

    Rank

     

    الله يعافيك يالغالي :f:

    حمل أي نسخة تبيها أهم شيء أنها CC :)
     

     

    أعجب بهذه المشاركة mahmod ayyash
  18. iYousef911

    iYousef911 iOS Developer
    عضو

    إنضم إلينا في:
    ‏2014/08/17
    المشاركات:
    610
    الإعجابات المتلقاة:
    528
    نقاط الجائزة:
    1,960

    Rank

     

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

     

    أعجب بهذه المشاركة i Br0wn 93
  19. i Br0wn 93

    i Br0wn 93 ~ Designer ~
    فريق المراجعات

    إنضم إلينا في:
    ‏2015/03/08
    المشاركات:
    4,743
    الإعجابات المتلقاة:
    2,349
    نقاط الجائزة:
    2,460

    Rank

     

    يله جاك أول شرح طبقه وان شاء الله أنزلكم شروحات أكثر :):f:
     

     

  20. mahmod ayyash

    mahmod ayyash New Gamer
    عضو

    إنضم إلينا في:
    ‏2014/12/17
    المشاركات:
    56
    الإعجابات المتلقاة:
    13
    نقاط الجائزة:
    1,570

    Rank

     

    جاري تطبيق الشرح :D
     

     

    أعجب بهذه المشاركة i Br0wn 93
  21. خالد

    خالد Vanguard
    طاقم الإدارة مشرف

    إنضم إلينا في:
    ‏2014/09/29
    المشاركات:
    7,251
    الإعجابات المتلقاة:
    10,611
    نقاط الجائزة:
    5,110

    Rank

     

    انتهيت من اول صورة لي بالبرنامج

    [​IMG]

    شكرا يا @i Br0wn 93 من دون شرحك ما كنت نزلت البرنامج
     

     

    Dark souls ،i Br0wn 93 و HorizOn Style معجبون بهذا.
  22. INTI7ARI

    INTI7ARI Expert Gamer
    عضو

    إنضم إلينا في:
    ‏2015/09/21
    المشاركات:
    380
    الإعجابات المتلقاة:
    303
    نقاط الجائزة:
    1,660

    Rank

     

    مبدع وشرح زي العسل

    تعبت وابدعت وسردت موضوع عالي مستواه

    استمررر والله يوفقك يا بطل

    3>
     

     

    أعجب بهذه المشاركة i Br0wn 93
  23. i Br0wn 93

    i Br0wn 93 ~ Designer ~
    فريق المراجعات

    إنضم إلينا في:
    ‏2015/03/08
    المشاركات:
    4,743
    الإعجابات المتلقاة:
    2,349
    نقاط الجائزة:
    2,460

    Rank

     

    يا سلام عليك يا خالد :good::ah:
    بداية موفقة جداً
    بس الملاحظة الوحيدة اللي لاحظتها حجم الفواصل حاول تخليه أصغر المره الجايه حوالي العرض 650 بيكسيل والطول 300 بيكسل
    عشان يكون مناسب أستخدامه كـ فاصلة والباقي تمام :good:

    وفي طريقة حلوة تصمم الفاصلة بأحجام كبيرة وبعدين تصغرها من القائمة اللي فوق تختار Image ثم Image Size
    وحط العرض 650 بيكسيل والطول 300 بيكسل ويطلع الشكل عندك ممتاز :good:

    تسلم يالغالي وان شاء الله قريب نشوفك من المحترفين :f:
     

     

    أعجب بهذه المشاركة خالد
  24. خالد

    خالد Vanguard
    طاقم الإدارة مشرف

    إنضم إلينا في:
    ‏2014/09/29
    المشاركات:
    7,251
    الإعجابات المتلقاة:
    10,611
    نقاط الجائزة:
    5,110

    Rank

     

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

     

  25. XxoBMX3oxX

    XxoBMX3oxX New Gamer
    عضو

    إنضم إلينا في:
    ‏2014/09/01
    المشاركات:
    76
    الإعجابات المتلقاة:
    41
    نقاط الجائزة:
    1,820

    Rank

     

    انا مهتم و بقوه
    والله يعطيك الف عافيه
     

     

    أعجب بهذه المشاركة i Br0wn 93
جاري تحميل الصفحة...
  •