شرح تصميم ملصقات الواتساب whatsApp Stickers

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

واتساب

سوف نحتاج لتصميم الملصقات للتالي :

نظام macOS من شركة Appleمهم لتنصيب برنامج الـ xcode
برنامج Photoshopمهم لتصميم الملصقات
ملف Sample app من واتساب
جهاز iPhoneمهم لتنصيب الملصقات و نشرها عبر واتساب

لإنشاء الملصق الخاص بك ، يجب أن تستوفي الملصقات المتطلبات التالية:

  • كل ملصق هو صورة تحتوي على خلفية شفافة.
  • يجب أن تكون الملصقات بدقة 512 × 512 بكسل.
  • يجب أن يكون كل ملصق أقل من 100 كيلوبايت.
  • تقديم رمز (ايقونة) سيتم استخدامه لتمثيل حزمة الملصق في منتقي ملصقات WhatsApp أو ادرجه. يجب أن تكون هذه الصورة بالابعاد 96 × 96 بكسل ويجب أن تكون بحجم أقل من 50 كيلوبايت.
ايقوة تظهر في مربع الكتابة عند اضافة ملصق واتساب في الدردشة الخاصة بتطبيق واتساب

هناك ايضاً بعض النقاط التي يجب عليك التركيز لها وهي كالتالي :

  • نوصي بإضافة اطار بلون ابيض #FFFFFF بمقدار 8 بكسل إلى الجزء الخارجي من كل ملصق.
  • يجب أن يكون هناك هامش 16 بكسل بين صورة الملصق الفعلية وحافة اللوحة 512×512 بكسل، موضح في الصور التالية.
المقاس الصحيح لملصقات الواتساب

بعد مفهم ومعرفة لكل ما ذكر اعلاه نبدا بالتصميم و انشاء التطبيق باستخدام برنامج “اكس كود” على الماك و يجب الانتباه ان سياسة واتساب لا تسمح بوضع صور غير لايقة او صور محمية بحقوق نشر لا تملكها

اولاً:

نقوم بفتح برنامج xcode

لنتابع الفيديو :

شرح تنصيب التطبيق الذي تم انشاءه ببرنامج Xcode على هاتف الايفون

نقوم بتوصيل هاتف الـ iPhone مع جهاز الماك الخاص بك و من خلال برنامج xcode نقوم بعمل Simulator لهاتف الايفون الخاص بنا وبعد ذلك يتنصب التطبيق على الهاتف و الفيديو التالي يشرح طريقة استخدامة من على الايفون و اضافة الملصقات بكل سهولة

الختام

الان انت تعرف كيف يتم تنصيب الملصقات الى الواتساب من خلال هاتف الايفون ما عليك الان الا الشروع بتصميم ملصقاتك الجميلة و نشرها و من الضروري ان لا يقل عدد الملصقات التي تقوم بنشرها في كل مره عن ثلاث ملصقات.

هل لازلت تواجة مشكلة في تصميم الملصق ؟

من خلال الرابط التالي يمكن تنزيل ملف PSD  مقدم من شركة واتساب من خلاله سوف يكون من السهل عليك البدء بتصميم اول ملصق لك :  https://www-cdn.whatsapp.net/img/v4/WAsamplesticker.psd

بعد ذلك من المهم ان تتعرف على بعض الخطوات المهم و تحتاج منك خبرة قليله جداً في لغة swift و يمكنك تعلم وفهم طريقة التعديل بسهولة بمجرد النظر للملف sticker_packs.wasticker الموجود ضمن ملفات التطبيق ، و كذلك اضافة الصور الى مجلد SampleStickers الموجود ضمن ملفات التطبيق من على xcode عن طريق سحب الملصق ” يكون بامتداد png “ و افلاته في المجلد مع التاكد انك قمت باضافة السطر الخاص بالملصق في ملف sticker_packs.wasticker وسوف يبدو بهذا الشكل :

{
"image_file": "buroasticker.png",
"emojis": ["💻","📷"]
},

حيث ان “buroasticker.png” هو اسم الملصق الذي قمت بتصميمه و قد يكون اي اسم من اختيارك

في الاخير اتمنى نشر المقالة عبر الواتساب او عبر منصات التواصل الاجتماعي المفضلة لديك و ان كان لديك اي استفسار او ردود يمكنك التعليق على المقال في الاسفل.

اتمنى ان يكون الشرح واضح ومبسط

مصدر بعض المعلومات المذكورة في المقال :

16 thoughts on “شرح تصميم ملصقات الواتساب whatsApp Stickers

  1. المشكله التي واجهتني استاذي العزيز يعطيني ارر فياخر مرحله عندما يفتح التطبيق على الايفون من خلال الكمبيوتر لا يفتح هاتفي ولا تظهر التطبيقات ولا الواتس اب

  2. الله يوفقك شيخي ان شاء الله اليوم بعد الدوام سوف اطبق العمل من فتره وانا ابحث عن الماك الله يجزيك ووالديك خير الجزاء

  3. واجهتني هذه المشكله
    Check dependencies

    Code Signing Error: Failed to create provisioning profile. The app ID “alhilal” cannot be registered to your development team. Change your bundle identifier to a unique string to try again.
    Code Signing Error: No profiles for ‘alhilal’ were found: Xcode couldn’t find any iOS App Development provisioning profiles matching ‘alhilal’.
    Code Signing Error: Code signing is required for product type ‘Application’ in SDK ‘iOS 11.2’

  4. شكرا عالمجهود الرائع لكن واجهتني مشكلة لا اعرف لها حل مع اني اتبعت الخطوات كاملة

    Showing Recent Messages
    Build system information
    error: Failed to create provisioning profile. The app ID “WA.WAStickersThirdParty” cannot be registered to your development team. Change your bundle identifier to a unique string to try again. (in target ‘WAStickersThirdParty’)

    1. غير البروفايل الى اَي اسم اخر و انا في شرح الفيديو غيرته و كتبت كلمة Buroa وان شاء الله يختفي الايرور ، و أرجع اكتب اذا واجهتك اَي مشكلة اخرى

      1. صحيح استاذي نعم قمت بتغيره فعلا وضبط معاي معلومة للاخوان ايضا التطبيق يقبل 30 ستيكرز فقط

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *