[درس مترجم ] تأثــيــر الظــل والضــوء على النــص ..

[Sinichi Princess]

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

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

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

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

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

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

[ 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 .. وقم باستخدام تدرج بلوني الابيض الى الاسود ، ادرجه من اعلى اليسار الى اسفل اليمين ، هذا سيجعل طبقة الاضاءة الاضافية تبهت بينما تتجه الى الاسفل .

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

انتهى

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

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

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

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

[sherry ohyeah]

درس رائع وممتاز حقا
لو أمتلكت الوقت لطبقته
شكرا على الترجمه ..

[Sinichi Princess]

درس رائع وممتاز حقا
لو أمتلكت الوقت لطبقته
شكرا على الترجمه ..

تواجدج الاروع

وودت لو طبقتِ الدرس ..
عفوا .. وشكرا لج

[جيرايا07]

درس رائع وجميل للتاثير على النص
لم استطع عمله
لانني مبتدـأ
شكرالكSinichi Princess

[asmaa**]

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

درس رائع ونتيجته عجبتنى كثيرا . .

أحب دروس أبعاد الكلمات كثيرا وكذلك تاثيراتهــــــــــــــــــــــــا

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

في أمان الله

[اللؤلؤهـ ~]

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

درس رائع من أروع مارأيت ,,

انتقائكِ لترجمته مُميز ,, وفقتِ!

تمنيت لو أنكِ اطلعتِ ع فهرس الدروس هنا (:
•(-• الفهرس الرسمي لجميع دروس قسم التصميم •-)•✮,✮

فقد تم شرح نفس الدرس هنا :

●•▌ أول درس من سلسلة دروس تأثيرات النصوص ثلاثية الأبعاد ▌ الظلال والأضواء ▌●• ✮,✮

وفقكِ الله وحفظكِ

جهد رائع بشوق لبقية ترجمتكِ وإبداعكِ

(:

[Sinichi Princess]

درس رائع وجميل للتاثير على النص
لم استطع عمله
لانني مبتدـأ
شكرالكSinichi Princess

شكرا لك اخي ..
لكن لا تقل مبتدئ ، فالمحاولات تجعلك محترف

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

درس رائع ونتيجته عجبتنى كثيرا . .

أحب دروس أبعاد الكلمات كثيرا وكذلك تاثيراتهــــــــــــــــــــــــا

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

في أمان الله

وجزاج عزيزتي ..
يسعدني انه راق لج، وان شاء الله تكوني استفدتِ
شكرا لج

[Sinichi Princess]

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

درس رائع من أروع مارأيت ,,

انتقائكِ لترجمته مُميز ,, وفقتِ!

تمنيت لو أنكِ اطلعتِ ع فهرس الدروس هنا (:
•(-• الفهرس الرسمي لجميع دروس قسم التصميم •-)•✮,✮

فقد تم شرح نفس الدرس هنا :

●•▌ أول درس من سلسلة دروس تأثيرات النصوص ثلاثية الأبعاد ▌ الظلال والأضواء ▌●• ✮,✮

وفقكِ الله وحفظكِ

جهد رائع بشوق لبقية ترجمتكِ وإبداعكِ

(:

اووبس ..
لم اعلم انه ترجم من قبل الا الان

سبحان الله .. من بين كل الدروس صدف ان ترجمت هذا ^^"
لكن قدر الله وما شاء فعل

شكرا الج على التنبيه والتشجيع ..
ان شاء الله المرة الجاية اطلع على الفهرست

[zoiay]

شكرا على الدرس ^_-

[ريــــم]

درس حلوو
و كنت فعلاً أتمنى إني أحصله