Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Designing
Design

4 طرق لتشكيل تأثير ظل طويل في فوتوشوب

by
Difficulty:BeginnerLength:LongLanguages:

Arabic (العربية/عربي) translation by Maryam Abbas (you can also view the original English article)

كجزء من اتجاهات "التصميم المسطح" الحديث، تعد تأثيرات الظل الطويل ذات شعبية ولكنها ليست بالضرورة ظاهرة جديدة. يبدو أن أقوى انطباع لهذا الاتجاه هو بتصميم عناصر التفاعل والأيقونات ولكن تزايد استخدامه أيضا كجزء من تصاميم الويب. في هذا الدليل التدريبي، سنعرض عليكم أربع طرق لإنشاء تأثيرات الظل الطويل في فوتوشوب باستخدام أدوات متعددة. هيا نلقي نظرة!


متطلبات الدليل التدريبي

يلزمك المتطلبات التالية لإكمال هذا التدريب. من فضلك حملها قبل البدء، أو جد بدائل عنها.


خصائص تأثير الظل الطويل

هناك خاصتين رئيسيتين لتأثيرات الظل الطويل.

  1. يجب أن يتضمن كل عنصر في التصميم ظل مسطح ثنائي البعد يمتد على الأقل لمرتين ونصف من قطر العنصر، مما يجعل الظل طويلا جدا، وهذا ما يضيف تأكيدا وتأثيرا دراميا للتصميم.
  2. يجب أن يلقى الظل بزاوية 45 درجة، يفضل باتجاه الضوء.

يمكن أن يختلف لون الظل بدرجة غمقته مقارنة مع لون الخلفية، وفي بعض الحالات، يتلاشى بلون ملء شفاف. هناك العديد من التعديلات التي يمكن إضافتها للتأثير، وكلها عائدة لك لتقرر ما هي النتيجة النهائية التي تريدها.


1. جهز عملك الفني

الخطوة 1

أنشئ ملف جديد بقياس px 750 x 750 ، واملأ الخلفية باللون #cf3f30.

الخطوة 2

ضع اللون الأمامي بقيمة #e74c3c، اختر أداة المستطيل المدور، اختر خيار الشكل ضمن شريط الخيارات، وضع نصف القطر بقيمة 10.

اضغط واستمر بالضغط على زر SHIFT، ثم اضغط واسحب لتشكل مربعا مدورا بقياس 450x450 px.

الخطوة 3

أنشئ نصا باللون الأبيض. في هذا الدليل التدريبي، تم استخدام نوعين من الخطوط، لكن يمكنك استخدام النص والخط الذي يحلو لك.

الخطوة 4

بالنسبة للسطر الأول من النص، الخط المستخدم هو بيبس، وقياس الخط 100pt. بينما تم إنشاء السطر الثاني باستعمال خط باسيفيكو، وبقياس 100، وتم ضبط القيمة القائدة على 100 أيضا.

تذكر دائما أن التصميم المسطح يستخدم عموما الخطوط البسيطة، العريضة والمموجة.    

الخطوة 5

اختر الطبقات الثلاثة التي لديك، اختر أداة التحريك، ومن ثم اضغط على أيقونة التراصف المركزي الأفقي في شريط الخيارات لتتأكد أن كافة العناصر موضوعة بشكل مركزي ضمن المستند.


2. أنشئ خلفية الظل الطويل باستخدام طبقات الشكل

الخطوة 1

ضع لون الخلفية على الأسود واختر أداة المستطيل. اضغط SHIFT ومن ثم اسحب لتنشئ مستطيلا يغطي معظم الخلفية. يجب وضع طبقة الشكل الجديد مباشرة فوق طبقة الخلفية.

الخطوة 2

انتقل إلى تعديل> تحويل حر (CTRL/CMD+T) لتدخل في وضع التحويل الحر. ثم اضغط واستمر في الضغط على زر SHIFT ودور المستطيل الأسود -45° (عكس عقارب الساعة).

الخطوة 3

اضغط الآن واسحب جوانب المستطيل الأسود حتى تصل حواف المستطيل الأحمر.

الخطوة 4

اضغط واسحب الجزء الأيسر من المستطيل حتى يصل لمركز المستطيل الأحمر (قطريا). عندما تنتهي، اضغط ENTER/RETURN لتقبل التغييرات.

الخطوة 5

غير قيمة ملء طبقة المستطيل الأسود لتصبح 0.

الخطوة 6

اضغط مرتين على طبقة المستطيل الأسود لتضع تأثير تغشية متدرجة. ابدأ باختيار تدرج من الأسود إلى الشفاف. ثم غير الزاوية إلى -45°، وقيمة العتامة إلى القيمة التي تريدها، تبعا لكيف تريد أن يكون الظل شديدا أو خفيفا. القيمة المستخدمة هنا هي قيمة خفيفة جدا، وهي 15%. القيمة المستخدمة هنا هي قيمة خفيفة جدا، وهي 15%.

الخطوة 7

هذه هي الطريقة الأساسية لتشكيل ظل طويل للأشكال البسيطة.


3. أنشئ ظلالا طويلة باستخدام أداة القلم

أداة القلم طريقة معقدة لتشكيل تأثير الظل الطويل. رغم أنها أكثر الطرق تعقيدا مقارنة بالتقنيات الأخرى المذكورة في هذا الدليل التدريبي، إلا أن الميزة الهامة بخصوص هذه التقنية أنها تعطيك تحكما كبيرا بمنظر التأثير.

الخطوة 1

أنشئ طبقة جديدة بين طبقة النص وطبقة المستطيل الأحمر، ثم اختر أداة القلم (مع خيار الشكل مفعلا في شريط الخيارات).

الخطوة 2

قبل البدء أضف نقاط الارتكاز، يلزمك إضافة دليل لإضافة كافة النقاط في المستوى ذاته. للقيام بذلك اذهب إلى عرض > المسطرة (إذا لم يكن الخيار مفعلا أصلا)، ثم اضغط على المسطرة عند الأعلى واسحب دليلا وضعه عند الحواف العليا للأحرف.

سينجح هذا فقط مع السطر الأول لأن للأحرف الارتفاع نفسه. لكن من أجل السطر الثاني، تتم إضافة النقاط دون الحاجة للدليل.

الخطوة 3

اضغط مرة لإضافة نقاط عند كل حافة علوية للأحرف، وبينها، بدءا من الحافة اليسرى العلوية للحرف الأول.

الخطوة 4

عندما تصل للحافة العلوية اليمنى للحرف الأخير، حرك أداة القلم بشكل مواز لظل المستطيل الأحمر، ومدده بحيث يغطي الحافة السفلية اليمنى للمستطيل الأحمر وأضف نقطة هناك. ثم، تابع الشكل عبر الحافة السفلية اليسرى للحرف الأول، وأغلق الشكل بالعودة للنقطة الدليلية الأولى التي أضفتها.

الخطوة 5

اختر أداة الاختيار المباشر، ثم، اضغط SHIFT مع النقاط الدليلية التي أضفتها بين الأحرف.

الخطوة 6

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

ثم اضغط السهم الأيمن لتحريك النقاط نحو اليمين، حتى يصبح الخط الناتج موازيا لحواف الظل الأصلي. (والتي يمكنك إصلاحها باستخدام أداة الاختيار المباشر إذا اقتضى الأمر أيضا).

الخطوة 7

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

الخطوة 8

تأكد من أن كافة خطوط الظل متوازية قدر الإمكان. يمكنك إنشاء خط باستخدام أداة الخط، دوره بالزاوية التي تريد إنشاء الظل وفقا لها، ثم حركه عند زاوية كل حرف لترى فعليا أين تريد وضع نقاط الارتكاز.

إنها طريقة مستهلكة للوقت، ولكن كما ذكرنا، تعطيك تحكما أكبر بالنتيجة النهائية. لذا يجب أن تأخذ وقتك بإنشائها واحترافها.

الخطوة 9

عندما يصبح الشكل جاهزا لديك، طبق نفس تأثير تدرج التغشية المستخدم مع ظل المربع الأحمر (الخطوة 2.6).

الخطوة 10

لإزالة الجزء الإضافي من الظل الممتد خارج المستطيل الأحمر، اضغط بالزر اليميني على طبقة ظل النص، ثم اضغط على إنشاء قناع اقتصاص.

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

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

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

الخطوة 11

الآن فيما يخص النص ذو ارتفاعات مختلفة للأحرف، سيلزمك إنشاء الظل مباشرة. إذا أردت دمج الظلال، يجب أن تضيف نقاط ارتكاز حيث لا يتداخل الظلان. لكن في هذا التمرين، سيتم شرح العملية كاملة في حال أردت إنشاء الظلال بشكل مستقل.

وبما أن خط السطر الثاني من النص منحني ومدور، سيلزمك فقط نقطة ارتكاز عند أعلى كل حرف، ونقطة ارتكاز أخرى بين كل حرفين.

الأمر المهم مرة أخرى، هو التأكد أن الخطوط موازية لحواف الظل الأصلي.

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

قد يبدو هذا أكثر تعقيدا مما هو عليه فعليا، لكن وجود الظل الأساسي كدليل سيجعل من الأمور أكثر سهولة.

الخطوة 12

اختر أداة إضافة نقطة ارتكاز، واضغط لإضافة النقاط حيث هناك مساحات فارغة يجب ملؤها بظل، ثم حرك هذه النقاط لتغطي هذه المساحات. تم تعديل الجزء الأيسر العلوي لكل من حرفي S وl هنا.

الخطوة 13

إذا أنشأت الظل بطبقة منفصلة، طبق تأثير التدرج التغشية، ومن ثم قم باقتصاصه مع طبقة الظل الآخر (بإنشاء قناع اقتصاص).

الخطوة 14

هذه هي الطريقة الأولى. يلزمها الكثر من الدقة والانتباه الزائد للتفاصيل العديدة، لكنها الطريقة غير ثلاثية الأبعاد للتحكم بزاوية الظل ضمن طبقة شكل.

ملاحظة: من البدائل الجميلة لتأثير الظل الطويل هي النسخة التي يتلاشى فيها الظل بدلا من نسخة لون الملء.

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

هكذا يمكنك رؤية كيفية تلاشي الظل لطبقة ملء شفافة.

يمكنك أيضا تحريك الظل حتى يصبح منظره بالشكل الذي ترغبه.

قيم العتامة والمقياس هي القيم التي تتحكم بمنظر الظل. يمكنك أيضا اختيار تأثير تغشية اللون بدلا من تدرج تغشية إذا كنت لا ترغب بتلاشي الظل نهائيا.


4. إنشاء ظل طويل باستخدام المضاعفة والنكز

هذه الطريقة فائقة السهولة للحصول على تأثير ظل طويل مثالي بزاوية 45°.

الخطوة 1

ابدأ بمضاعفة النص الذي لديك، ثم اسحب النسخة لتصبح أسفل طبقة النص الأصلي.

الخطوة 2

غير لون طبقة النص النسخة إلى الأسود.

الخطوة 3

اذهب إلى تعديل > تحويل حر، ثم استخدم زر السهم السفلي والسهم اليميني لنكز نص النسخة بقيمة بكسل وحيد إلى الأسفل واليمين. اضغط ENTER/RETURN لتقبل التغييرات.

الخطوة 4

اضغط الآن CMD/CTRL+ALT+SHIFT+T لتضاعف الطبقة مع تحويلها. يلزمك تكرار هذه العملية حتى يغطي الظل النهاية السفلى اليمنى للمستطيل الأحمر.

الخطوة 5

اختر كافة طبقات النسخ، واذهب إلى طبقة > دمج الطبقات.

  الخطوة 6

طبق تأثير تدرج تغشية الذي تريده (الخطوة 2.6).

الخطوة 7

اضغط بالزر اليميني على الطبقة المدمجة واختر إنشاء قناع اقتصاص. وها هو قد حصلت عليه!

الخطوة 8

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

للقيام بذلك، أنشئ كل سطر من النص بطبقة نص مختلفة. ثم اختر كلا طبقتي النص، ضاعفهما مرة، حرك طبقات النسخة تحت النسخ الأصلية، وغير لون خطها للأسود.

الخطوة 9

اختر نسخة السطر الأول من النص، ادخل نمط التحويل الحر (CTRL/CMD+T)، ثم حركها 1px باتجاه الأسفل و1px إلى اليمين، اضغط زر ENTER/RETURN لتقبل التعديلات.

الخطوة 10

اضغط أزرار CMD/CTRL+ALT+SHIFT+T لمضاعفة الطبقة مع التجويل حتى يغطي الظل النهاية السفلية اليمنى للمستطيل الأحمر. ثم اختر كافة الطبقات المنسوخة وادمجها (طبقة>دمج الطبقات).

الخطوة 11

كرر ذلك لنسخة السطر الثاني من النص.

الخطوة 12

طبق نفس تأثير تدرج تغشية، وأنشئ قناع اقتصاص لكل طبقة ظل.

الخطوة 13

يمكنك أيضا جعل الظل يتلاشى كما تم شرحه في الملاحظة السريعة في نهاية الخطوة 3.


5. أنشئ تأثيرات ظل طويل باستخدام أدوات فوتوشوب ثلاثية البعد

هذه هي الطريقة الأسرع والأكثر فاعلية، حيث أنها بسيطة، وقابلة للتعديل بالكامل.

الخطوة 1

اختر طبقة النص ومن ثم انتقل إلى ثلاثي البعد > بثق جديد ثلاثي البعد من الطبقة المختارة. سيحول هذا طبقة النص إلى طبقة ثلاثية البعد.

الخطوة 2

لتعديل الإعدادات يجب فتح قائمتين: قائمة ثلاثي البعد، وقائمة الخصائص (كلاهما تحت قائمة نافذة). تحتوي قائمة ثلاثي البعد على كافة عناصر المنظر ثلاثي البعد، بينما تعرض قائمة الخصائص إعدادات العناصر المختارة في قائمة ثلاثي البعد.

ابدأ باختيار لسان المنظر الحالي في قائمة ثلاثي البعد، ثم اختر المنظر العلوي من قائمة المنظر المنسدلة في قائمة الخصائص.

الخطوة 3

اختر اسم شبكة النص، اضغط على أيقونة الإحداثيات عند أعلى قائمة الخصائص، وغير زاوية تدوير X إلى 90° بحيث يتم توجيه النص نحو الأعلى أيضا.

الخطوة 4

اضغط على أيقونة الشبكة عند أعلى قائمة الخصائص، ثم غير عمق البثق إلى قيمة كبيرة، القيمة المستخدمة هنا هي 300.

الفكرة هي تشكيل نسخة بثق طويلة جدا، مما سيشكل ظل طويل حيث يصدمه الضوء من زاوية معينة. لذا تبعا للنص وزاوية الضوء، قد يلزم استخدام قيمة مختلفة لعمق البثق. لكن عادة يمكنك البدء بقيمة حوالي 200 أو 300.

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

الخطوة 5

إذا أردت تعديل مقياس النص بالزيادة أو النقصان، قم بذلك بالتقريب للداخل أو الخارج. للقيام بذلك، اختر لسان المنظر الحالي في قائمة ثلاثي البعد، اختر أداة التحريك، واختر أيقونة مقياس العنصر ثلاثي البعد من مجموعة النموذج ثلاثي البعد إلى اليمين من شريط الخيارات. ثم اضغط واسحب لأي مكان على الشاشة. اسحب للأسفل للتقريب، وللأعلى للابتعاد.

الخطوة 6

متى ما أعجبك منظر المشهد، اضغط على لسان ضوء لا نهائي 1 في قائمة ثلاثي البعد.  ثم، يمكنك تغيير قيمة زاوية دوران Y إلى 45° في قائمة الخصائص (بعد الضغط على أيقونة الإحداثيات في أعلى قائمة الخصائص).

الخطوة 7

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

الخطوة 8

للحصول على اللون الأصلي تماما للنص، وهو أبيض، يجب تعديل خصائص طبقة التغطية الأمامية. لذا غير اللون البراق إلى الأبيض، وكلا من لوني الإضاءة والمحيط إلى الأسود. ثم غير قيمة السطوع إلى 0.

بعد قيامك بذلك، من الجيد الانتقال إلى ثلاثي البعد > (معالجة) رندرة لترى كيف يبدو كل شيء. قد ترغب بتغيير بعض هذه القيم تبعا للون النص وزاوية الضوء. مثلا، إذا كان لون النص ترابي غامق، فقد يلزم تغيير قيمة السطوع إلى 100%.

الخطوة 9

عندما تنتهي من إعدادات خصائص طبقة التغطية الأمامية، اضغط على لسان البيئة في قائمة ثلاثي البعد، وتصفح باتجاه الأسفل عبر قائمة الخصائص حتى ترى فقرة المستوي الأرضي. غير قيمة عتامة الظل إلى القيمة التي ترغب بها. هنا، تم ضبطها على 14.

الخطوة 10

اذهب إلى ثلاثي البعد > معالجة (رندرة)، لتعالج المشهد النهائي.

الخطوة 11

لا يمكنك إنشاء قناع اقتصاص لطبقة ثلاثية البعد. لذا سنقوم بتحويلها إلى عنصر ذكي بالذهاب إلى فلتر > تحويل  للفلاتر الذكية.

الخطوة 12

ثم اضغط بالزر اليميني على طبقة العنصر الذكي واختر إنشاء قناع اقتصاص.

الخطوة 13

إذا كان من الضروري تعديل الطبقة ثلاثية البعد، يجب أن تضغط مرتين على الأيقونة المصغرة لطبقة العنصر الذكي.

الخطوة 14

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

الخطوة 15

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

عندما تنتهي، احفظ الملف (ملف>حفظ)، ثم أغلقه (ملف>إغلاق).

الخطوة 16

سيقودك هذا للملف ثلاثي البعد، وسيتم تحديثه بالتغييرات التي قمت بها.

إذا أردت تغيير اللون، استخدم مكعب انتشار اللون للقيام بذلك، وقد يلزم تعديل قيمة السطوع.

عندما تنتهي، قم بمعالجة (رندرة) الملف مرة أخرى، ثم احفظه وأغلقه.

الخطوة 17

سيتم تحديث العنصر الذكي في الملف الأصلي الآن.


مبارك! لقد انتهيت.

في هذا الدليل التدريبي، شرحنا عدة طرق يمكنك اتباعها لإنشاء تأثيرات ظل طويل في فوتوشوب. بينت الطريقة الأولى كيفية إنشاء ظل خلفية باستعمال طبقة شكل، ثم بينا كيفية استخدام أداة القلم لإنشاء ظل طويل للنص، بعد ذلك، عرضنا كيفية استخدام تقنية المضاعفة والنكز، أخيرا، بينا كيفية استخدام أدوات فوتوشوب ثلاثية البعد لإنشاء تأثير ظل طويل لعملك الفني. نتمنى أن تكون قد تعلمت شيئا في هذا التمرين وأن تكون قادرا على استخدام هذه النصائح لمساعدتك في إنشاء تصاميم الظل الطويل الخاصة بك.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.