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

مرحبا بيكم كل المحترفين ، محبين وهواة التصميم =)


قبل البدء .. احببت التنويه الى ان هذا الدرس لا ينتسب لي ، وانما قمت بترجمته واعادة اعداده ..
وللامانة ، هناك بعض التعليقات والملاحظات التي تطيل الشرح فقط لم اقم بترجمتها ..

الدرس سهل ان شاء الله ..
وتطبيقه لا يتطلب الكثير .. فقط اتبع الخطوات بدقــة ، ستحصل على النتيجة بالضبط كما هي ..


النتيجة النهائيــة ستكون :





ابدأ بسم الله الرحمن الرحيم

[ 1 ]

افتح عمل جديد ، حسب القياس الذي تريده ، ويفضل ان يكون كبير لترى نتيجة افضل ، هنا 500×500

املأه بتدرج لوني خطي من رمادي غامق (#575757) في اعلى اليسار ، الى رمادي اغمق (#242424) في اسفل اليمين ، ذلك لاننا نريد ان يكون مصدر الضوء من اعلى اليسار ..






[2]

اكتب النص الذي تريده ، هنا استخدمت نوع خط Agency FB .. ليكن باللون الازرق الرمادي ( #c2c8d4)





[3]

الان اضغط CTRL ثم اضغط على لير النص ، ثم أنشئ لير جديد فوقه ، في اللير الجديد ومع بقاء التحديد قم باضافة تدرج لوني خطي شفاف باللون ( #495a79) ، ولذلك لجعل الجزء الايمن الاسفل للنص اغمق ، كما في الصورة :





[4]

اختر اللون الاسود ، ثم اضغط CTRL+ ضغطة على لير النص لتحديده ، انشئ لير جديد تحت لير النص .

الان اضغط السهم السفلي ، والسهم الأيمن في الكيبورد ، ثم اضغط ALT+BACKSPACE من الكيبورد حتى يملأ باللون الاسود ..
الان اضغط اضغط السهم السفلي ، والسهم الأيمن في الكيبورد ، ثم اضغط ALT+BACKSPACE من الكيبورد مرة اخرى لملأه باللون الاسود مرة اخرى ..

في كل مرة سنتحرك 1 بيكسل للاسفل ، و1 بيكسل لليمين ..
يجب ان تكرر هذه العمليه 15-18 مرة ( لهذا استخدمنا ALT+BACKSPACE للملأ عوضا عن الدلو )

* BACKSPACE : مفتاح مسح الحروف في الكيبورد





[5]

الان الغِ التحديد ، وتأكد من انك تعمل على لير الظل ، ثم اذهب الى Filter > Blur > Motion Blur

Angel = -45 degree
Distance = 30 px






[6]

غير مود لير الظل الى Multiply ، و Opacity 40%

الان اضغط Shift + السهم السفلي ، ثم السهم الايمن من الكيبورد .. هذا سيحرك 10 بيكسل للاسفل و10 بيكسل لليمين (ذلك لان الضغط على Shift يحرك 10 بيكسل بدلا من 1 بيكسل)





[7]

انسخ لير الظل ، ثم اضغط shift + السهم السفلي ثم الايمن في الكيبود ، اذهب الى filter > blur > Motion blur

Angel = -45 degree
Distance = 50 px

ضع مود اللير multiply و opacity 20% .. هذا سيعطي الظل شكل مسحوب اكثر ..





[8]

انشئ لير جديد فوق جميع الليرات ، اضغط Ctrl + لير النص الاصلي وذلك لتحديده ..

عد الى اللير الجديد الذي أنشأته ، ثم املأه باللون الابيض ..
لا تقم بألغاء التحديد ، بل اضغط على السهم الاسفل ثم الايمن في الكيبورد للتحرك 1 بيكسل للاسفل واليمين ..

ثم اضغط Delete
غير قيمة Opacity للير الخط الابيض الى 80%






[9]

كما ترى ، فأن الخط الابيض اعطى تأثير مهم عن مصدر الضوء المؤثر في النص ، كما يعطي انطباع ثلاثي ابعاد للنص






[10]

في هذه الخطوة سنصنع بعض الخطوط لتضيف تأثير الضوء الطبيعي ..

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





[11]

اضغط Ctrl + T ودوّر بزاوية 45 تقريبا ، وقبل الخروج من الامر اضغط بزر الفأرة الايمن واختر الامر Perspective .. حاول تقريب النقطتان في الجهة العليا اليسرى من بعضها ، وابعاد النقطتان اليمنى السفلى من بعضها لكي يبدو مصدر الضوء من مكان واحد وينتشر ، كما في الصورة :



[12]

الان غير مود لير الخطوط الاربعة الى Overlay
Opacity 20%

ثم اذهب الى Filter > blur > Gaussian Blur
blur radius = 6 px





[13]

اضغط Ctrl ، وباستمرار الضغط ، اضغط على لير خطوط الضوء لتحديده ، بعدها حدد اللير الذي يقع اسفله ، والمميز في الصورة ، ثم اضغط على ايقونة Add Layer Mask والموجودة اسفل خانة Layers

والنتيجة هنا ستكون جيدة الى حد ما ..






[14]

في هذه الخطوة سنقوم بأعطاء شكل اكثر واقعية ودفء للصورة ..

قم بانشاء لير جديد فوق الخلفية الاصليه ، واملأه باللون (#9d506c)






[15]

غير مود اللير الوردي الى Colour ، و قيمة Opacity = 20% ، فهذا سيعطي للخلفية لون احمر دافئ






[16]

الان انشئ لير جديد فوق اللير الوردي ، واملأه بللونا لابيض كليا ..
اذهب الى Filter > render > lighting effects
في خانة style اختــر O’clock Spotlight .. وحاول تدوير البيضوي كما في الصورة :






[17]

غير مود اللير الابيض الى Overlay ..
ثم قم بنسخ نفس اللير وتحريكه فوق جميع الليرات ،
Opacity = 40







[18]

اخيرا ، قم بنسخ اللير الاخير ، غير قيمة Opacity الى 65%
الان اضغط على ايقونة Add Layer Mask .. وقم باستخدام تدرج بلوني الابيض الى الاسود ، ادرجه من اعلى اليسار الى اسفل اليمين ، هذا سيجعل طبقة الاضاءة الاضافية تبهت بينما تتجه الى الاسفل .





وبذلك ، حصلت على نتيجة جميـلة قريبة الى الواقع =)

انتهى

ان شاء الله كان الشرح واضحا ..

اذا كانت هناك اي فقرة غير مفهومـة انا بالخدمـة ان شاء الله ..
تطبيقاتكم ضروري نشوفهـا هنا ^_^
واسأل الله ان يكون الدرس نال استحسانكم


© حقوق الترجمـة محفوظة لمنتديات محمد شريف
ممنوع النقل بدون ذكر المصدر

دمتم بمحبة
اختكم اموره