Tutorials
كيفية تشويش الخلفية في فيغما – دليل سريع لتأثيرات الخلفية
تعلم كيفية تمييع الخلفية في Figma باستخدام تأثير التمويه الخلفي وتأثيرات الطبقة. مثالي لتصميم واجهات المستخدم والتراكب الأنيق.
في هذا الدليل، سوف تتعلم كيفية تطبيق تأثير الطمس على إطار في Figma باستخدام قائمة التصميم.
اتبع الخطوات التفصيلية لتحقيق التمويه المطلوب لعنصر في مشروع تصميمك.
يوفر تأثير الطمس الخلفي في Figma مظهر زجاجي مزخرف، ويستخدم بشكل شائع في النوافذ المنبثقة، والبطاقات، والتراكبات.
الخطوة 1: إعداد طبقة الطمس
إنشاء شكل
استخدم مستطيلًا أو أي شكل / إطار حيث تريد أن يظهر تأثير الطمس.إضافة تعبئة
املأها بلون صلب (مثل الأبيض أو الرمادي).خفض الشفافية
قلل من شفافية الطبقة (عادةً حوالي 10-40%). هذه الخطوة أساسية، لن تظهر بدون الشفافية.
الخطوة 2: تطبيق الطمس الخلفي
حدد الطبقة
انقر على الشكل الذي أنشأته للتو.انتقل إلى لوحة التأثيرات
على الشريط الجانبي الأيمن، انقر على "+" بجوار التأثيرات، ثم اختر الطمس الخلفي من القائمة المنسدلة.تعديل قيمة الطمس
انقر على رمز الإعدادات بجوار التأثير واستخدم شريط التمرير للتحكم في مدى ظهور الطمس في الخلفية.
اختياري: تعديل دقيق
يمكنك دمج الطمس الخلفي مع الظلال المنسدلة لإضافة عمق.
اضبط الشفافية والطمس معًا لإنشاء مظهر ناعم مزخرف أو مظهر قوي وزجاجي.
دليل خطوة بخطوة: كيفية طمس الخلفية في Figma
الخطوة 1
للبدء في تطبيق تأثير الطمس في Figma، حدد أولاً الإطار الذي ترغب في طمسه.
اذهب إلى قائمة التصميم الموجودة على الجانب الأيمن من الواجهة. داخل هذه القائمة، ابحث عن قسم التأثيرات وانقر عليه.
في قسم التأثيرات، انقر على "إضافة تأثير جديد" من خلال النقر على رمز "+" ضمنه.
الخطوة 2
بمجرد إضافة التأثير الجديد، ستظهر قائمة منسدلة. انقر على هذه القائمة واختر "طمس الطبقة." لقد تم تطبيق تأثير الطمس بنجاح على إطارك المختار.
نصائح احترافية لطمس الخلفية في Figma
تطبيق الطمس على عنصر:
حدد العنصر (صورة، شكل، أو إطار) الذي تريد طمسه. في الشريط الجانبي الأيمن تحت قسم التأثيرات، انقر على أيقونة + واختر الطمس الخلفي أو طمس الطبقة من القائمة المنسدلة.تعديل شدة الطمس:
بعد تطبيق الطمس، استخدم شريط التمرير لضبط شدة الطمس. يمكنك زيادة أو تقليل كمية الطمس لتحقيق التأثير المرغوب.استخدم طمس Gaussian لمزيد من التحكم:
للحصول على تحكم أكثر دقة على تأثير الطمس، استخدم طمس Gaussian، الذي يمنحك لطخات أكثر سلاسة وتدرج.طمس الصور أو الإطارات:
إذا كنت تطمس صورة أو إطار، تأكد من تحديد الصورة. يمكنك طمس الصورة دون التأثير على عناصر التصميم الأخرى.الطمس المتعدد على الطبقات:
يمكنك تطبيق تأثيرات طمس متعددة على طبقات مختلفة. على سبيل المثال، إذا كنت تريد خلفية مطموسة مع نص واضح، طبق الطمس على طبقة الخلفية فقط.
الفخاخ الشائعة لطمس الخلفية في Figma
طمس الطبقة الخاطئة:
الإصلاح: تحقق مرتين من الطبقة التي قمت بتحديدها قبل تطبيق الطمس. استخدم لوحة الطبقات للتأكد من أنك تقوم بتعديل الطبقة الصحيحة.الاستخدام المفرط لتأثير الطمس:
الإصلاح: لا تطبق طمسًا زائدًا على عناصر مهمة مثل النصوص أو الشعارات، حيث يمكن أن يقلل من وضوح القراءة. استخدم الطمس بشكل معتدل للتركيز على التصميم.وضوح غير مرغوب بعد الطمس:
الإصلاح: إذا أدى تطبيق الطمس على الصور إلى وضوح غير مرغوب فيه، قم بتعديل مقدار الطمس وجرب تأثيرات مختلفة مثل طمس Gaussian لتحقيق المظهر المرغوب.الطمس لا يظهر عند التصدير:
الإصلاح: إذا لم يظهر تأثير الطمس عند التصدير، تأكد من أنك تقوم بالتصدير بدقة عالية (PNG أو SVG) للحصول على جودة أفضل.
الأسئلة الشائعة الشائعة لطمس الخلفية في Figma
هل يمكنني طمس النص في Figma؟
بينما يمكنك طمس أشكال المتجهات والصور، لا يمكنك تطبيق طمس على النص مباشرة في Figma. ومع ذلك، يمكنك تحويل النص إلى شكل ثم تطبيق تأثير الطمس.كيف يمكنني طمس خلفية تصميم؟
حدد طبقة الخلفية أو الصورة، وطبق تأثير طمس الطبقة، واضبط الشدة. هذا رائع لإنشاء تركيز على العناصر الأمامية.هل يمكنني التحكم في اتجاه الطمس؟
يطبق تأثير الطمس في Figma بشكل موحد. إذا كنت بحاجة إلى طمس اتجاهي (مثل الطمس الحركي)، فسيتعين عليك استخدام أدوات تحرير الصور الخارجية مثل Photoshop أو Illustrator قبل استيراد الصورة مرة أخرى إلى Figma.هل سيظل تأثير الطمس بعد تصدير التصميم؟
نعم، سيبقى تأثير الطمس في التصميم المصدّر طالما تم حفظ الملف في تنسيق مدعوم مثل PNG أو JPG.هل هناك طريقة لطمس جزء فقط من الصورة؟
نعم، يمكنك استخدام قناع في Figma لعزل منطقة معينة من الصورة وتطبيق تأثير الطمس فقط على ذلك الجزء.كيف أقوم بتسجيل الشاشة على mac؟
لـ تسجيل الشاشة على ماك، يمكنك استخدام Trupeer AI. يسمح لك بالتقاط الشاشة كاملة ويوفر ميزات الذكاء الاصطناعي مثل إضافة صور رمزية للذكاء الاصطناعي، وإضافة صوت، وإضافة تكبير وتصغير في الفيديو. مع ميزة ترجمة الفيديو الذكية من trupeer، يمكنك ترجمة الفيديو إلى أكثر من 30 لغة.كيف أضيف صورة رمزية للذكاء الاصطناعي إلى تسجيل الشاشة؟
لإضافة صورة رمزية للذكاء الاصطناعي إلى تسجيل الشاشة، ستحتاج إلى استخدام أداة تسجيل شاشة بالذكاء الاصطناعي. Trupeer AI هي أداة تسجيل شاشة بالذكاء الاصطناعي، تساعدك على إنشاء مقاطع فيديو بعدة صور رمزية، كما تساعدك في إنشاء صورتك الرمزية الخاصة للفيديو.كيف أقوم بتسجيل الشاشة على Windows؟
لتسجيل الشاشة على ويندوز، يمكنك استخدام شريط الألعاب المدمج (Windows + G) أو أدوات ذكاء اصطناعي متقدمة مثل Trupeer AI للحصول على ميزات أكثر تقدمًا مثل صور الذكاء الاصطناعي، التعليق الصوتي، والترجمة إلخ.كيف أضيف تعليق صوتي إلى الفيديو؟
لـ إضافة تعليق صوتي إلى الفيديوهات، قم بتنزيل ملحق trupeer ai chrome. بمجرد التسجيل، قم بتحميل الفيديو الخاص بك مع الصوت، واختر التعليق الصوتي المرغوب من trupeer ثم قم بتصدير الفيديو المعدل الخاص بك.كيف أعمل زووم في تسجيل الشاشة؟
لـ الزووم أثناء تسجيل الشاشة، استخدم تأثيرات الزووم في Trupeer AI والتي تتيح لك التكبير والتصغير في لحظات معينة، مما يعزز التأثير البصري لمحتوى الفيديو الخاص بك.
في هذا الدليل، سوف تتعلم كيفية تطبيق تأثير الطمس على إطار في Figma باستخدام قائمة التصميم.
اتبع الخطوات التفصيلية لتحقيق التمويه المطلوب لعنصر في مشروع تصميمك.
يوفر تأثير الطمس الخلفي في Figma مظهر زجاجي مزخرف، ويستخدم بشكل شائع في النوافذ المنبثقة، والبطاقات، والتراكبات.
الخطوة 1: إعداد طبقة الطمس
إنشاء شكل
استخدم مستطيلًا أو أي شكل / إطار حيث تريد أن يظهر تأثير الطمس.إضافة تعبئة
املأها بلون صلب (مثل الأبيض أو الرمادي).خفض الشفافية
قلل من شفافية الطبقة (عادةً حوالي 10-40%). هذه الخطوة أساسية، لن تظهر بدون الشفافية.
الخطوة 2: تطبيق الطمس الخلفي
حدد الطبقة
انقر على الشكل الذي أنشأته للتو.انتقل إلى لوحة التأثيرات
على الشريط الجانبي الأيمن، انقر على "+" بجوار التأثيرات، ثم اختر الطمس الخلفي من القائمة المنسدلة.تعديل قيمة الطمس
انقر على رمز الإعدادات بجوار التأثير واستخدم شريط التمرير للتحكم في مدى ظهور الطمس في الخلفية.
اختياري: تعديل دقيق
يمكنك دمج الطمس الخلفي مع الظلال المنسدلة لإضافة عمق.
اضبط الشفافية والطمس معًا لإنشاء مظهر ناعم مزخرف أو مظهر قوي وزجاجي.
دليل خطوة بخطوة: كيفية طمس الخلفية في Figma
الخطوة 1
للبدء في تطبيق تأثير الطمس في Figma، حدد أولاً الإطار الذي ترغب في طمسه.
اذهب إلى قائمة التصميم الموجودة على الجانب الأيمن من الواجهة. داخل هذه القائمة، ابحث عن قسم التأثيرات وانقر عليه.
في قسم التأثيرات، انقر على "إضافة تأثير جديد" من خلال النقر على رمز "+" ضمنه.
الخطوة 2
بمجرد إضافة التأثير الجديد، ستظهر قائمة منسدلة. انقر على هذه القائمة واختر "طمس الطبقة." لقد تم تطبيق تأثير الطمس بنجاح على إطارك المختار.
نصائح احترافية لطمس الخلفية في Figma
تطبيق الطمس على عنصر:
حدد العنصر (صورة، شكل، أو إطار) الذي تريد طمسه. في الشريط الجانبي الأيمن تحت قسم التأثيرات، انقر على أيقونة + واختر الطمس الخلفي أو طمس الطبقة من القائمة المنسدلة.تعديل شدة الطمس:
بعد تطبيق الطمس، استخدم شريط التمرير لضبط شدة الطمس. يمكنك زيادة أو تقليل كمية الطمس لتحقيق التأثير المرغوب.استخدم طمس Gaussian لمزيد من التحكم:
للحصول على تحكم أكثر دقة على تأثير الطمس، استخدم طمس Gaussian، الذي يمنحك لطخات أكثر سلاسة وتدرج.طمس الصور أو الإطارات:
إذا كنت تطمس صورة أو إطار، تأكد من تحديد الصورة. يمكنك طمس الصورة دون التأثير على عناصر التصميم الأخرى.الطمس المتعدد على الطبقات:
يمكنك تطبيق تأثيرات طمس متعددة على طبقات مختلفة. على سبيل المثال، إذا كنت تريد خلفية مطموسة مع نص واضح، طبق الطمس على طبقة الخلفية فقط.
الفخاخ الشائعة لطمس الخلفية في Figma
طمس الطبقة الخاطئة:
الإصلاح: تحقق مرتين من الطبقة التي قمت بتحديدها قبل تطبيق الطمس. استخدم لوحة الطبقات للتأكد من أنك تقوم بتعديل الطبقة الصحيحة.الاستخدام المفرط لتأثير الطمس:
الإصلاح: لا تطبق طمسًا زائدًا على عناصر مهمة مثل النصوص أو الشعارات، حيث يمكن أن يقلل من وضوح القراءة. استخدم الطمس بشكل معتدل للتركيز على التصميم.وضوح غير مرغوب بعد الطمس:
الإصلاح: إذا أدى تطبيق الطمس على الصور إلى وضوح غير مرغوب فيه، قم بتعديل مقدار الطمس وجرب تأثيرات مختلفة مثل طمس Gaussian لتحقيق المظهر المرغوب.الطمس لا يظهر عند التصدير:
الإصلاح: إذا لم يظهر تأثير الطمس عند التصدير، تأكد من أنك تقوم بالتصدير بدقة عالية (PNG أو SVG) للحصول على جودة أفضل.
الأسئلة الشائعة الشائعة لطمس الخلفية في Figma
هل يمكنني طمس النص في Figma؟
بينما يمكنك طمس أشكال المتجهات والصور، لا يمكنك تطبيق طمس على النص مباشرة في Figma. ومع ذلك، يمكنك تحويل النص إلى شكل ثم تطبيق تأثير الطمس.كيف يمكنني طمس خلفية تصميم؟
حدد طبقة الخلفية أو الصورة، وطبق تأثير طمس الطبقة، واضبط الشدة. هذا رائع لإنشاء تركيز على العناصر الأمامية.هل يمكنني التحكم في اتجاه الطمس؟
يطبق تأثير الطمس في Figma بشكل موحد. إذا كنت بحاجة إلى طمس اتجاهي (مثل الطمس الحركي)، فسيتعين عليك استخدام أدوات تحرير الصور الخارجية مثل Photoshop أو Illustrator قبل استيراد الصورة مرة أخرى إلى Figma.هل سيظل تأثير الطمس بعد تصدير التصميم؟
نعم، سيبقى تأثير الطمس في التصميم المصدّر طالما تم حفظ الملف في تنسيق مدعوم مثل PNG أو JPG.هل هناك طريقة لطمس جزء فقط من الصورة؟
نعم، يمكنك استخدام قناع في Figma لعزل منطقة معينة من الصورة وتطبيق تأثير الطمس فقط على ذلك الجزء.كيف أقوم بتسجيل الشاشة على mac؟
لـ تسجيل الشاشة على ماك، يمكنك استخدام Trupeer AI. يسمح لك بالتقاط الشاشة كاملة ويوفر ميزات الذكاء الاصطناعي مثل إضافة صور رمزية للذكاء الاصطناعي، وإضافة صوت، وإضافة تكبير وتصغير في الفيديو. مع ميزة ترجمة الفيديو الذكية من trupeer، يمكنك ترجمة الفيديو إلى أكثر من 30 لغة.كيف أضيف صورة رمزية للذكاء الاصطناعي إلى تسجيل الشاشة؟
لإضافة صورة رمزية للذكاء الاصطناعي إلى تسجيل الشاشة، ستحتاج إلى استخدام أداة تسجيل شاشة بالذكاء الاصطناعي. Trupeer AI هي أداة تسجيل شاشة بالذكاء الاصطناعي، تساعدك على إنشاء مقاطع فيديو بعدة صور رمزية، كما تساعدك في إنشاء صورتك الرمزية الخاصة للفيديو.كيف أقوم بتسجيل الشاشة على Windows؟
لتسجيل الشاشة على ويندوز، يمكنك استخدام شريط الألعاب المدمج (Windows + G) أو أدوات ذكاء اصطناعي متقدمة مثل Trupeer AI للحصول على ميزات أكثر تقدمًا مثل صور الذكاء الاصطناعي، التعليق الصوتي، والترجمة إلخ.كيف أضيف تعليق صوتي إلى الفيديو؟
لـ إضافة تعليق صوتي إلى الفيديوهات، قم بتنزيل ملحق trupeer ai chrome. بمجرد التسجيل، قم بتحميل الفيديو الخاص بك مع الصوت، واختر التعليق الصوتي المرغوب من trupeer ثم قم بتصدير الفيديو المعدل الخاص بك.كيف أعمل زووم في تسجيل الشاشة؟
لـ الزووم أثناء تسجيل الشاشة، استخدم تأثيرات الزووم في Trupeer AI والتي تتيح لك التكبير والتصغير في لحظات معينة، مما يعزز التأثير البصري لمحتوى الفيديو الخاص بك.
Start creating videos with our AI Video + Doc generator for free
Start creating videos with our AI Video + Doc generator for free
Start creating videos with our AI Video + Doc generator for free
Pro tips to blur background in Figma
Apply Blur to an Object:
Select the object (image, shape, or frame) you want to blur. In the right sidebar under the Effects section, click the + icon and choose Background Blur or Layer Blur from the dropdown.Adjust Blur Intensity:
After applying the blur, use the slider to adjust the blur intensity. You can increase or decrease the amount of blur to achieve your desired effect.Use Gaussian Blur for More Control:
For more precise control over the blur effect, use Gaussian Blur, which gives you smoother and more gradual blurring.Blurring Images or Frames:
If you’re blurring an image or frame, ensure that the image is selected. You can blur the image without affecting other design elements.Multiple Blurs on Layers:
You can apply multiple blur effects to different layers. For example, if you want a blurred background with clear text, apply the blur to the background layer only.
Common pitfalls to blur background in Figma
Blurring the Wrong Layer:
Fix: Double-check the layer you’ve selected before applying the blur. Use the Layers Panel to ensure you’re editing the correct layer.Overusing the Blur Effect:
Fix: Don’t apply too much blur to important elements like text or logos, as it can reduce readability. Use blur sparingly for design emphasis.Unintended Clarity After Blur:
Fix: If applying blur to images results in unwanted clarity, adjust the blur amount and experiment with different effects like Gaussian Blur to achieve the desired look.Blur Not Showing on Export:
Fix: If the blur effect isn’t showing when you export, ensure you are exporting in a high resolution (PNG or SVG) for better quality.
Pro tips to blur background in Figma
Apply Blur to an Object:
Select the object (image, shape, or frame) you want to blur. In the right sidebar under the Effects section, click the + icon and choose Background Blur or Layer Blur from the dropdown.Adjust Blur Intensity:
After applying the blur, use the slider to adjust the blur intensity. You can increase or decrease the amount of blur to achieve your desired effect.Use Gaussian Blur for More Control:
For more precise control over the blur effect, use Gaussian Blur, which gives you smoother and more gradual blurring.Blurring Images or Frames:
If you’re blurring an image or frame, ensure that the image is selected. You can blur the image without affecting other design elements.Multiple Blurs on Layers:
You can apply multiple blur effects to different layers. For example, if you want a blurred background with clear text, apply the blur to the background layer only.
Common pitfalls to blur background in Figma
Blurring the Wrong Layer:
Fix: Double-check the layer you’ve selected before applying the blur. Use the Layers Panel to ensure you’re editing the correct layer.Overusing the Blur Effect:
Fix: Don’t apply too much blur to important elements like text or logos, as it can reduce readability. Use blur sparingly for design emphasis.Unintended Clarity After Blur:
Fix: If applying blur to images results in unwanted clarity, adjust the blur amount and experiment with different effects like Gaussian Blur to achieve the desired look.Blur Not Showing on Export:
Fix: If the blur effect isn’t showing when you export, ensure you are exporting in a high resolution (PNG or SVG) for better quality.
Common FAQs to blur background in Figma
Can I blur text in Figma?
While you can blur vector shapes and images, you cannot directly apply a blur to text in Figma. However, you can rasterize text into a shape and then apply the blur effect.How can I blur the background of a design?
Select the background layer or image, apply the Layer Blur effect, and adjust the intensity. This is great for creating focus on the foreground elements.Can I control the blur’s direction?
Figma’s blur effect applies uniformly. If you need a directional blur (like motion blur), you’ll need to use external image editing tools like Photoshop or Illustrator before importing the image back into Figma.Will the blur effect stay after exporting the design?
Yes, the blur effect will stay in the exported design as long as the file is saved in a supported format like PNG or JPG.Is there a way to blur only part of an image?
Yes, you can use a mask in Figma to isolate a specific area of the image and apply the blur effect only to that part.How to screen record on mac?
To screen record on a Mac, you can use Trupeer AI. It allows you to capture the entire screen and provides AI capabilities such as adding AI avatars, add voiceover, add zoom in and out in the video. With trupeer’s AI video translation feature, you can translate the video into 30+ languages.How to add an AI avatar to screen recording?
To add an AI avatar to a screen recording, you'll need to use an AI screen recording tool. Trupeer AI is an AI screen recording tool, which helps you create videos with multiple avatars, also helps you in creating your own avatar for the video.How to screen record on windows?
To screen record on Windows, you can use the built-in Game Bar (Windows + G) or advanced AI tool like Trupeer AI for more advanced features such as AI avatars, voiceover, translation etc.How to add voiceover to video?
To add voiceover to videos, download trupeer ai chrome extension. Once signed up, upload your video with voice, choose the desired voiceover from trupeer and export your edited video.How do I Zoom in on a screen recording?
To zoom in during a screen recording, use the zoom effects in Trupeer AI which allows you to zoom in and out at specific moments, enhancing the visual impact of your video content.
People also ask
How to Hide Frame Names in Figma
Common FAQs to blur background in Figma
Can I blur text in Figma?
While you can blur vector shapes and images, you cannot directly apply a blur to text in Figma. However, you can rasterize text into a shape and then apply the blur effect.How can I blur the background of a design?
Select the background layer or image, apply the Layer Blur effect, and adjust the intensity. This is great for creating focus on the foreground elements.Can I control the blur’s direction?
Figma’s blur effect applies uniformly. If you need a directional blur (like motion blur), you’ll need to use external image editing tools like Photoshop or Illustrator before importing the image back into Figma.Will the blur effect stay after exporting the design?
Yes, the blur effect will stay in the exported design as long as the file is saved in a supported format like PNG or JPG.Is there a way to blur only part of an image?
Yes, you can use a mask in Figma to isolate a specific area of the image and apply the blur effect only to that part.How to screen record on mac?
To screen record on a Mac, you can use Trupeer AI. It allows you to capture the entire screen and provides AI capabilities such as adding AI avatars, add voiceover, add zoom in and out in the video. With trupeer’s AI video translation feature, you can translate the video into 30+ languages.How to add an AI avatar to screen recording?
To add an AI avatar to a screen recording, you'll need to use an AI screen recording tool. Trupeer AI is an AI screen recording tool, which helps you create videos with multiple avatars, also helps you in creating your own avatar for the video.How to screen record on windows?
To screen record on Windows, you can use the built-in Game Bar (Windows + G) or advanced AI tool like Trupeer AI for more advanced features such as AI avatars, voiceover, translation etc.How to add voiceover to video?
To add voiceover to videos, download trupeer ai chrome extension. Once signed up, upload your video with voice, choose the desired voiceover from trupeer and export your edited video.How do I Zoom in on a screen recording?
To zoom in during a screen recording, use the zoom effects in Trupeer AI which allows you to zoom in and out at specific moments, enhancing the visual impact of your video content.
People also ask
How to Hide Frame Names in Figma
Make Videos with AI Avatars in 30+ languages
اختبر الطريقة الجديدة لإنشاء محتوى المنتجات.
اختبر الطريقة الجديدة لإنشاء محتوى المنتجات.
اختبر الطريقة الجديدة لإنشاء محتوى المنتجات.
Build Killer Demos & Docs in 2 minutes
Build Killer Demos & Docs in 2 minutes