Aseprite: كيفية صنع موضوع

كيف تصنع السمة الخاصة بك لتخصيص جماليات aseprite بالطريقة التي تريدها.

 

كيف تبدأ

كيف تبدأ

مرحبًا ومرحبًا بكم في دليلي حول كيفية ضبط سمة في وضع الكتابة المؤقتة. في Aseprite Themes ، حدد مظهر البرنامج باستخدام هذا البرنامج التعليمي ، وسوف تكون قادرًا على تخصيص aseprite لأسلوبك. لا تؤثر السمات على الألوان المستخدمة على اللوحة القماشية مثل لوحة الداما التي تشير إلى الخلفية الشفافة والشبكة التي يمكن ضبطها في أقسامها الخاصة في قائمة التفضيلات. ستحتاج إلى برنامج مثل Winrar لإنشاء ملفات Zip. أنا دمية في أي نوع من أنواع الترميز ، لذا فإن هذا في الغالب مجرد "استبدال هذا الرقم برقم مختلف لهذا التأثير" من البرامج التعليمية التي لا شيء غريب للغاية.
------------------------

على أي حال ، أولاً لإنشاء المظهر الخاص بك ، سنقوم ببساطة بعمل نسخة من السمة المنقحة الافتراضية. أسهل طريقة للقيام بذلك هي الانتقال إلى قائمة السمات (تحرير-> تفضيلات-> سمات) ، ثم تحديد "افتراضي" والنقر فوق فتح مجلد.
------------------------

انسخ جميع الملفات ثم انتقل إلى مكان ما يمكن الوصول إليه مثل المستندات / التنزيلات / الصور. هناك ستنشئ مجلدًا خاصًا بك ، ويمكنك تسميته بأي شيء تريده ، لذا أوصي بالالتزام بنظام التسمية الذي يبدو أنه يحتوي على aseprite ("nameoftheme-theme").
------------------------

الملفات كالتالي: ملف "LICENSE" هو ملف نصي لا تحتاج حقًا إلى العبث به إلا إذا كنت تخطط لإعجاب ، توزيع / بيع قالبك على الأرجح. ملف "الحزمة" هو نوعًا ما مثل معلومات المشروع حول السمة الخاصة بك. ملف "sheet.aseprite-data" هو ملف ينشئه aseprite ولا تحتاج إلى العبث به على الإطلاق على ما أعتقد. ملف "الورقة" هو صورة لجميع الرموز / عناصر واجهة المستخدم ، كل شيء هنا يمكن إعادة تلوينه أو إعادة رسمه بالكامل لمحتوى قلبك! ثم أخيرًا ، ملف "السمة" هو ما تستخدمه لضبط الألوان والأحجام والخطوط وحجم الرموز / عناصر واجهة المستخدم وموقع الرموز / عناصر واجهة المستخدم في ملف "الورقة" وأسمائها ، وأنا متأكد من الكثير أكثر. أولا يجب أن نركز على ملف "package" للبدء. حدده ثم انقر بزر الماوس الأيمن وفتح باستخدام برنامج Notepad أو ما يعادله. (نصيحة خاصة ، يمكنك ضبط حجم النص في المفكرة بالضغط باستمرار على Ctrl والتمرير)
------------------------

ستقابل ببعض الأكواد ، لكن ليس كثيرًا لحسن الحظ. عند تغيير النص ، تأكد من عدم حذف الفواصل وعلامات الاقتباس. لحسن الحظ ، نقوم بتغيير نسخة من النسخة الافتراضية لذا يجب أن يكون الملف الافتراضي الفعلي موجودًا دائمًا للرجوع إليه. على أي حال ، ستحتاج أولاً إلى إعادة تسمية "aseprite-theme" إلى اسم المجلد الذي توجد به هذه الملفات. ثم "Aseprite Default Theme" إلى اسم قالبك. يمكنك تعديل بقية الأشياء أيضًا ، لكنها في الغالب مهمة فقط إذا كنت تقوم بتوزيع أو مشاركة المظهر الخاص بك مع الآخرين. أخيرًا سترى "افتراضي" بجوار الكلمتين "معرف" و "مسار" ، وهذا في الواقع شيء تحتاج إلى إعادة تسميته ، وتغييره إلى اسم قالبك. ثم احفظ الملف واخرج.
------------------------

كيفية إضافة موضوع قمت بإنشائه إلى Aseprite


في أي وقت ، يمكنك الآن ضغط مجلد السمة التي قمت بإنشائها في ملف مضغوط باستخدام winrar وإضافته إلى ملف aseprite كملحق / سمة جديدة. أوصي باختبار المظهر الخاص بك كثيرًا أثناء إعداده والذي قد يكون أمرًا مزعجًا. لكن أفضل من تعديل شيء خاطئ وعدم معرفة ما هو. لذا قبل أن أعرض كيفية تعديل المظهر الخاص بك بصريًا ، سأوضح لك كيفية إضافة المظهر الخاص بك إلى الكتابة حتى تتمكن من رؤية كيف يبدو كما تقوم بإنشائه لاحقًا. ستحتاج أولاً إلى تحويله إلى ملف ZIP ، لضغطه ، ما عليك سوى النقر بزر الماوس الأيمن على المجلد المثبت عليه برنامج winrar والنقر فوق "إضافة إلى الأرشيف ..." كل ما عليك فعله هو تحديد ZIP ضمن تنسيق الأرشيف. يجب أن يقوم هذا بعمل نسخة مضغوطة من مشروعك. لا داعي للقلق بشأن اسم ملف ZIP ، لذا حتى إذا كان اسمه mytheme (19645) فسيكون جيدًا بسبب ما قمنا بتعديله في ملف "الحزمة".
------------------------

بعد ذلك لتثبيت سمة في وضع عدم الكتابة ، انتقل إلى قائمة الامتدادات (تحرير-> تفضيلات-> ملحقات) وانقر فوق إضافة ملحق. ثم انتقل إلى المجلد السهل الذي قمت بوضع مجلد zip / project فيه وانقر نقرًا مزدوجًا على ملف ZIP لإضافته كملحق. ثم لتطبيق السمة الخاصة بك ، قم بالتبديل إلى قائمة "السمة" وانقر نقرًا مزدوجًا فوقها من القائمة (يعد النقر المزدوج أمرًا مهمًا للغاية إذا حددت السمة وضغطت على موافق أو قمت بتطبيقه لن يغير السمة ، فقد جعلني هذا lil quirk أعتقد أنني لم أكن أصنع موضوعي الخاص بشكل صحيح لمدة ساعة تقريبًا). ثم تذكر العودة إلى قائمة الملحقات وإلغاء تثبيت المظهر الخاص بك إذا لم يكن جاهزًا.
------------------------

تحرير قالب القالب الافتراضي

الآن يجب أن تكون جاهزًا تمامًا لتغيير الأشياء فعليًا لموضوعك. ارجع إلى نسختك غير المضغوطة من مشروعك. أولاً ، ملف "الورقة" ، لا تفتح هذا الملف في MS paint لأن ms paint لا يدعم الشفافية. سترغب في تعديل هذا الملف بشكل مؤقت بالطبع! أولاً ، ستلاحظ الكثير من الأسطر التي تشير إلى الشرائح (إذا كنت لا ترغب في رؤيتها ، يمكنك الانتقال إلى العرض-> إظهار-> الشرائح). قام منشئ aseprite بتضمين هذا لنا وهم يعرضون حجم النقوش المتحركة لكل رمز / 9 شرائح / إلخ. حاول البقاء داخل المربعات التي أشاروا إليها من أجل سمات إعادة تلوين بسيطة. يمكنك أيضًا إنشاء ورقة الرموز المتحركة الخاصة بك وعندما نصل إلى ملف "السمة" يمكنك إعادة توجيه مواقع ما تقوم باستبداله بتلك الصورة بدلاً من هذه الصورة. من المحتمل أن تتعرف على معظم الرموز هنا إذا كنت قد استخدمت الكثير من الكتابة ، فابحث عن أي شيء بحواف مستديرة على واجهة المستخدم. لاحظ أن بعض الألوان بها شفافية قد لا تظهر بشكل جيد على لوحة الداما الافتراضية الرمادية الخاصة بـ Aseprite.
------------------------

فيما يلي بعض الصور المضمنة للحصول على فكرة عن مكان وجود بعض 9splices على الورقة. هناك 9splice للأزرار في الحالات غير المضغوطة ، وتحوم فوقها ، والضغط عليها ، لذا ضع ذلك في الاعتبار. تحتوي أيضًا أشرطة التمرير والتحديدات في القوائم المنسدلة ومربعات الإدخال على ألوانها الخاصة. يتم استخدام كل لصق بالضبط في ملف "السمة" إذا كنت ترغب في ضبط الألوان من اتجاه أكثر نمطًا للمبرمجين.
------------------------

 

قد يكون من الصعب تخمين ما يحدث في ورقة الرموز المتحركة ، لذا فإن جعل الأشياء ذات لون محطم للعين يمكن أن يساعد في استكشاف الأخطاء وإصلاحها قليلاً. يمكنك أيضًا إلقاء نظرة على قسم الأجزاء في ملف "السمة" للعثور على الأسماء وإحداثيات x / y للركن الأيسر العلوي لكل كائن ، ولكن الأسماء ليست دائمًا واضحة جدًا حول ما يتم نقله إلى مكان مكتوب.
------------------------

يتم فتح ملف "theme" بشكل مشابه لملف "package". يمكنك تحديد وفتح في "المفكرة". هذا الملف هو المكان الذي تقوم فيه بجميع التعديلات الأخرى ويمكن أن يكون ساحقًا جدًا. سأبذل قصارى جهدي لكسرها. أولاً ، يمكنك ضبط اسم المظهر الخاص بك (للأغراض التنظيمية) وحجم الشاشة وقياس واجهة المستخدم. يضبط مقياس الشاشة اللوحة القماشية التي أؤمن بها ويضبط تحجيم واجهة المستخدم نافذة واجهة المستخدم حولها. يتم تخزين ما تضعه هنا فقط كقيم كاملة ثم يتم مضاعفته إلى المقياس الأصلي ... مثال: حجم الشاشة 1 سيترجم إلى تكبير 100٪ ، قياس الشاشة 1.9 سيترجم إلى تكبير 100٪ ، قياس الشاشة 2 سيترجم إلى 200٪ تكبير . ليس مفيدًا بشكل استثنائي للشاشة العادية ولكنه مفيد على الأرجح إذا كنت تستخدم جهاز عرض أثناء الاستلقاء على السرير وما إلى ذلك. التالي مكان آخر لتنزلق في اسمك كائتمان لصنع هذا الموضوع.
------------------------


ثم خيار تغيير الخط المستخدم في aseprite. خيارات الخطوط الافتراضية التي يجب إدخالها هنا محدودة ، إذا كنت تريد تغيير الخط ، فانتقل إلى مجلد الخطوط في مجلد بيانات Aseprite (Aseprite \ data \ Fonts) هناك سترى صورتين تعرضان الخط الافتراضي المخصص للمكتب الافتراضي وملف باسم "الخطوط". سيؤدي فتح ملف "الخطوط" باستخدام برنامج "المفكرة" إلى إظهار الخيارات الافتراضية لما يمكنك تغيير الخط إليه. إذا لم يكن موجودًا في هذه القائمة ، فلا يمكنك استخدامه في الكتابة المؤقتة. إذا كنت ميتًا على إنشاء الخط الخاص بك ، فيمكنك على الأرجح عمل نسخة من أوراق الرموز المتحركة للخط المخصص لـ Aseprite واستخدامها كدليل لإنشاء خط جديد. لا أعرف الكثير عن إنشاء الخطوط المخصصة مع الأسف. لإضافة خط مثبت حالي إلى هذه القائمة ، ما عليك سوى نسخ ولصق الإدخال Arial واستبدال "Arial" باسم ملف الخط المثبت في ملف "الخطوط" في نظام التشغيل الخاص بك ، ثم اكتب اسم الخط في ملف "theme". تأكد من إعادة تشغيل aseprite إذا قمت بتثبيت الخط مع فتح aseprite.
------------------------


التالي هو أبعاد عناصر واجهة المستخدم فيما أعتقد أنه بكسل. تم تصنيف جميع عناصر واجهة المستخدم بشكل جيد لذا يجب أن يكون من السهل جدًا اكتشافها.
------------------------

بعد ذلك الألوان. سأكون صادقًا ، من الصعب جدًا معرفة ما يحدث بالنسبة لي. من المحتمل أن يستغرق الأمر وقتًا طويلاً لضبط هذا. ما تراه هنا هو قائمة بأقسام واجهة المستخدم التي تم تعيين رمز لون سداسي عشري لها.
------------------------

يمكنك بسهولة اكتشاف رموز الألوان السداسية للألوان في aseprite لحسن الحظ ونسخ الرموز السداسية من هناك إلى ملفك.
------------------------


فيما يلي قائمة بالألوان الافتراضية في الملف للمساعدة في تصور الألوان التي قد تتمكن من تبديلها. كان أحد الأشياء المفيدة التي وجدتها هو الضغط على ctrl + F لفتح قائمة البحث في المفكرة والبحث عن ألوان سداسية عشرية دقيقة إذا أردت أن أقول تغيير كل الأشياء من الأبيض إلى الأسود وجميع الأشياء من الأسود إلى الأبيض. أخيرًا ، من الواضح أن هناك مخطط تسمية ويبدو أن مناطق واجهة المستخدم مجمعة معًا. الوجوه تشبه لون الخلفية لأقسام واجهة المستخدم والوجوه الساخنة ، هل أعتقد أنها أجزاء قابلة للنقر؟ النص الساخن عبارة عن نص قابل للنقر ، ويشير الراديو إلى قوائم الراديو التي أعتقد ، ومن الواضح أن العناصر "المحددة" هي عناصر واجهة مستخدم محددة ، وتحوم فوق اللون عند التمرير فوقها ، وما إلى ذلك.
------------------------

الأجزاء هي جميع الرموز / عناصر واجهة المستخدم الموجودة في ملف "الورقة". أولاً ، ستعطي إحداثيات x و y الخاصة بها على ورقة الرموز المتحركة حيث تبدأ الأيقونة ثم تعطي الارتفاع والعرض بالبكسل لهذا الرمز. يمكنك تغيير هذا إذا قمت بعمل رموز أكبر / أصغر. تلك التي تحتوي على عروض وارتفاعات متعددة هي رموز / عناصر مقسمة (مثل 9 وصلات) أنت هي طول تحديد كل قسم.
------------------------

أخيرًا هو قسم النمط. هذا هو تحديد العناصر التي تنتقل إلى أين من ما حددته في جميع الأقسام الأخرى. يمكن أن يكون مفيدًا لمعرفة أين يتجه اللون أو الجزء. يمكنك أيضًا ضبط المساحة المتروكة وطول الهامش ومحاذاة النص هنا.

اترك تعليق

ArabicEnglishFrenchGermanItalianJapaneseKoreanPortugueseSpanish