السلام عليكم ورحمة الله وبركاته ..
مرحبا بيكم كل المحترفين ، محبين وهواة التصميم =)
قبل البدء .. احببت التنويه الى ان هذا الدرس لا ينتسب لي ، وانما قمت بترجمته واعادة اعداده ..
وللامانة ، هناك بعض التعليقات والملاحظات التي تطيل الشرح فقط لم اقم بترجمتها ..
الدرس سهل ان شاء الله ..
وتطبيقه لا يتطلب الكثير .. فقط اتبع الخطوات بدقــة ، ستحصل على النتيجة بالضبط كما هي ..
النتيجة النهائيــة ستكون :
ابدأ بسم الله الرحمن الرحيم
[ 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 .. وقم باستخدام تدرج بلوني الابيض الى الاسود ، ادرجه من اعلى اليسار الى اسفل اليمين ، هذا سيجعل طبقة الاضاءة الاضافية تبهت بينما تتجه الى الاسفل .
وبذلك ، حصلت على نتيجة جميـلة قريبة الى الواقع =)
انتهى
ان شاء الله كان الشرح واضحا ..
اذا كانت هناك اي فقرة غير مفهومـة انا بالخدمـة ان شاء الله ..
تطبيقاتكم ضروري نشوفهـا هنا ^_^
واسأل الله ان يكون الدرس نال استحسانكم
© حقوق الترجمـة محفوظة لمنتديات محمد شريف
ممنوع النقل بدون ذكر المصدر
دمتم بمحبة
اختكم اموره
