يعد الظل المسقط أحد أكثر التأثيرات استخداما في التصميم ، والذي يسمح لك بإنشاء حجم وعمق في الصور أو الرموز أو عناصر الواجهة. يتم استخدامه لجعل العناصر تبرز من الخلفية أو خلق وهم الفضاء والعمق في التصاميم المسطحة.
إسقاط الظل في فيجما هي واحدة من أقوى الأدوات لخلق هذا التأثير. يسمح لك بضبط الظل على دقة البكسل ، وتعيين لونه وشفافيته ، وكذلك تغيير مصدر الضوء وزاوية حدوث الظل.
لا تؤدي إضافة الظل المسقط إلى فيجما إلى تحسين إدراك عناصر الواجهة وقابليتها للقراءة فحسب ، بل تساعد أيضا في إنشاء تأثير للعمق والواقعية. هذا مفيد بشكل خاص عند إنشاء تصميمات الويب أو الرسوم التوضيحية أو التخطيطات حيث تلعب التفاصيل واللهجات دورا مهما في إنشاء تجربة مستخدم.
- إسقاط الظل في فيجما: كيفية استخدام وتكوين
- تعريف وتطبيق الظل المسقط
- خلق الظل المسقط في فيجما
- تكوين إعدادات الظل المسقط
- أمثلة عملية لاستخدام الظل المسقط
- كيفية إضافة تأثير التدرج لإسقاط الظل
- إسقاط الظل الرسوم المتحركة في فيجما
- تصدير واستخدام الظل المسقط في مشاريع الويب
إسقاط الظل في فيجما: كيفية استخدام وتكوين
لإضافة ظل مسقط إلى فيجما ، اتبع الخطوات التالية:
- حدد الكائن الذي تريد إضافة ظل إليه.
- في لوحة إعدادات الخصائص ، حدد علامة التبويب التأثيرات.
- انقر فوق الزر" إضافة تأثير "وحدد"إسقاط الظل".
- بشكل افتراضي ، سيتم إضافة ظل إسقاط أساسي مع إعدادات محددة مسبقا.
- اضبط إعدادات الظل مثل اللون والتشبع والحجم والضبابية والزاوية.
يمكنك أيضا تخصيص الظل المسقط مباشرة على اللوحة القماشية عن طريق سحب وتغيير حجمها وموضعها.
يمكن استخدام الظل المسقط في الشكل لإنشاء تأثير عنصر عائم في الخلفية ، وإضافة العمق والحجم ، وكذلك لتحسين إمكانية قراءة النص على صور الخلفية الساطعة.
تذكر أنه يمكن إضافة ظلال متعددة إلى كائن واحد ، ويمكن ضبط كل ظل على حدة.
سيساعدك استخدام الظل المسقط في فيجما على إنشاء تصميم أكثر واقعية وعمقا ، وإبراز العناصر المهمة وتحسين الانطباع المرئي العام لمشاريعك.
تعريف وتطبيق الظل المسقط
يتيح لك استخدام الظل المسقط في التصميم إنشاء عمق وأبعاد الكائنات ، مما يجعلها أكثر واقعية وجاذبية للإدراك. يمكن تعديل الظل المضاف مع الظل المسقط وفقا لمعايير مختلفة ، بما في ذلك اللون والشفافية والظلام والتشويش ، مما يسمح لك بإنشاء مجموعة متنوعة من التأثيرات ، من أكثر طبيعية إلى منمقة ومتطورة.
يمكن أيضا استخدام خيار الظل المسقط لخلق وهم الحركة أو العمق على سطح مستو. نظرا لأنه يمكن تطبيق تأثير الظل المسقط على أي كائنات في التصميم ، بما في ذلك النصوص والرموز والأزرار والصور ، فقد أصبح أداة أساسية للمصممين الذين يرغبون في منح مشاريعهم مزيدا من الحيوية والحجم.
خلق الظل المسقط في فيجما
- حدد العنصر الذي تريد تطبيق تأثير الظل المسقط عليه.
- في لوحة الطبقات على يمين الشاشة ، حدد العنصر الخاص بك.
- في لوحة الخصائص أسفل الشاشة ، ابحث عن قسم التأثيرات.
- انقر فوق الزر " + " لإضافة تأثير جديد.
- حدد" إسقاط الظل " من القائمة المنسدلة.
- اضبط معلمات الظل حسب رغبتك: اللون ونصف القطر والإزاحة والتشبع.
- بعد تعيين المعلمات ، سترى تأثير الظل المسقط المطبق على العنصر الخاص بك في الوقت الفعلي.
عند إنشاء ظل مسقط في فيجما ، من المهم أن تتذكر أنه يمكن تطبيق هذا التأثير على أي طبقة ، سواء كانت نصا أو شكلا أو عنصرا رسوميا. يمكنك أيضا الجمع بين العديد من تأثيرات الظل المسقط لإنشاء ظلال معقدة ومثيرة للاهتمام. تجربة مع الإعدادات والحصول على نتائج فريدة من نوعها!
تكوين إعدادات الظل المسقط
في فيجما ، يمكنك ضبط إعدادات الظل المسقط للحصول على التأثير المطلوب. عند تحديد عنصر والانتقال إلى لوحة التأثيرات ، يمكنك تكوين المعلمات التالية:
| المعلمة | الوصف |
|---|---|
| اللون | اختر لونا للظل. يمكنك استخدام لون مشروع موجود أو تحديد لونك الخاص. |
| طمس | قم بتغيير درجة ضبابية الظل لإنشاء تأثير أكثر سلاسة أو حدة. |
| ركن | قم بتغيير الزاوية التي يقع فيها مصدر الضوء على العنصر ويخلق ظلا. |
| الحجم | قم بزيادة أو تقليل حجم الظل لإنشاء التأثير المطلوب. |
| الإعدادات | قم بتخصيص خيارات الظل ، بما في ذلك رؤيته ، والتراكب على التأثيرات الأخرى ، والتطبيق على إطار العنصر. |
باستخدام مزيج من هذه الخيارات ، يمكنك إنشاء تأثيرات الظل المختلفة في فيجما لإعطاء العناصر الخاصة بك عمق إضافي وأسلوب.
أمثلة عملية لاستخدام الظل المسقط
1. إنشاء الزر: يمكن استخدام الظل المسقط لإنشاء تأثير زر محدب. يمكنك إضافة ظل إلى أسفل ويمين الزر لتمييزه على الخلفية. بالإضافة إلى ذلك ، يمكن أن يؤدي استخدام ألوان ظل مختلفة إلى إنشاء تأثيرات متدرجة وإضافة تفاصيل مثيرة للاهتمام إلى عناصر التحكم الخاصة بك.
2. إنشاء البطاقات: يمكن استخدام الظل المسقط لإنشاء تأثير البطاقة المرتفعة. يمكنك إضافة ظل من أسفل البطاقة بحيث يظهر مرفوعا فوق الخلفية. يمكن أن يكون هذا مفيدا بشكل خاص عند إنشاء قوائم أو معارض صور بحيث يبدو كل عنصر منفصلا ومستقلا.
3. إنشاء لوحات التنقل: يمكن استخدام الظل المسقط لإنشاء تأثير شريط التنقل العائم. يمكنك إضافة ظل في الجزء السفلي وعلى الجانب الأيسر من اللوحة بحيث يبدو منفصلا عن الخلفية وشريط التنقل.
4. إنشاء الرمز: يمكن استخدام الظل المسقط لإنشاء تأثير الرموز المنحنية أو الشاهقة. يمكنك إضافة ظل إلى يمين وأسفل الرمز لإنشاء انطباع بالعمق أو إضافة تفاصيل إضافية إلى الرمز.
5. إنشاء العناوين والنص: يمكن استخدام الظل المسقط لإنشاء تأثير نص ثلاثي الأبعاد. يمكنك إضافة ظل حول النص بحيث يبرز على الخلفية ويعطي انطباعا بأنه تم التقاطه في حجم محسوب.
باستخدام الظل المسقط في فيجما يسمح لك أن تكون خلاقة وإضافة تفاصيل مثيرة للاهتمام لمشاريع التصميم الخاص بك. إنها أداة قوية لتعزيز التأثير وخلق تأثير بصري يمكن تعديله وتغييره بسهولة في أي وقت.
كيفية إضافة تأثير التدرج لإسقاط الظل
تأثير التدرج يسمح لك لخلق المؤثرات البصرية أكثر تعقيدا ومثيرة للاهتمام لإسقاط الظل في فيجما.
لإضافة تأثير التدرج لإسقاط الظل ، وسوف تحتاج إلى أداة إضافية-أداة التدرج-والذي يسمح لك لخلق وتخصيص التدرجات.
إليك كيفية القيام بذلك:
الخطوة 1: حدد الكائن الذي تريد إضافة تأثير تدرج الظل المسقط إليه.
الخطوة 2: انقر على أيقونة "التأثيرات" في شريط أدوات فيجما العلوي.
الخطوة 3: في قسم" التأثيرات "، ابحث عن" إسقاط الظل " وانقر عليه.
الخطوة 4: في شريط الأدوات الأيمن ، ابحث عن قسم "الظل" وحدد "التدرج" كنوع الظل.
الخطوة 5: انقر على أيقونة "تعديل" بجوار "التدرج" وستفتح لوحة "أداة التدرج".
الخطوة 6: في لوحة أدوات التدرج ، يمكنك ضبط التدرج عن طريق تحديد الألوان ونقاط التوقف. يمكنك أيضا ضبط اتجاه وزاوية التدرج.
الخطوة 7: بعد تعيين التدرج ، أغلق لوحة أداة التدرج وقم بتطبيق التغييرات.
الخطوة 8: قم بتحرير معلمات الظل المسقطة الأخرى مثل الكثافة والتشبع والإزاحة لتحقيق التأثير المرئي المطلوب.
الآن لديك المعرفة حول كيفية إضافة تأثير التدرج لإسقاط الظل في فيجما. هذا التأثير يسمح لك لخلق تأثيرات بصرية أكثر إثارة للاهتمام ومعقدة من شأنها أن تساعدك في مشاريع التصميم الخاص بك.
إسقاط الظل الرسوم المتحركة في فيجما
في فيجما ، يمكنك إنشاء الرسوم المتحركة لتأثير الظل المسقط. الرسوم المتحركة يسمح لك بتغيير الظل ، وخلق تأثير الحركة والديناميكية.
لإنشاء رسم متحرك ظل مسقط في فيجما ، اتبع الخطوات التالية:
- حدد العنصر في التخطيط الذي تريد إضافة الرسوم المتحركة الظل المسقط إليه.
- انتقل إلى خصائص العنصر وابحث عن قسم التأثيرات.
- انقر فوق الزر" إضافة تأثير "وحدد"الظل".
- اضبط إعدادات الظل مثل اللون والمسافة والضبابية والزاوية.
- إنشاء إطار جديد في الجدول الزمني فيجما.
- قم بتحرير معلمات الظل في الإطار الجديد لإنشاء تأثير الحركة المطلوب. على سبيل المثال ، قم بزيادة أو تقليل مسافة الظل أو تغيير لونه أو زاويته.
- كرر الخطوات من 5 إلى 6 لإنشاء إطارات إضافية وضبط الرسوم المتحركة.
- تكوين إعدادات الرسوم المتحركة ، مثل المدة ونوع الرسوم المتحركة ، في لوحة الرسوم المتحركة فيجما.
- اعرض الرسوم المتحركة بالنقر فوق الزر" عرض الرسوم المتحركة " في المخطط الزمني.
إسقاط الظل الرسوم المتحركة يسمح لك لخلق التحولات مذهلة وإضافة ديناميات لتخطيطات في فيجما. باستخدام هذه الوظيفة ، يمكنك إنشاء مجموعة متنوعة من التأثيرات وتكييف العناصر مع حالات مختلفة وجذب انتباه المستخدم.
تصدير واستخدام الظل المسقط في مشاريع الويب
بعد إنشاء وتكوين الظل المسقط في فيجما ، يمكن تصديرها إلى مشروع ويب باستخدام رمز كس أو صورة جاهزة.
لتصدير الظل المسقط إلى كس ، استخدم خاصية مربع الظل. على سبيل المثال:
| الممتلكات | المعنى |
|---|---|
| مربع الظل | 0 بكسل 4 بكسل 4 بكسل رغبا (0 ، 0 ، 0 ، 0.25); |
في هذا المثال ، تحدد القيمة 0 بكسل 4 بكسل 4 بكسل إزاحة الظل أفقيا (0 بكسل) وعموديا (4 بكسل) ، بالإضافة إلى تشويشها (4 بكسل). قيمة رغبا(0 ، 0 ، 0 ، 0.25) يحدد لون الظل (أسود) وشفافيتها (0.25).
لاستخدام قطرة الظل كصورة الانتهاء ، يمكنك تصديره من فيغما في ينغ أو سفغ الشكل. ثم يمكنك لصق هذا الملف في مشروع ويب وتطبيقه على العناصر المطلوبة باستخدام كس.
الآن أنت تعرف كيفية تصدير واستخدام الظل المسقط في مشاريع الويب. وهذا التأثير يساعد على إعطاء الأشياء الخاصة بك أكثر عمقا وجاذبية.