التكوين ثلاثي الأبعاد
أنشئ صورة عرض من النموذج الجاهز.
- اضبط الكاميرا ومقياس الإطار والإضاءة والظلال والخلفية.
- أنشئ الصورة الأساسية والطبقات اللازمة لعرض التصاميم المطبوعة التالية.
مولّدات الموكاب - عرض المنتجات وبيعها
إنشاء موكابات المنتجات في ثوانٍ
جهّز طريقة عرض المنتج مرة واحدة، ثم استخدمها لعرض طبعات ونسخ ألوان جديدة. يحفظ مولّد الموكاب زاوية العرض والخلفية وطريقة تطبيق الرسومات على المنتج. يجمع الموكاب النهائي هذه الإعدادات مع تصميم العميل الحالي أو تصميمك في Designer.
يمكنك استخدام المولّدات المتاحة للنموذج المحدد أو إعداد مولّداتك الخاصة في وضع Mockup في Product Generator. ستجد أدناه أمثلة للاستخدام وإعدادات المشهد ثلاثي الأبعاد وصورتك الخاصة، واختبار إسقاط التصميم، وتنزيل صور العرض واستخدامها في إضافة WordPress + WooCommerce.
تعرض لقطات الشاشة أدوات Alter Product الفعلية، وبعضها بواجهة إنجليزية. يمكنك فتح كل لقطة بالحجم الكامل.
جهّز مولّد موكاب خاصًا بكاضبط زوايا المنتج وحسّن التكوين وإسقاط التصميم، ثم احفظ المولّد مع النموذج.انتقل إلى الشرحاستخدم الزوايا الجاهزة في التصميم والمتجرأنشئ صور عرض للطباعة الحالية، ونزّل الصور واعرض التخصيص في سلة التسوق.انتقل إلى الشرح
هل تحتاج أولًا إلى نموذج ثلاثي الأبعاد خاص بك؟انتقل إلى دليل Product Generator: الباترونات وEasy Creator والمقاسات والمحاكاة والخامات والتصدير.النموذج والمولّد والموكاب النهائي
يحفظ المولّد طريقة عرض المنتج. أما الموكاب النهائي فهو صورة لتصميم محدد تُنشأ باستخدام هذا المولّد.
ابدأ بنموذج جاهز أو بالمولّدات المتاحة
إذا كان النموذج المحدد يحتوي على مولّدات موكاب، يمكنك استخدامها مباشرة في Product Designer. اختر زاوية في نافذة Mockup، وستعرض المعاينة رسومات التصميم الحالي وألوانه.
لإنشاء مولّداتك الخاصة، افتح مشروع النموذج في Product Generator وانتقل إلى وضع Mockup. تحتاج إلى نموذج مُعد مسبقًا وأسطح لعرض الرسومات عليها. يشرح دليل إنشاء النماذج ثلاثية الأبعاد المنفصل إعداد الباترونات الخاصة والمحاكاة وخامات النموذج.
مولّد واحد، وصور عرض جاهزة متعددة
مثال: تجهّز الواجهة الأمامية لقميص على خلفية فاتحة. مع الطبعة التالية، لا تحتاج إلى ضبط الكاميرا أو الإضاءة أو حدود الياقة مجددًا. افتح Mockup في Designer ليعرض المولّد المحفوظ التصميم الحالي في الإطار نفسه.
| العنصر | دوره |
|---|---|
| النموذج ثلاثي الأبعاد | شكل المنتج والأسطح التي تضع التصميم عليها. يمكن أن يحتوي النموذج نفسه على عدة مولّدات، مثل الأمام والجوانب والخلف. |
| مولّد الموكاب | الإطار والخلفية والإضاءة وإسقاط الأجزاء والطبقات. تعدّله عندما تريد تغيير طريقة عرض المنتج. |
| التصميم في Designer أو Customizer | الرسومات والنصوص وألوان المنتج المحددة. يتيح تغيير التصميم الحصول على موكاب جديد باستخدام المولّد المُعد. |
| الموكاب المُنزّل بصيغة PNG | صورة جاهزة لتصميم وزاوية محددين. يمكنك استخدامها في عرض المنتج أو الكتالوج أو المواد الترويجية. |
ثلاث مساحات للعمل على الموكاب
اختر المرحلة المناسبة لما تريد تحسينه. يوفّر التكوين ثلاثي الأبعاد والمطابقة مع الصورة طريقتين لإعداد الصورة الأساسية.
المطابقة مع الصورة
استخدم صورة فوتوغرافية خاصة بمنتجك كأساس للعرض.
- طابق النموذج مع الصورة باستخدام الموضع والدوران والمقياس وأدوات التشويه المتاحة.
- أنشئ الطبقات انطلاقًا من المطابقة التي أعددتها.
إسقاط التصميم
حسّن حدود الأجزاء وطريقة ظهور الطباعة على الصورة.
- عدّل النقاط ومقابض التحكم المتجهة والأقنعة والظلال والإضاءات العالية.
- تتطلب هذه المرحلة صورة أساسية ومسارات متجهة مُعدة مسبقًا.
من الزاوية المُعدة إلى التصاميم التالية
أعدّ التكوين مرة واحدة، ثم أعد استخدام المولّد عند تغيير الرسومات والألوان.
- اختر النموذج وأضف زوايا العرض في وضع Mockup.
- جهّز التكوين ثلاثي الأبعاد أو المطابقة مع الصورة، ثم أنشئ الطبقات.
- تحقق من إسقاط الطباعة على جميع الأجزاء واحفظ المشروع مع المولّدات.
- استخدم الزوايا المحفوظة في Designer أو أتح المنتج للعملاء في Customizer.
أمثلة: من الكتالوج إلى تخصيص العميل
اختر طريقة إعداد المولّد بحسب المكان الذي ستعرض فيه المنتج. يمكنك تنفيذ السيناريوهات التالية بالأدوات نفسها مع تغيير التكوين وتصميم الطباعة.
كيف تريد عرض منتجك؟
ابدأ بالهدف: صور تسمح بمقارنة الخيارات، أو أسلوب مميز للعلامة التجارية، أو عرض يعتمد على صورتك الخاصة.
كتالوج منتجات متناسق
قميص على خلفية فاتحة، بمقياس ثابت وظل خفيف. تظهر كل طبعة جديدة في الزاوية نفسها.
- استخدم التكوين ثلاثي الأبعاد وجهّز الأمام والجوانب والخلف.
- حسّن الإطارات قبل البدء بتنزيل التصاميم التالية.
- النتيجة: يستطيع العميل مقارنة الأنماط والألوان المعروضة بسهولة أكبر.
تكوين يناسب أسلوب علامتك التجارية
اختر خلفية بلون المجموعة أو تدرجًا أو صورة خاصة بك. اضبط الضوء والظل ليتناسب المنتج مع المشهد المُعد.
- احفظ الإعدادات كزاوية عرض للنموذج.
- بعد تغيير الخلفية، أنشئ الصورة الأساسية المحدّثة.
- النتيجة: تحافظ التصاميم التالية على الإطار البصري نفسه.
صورة فوتوغرافية خاصة بمنتجك
هل لديك صورة لقميص بترتيب تختاره؟ استخدم المطابقة مع الصورة لمواءمة النموذج مع التصوير وتجهيز تطبيق الطبعات التالية.
- طابق الشكل العام والأكمام والكاميرا مع الصورة.
- تحقق من الإسقاط بطبعة اختبار وصحح الحدود.
- النتيجة: تصبح صورتك الخاصة أساسًا لموكابات قابلة لإعادة الاستخدام.
تصميم العميل في سلة التسوق
يغيّر العميل الرسومات أو النص أو اللون في Customizer. تُستخدم المولّدات المتاحة للنموذج لإعداد صورة عرض لهذا التصميم المحدد.
- اربط التصميم بالمنتج في إضافة WordPress + WooCommerce.
- تُنشأ الصور عند إضافة التخصيص إلى السلة.
- النتيجة: تعرض الصورة المصغرة بجانب بند السلة والطلب تصميم العميل.
الطبعة نفسها على قميص أبيض وآخر أخضر
تُظهر لقطات التطبيق أدناه التصميم نفسه بزخرفة الفواكه على لونين من المنتج. تبقى زاوية العرض متسقة، ويعرض الموكاب مزيج الطبعة مع لون القميص المحدد.
- جهّز الطبعة في Designer واختر لون المنتج.
- افتح Mockup واختر زاوية الأمام.
- غيّر لون المنتج، ثم افتح الزاوية نفسها مجددًا.
- نزّل ملف PNG منفردًا أو حزمة خيارات الألوان إذا كانت للتصميم إعدادات ألوان مسبقة مناسبة.
جهّز مولّد موكاب المنتج
بعد تجهيز النموذج في Inspector، انتقل إلى وضع Mockup. هنا تُعد التكوين المشترك للرسومات ونسخ المنتج اللاحقة.
الواجهة والجوانب والخلف بأمر واحد
في لوحة موكابات المشروع، اختر الإنشاء التلقائي لتجهيز أربع زوايا: الأمام واليسار واليمين والخلف. يمكنك أيضًا إضافة زاوية خاصة عبر إضافة جديد، وتغيير اسمها وترتيبها. يحتفظ كل مولّد بإطاره وإعداداته الخاصة.
الكاميرا والخلفية والإضاءة
في التكوين ثلاثي الأبعاد، تضع المنتج كأساس للصورة. اختر الإطار وظروف الإضاءة بما يناسب أسلوب الكتالوج أو العلامة التجارية.
للكتالوج، ابدأ بخلفية بسيطة وشكل واضح للمنتج. استخدم الكاميرا المتعامدة عندما تريد عرضًا هادئًا دون تقصير منظوري. يبرز المنظور الشكل المجسّم بدرجة أكبر. اترك في الإطار مساحة للأكمام وأسفل المنتج والظل.
يساعد ظل الأرضية على تثبيت المنتج بصريًا في التكوين، بينما يمنح ظل الجدار إحساسًا بالعمق. يمكنك ضبط موضع كل منهما وحجمه وعتامته ونعومته بشكل مستقل. يساعد التعريض ومنحنيات الإضاءات العالية والدرجات المتوسطة والظلال على استعادة وضوح التفاصيل. حافظ على حدة الطباعة في صور الكتالوج، واضبط Bloom وعمق المجال بما يناسب اللقطات التي تركز على هوية العلامة.
- المستند والنموذج: حدّد الاسم وعرض الصورة الرئيسية وارتفاعها، ضمن نطاق 64-2048 px لكل ضلع.
- الكاميرا: اختر المنظور أو العرض المتعامد. اضبط الدوران ونقطة الهدف والمسافة ومجال الرؤية أو مقياس الإطار.
- الإضاءة: اختر بيئة من المكتبة واضبط دورانها وشدتها ونقطة الأسود. تحكم بشكل مستقل في ظل الأرضية وظل الجدار، بما في ذلك النعومة والعتامة.
- الخلفية: استخدم لونًا أو تدرجًا أو خلفية البيئة أو صورة خاصة بك. اضبط طريقة ملء الإطار والتحويل والشفافية لإنشاء مشهد ينسجم مع هوية المنتج.
- المعالجة اللاحقة: تعيين درجات اللون والتعريض، ومنحنيات الألوان، والإطباق المحيطي، وBloom، وعمق المجال، وزيادة الحدة، وتظليل الحواف والحبيبات. يساعد تنعيم MSAA/FXAA على تحسين الحواف.
طابق النموذج مع صورتك الخاصة
يتيح وضع المطابقة مع الصورة استخدام ملف JPG أو PNG أو WebP خاص بك. اضبط كاميرا النموذج المتراكب ومقياسه وعتامته وموضعه. للملابس، تتوفر أدوات العظام وإعدادات مسبقة لمواضع الأكمام وتشويه مرن مع التحكم في نصف قطر التأثير وقوته. تُستخدم المطابقة المُعدة لإنشاء طبقات الموكاب.
للملابس المدعومة، يمكنك إعداد هيكل تحكم تلقائي وضبط العظام بالنقل والدوران وتغيير الطول. يساعد الضبط المرآتي على الحفاظ على التماثل، وتتيح إعدادات الأكمام المسبقة البدء من الوضع الأصلي أو المنخفض قليلًا أو الممتد بمحاذاة الجسم. يعمل التشويه المرن والدوران المرن محليًا: تختار نصف القطر والقوة ونمط تلاشي التأثير - ناعم أو خطي أو كروي أو حاد. تسهّل معاينة الشبكة تقييم الشكل.
- حمّل صورة JPG أو PNG أو WebP واجعلها أساس المطابقة.
- اضبط الكاميرا وموضع النموذج ودورانه ومقياسه. تساعد عتامة الطبقة المتراكبة على مقارنة شكله بالمنتج في الصورة.
- للملابس، استخدم هيكل التحكم المتاح وإعدادات الأكمام والتشويه المرن. ابدأ بالشكل العام ثم انتقل إلى التصحيحات الموضعية.
- اختر الإنشاء من المطابقة، ثم انتقل إلى إسقاط التصميم وافحص الحواف وطبعة الاختبار.
حسّن إسقاط التصميم وطبقات الموكاب
تعمل الصورة الأساسية وقناع الطباعة والظلال والإضاءات العالية معًا لتتوافق الرسومات مع مظهر المنتج وشكله. يتيح إعدادها بشكل صحيح إعادة استخدام صورة العرض نفسها.
إنشاء الطبقات والتحقق منها
في التكوين ثلاثي الأبعاد، اختر إنشاء مجموعة الطبقات كاملة، وفي المطابقة مع الصورة اختر الإنشاء من المطابقة. ثم افحص كل طبقة والنتيجة على المنتج.
| الطبقة | ما يمكنك التحكم فيه |
|---|---|
| الصورة الأساسية | إطار المنتج والخلفية ومظهر المشهد. بعد تغيير التكوين، حدّثها بإعادة الإنشاء. |
| قناع الطباعة | المنطقة المرئية من الرسومات والعتبة ونعومة الحواف وإزاحتها وتنعيمها. |
| الظلال | القوة وغاما ونقطة الأبيض، ليحافظ التصميم المطبوع على تظليل المنتج. |
| الإضاءات العالية | العتبة والقوة وغاما للمناطق المضيئة في التكوين. |
تحقق من المولّد بطبعة اختبار
قبل الانتقال إلى التصميم النهائي، افتح أداة طبعات الاختبار. يمكنك تعيين نمط لكل جزء متاح على حدة، وإذا كان تغيير اللون متاحًا، فاختبر أيضًا لون المنتج كله أو عناصره المنفردة.
شبكة مربعات UV
تساعد الشبكة الملونة على ملاحظة التمدد وتغيّر الاتجاه وانقطاع الرسومات. افحص الياقة والأكمام والحواف الجانبية بعناية خاصة.
العنصر النائب «Your design here»
تساعد العلامات والرسمة المركزية على تقييم موضع الطباعة وما إذا كانت الحدود أو القناع يقتطعان منها.
نص متكرر
يساعد النمط الذي يحمل عبارة Alter Product على تقييم وضوح الحروف ونسبها واتجاهها على كل جزء.
ألوان المنتج والأجزاء
قارن بين النسخة الفاتحة والداكنة. يسهل بذلك ملاحظة الظلال القوية جدًا أو الإضاءات المحروقة أو الهالة الفاتحة حول الطبعة.
حدود الأجزاء وتصحيح التفاصيل
انتقل إلى إسقاط التصميم، واختر جزءًا من المنتج واضبط نقاط بيزييه ومقابضها على حدوده. يمكنك تصحيح الياقة والأكمام والحواف بدقة ثم إعادة حساب الطبقات. تتيح قائمة الإنشاء أيضًا إعادة بناء الحدود أو تحديث الصورة الأساسية فقط مع الاحتفاظ بالمتجهات الموجودة.
إذا امتدت الطباعة إلى الخلفية أو لم تصل إلى الحواف، فصحح أولًا هندسة الحدود. ثم حسّن القناع ونعومته. اضبط الظلال والإضاءات العالية أخيرًا، مع مقارنة النتيجة على لون فاتح وآخر داكن للمنتج.
ما الذي ينبغي إعادة إنشائه بعد التغيير؟
اختر نطاق التحديث للحفاظ على التصحيحات اليدوية حيثما لا تزال مطلوبة.
| النطاق | متى يُستخدم |
|---|---|
| مجموعة الطبقات كاملة | بعد إعداد المشهد أو تغيير التكوين بشكل كبير، عندما يلزم تحديث الصورة الأساسية وطبقات الموكاب. |
| طبقات من المتجهات المحفوظة | بعد تصحيح الحدود يدويًا، عندما تريد إعادة حساب النتيجة مع الحفاظ على المسارات المحسّنة. |
| إعادة إنشاء الحدود | عندما تريد استخراج الحدود من النموذج مجددًا. تُعاد هندسة الشكل، ولذلك قد تُستبدل التصحيحات اليدوية السابقة. |
| الصورة الأساسية فقط | عندما تحتاج إلى تحديث الصورة دون الكتابة فوق المتجهات الموجودة. بعد تغييرات تؤثر على الظلال أو القناع، افحص الطبقات المعنية أيضًا. |
احفظ المولّدات مع مشروع النموذج
بعد تحسين الزوايا، احفظ مشروع Product Generator. ترتبط مجموعة المولّدات بالنموذج ومراجعته التي يستخدمها Designer. يُحفظ المشروع على الخادم في التطبيق، ويُخزّن محليًا في إضافة WordPress.
بعد تغيير الكاميرا أو الخلفية أو الإضاءة أو المطابقة، حدّث الطبقات المناسبة وافحص النتيجة قبل الحفظ. تنزيل PNG من Designer ينشئ صورة للتصميم الحالي؛ أما مواصلة تحرير المولّد لاحقًا فتتطلب حفظ مشروع النموذج.
استخدم الموكابات في Designer وWooCommerce
يصبح المولّد المُعد جزءًا من العمل على النموذج. أثناء التصميم، تستخدم الزوايا الجاهزة والتخصيص الحالي.
التصميم النهائي في إطار متسق
افتح Mockup في Product Designer. في نافذة مولّد الموكاب، اختر صورة مصغّرة للأمام أو الجانب أو الخلف. تستخدم المعاينة رسومات التصميم الحالي وألوانه. تُعد الكاميرا والإضاءة والخلفية مسبقًا في وضع Mockup في مولّد النماذج.
نزّل PNG أو نسخ الألوان المختلفة
اختر الزاوية وحجم الصورة: Thumb 256 أو صغير 512 أو متوسط 1024 أو كبير 2048 px. تحدد القيمة الضلع الأطول، بينما تأتي النسب من المولّد. يحفظ أمر تنزيل الصور ملف PNG للزاوية المحددة حاليًا.
- عند وجود إعدادين مسبقين مناسبين على الأقل، ينشئ خيار توليد الصور لجميع إعدادات الألوان المسبقة ملف ZIP يتضمن الزاوية نفسها بألوان مختلفة. إذا كان العدد أقل، يُنزّل ملف PNG واحد.
- تعتمد مجموعة الإعدادات المسبقة على الخامة وتقنية الطباعة والمقاس المحددة حاليًا. لا تتضمن هذه الحزمة الألوان الخاصة التي ليست ضمن الإعدادات المسبقة.
- إذا احتجت إلى جوانب أخرى من المنتج، اختر الصور المصغرة المناسبة ونزّل صورها.
التخصيص ظاهر في السلة والطلب
تستخدم إضافة WordPress + WooCommerce المشروع المحلي ومراجعة النموذج المثبتة له. للمنتج الذي تتوفر له مولّدات موكاب، ينشئ التطبيق صور التخصيص عند إضافة التصميم إلى السلة. بعد حفظ الملفات، تعرضها الإضافة بجانب بند المنتج في السلة والطلب.
- لا تحتاج إلى فتح نافذة Mockup يدويًا لكل طلب عميل.
- تراعي النتائج التصميم وألوان المنتج المحددة. يجب أن تكون المولّدات والموارد متاحة لمراجعة النموذج المستخدمة.
- تُدعم الصور المصغرة في السلة التقليدية وكتل Cart/Checkout في WooCommerce. إذا لم يتوفر الموكاب المحفوظ، تبقى الصورة المصغرة القياسية للمنتج.
- جهّز المولّدات واحفظها مع النموذج المستخدم في التصميم.
- أتح التصميم ضمن منتج تدعمه إضافة WordPress + WooCommerce.
- يخصص العميل المنتج في Customizer ويضيف التصميم إلى السلة.
- يعدّ التطبيق موكابات الزوايا المتاحة للتصميم والألوان المحددة. بعد حفظ الصور، تستخدم الإضافة الصورة المصغرة المخصصة بجانب بند السلة والطلب.
صورة عرض للمتجر وملف للإنتاج
يعرض الموكاب مظهر المنتج: التصميم النهائي وشكله وظلاله وخلفيته. استخدمه في عرض المنتج أو الكتالوج أو لإظهار التخصيص للعميل.
للإنتاج، جهّز ملفات مناطق الطباعة في مدير الطباعة. ينطبق ذلك أيضًا على تصاميم AOP التي تغطي فيها الرسومات أجزاء متعددة من المنتج. يشرح دليل الملفات الجاهزة للطباعة إعدادات ملفات الإنتاج وتنزيلها.
افحص المولّد الجاهز قبل استخدامه في المتجر
اختبر عدة طبعات وألوان للمنتج. ينبغي للمولّد المُعد باستخدام نمط بسيط أن يعرض أيضًا النص الصغير والرسومات القريبة من الحواف والطباعة الأكبر بنمط AOP بشكل صحيح.
اختبار سريع من التحرير إلى السلة
اتبع المسار نفسه الذي ستستخدمه أنت أو عميلك لاحقًا.
- راجع جميع الزوايا المحفوظة. تحقق من تأطير المنتج والظل والهوامش.
- فعّل شبكة المربعات أو النص التجريبي على الأجزاء التي ستُطبع. افحص الحدود والقناع وموضع الرسومات.
- قارن اللون الفاتح والداكن والطبعة النهائية في Designer. نزّل PNG وافحصه بالحجم المستهدف.
- احفظ مشروع النموذج بعد التغييرات. في الإضافة، افحص التصميم الذي يستخدم مراجعة النموذج الصحيحة واختبر إضافة التخصيص إلى السلة.
ما الذي تُصححه إذا لم تبدُ النتيجة كما توقعت؟
ابدأ بالمرحلة المسؤولة عن المشكلة. لا يتطلب كل تصحيح إعادة إعداد المشهد بأكمله.
| ما تراه | ما ينبغي التحقق منه |
|---|---|
| تخرج الطباعة خارج المنتج أو تختفي عند الياقة | حدود الجزء في إسقاط التصميم، ومقابض بيزييه، وإعدادات قناع الطباعة. أعد حساب الطبقات المطلوبة بعد التصحيح. |
| تتمدد الشبكة أو الحروف بشكل مفرط | مطابقة النموذج مع الصورة وإسقاط الجزء المعني. صحح الشكل قبل إخفاء المشكلة بحواف شديدة النعومة. |
| الرسومات داكنة جدًا أو ساطعة أكثر من اللازم | إعدادات طبقات الظلال والإضاءات العالية. في التكوين ثلاثي الأبعاد، افحص أيضًا التعريض وإضاءة المشهد. |
| تظل الصورة القديمة ظاهرة بعد تغيير الخلفية | حدّث الصورة الأساسية بأمر الإنشاء المناسب واحفظ المشروع. اختيار الخلفية وحده يغيّر المشهد، لكنه لا يستبدل الصورة التي أُنشئت سابقًا. |
| لا تتضمن حزمة ZIP الجوانب أو الخلف | حزمة الألوان تخص الزاوية المحددة. اختر الصورة المصغرة التالية ونزّل صور ذلك الجانب من المنتج. |
| لا يظهر خيار حزمة جميع الألوان أو يُنزّل PNG واحد فقط | تحقق من عدد الإعدادات المسبقة المناسبة للخامة وتقنية الطباعة والمقاس. يلزم إعدادان على الأقل. |
| تعرض السلة صورة المنتج القياسية | تحقق من إتاحة المولّدات المحفوظة ومواردها لمراجعة النموذج المستخدمة في التصميم، ومن نجاح حفظ الموكابات. |