اصنع فلتر الواقع المعزز لبطاقة العمل الخاصة بك على انستجرام
00الأصوات
تقييم المقال
الوقت المطلوب
تعقيد
الأدوات واللوازم
30 دقيقة
سهل
البرمجيات الحرة
بدأت هذه الفكرة كما يحدث غالبًا: كنت أعمل على مشروع مختلف تماما عندما انحرفت عن المسار بعد أن عثرت على عمل فنان يُدعى كاتالينا فيليجاس على مواقع التواصل الاجتماعي. تُنشئ فلاتر الواقع المعزز على إنستغرام، تُضفي حيوية على الرسوم التوضيحية التي تبيعها كملصقات. الواقع المعزز ليس جديدًا، فقد كان لديّ تطبيق يُظهر هذا النوع من التأثيرات على هاتفي الذكي الجديد من سوني عام ٢٠١٢. لكن اكتشاف وجود أداة تُسهّل إنشاء تأثيرات الواقع المعزز ونشرها على منصة شائعة الاستخدام مثل إنستغرام جعلني أقتنع تمامًا.
ثم بدأتُ أفكر في استخدامي لهذه التقنية، مع مراعاة أنشطتي الشخصية والمهنية. أتمنى لو كنتُ قادرًا على ابتكارها. رسوم توضيحية رقمية جميلة وأمنحها بُعدًا جديدًا بجعلها تفاعلية، لكن هذا بعيدٌ جدًا عن نطاق مهاراتي حاليًا. لذلك قررتُ القيام بمشروع بسيط أجد فيه بعض الفائدة: تصميم فلتر يُشغّل رسومًا متحركة ثلاثية الأبعاد عند توجيه الكاميرا نحو إحدى بطاقات عملي. لديّ متجر صغير على Etsy، وفكرتُ في أنها قد تكون طريقة ممتعة لحثّ عملائي على نشره على منصات التواصل الاجتماعي، فقد يرغبون في تجربة فلتر الواقع المعزز هذا بمجرد استلام طلبهم مع بطاقة عملي.
بمجرد رضاك عن تصميمك، اطبعه والتقط صورة للبطاقة. في الواقع، وجدتُ أن تتبع الهدف يكون أفضل إذا استخدمت صورةً للهدف الحقيقي الذي تريد تتبعه بدلاً من نظيره الرقمي.
نموذج للرسوم المتحركة للواقع المعزز وإعداد العناصر المرئية
بعد ذلك، صمم نموذجًا لكيفية تصورك لرسوم الواقع المعزز المتحركة كما تراها من الأعلى. سيساعدك هذا على تنظيم عناصر المشهد المختلفة وتحديد مواقعها على Spark AR Studio.
قم بتنظيم العناصر الرئيسية الخاصة بك في طبقات مختلفة في محرر المتجهات وقم بتصديرها كـ .png صور ذات خلفية شفافة.
النص المتحرك: اتضح أن هذا كان من أكثر أجزاء المشروع صعوبة بالنسبة لي. باختصار، صممتُ حدود النص على برنامج إنكسكيب، ثم حملته على برنامج بلندر لإنشاء رسوم متحركة إطارية. إذا رغب أي شخص بمعرفة المزيد عن هذه العملية، فأخبرني في التعليقات، وقد أكتب درسًا تعليميًا قصيرًا عنها.
يجب أن يكون لديك حساب فيسبوك للعمل مع هذا البرنامج.
إنشاء مشروع جديد
بمجرد نجاحك في تشغيل Spark AR Studio وتسجيل الدخول إليه، قم بإنشاء مشروع جديد بالنقر فوق إنشاء جديد -> مشروع جديد -> تتبع الهدف.
هذا البرنامج مليء بالأخطاء وغير مستقر، لذا قد ترغب في حفظ مشروعك على الفور وتذكر الحفظ بشكل دوري بعد تحقيق أي تقدم كبير.
استيراد القوام إلى المشروع
هل تتذكر عناصر المشهد التي حفظناها سابقًا بصيغة .png؟ نحتاج إلى تحميلها بصيغة القوام حتى نتمكن من استخدامها ضمن مشروعنا.
للإشارة إلى وثائق البرنامج:
الملمس هو ملف صورة يُستخدم لتحديد مظهر كائن في المشهد. يمكنك تطبيق ملمس واحد أو أكثر على مادة، ثم تطبيق المادة على كائن آخر.
في لوحة الأصول في الزاوية اليسرى السفلية من النافذة، انقر فوق الاستيراد من الكمبيوتر وتحميل جميع الملفات في القوام مجلد مستودع Google Drive، باستثناء محتوى إطارات الرسوم المتحركة النصية (في الوقت الحالي).
ثم حدد جميع القوام المستوردة حديثًا باستثناء الخلفية وصورة هدف بطاقة العمل. في لوحة الملمس على يمينك في لوحة الضغط الفرعية، اضبط خيارات الضغط الثلاثة على لا أحدنحن نفعل هذا لأن الصور خفيفة بما فيه الكفاية بالفعل، ووحدة ضغط البرنامج تميل إلى التوقف إلى الأبد عند استخدام الكثير من موارد وحدة المعالجة المركزية ووحدة معالجة الرسومات دون سبب واضح.
الآن، لنستورد إطارات الرسوم المتحركة النصية. عليّ مرة أخرى استخدام حل بديل لتجنب الانتظار طويلًا حتى تعمل وحدة الضغط (أو لا تعمل). في أسفل يمين لوحة الأصولانقر على + إضافة أصل -> يستورد -> من الكمبيوتر. قم بتحميل جميع الصور الخاصة بـ /إطارات الرسوم المتحركة النصية مجلد، نصف مجلد في كل مرة. عليّ القيام بذلك لتجنب تعطل البرنامج... يوجد خيار استيراد رسوم متحركة للنسيج، والذي سيكون أكثر ملاءمة للاستخدام إذا لم يتسبب في تعطل البرنامج.
بمجرد استيراد 50 إطارًا، حددها جميعًا وقم بتغييرها يكتب ل تسلسل الملمس في الجزء العلوي من لوحة الملمس.
ضبط الضغط على لا أحد لكل خيارات الضغط الثلاثة كما فعلنا مع القوام الأخرى.
أخيرًا، نحتاج إلى إنشاء نوع آخر من الكائنات للعمل مع رسومنا المتحركة. في + إضافة أصل القائمة، حدد تسلسل الرسوم المتحركةفي اللوحة التي تم فتحها على يمينك، انقر فوق سهم منسدل امام نَسِيج وحدد تسلسل الملمس الذي أنشأناه للتو.
إنشاء المواد
لإنشاء المواد المطلوبة، انقر فوق + إضافة أصل -> مادةسنحتاج إلى 7 منها، لذا قم بمضاعفتها 6 مرات مع CTRL + D.
أعطِ جميع المواد أسماءً أكثر وضوحًا. الآن، علينا ضبط بعض المعلمات لكلٍّ منها.
قم بتحديد كافة المواد باستثناء الخلفية.
على لوحة المواد على يمينك حدد مزدوج الجوانب في خيارات العرض لوحة فرعية. هذا لكي تكون نسيجنا مرئية حتى عند النظر إليها من الأسفل - وهو أمر ذو أهمية خاصة لأجنحة وجسم العثة، إذ ستحومان في الهواء.
في خيار العرض المتقدم لوحة فرعية، قم بإلغاء تحديد اكتب بعمقسيسمح هذا للخلفية الشفافة لنسيجنا بالاختفاء تمامًا وعدم التداخل مع بعضها البعض عندما نعمل مع المستويات لاحقًا.
ثم حدد المناسب نَسِيج لكل مادة في خصائص التظليل لوحة فرعية.
أضف الملمس إلى متتبع الهدف
الآن نحتاج إلى إعطاء هدف لمتعقب الهدف الخاص بنا - وحدة البرنامج المسؤولة عن تحديد موقع الكائن في العالم الحقيقي الذي سيؤدي إلى تشغيل الرسوم المتحركة وإعطائه معلومات حول المستوى الذي يجب أن يتجه إليه.
يختار fixedTargetTracker0 في مشهد اللوحة الموجودة في أعلى يسارك وفي متتبع الهدف القائمة على يمينك اختر صورة هدف بطاقة العمل كما هو الحال نَسِيج.
إنشاء المستويات لعناصر المشهد
أول شيء سنفعله هو التبديل من عرض ثلاثي الأبعاد إلى عرض ثنائي الأبعاد لمشهدنا عن طريق تغيير وضع.
التالي انقر بزر الماوس الأيمن على fixedTargetTracker0 ل يضيف جديد طائرة الى مكان الحادث.
يستخدم CTRL + D ل ينسخ هذه الطائرة 6 مرات من أجل أن ننتهي بـ 7 طائرات.
قم بإعادة تسمية الطائرات التي تعكس جميع العناصر التي سيتم تضمينها في المشهد الخاص بنا.
في لوحة مستوية على يمينك، أضف ما هو مناسب مادة إلى كل طائرة.
قياس وتحديد موضع الطائرات
بعد أن أصبحت مستوياتنا مُحسَّنة، علينا ضبطها لإعطاء عناصر المشهد أبعادها ومواضعها المناسبة. للقيام بذلك، سنعمل على مستوى واحد في كل مرة.
لذا ابدأ بتحديد جميع المستويات باستثناء المستوى الأول الذي ستعمل عليه (في هذه الحالة النجوم) واجعلها مختفي عن طريق إلغاء التحديد مرئي.
استخدم الصورة المستهدفة كمرجع لـ حجم و إعادة التموضع حدّد النجوم حتى تتطابق مع الخلفية. عند الانتهاء، اضبط مستوى النجوم على "مخفي" وانتقل إلى مستوى آخر. كرّر هذه العملية مع جميع المستويات باستثناء الخلفية وحركة النص.
بمجرد رضاك، اكشف جميع الطائرات التي كنت تعمل عليها بالإضافة إلى الخلفية. حدد خلفية الطائرة و حجم قم بتعديله إلى الأبعاد المطلوبة - من الناحية المثالية ربما تريد أن يغطي الصورة المستهدفة بالكامل.
ثم اصنع تحريك النص مرئية ثم قم بتقليصها مرة أخرى إلى أبعادها الأصلية ووضعها في المكان المناسب.
تبدو العثة الآن صغيرة بعض الشيء مقارنةً بالخلفية. في الواقع، قمنا بتكبير حجم العثة باستخدام الصورة المستهدفة كمرجع، ولكن جعلنا الخلفية أكبر من بطاقة العمل. وبالتالي، لم تعد نسبنا مطابقة تمامًا للنموذج.
لحل هذه المشكلة، نريد قياس كل شيء باستثناء الخلفية بشكل متسق. سنحقق ذلك من خلال تضمين جميع هذه العناصر في حاوية فارغة، و القياس هذه الحاوية بدلاً من جميع الطائرات الفردية.
تحريك النص
انقر بزر الماوس الأيمن على fixedTargetTracker0 و اختار إنشاء التصحيح. هذا سوف يفتح محرر التصحيحات.
انقر بزر الماوس الأيمن في محرر التصحيح وأضف الرسوم المتحركة رقعة. يتصل ال وجد موصل متتبع الهدف الثابت التصحيح إلى يلعب موصل الرسوم المتحركة سيؤدي هذا إلى بدء تشغيل رسوم متحركة للنص عند تمكين مرشح الواقع المعزز لأنه تم العثور على الصورة المستهدفة.
سيؤدي ذلك إلى إضافة رقعة نبضية تلقائيًا بينهما. قم بتوصيل تم إيقاف التشغيل موصل نبض التصحيح إلى إعادة ضبط موصل الرسوم المتحركة التصحيح. هذا حتى عندما تتحرك الكاميرا بعيدًا عن صورة الهدف، يتم إعادة ضبط رسوم النص المتحركة ويمكن تشغيلها مرة أخرى عند العثور على الهدف من جديد.
أضف انتقال الإطار التصحيح وتوصيله تقدم موصل إلى نظيره من الرسوم المتحركة التصحيح. اضبط عدد الإطارات = 51.
حدد تسلسل الرسوم المتحركة النصية لفتح لوحة تسلسل الرسوم المتحركة على يمينك. انقر على سهم السابق الإطار الحالي لإضافة تصحيح جديد يسمح لنا بالتفاعل مع الإطار المعروض في المشهد. يتصل هذا التصحيح للموصل المتاح لـ انتقال الإطار رقعة.
يمكنك التحكم في سرعة الرسوم المتحركة عن طريق العبث بمعلمة المدة في رقعة الرسوم المتحركة.
تحريك الأجنحة
حدد كل جناح على التوالي وتأكد من أن موضع على المحور Z يكون 0.
جعل الأجنحة ترفرف ليس بالأمر الصعب. كل ما نحتاجه هو إضافة حركة دوران على المحور الصادي لكلا الجناحين. مع ذلك، تطبيق هذا التأثير على الجناح مباشرةً لن ينجح. في الواقع، يقع مركز كتلة الجناح في منتصفه، لذا إذا قمنا بتدويره، فسيدور من المركز. ما نحتاجه هو أن يدور من حافة الجناح، أي الجزء الملامس للجسم. آمل أن أكون قد فهمت كلامي.
لذا، علينا إيجاد طريقة لنقل مركز كتلة أجسام الأجنحة. للقيام بذلك، سنستخدم كائنات فارغة (Null Objects) التي ستُنشأ تلقائيًا بحيث يكون مركز الكتلة في منتصف المشهد. ستحمل هذه الكائنات الفارغة أجسام الأجنحة، وسيتم تطبيق الدوران على الكائن الفارغ نفسه. هيا بنا!
انقر بزر الماوس الأيمن على حاوية و يضيف أ كائن فارغ بداخله. أعد تسميته إلى RightWingContainer و ينسخ معها CTRL + Dأعد تسمية LeftWingContainer المكررة. حدد أجسام الأجنحة و السحب والإفلات لهم في كل مكان حاويات الكائنات الفارغة.
في محرر التصحيحات, انقر بزر الماوس الأيمن وأضف الرسوم المتحركة الحلقية التصحيح. اضبط المدة = 2 ووضع علامة صح معكوسة مربع الاختيار (هذا حتى تتكرر الرسوم المتحركة بسلاسة ولا تبدأ مرة أخرى من البداية في نهاية رفرفة الجناح. مع تشغيل "الانعكاس"، سيبدأ الجناح في الرفرفة للخلف بعد الوصول إلى الحد الأعلى للرفرفة لأعلى).
أضف التالي انتقال رقعة و ينسخ اربطها تقدم موصل الرسوم المتحركة الحلقية التصحيح لنظرائهم على كليهما انتقال بقع.
قم بملء معلمات تصحيحات الانتقال على النحو التالي:
[0, -40, 0,
0, 35, 0]
[0, 40, 0,
0, -35, 0]
حدد حاوية الجناح الأيمن وعلى لوحة الكائن الفارغ على يسارك انقر على سهم السابق تناوبسيؤدي هذا إلى إضافة تصحيح إلى محرر التصحيحات حتى نتمكن من التفاعل مع هذه القيم. قم بتوصيل قيمة موصل الجزء العلوي انتقال رقعة للموصل حاوية الجناح الأيمن تم إنشاء التصحيح حديثًا.
كرر العملية مع حاوية الجناح الأيسر والرقعة الانتقالية السفلية.
عند هذه النقطة، سترى جناحيك يبدآن بالرفرفة! الآن، كل ما نحتاجه هو تحريك العثة على طول المحور Z إلى موضع أكثر منطقية. عدّل موضع على المحور Z التابع حاوية الجناح الأيمن, حاوية الجناح الأيسر و جسم الأشياء حتى تصل إلى النتيجة التي ترضيك.
معاينة النتيجة
سوف تحتاج إلى تنزيل مشغل سبارك AR قم بتثبيت التطبيق على هاتفك أولاً.
عند توصيل هاتفك بالكمبيوتر، سترى نقطة زرقاء صغيرة مُضافة إلى أيقونة الهاتف أسفل يسار Spar AR Studio. انقر عليها واختر يرسل إلى جهازك.
وجه الكاميرا نحو بطاقة العمل التي قمت بطباعتها مسبقًا واستمتع!
في هذه المرحلة، استخدم التطبيق على هاتفك لتصوير مقطع فيديو للتأثير لأننا سنحتاج إليه للخطوة التالية.
نشر مرشح الواقع المعزز على Facebook أو Instagram
انقر على نشر أيقونة السهم أسفل أيقونة المعاينة في الزاوية اليسرى السفلية. سيؤدي هذا إلى حزم مشروعك، وتحميله، وإعادة توجيهك إلى مركز سبارك للواقع المعززصفحة الويب الخاصة بـ .
اتبع الخطوات التالية لنشر الفلتر الخاص بك بنجاح:
اختر اسم للمرشح.
اختر المنصة التي ترغب في النشر عليها – إما Instagram و/أو Facebook.
اختر فئة لمرشحك وأضف بعض الكلمات الرئيسية إذا كنت ترغب في تسهيل العثور عليه في محرك بحث المرشحات.
هذا هو المكان الذي يكون فيه الفيديو الذي حفظناه في الخطوة السابقة مفيدًا. حمّل فيديو توضيحي من الفلتر الخاص بك.
اختر رمز لفلترتك.
اكتب سريعا وصف شرح ما يحدث في الفلتر الخاص بك وكيفية استخدامه للمساعدة في عملية المراجعة.
يضرب يُقدِّم في الزاوية اليمنى العليا.
انتظر مراجعة العملية المراد إكمالها.
قد ترغب في التحقق من سياسات Spark AR قبل تقديم طلبك للمراجعة. رُفضت محاولتي الأولى لأن عنوان موقعي الإلكتروني كان واضحًا في الفيديو التوضيحي.
النتيجة النهائية
سأترككم مع عرض توضيحي للمرشحات التي كنت أعمل بها حتى الآن.
الأول هو الذي قمت بإنشائه لبطاقة العمل الخاصة بي، والثاني هو الاختبار الأول الذي قمت بإجرائه باستخدام أحد بطاقات بريدية أصنعها من بتلات الزهور المجففة والثالث هو الفلتر الذي تم إنشاؤه لهذا البرنامج التعليمي.
آمل أن تكون قد استمتعت بمتابعة هذا البرنامج التعليمي.
كما هو الحال دائمًا، فلا تتردد في مشاركة أي تعليقات حول هذا البرنامج التعليمي أو أي فكرة مشروع ترغب في رؤيتها منشورة هنا.
الحواشي
لقد قدم المحتوى عبر الإنترنت التالي بعض المساعدة و/أو الإلهام أثناء إنشاء هذا المشروع:
عند تسجيل دخولك لأول مرة باستخدام زر تسجيل الدخول الاجتماعي، نجمع معلومات ملفك الشخصي العام التي يشاركها مزود تسجيل الدخول الاجتماعي، بناءً على إعدادات خصوصيتك. كما نحصل على عنوان بريدك الإلكتروني لإنشاء حساب لك تلقائيًا على موقعنا. بمجرد إنشاء حسابك، سيتم تسجيل دخولك إليه.
لا أوافقيوافق
أسمح بإنشاء حساب
عند تسجيل دخولك لأول مرة باستخدام زر تسجيل الدخول الاجتماعي، نجمع معلومات ملفك الشخصي العام التي يشاركها مزود تسجيل الدخول الاجتماعي، بناءً على إعدادات خصوصيتك. كما نحصل على عنوان بريدك الإلكتروني لإنشاء حساب لك تلقائيًا على موقعنا. بمجرد إنشاء حسابك، سيتم تسجيل دخولك إليه.
لا أوافقيوافق
2 تعليقات
الأقدم
الأحدثالأكثر تصويتًا
التعليقات المضمنة
عرض جميع التعليقات
نومي بي إس جي
سنتين
، merci beaucoup pour toutes ces explications très claires! هذا هو أعلى حقا! للانتقام، للحصول على معلومات صغيرة، عندما أقوم بتصدير ما يبدو أنه لا يمكن تصدير ملفي على Facebook وغير متوافق مع Instagram... لا أعلم ذلك... ومرة واحدة يتم قبول التأثير والإعلان عن نشره من خلال الانقلاب، ولا أعلم ذلك أو استرجاعه من أجله مونتر !!! هذه مشكلة! pouvez-vous m'aider؟ أنا أتطلع إلى رحلة ممتازة.
صنع
اصنع فلتر الواقع المعزز لبطاقة العمل الخاصة بك على انستجرام
30 دقيقة
سهل
البرمجيات الحرة
بدأت هذه الفكرة كما يحدث غالبًا: كنت أعمل على مشروع مختلف تماما عندما انحرفت عن المسار بعد أن عثرت على عمل فنان يُدعى كاتالينا فيليجاس على مواقع التواصل الاجتماعي. تُنشئ فلاتر الواقع المعزز على إنستغرام، تُضفي حيوية على الرسوم التوضيحية التي تبيعها كملصقات. الواقع المعزز ليس جديدًا، فقد كان لديّ تطبيق يُظهر هذا النوع من التأثيرات على هاتفي الذكي الجديد من سوني عام ٢٠١٢. لكن اكتشاف وجود أداة تُسهّل إنشاء تأثيرات الواقع المعزز ونشرها على منصة شائعة الاستخدام مثل إنستغرام جعلني أقتنع تمامًا.
ثم بدأتُ أفكر في استخدامي لهذه التقنية، مع مراعاة أنشطتي الشخصية والمهنية. أتمنى لو كنتُ قادرًا على ابتكارها. رسوم توضيحية رقمية جميلة وأمنحها بُعدًا جديدًا بجعلها تفاعلية، لكن هذا بعيدٌ جدًا عن نطاق مهاراتي حاليًا. لذلك قررتُ القيام بمشروع بسيط أجد فيه بعض الفائدة: تصميم فلتر يُشغّل رسومًا متحركة ثلاثية الأبعاد عند توجيه الكاميرا نحو إحدى بطاقات عملي. لديّ متجر صغير على Etsy، وفكرتُ في أنها قد تكون طريقة ممتعة لحثّ عملائي على نشره على منصات التواصل الاجتماعي، فقد يرغبون في تجربة فلتر الواقع المعزز هذا بمجرد استلام طلبهم مع بطاقة عملي.
متطلبات
البرامج
لقد تم استخدام البرامج التالية لإنشاء هذا المشروع:
الملفات
لقد قمت برفع كافة ملفات المشروع إلى Google Drive.
هيكل مستودع ملفات المشروع:
المشي من خلال
تصميم بطاقة عمل ونموذج للرسوم المتحركة الواقع المعزز
بطاقة العمل
المهمة الأولى التي ستحتاج إلى إكمالها هي التوصل إلى تصميم بطاقة العمل الخاصة بك.
في هذا البرنامج التعليمي سوف نستخدم رسمًا توضيحيًا للعثة تم تصميمه بواسطة صديقي الموهوب هوي تشينشكرا لك هوي على السماح لنا باستخدام عملك!
ألق نظرة على هذه المقالة حول أفضل الممارسات لتتبع الهدف في Spark AR Studio للحصول على فهم جيد لكيفية ظهور تصميم بطاقة العمل الخاصة بك حتى يتم التعرف عليها بسهولة بواسطة الفلتر.
بمجرد رضاك عن تصميمك، اطبعه والتقط صورة للبطاقة. في الواقع، وجدتُ أن تتبع الهدف يكون أفضل إذا استخدمت صورةً للهدف الحقيقي الذي تريد تتبعه بدلاً من نظيره الرقمي.
نموذج للرسوم المتحركة للواقع المعزز وإعداد العناصر المرئية
بعد ذلك، صمم نموذجًا لكيفية تصورك لرسوم الواقع المعزز المتحركة كما تراها من الأعلى. سيساعدك هذا على تنظيم عناصر المشهد المختلفة وتحديد مواقعها على Spark AR Studio.
قم بتنظيم العناصر الرئيسية الخاصة بك في طبقات مختلفة في محرر المتجهات وقم بتصديرها كـ .png صور ذات خلفية شفافة.
النص المتحرك: اتضح أن هذا كان من أكثر أجزاء المشروع صعوبة بالنسبة لي. باختصار، صممتُ حدود النص على برنامج إنكسكيب، ثم حملته على برنامج بلندر لإنشاء رسوم متحركة إطارية. إذا رغب أي شخص بمعرفة المزيد عن هذه العملية، فأخبرني في التعليقات، وقد أكتب درسًا تعليميًا قصيرًا عنها.
تثبيت Spark AR Studio
توجه إلى صفحة تنزيل Spark AR Studioقم بتنزيل ملف التثبيت واتبع الإرشادات لتثبيت البرنامج.
يجب أن يكون لديك حساب فيسبوك للعمل مع هذا البرنامج.
إنشاء مشروع جديد
بمجرد نجاحك في تشغيل Spark AR Studio وتسجيل الدخول إليه، قم بإنشاء مشروع جديد بالنقر فوق إنشاء جديد -> مشروع جديد -> تتبع الهدف.
هذا البرنامج مليء بالأخطاء وغير مستقر، لذا قد ترغب في حفظ مشروعك على الفور وتذكر الحفظ بشكل دوري بعد تحقيق أي تقدم كبير.
استيراد القوام إلى المشروع
هل تتذكر عناصر المشهد التي حفظناها سابقًا بصيغة .png؟ نحتاج إلى تحميلها بصيغة القوام حتى نتمكن من استخدامها ضمن مشروعنا.
للإشارة إلى وثائق البرنامج:
في لوحة الأصول في الزاوية اليسرى السفلية من النافذة، انقر فوق الاستيراد من الكمبيوتر وتحميل جميع الملفات في القوام مجلد مستودع Google Drive، باستثناء محتوى إطارات الرسوم المتحركة النصية (في الوقت الحالي).
ثم حدد جميع القوام المستوردة حديثًا باستثناء الخلفية وصورة هدف بطاقة العمل. في لوحة الملمس على يمينك في لوحة الضغط الفرعية، اضبط خيارات الضغط الثلاثة على لا أحدنحن نفعل هذا لأن الصور خفيفة بما فيه الكفاية بالفعل، ووحدة ضغط البرنامج تميل إلى التوقف إلى الأبد عند استخدام الكثير من موارد وحدة المعالجة المركزية ووحدة معالجة الرسومات دون سبب واضح.
الآن، لنستورد إطارات الرسوم المتحركة النصية. عليّ مرة أخرى استخدام حل بديل لتجنب الانتظار طويلًا حتى تعمل وحدة الضغط (أو لا تعمل). في أسفل يمين لوحة الأصولانقر على + إضافة أصل -> يستورد -> من الكمبيوتر. قم بتحميل جميع الصور الخاصة بـ /إطارات الرسوم المتحركة النصية مجلد، نصف مجلد في كل مرة. عليّ القيام بذلك لتجنب تعطل البرنامج... يوجد خيار استيراد رسوم متحركة للنسيج، والذي سيكون أكثر ملاءمة للاستخدام إذا لم يتسبب في تعطل البرنامج.
بمجرد استيراد 50 إطارًا، حددها جميعًا وقم بتغييرها يكتب ل تسلسل الملمس في الجزء العلوي من لوحة الملمس.
ضبط الضغط على لا أحد لكل خيارات الضغط الثلاثة كما فعلنا مع القوام الأخرى.
أخيرًا، نحتاج إلى إنشاء نوع آخر من الكائنات للعمل مع رسومنا المتحركة. في + إضافة أصل القائمة، حدد تسلسل الرسوم المتحركةفي اللوحة التي تم فتحها على يمينك، انقر فوق سهم منسدل امام نَسِيج وحدد تسلسل الملمس الذي أنشأناه للتو.
إنشاء المواد
لإنشاء المواد المطلوبة، انقر فوق + إضافة أصل -> مادةسنحتاج إلى 7 منها، لذا قم بمضاعفتها 6 مرات مع CTRL + D.
أعطِ جميع المواد أسماءً أكثر وضوحًا. الآن، علينا ضبط بعض المعلمات لكلٍّ منها.
قم بتحديد كافة المواد باستثناء الخلفية.
على لوحة المواد على يمينك حدد مزدوج الجوانب في خيارات العرض لوحة فرعية. هذا لكي تكون نسيجنا مرئية حتى عند النظر إليها من الأسفل - وهو أمر ذو أهمية خاصة لأجنحة وجسم العثة، إذ ستحومان في الهواء.
في خيار العرض المتقدم لوحة فرعية، قم بإلغاء تحديد اكتب بعمقسيسمح هذا للخلفية الشفافة لنسيجنا بالاختفاء تمامًا وعدم التداخل مع بعضها البعض عندما نعمل مع المستويات لاحقًا.
ثم حدد المناسب نَسِيج لكل مادة في خصائص التظليل لوحة فرعية.
أضف الملمس إلى متتبع الهدف
الآن نحتاج إلى إعطاء هدف لمتعقب الهدف الخاص بنا - وحدة البرنامج المسؤولة عن تحديد موقع الكائن في العالم الحقيقي الذي سيؤدي إلى تشغيل الرسوم المتحركة وإعطائه معلومات حول المستوى الذي يجب أن يتجه إليه.
يختار fixedTargetTracker0 في مشهد اللوحة الموجودة في أعلى يسارك وفي متتبع الهدف القائمة على يمينك اختر صورة هدف بطاقة العمل كما هو الحال نَسِيج.
إنشاء المستويات لعناصر المشهد
أول شيء سنفعله هو التبديل من عرض ثلاثي الأبعاد إلى عرض ثنائي الأبعاد لمشهدنا عن طريق تغيير وضع.
التالي انقر بزر الماوس الأيمن على fixedTargetTracker0 ل يضيف جديد طائرة الى مكان الحادث.
يستخدم CTRL + D ل ينسخ هذه الطائرة 6 مرات من أجل أن ننتهي بـ 7 طائرات.
قم بإعادة تسمية الطائرات التي تعكس جميع العناصر التي سيتم تضمينها في المشهد الخاص بنا.
في لوحة مستوية على يمينك، أضف ما هو مناسب مادة إلى كل طائرة.
قياس وتحديد موضع الطائرات
بعد أن أصبحت مستوياتنا مُحسَّنة، علينا ضبطها لإعطاء عناصر المشهد أبعادها ومواضعها المناسبة. للقيام بذلك، سنعمل على مستوى واحد في كل مرة.
لذا ابدأ بتحديد جميع المستويات باستثناء المستوى الأول الذي ستعمل عليه (في هذه الحالة النجوم) واجعلها مختفي عن طريق إلغاء التحديد مرئي.
استخدم الصورة المستهدفة كمرجع لـ حجم و إعادة التموضع حدّد النجوم حتى تتطابق مع الخلفية. عند الانتهاء، اضبط مستوى النجوم على "مخفي" وانتقل إلى مستوى آخر. كرّر هذه العملية مع جميع المستويات باستثناء الخلفية وحركة النص.
بمجرد رضاك، اكشف جميع الطائرات التي كنت تعمل عليها بالإضافة إلى الخلفية. حدد خلفية الطائرة و حجم قم بتعديله إلى الأبعاد المطلوبة - من الناحية المثالية ربما تريد أن يغطي الصورة المستهدفة بالكامل.
ثم اصنع تحريك النص مرئية ثم قم بتقليصها مرة أخرى إلى أبعادها الأصلية ووضعها في المكان المناسب.
تبدو العثة الآن صغيرة بعض الشيء مقارنةً بالخلفية. في الواقع، قمنا بتكبير حجم العثة باستخدام الصورة المستهدفة كمرجع، ولكن جعلنا الخلفية أكبر من بطاقة العمل. وبالتالي، لم تعد نسبنا مطابقة تمامًا للنموذج.
لحل هذه المشكلة، نريد قياس كل شيء باستثناء الخلفية بشكل متسق. سنحقق ذلك من خلال تضمين جميع هذه العناصر في حاوية فارغة، و القياس هذه الحاوية بدلاً من جميع الطائرات الفردية.
تحريك النص
انقر بزر الماوس الأيمن على fixedTargetTracker0 و اختار إنشاء التصحيح. هذا سوف يفتح محرر التصحيحات.
انقر بزر الماوس الأيمن في محرر التصحيح وأضف الرسوم المتحركة رقعة. يتصل ال وجد موصل متتبع الهدف الثابت التصحيح إلى يلعب موصل الرسوم المتحركة سيؤدي هذا إلى بدء تشغيل رسوم متحركة للنص عند تمكين مرشح الواقع المعزز لأنه تم العثور على الصورة المستهدفة.
سيؤدي ذلك إلى إضافة رقعة نبضية تلقائيًا بينهما. قم بتوصيل تم إيقاف التشغيل موصل نبض التصحيح إلى إعادة ضبط موصل الرسوم المتحركة التصحيح. هذا حتى عندما تتحرك الكاميرا بعيدًا عن صورة الهدف، يتم إعادة ضبط رسوم النص المتحركة ويمكن تشغيلها مرة أخرى عند العثور على الهدف من جديد.
أضف انتقال الإطار التصحيح وتوصيله تقدم موصل إلى نظيره من الرسوم المتحركة التصحيح. اضبط عدد الإطارات = 51.
حدد تسلسل الرسوم المتحركة النصية لفتح لوحة تسلسل الرسوم المتحركة على يمينك. انقر على سهم السابق الإطار الحالي لإضافة تصحيح جديد يسمح لنا بالتفاعل مع الإطار المعروض في المشهد. يتصل هذا التصحيح للموصل المتاح لـ انتقال الإطار رقعة.
يمكنك التحكم في سرعة الرسوم المتحركة عن طريق العبث بمعلمة المدة في رقعة الرسوم المتحركة.
تحريك الأجنحة
حدد كل جناح على التوالي وتأكد من أن موضع على المحور Z يكون 0.
جعل الأجنحة ترفرف ليس بالأمر الصعب. كل ما نحتاجه هو إضافة حركة دوران على المحور الصادي لكلا الجناحين. مع ذلك، تطبيق هذا التأثير على الجناح مباشرةً لن ينجح. في الواقع، يقع مركز كتلة الجناح في منتصفه، لذا إذا قمنا بتدويره، فسيدور من المركز. ما نحتاجه هو أن يدور من حافة الجناح، أي الجزء الملامس للجسم. آمل أن أكون قد فهمت كلامي.
لذا، علينا إيجاد طريقة لنقل مركز كتلة أجسام الأجنحة. للقيام بذلك، سنستخدم كائنات فارغة (Null Objects) التي ستُنشأ تلقائيًا بحيث يكون مركز الكتلة في منتصف المشهد. ستحمل هذه الكائنات الفارغة أجسام الأجنحة، وسيتم تطبيق الدوران على الكائن الفارغ نفسه. هيا بنا!
انقر بزر الماوس الأيمن على حاوية و يضيف أ كائن فارغ بداخله. أعد تسميته إلى RightWingContainer و ينسخ معها CTRL + Dأعد تسمية LeftWingContainer المكررة. حدد أجسام الأجنحة و السحب والإفلات لهم في كل مكان حاويات الكائنات الفارغة.
في محرر التصحيحات, انقر بزر الماوس الأيمن وأضف الرسوم المتحركة الحلقية التصحيح. اضبط المدة = 2 ووضع علامة صح معكوسة مربع الاختيار (هذا حتى تتكرر الرسوم المتحركة بسلاسة ولا تبدأ مرة أخرى من البداية في نهاية رفرفة الجناح. مع تشغيل "الانعكاس"، سيبدأ الجناح في الرفرفة للخلف بعد الوصول إلى الحد الأعلى للرفرفة لأعلى).
أضف التالي انتقال رقعة و ينسخ اربطها تقدم موصل الرسوم المتحركة الحلقية التصحيح لنظرائهم على كليهما انتقال بقع.
قم بملء معلمات تصحيحات الانتقال على النحو التالي:
[0, -40, 0,
0, 35, 0]
[0, 40, 0,
0, -35, 0]
حدد حاوية الجناح الأيمن وعلى لوحة الكائن الفارغ على يسارك انقر على سهم السابق تناوبسيؤدي هذا إلى إضافة تصحيح إلى محرر التصحيحات حتى نتمكن من التفاعل مع هذه القيم. قم بتوصيل قيمة موصل الجزء العلوي انتقال رقعة للموصل حاوية الجناح الأيمن تم إنشاء التصحيح حديثًا.
كرر العملية مع حاوية الجناح الأيسر والرقعة الانتقالية السفلية.
عند هذه النقطة، سترى جناحيك يبدآن بالرفرفة! الآن، كل ما نحتاجه هو تحريك العثة على طول المحور Z إلى موضع أكثر منطقية. عدّل موضع على المحور Z التابع حاوية الجناح الأيمن, حاوية الجناح الأيسر و جسم الأشياء حتى تصل إلى النتيجة التي ترضيك.
معاينة النتيجة
سوف تحتاج إلى تنزيل مشغل سبارك AR قم بتثبيت التطبيق على هاتفك أولاً.
عند توصيل هاتفك بالكمبيوتر، سترى نقطة زرقاء صغيرة مُضافة إلى أيقونة الهاتف أسفل يسار Spar AR Studio. انقر عليها واختر يرسل إلى جهازك.
وجه الكاميرا نحو بطاقة العمل التي قمت بطباعتها مسبقًا واستمتع!
في هذه المرحلة، استخدم التطبيق على هاتفك لتصوير مقطع فيديو للتأثير لأننا سنحتاج إليه للخطوة التالية.
نشر مرشح الواقع المعزز على Facebook أو Instagram
انقر على نشر أيقونة السهم أسفل أيقونة المعاينة في الزاوية اليسرى السفلية. سيؤدي هذا إلى حزم مشروعك، وتحميله، وإعادة توجيهك إلى مركز سبارك للواقع المعززصفحة الويب الخاصة بـ .
اتبع الخطوات التالية لنشر الفلتر الخاص بك بنجاح:
قد ترغب في التحقق من سياسات Spark AR قبل تقديم طلبك للمراجعة. رُفضت محاولتي الأولى لأن عنوان موقعي الإلكتروني كان واضحًا في الفيديو التوضيحي.
النتيجة النهائية
سأترككم مع عرض توضيحي للمرشحات التي كنت أعمل بها حتى الآن.
الأول هو الذي قمت بإنشائه لبطاقة العمل الخاصة بي، والثاني هو الاختبار الأول الذي قمت بإجرائه باستخدام أحد بطاقات بريدية أصنعها من بتلات الزهور المجففة والثالث هو الفلتر الذي تم إنشاؤه لهذا البرنامج التعليمي.
آمل أن تكون قد استمتعت بمتابعة هذا البرنامج التعليمي.
كما هو الحال دائمًا، فلا تتردد في مشاركة أي تعليقات حول هذا البرنامج التعليمي أو أي فكرة مشروع ترغب في رؤيتها منشورة هنا.
الحواشي
لقد قدم المحتوى عبر الإنترنت التالي بعض المساعدة و/أو الإلهام أثناء إنشاء هذا المشروع:
، merci beaucoup pour toutes ces explications très claires! هذا هو أعلى حقا! للانتقام، للحصول على معلومات صغيرة، عندما أقوم بتصدير ما يبدو أنه لا يمكن تصدير ملفي على Facebook وغير متوافق مع Instagram... لا أعلم ذلك... ومرة واحدة يتم قبول التأثير والإعلان عن نشره من خلال الانقلاب، ولا أعلم ذلك أو استرجاعه من أجله مونتر !!! هذه مشكلة! pouvez-vous m'aider؟ أنا أتطلع إلى رحلة ممتازة.
صباح الخير نومي،
يبدو أنك بعد أن كتبت هذا البرنامج التعليمي لخيار النشر واسترجاع التأثيرات التي تظهر على Instagram قد تم حذفها أو تعديلها بشكل كبير.
يوم جيد لك أيضًا!