تصميم خلفية شاشة ذات تأثير معدني

هذا درس مترجم .. يمكنك مشاهدة الدرس الأجنبي على هذا الرابط

الخطوة 1

– لتبدأ افتح ملف جديد في الفوتوشوب ونظرًا لأنني أريد عمل خلفية سطح مكتب للابتوب فستكون الأبعاد 1440×900.. يمكنك اختيار الأبعاد المناسبة لك

– الغِ قفل لاير الخلفية

– طبق تدرج لوني بالنقر مرتين على مكان خالي بجوار اسم اللاير ستظهر Layer Style اختر منها على اليسار gradiant overlay ,ومنها Multiply  أمام Blend Mode واجعل نوعه Radial ولألوان التدرج استخدم #f2f2f2 و#c3c3c3

كما بالصورة

خطوة 2

– أضف لاير جديد واعطه اسم noise

– اختر أداة Paint Bucket (اختصارها من الكيبورد  G) ثم املأ اللاير لون أبيض

– غير  Blend Mode إلى Multiply

– تاكد من أن لون الخلفية في شريط الأدوات أسود، ثم من قائمة فلتر طبق الآتي كما بالصورة

Filter > Noise > Add Noise. Use Monochromatic, Uniform, and 8-10%

خطوة 3

– استخدم أداة Ellipse (واختصارها u ثم تختار شكل الدائرة) واصنع ست دوائر صغيرة متساوية في الحجم وقم بمحاذاتهم معًا من المنتصف وساوِ المسافات الفاصلة بينهم كما في الصورة

خطوة 4

– أظهر المسطرة (ctrl+r)

– قم بعمل Guides وحرك ثلاث من الدوائر كما بالصورة

خطوة 5

انسخ الثلاث دوائر الأولى ثم حركهم إلى اليمين كما بالصورة

خطوة 6

– اختر كل الدوائر وحولها إلى Smart Objects ..  ثم من Layer Style أضف  Color Overlay واختر لون رصاصي غامق أو أسود وأضف كذلك  Inner Shadow كما بالصورة

خطوة 7

– أخف كلا من لاير الخلفية وnise

– بأداة Rectangular Marquee (اختصارها m وتختار شكل المربع لو لم يكن هو الظاهر) ، اختر أربعة دوائر فقط واستخدم البقية كمقياس للمسافة التي يتنهي عندها المربع

– أضف الدوائر كـ باترن بالذهاب إلى  Edit > Define Pattern ثم اعطه اسمًا وليكن holes

خطوة 8

– بعد أن تلغي الـ selection بالضغط على ctrl+d اخفي لاير الدوائر واظهر كل من الخلفية وnoise واخف الـ guides أيضًا بالضغط على ctrl+ك

– اختر أداة Rectangular بالضغط على u واختيار شكل المربع لو لم يكن هو الظاهر وارسم مستطيل بحجم مناسب على الجانب كما بالصورة

– من  Layer Style أيضًا اجعل قيمة  Fill Opacity بـ 0 مما سيجعل المستطيل شفافًا

– أضف Pattern Overlay واختر من Pattern الشكل الذي صنعته توًا والمسمى holes ويمكنك التحكم في حجم الباترن عن طريق قيمة scale أسفله.. ثم انسخ المستطيل وضعه على الجانب الآخر

خطوة 9

– ضع اللوجو الخاص بك أو أي شكل تريده في مركز الصورة

– من  Layer Style مجددًا أضف  Gradient Overlay واجعل نوعه Reflected وللألوان اختر الأبيض والأسود

– أضف Bevel and Emboss واتبع الموضع بالصورة

خطوة 10

– أضف لاير جديد فوق لاير اللوجو وسمه noise logo

– لونه أبيض ثم غير الـ Blend Mode اجعلها Multiply

– بأداة  Rectangular Marquee اختر مساحة حول اللوجو كما بالصورة

– من قائمة فلتر طبق الآتي Filter > Pixelate > Mezzotint

– ثم  Filter > Blur > Radial Blur

– ثم غير شفافية اللاير اجعلها 50%

خطوة 11

– اصنع selection حول اللوجو بالضغط على أيقونة اللاير أثناء الضغط على ctrl

– تأكد أنك على لاير noise logo ثم اتبع الآتي  Layer > Layer Mask > Reveal Selection

خطوة 12

– أضف لاير جديد وأسمه rays

– بأداة Pen واختصارها p قم بصنع شكل كما في الصورة باسفل، وانتبه أن تكون shape layers مفعلة في الـ options bar بأعلى

– حول اللاير إلى Smart Object

– طبق الآتي Filter > Blur > Radial Blur

– ومن Blur Method  اختر zoom

– اذهب مرة أخرى إلى Filter > Blur > Radial Blur لكن هذه المرة اجعلها Spin method

خطوة 13

– أعد خطوة 11 مرة أخرى لكن هذه المرة على لاير rays

خطوة 14

– أضف لاير جديد وسمه white brush

– قم بعمل selection مرة أخرى من اللوجو

– اختر أداة Brush واختصارها b واجعل مقاسها  35px واختر اللون الأبيض ثم ابدأ في تلوين المناطق التي تمثل انعكاس الضوء على اللوجو المحددة بالصورة

الخاتمة

يمكن تطبيق هذه التقنية بسهولة على تصاميم مواقع الانترنت ومشاريع تصميم الواجهات. بالإضافة إلى ذلك يمكنك ابتكار مجموعة كبيرة من patterns الثقوب بأحجام ومسافات مختلفة والتي ستكون مفيدة جدًا لمشاريعك المستقبلية.

أتمنى أن تكون استمتعت بالدرس :)


  1. وليد الفائدي
    4 نوفمبر 2011 - 3:58 م

    درس ممتع شكرا لك على هذا المجهود العظيم .

  2. أم محمد
    4 نوفمبر 2011 - 4:22 م

    درس ممتاز والف مبروك وواضح جدا ان زوجك أول حرف من إسمه على فلاشاوي هههههه

  3. Mostafa Elsayed
    10 نوفمبر 2011 - 12:02 ص

    درس جميل ورائع .. وفى انتظار المزيد .. جزاكم الله خيرا