كيفيه إنشاء توضيح الفضاء باستخدام omber
This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.
Arabic (العربية/عربي) translation by mohamed (you can also view the original English article)



إذا كنت تحب التحديق في أعماق الفضاء الخارجي بقدر ما أفعل ، فعندئذ سوف نتعلم كيفية إنشاء مخطط تفصيلي للفضاء مع برنامج أومبر الجديد من Wobastic.
بالمقارنة مع بعض الحلول الأخرى هناك ، يمنحك Omber إمكانية استخدام إما إصدارًا عبر الإنترنت أو إصدارًا قابلًا للتنزيل - وهو أمر أعتقد أنه يجب على مزيد من المطورين القيام به - ويتم توزيعه مجانًا تمامًا.
حتى إذا قررت الذهاب على الإنترنت أو المحلية، طرح البرامج ودعونا نبدأ!
1-كيفية إعداد ملف مشروع جديد
وكما هو الحال دائمًا ، لنبدأ بإعداد مستند جديد. انتقل إلى خيارات> إعداد الصفحة واضبطه على النحو التالي:
- العرض: 800 px
- الارتفاع: 600 px
نظرًا لأننا نريد أن نكون قادرين على رؤية الصفحة الفعلية ، تأكد من مراجعة مخطط صفحة العرض وتعيين لون الخلفية إلى اللون الأبيض حتى نتمكن من الحصول على عرض أفضل للأشكال التي سننشئها.



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



3-كيفية تمكين عرض عالي الجودة
عند بدء تشغيل مشروع جديد ، يجب عليك دائما التاكد من تشغيل الخيار التقديم HQ ، والا قد تلاحظ ان الاشكال التي قمت بإنشاءها للتو قليلا متقطع.



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



قبل أن ننتقل ونبدأ العمل على الرسم التوضيحي الفعلي ، أردت أن أشير إلى أن معظم الخيارات التي قمنا بإعدادها حتى هذه النقطة ستعود تلقائيًا إلى إعداداتها الافتراضية بمجرد إغلاق البرنامج ، لذا تذكر أن تتخطى كل منها. وفي كل مرة تبدأ فيها العمل في مشروع جديد.
4-كيفية إنشاء خلفية
بمجرد الانتهاء من إعداد مستندنا الجديد ، سنقوم بإطفاء الأشياء عن طريق رسم خلفية متقلبة ، لذا خذ رشفة سريعة من تلك القهوة الساخنة ودعنا نبدأ!
الخطوة 1
ابدأ بالعمل على القسم الأكبر ، من خلال الانتقال إلى الشكل ثم تحديد Solid من شريط الأدوات العلوي لإنشاء كائن به تعبئة خالصة. اضبط اللون على اللون الأرجواني (# 82147f
) ، ثم استخدم أداة Curve لرسم شكل مشابه للواحد من الصورة المرجعية. لا تقلق إذا انتهى الأمر بالظهور غريبًا ، لأننا سنقوم بتحسينه في اللحظات التالية.



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



الخطوة 3
هذه الخطوة التالية هي حقًا واحدة من المفضلة ، حيث إنها توضح القدرات الرائعة لمحرك التدرج للبرنامج. إذا كنت معتادًا على التدرجات الشعاعية أو الخطية ، فإن Omber يأخذ الأشياء إلى مستوى جديد تمامًا. يسمح لك بتحديد أي من نقاط الربط الخاصة به وتعيين لون مختلف من أجل إنشاء تدرج معقد.
في حالتي ، ذهبت مع اثنين من الصبغات والظلال الأرجواني ، بالإضافة إلى الألوان البرتقالية ، والتي أعطتني خلفية ناعمة لطيفة تشبه الفضاء يمكنك رؤيتها أدناه.



الخطوة 4
بعد الانتهاء من العمل في القسم الأكبر ، يمكنك قضاء بضع لحظات ورسم الجزء الأصغر منه باستخدام العملية نفسها كما كانت من قبل. قم بضبط نقاط ربط الشكل الناتج باستخدام أداة Edit Points ، ثم قم بتطبيق تدرج سلس باستخدام اللون البرتقالي لنقاط ربطه اليسرى والأرجواني للألوان الصحيحة.



الخطوة 5
بعد ذلك ،
ارسم الدوامة الغازية اليسرى باستخدام اللون الأبيض (#FFFFFF
) بلون التعبئة
، مع تحديد الشكل الناتج على الجانب الأيسر من قسم الخلفية الأكبر.



الخطوة 6
نظرًا لأننا نريد أن يكون الشكل شفافًا وأن يعمل كتراكب للخلفية ، فسنضطر إلى إظهار لوحة Info (خيارات> معلومات) ، ثم باستخدام أداة Edit Points ، حدد بشكل فردي الشفافية وضبط الشفافية لكل من تأليفه نقاط الربط.



الخطوة 7
بمجرد الانتهاء من العمل في قسم الغاز الأيسر ، قم بإنشاء الجزء الصحيح باستخدام نفس العملية.



الخطوة 8
ابدأ العمل
على النجوم الخلفية الصغيرة عن طريق التكبير على الصفحة باستخدام عجلة
التمرير ، ثم إنشاء دائرة 6 × 6 بكسل مع ضبط اللون على البيج الفاتح (#
F8DBBB
) ، والذي سنضعه على الجانب الأيسر من قسم خلفية أكبر.



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



الخطوة 10
ابدأ العمل على المذنب الأيمن عن طريق رسم جسمه الرئيسي (#FFFFFF
) باستخدام أداة الخط المستقيم. ما عليك سوى النقر على الصفحة لإنشاء نقاط البداية والنهاية ، ثم إنهاء السطر باستخدام وظيفة End Line.



الخطوة 11
اضبط مقطع
الخط الذي أنشأناه للتو بتعيين عرضه إلى 2 بكسل من داخل لوحة Info
(خيارات> معلومات> عرض) ، واضبط لون نقطة ربطه اليسرى على الأبيض
(#FFFFFF
) ومن اليمين إلى الأصفر (# FCD85C
).



الخطوة 12
حدد نقطة ربط اليمين الخاصة بالمذنب باستخدام أداة Edit Points ، ثم قم بتخفيض الشفافية إلى 100٪ لإعطائها وهم الحركة.



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



الخطوة 14
نظرًا لأننا انتهينا كثيرًا من العمل على الخلفية ، يمكننا اختيار جميع أشكالها (Control-A) وتجميعها معًا (Select> Group) ، قبل الانتقال إلى القسم التالي من الرسم التوضيحي.



5. كيفية إنشاء الكوكب الرئيسي
بعد الانتهاء من العمل على الخلفية ، يمكننا الانتقال إلى القسم الأوسط من الرسم التوضيحي ، حيث سنقوم بإنشاء الكوكب الأصفر بشكل تدريجي.
الخطوة 1
ابدأ بإنشاء
قسم توهج خارجي أكبر باستخدام دائرة صفراء 240 × 240 بكسل (# FCD85C
) ،
والتي سنقوم بمحاذاة مركزها الأفقي للصفحة الأساسية. للقيام بذلك ، سنقوم ببعض الرياضيات البسيطة وإزالة عرض الكوكب من المستند ، ثم قسمة العدد الناتج على 2 من أجل العثور على إحداثي X.
لذا (800 px - 240 px) / 2 = 280 px ، وهي القيمة التي يحتاجها تنسيق X لإظهارها حتى تكون الصورة متمركزة أفقيًا تمامًا. عندما يتعلق الأمر بالمحاذاة الرأسية ، فقد قمت بإجراء نفس الرياضيات (600 px - 240 px) / 2 = 180 px ، ولكن انتهى بي الأمر إلى دفع الشكل إلى الأسفل بمقدار 20 بيكسل إضافي حتى يتسنى يصلح داخل الخلفية.



الخطوة 2
اضبط شفافية الشكل الذي أنشأناه للتو ، من خلال تعيين نقاط الربط العلوية والسفلية إلى 70٪ وأسفلها وأسفلها إلى 0٪.



الخطوة 3
أنشئ التوهج الخارجي الأصغر باستخدام نسخة من الشكل الناتج (Select> Duplicate) ، والذي سنقوم بتغيير حجمه عن طريق تحديد المربع العلوي الأيمن لمربعه المحيط وسحبه إلى الزاوية المقابلة ، حتى يكون لديك دائرة بحجم 220 × 220 بكسل . ثم ، محاذاة المركز إلى الأكبر باستخدام إحداثيات X و Y.
- x: (800 px – 220 px)/2=290 px
- y: (600 px – 220 px)/2=190 px (from which we will remove the additional 20 px)



الخطوة 4
أضف الشكل الرئيسي للكوكب الفعلي باستخدام دائرة صفراء بحجم 200 × 200 بكسل (# FCD85
C) ، والتي سنضعها باستخدام الإحداثيات التالية:
- x: (800 px-200 px)/2 = 300 px
- y: (600 px – 200 px)/2=200 px (from which we will remove the additional 20 px)



الخطوة 5
امنح كوكب
الأرض تدرجًا سلسًا عن طريق تحديد نقاط ربط القاع واليمين باستخدام أداة
"تحرير النقاط" مع الضغط باستمرار على الزر "Shift" للقيام باختيار متعدد ،
ثم ضبط لونه إلى اللون الأصفر الداكن (# F5A941
).



الخطوة 6
ابدأ بإضافة
التفاصيل إلى هذا الكوكب عن طريق إنشاء فوهة أكبر باستخدام أداة القطع
البيضاوي 60 × 40 المصنوع من الأداة البيضاوية ، والتي سنقوم باستخدامها
باللون الأصفر الداكن (# F5A941
) ثم ضعها على الجانب السفلي الأيمن.



الخطوة 7
امنح الحفرة بعض العمق عن طريق تحديد نقاط الربط السفلية واليمنى باستخدام أداة Edit Points ، ثم قم بتعيين لونها إلى لون أصفر فاتح باستخدام أداة Eye Dropper (قم ببساطة بتحديد سريع من الجانب الأيسر لجسم الكوكب الأكبر).



الخطوة 8
أنشئ فوهة البرك أصغر حجمًا باستخدام نسخة مكررة (حدد> مكرر) للنسخة التي انتهينا منها للتو من العمل ، والتي سنقوم بتغيير حجمها عن طريق سحب مربع الإحاطة حتى يكون لدينا بيضاوي 30 × 20 بيكسل. بمجرد الانتهاء من ذلك ، ضع الشكل على الجانب الأيسر السفلي من الكوكب ، مع تحديد جميع أشكاله وتجميعها معًا باستخدام وظيفة المجموعة (Select> Group).



6-كيفية إنشاء كوكب الخلفية
التالي على قائمة بين النجوم لدينا هو الكوكب الخلفية الأصغر ، والذي سيعطي بعض التوازن لتكويننا.
الخطوة 1
ابدأ
من خلال إنشاء الحزام باستخدام 94 × 40 بيكسل بيضاوي بعرض خط 2 بكسل ،
والذي سنقوم باستخدامه باللون الأزرق الفاتح (# 2DA3AF
) ثم ضعه على الجانب
الأيمن من الكوكب الأكبر.



الخطوة 2
قم بتطبيق تدرج على الحزام عن طريق تحديد كل نقطة من نقاط الربط الخاصة به باستخدام أداة Edit Points tool ، ثم قم بإضافة قيم اللون الداكنة أثناء التنقل حول القسم الخلفي. نظرًا لأننا نريد أن يتلاشى الشكل البيضاوي باتجاه العمق ، يجب أن نضيف نقطة ربط أكثر قتامة ونخفف الشفافية من نقاط ارتدائه الخلفية إلى 50٪ و 34٪.



الخطوة 3
أنشئ جسم الكوكب الرئيسي باستخدام دائرة 48 × 48 بكسل ، والتي سنقوم باستخدامها باللون الأزرق الفاتح (# 31ABB8
) ثم ضعها فوق الحزام. طالما لديك الشبكة وتشغيلها ، يجب أن تكون قادرًا على القيام بذلك ببساطة عن طريق سحب الشكل.



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



7-كيفية إنشاء القمر الصناعي
ننتقل الآن إلى القسم الأخير من الرسم التوضيحي ، لذا بدون إضاعة المزيد من الوقت ، دعنا نستعد لملء الأمور.
الخطوة 1
أنشئ جسم
القمر الصناعي الرئيسي باستخدام مستطيل 8 × 16 بكسل ، والذي سنقوم
باستخدامه باللون الرمادي الفاتح (# DEF0F6
) ثم ضعه على الجانب الأيسر من
الحفرة الأكبر.



الخطوة 2
قم بإنشاء القسمين العلوي والسفلي باستخدام مربعين 4 × 4 بكسل (# 62808A
) ، والذي سنضعه كما هو ظاهر في الصورة المرجعية.



الخطوة 3
أضف
التفاصيل المستطيلة إلى الجسد الأكبر باستخدام مستطيل 4 × 8 بكسل (#
62808A
) متبوعًا بأحد أصغر 4 × 2 بكسل واحد (# 62808A
) ، والذي سنقوم بوضعه
2 بكسل بشكل عمودي من بعضهما البعض ، ووضعهما في المركز بعد ذلك. بمجرد الانتهاء من ذلك ، قم بتحديد وتجميع الأشكال الخمسة معاً (Select> Group) ، قبل الانتقال إلى القسم التالي.



الخطوة 4
ابدأ العمل
على تجميع الهوائي عن طريق إنشاء قسم الرقبة باستخدام مستطيل 2 × 4 بكسل (#
DEF0F6
) ، والذي سنضعه فوق الجزء العلوي للقمر الصناعي.



الخطوة 5
أضف تجميع
الهوائي باستخدام دائرة 10 × 10 بيكسل (# 62808A
) ، والتي سنضيف فوقها أصغر
6 × 6 بكسل (# DEF0F6
) ، متبوعًا بقرص 2 × 2 بكسل (# 62808A
). كما فعلنا مع القسم السابق ، تأكد من تحديد جميع الأشكال الأربعة وتجميعها معًا باستخدام وظيفة Select> Group.



الخطوة 6
ابدأ العمل
في الجناح الشمسي الأيسر عن طريق إنشاء ذراعين باستخدام مستطيل 4 × 2 بكسل
(# 62808A
) 1 بكسل فوق أحد 4 × 1 بكسل واحد (# 62808A
) ، والذي سنضعه كما
هو ظاهر في الصورة المرجعية.



الخطوة 7
أنشئ الشكل
الرئيسي للجناح باستخدام مستطيل حجمه 15 × 12 بكسل ، والذي سنقوم باستخدامه
باللون الرمادي الفاتح (# DEF0F6
) ثم ضعه على الجانب الأيسر من الأذرع
الممتدة.



الخطوة 8
أضف
الخلايا الشمسية باستخدام أربعة مستطيلات px 2 x 8 ، متباعدة أفقيًا 1
بكسل من بعضها البعض (# 62808A
) ، والتي سنضعها في منتصف الجناح. بمجرد الانتهاء من ذلك ، حدد كل أشكال القسم الحالي (حدد> المجموعة) وقم بتجميعها قبل الانتقال إلى الخطوة التالية.



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



الخطوة 10
قم بإنهاء
الرسم التوضيحي عن طريق إضافة الظل الخفيف المصبوب بواسطة القمر الصناعي
على الكوكب ، باستخدام نسخة منه (حدد> تكرار) ، والذي سنقوم باستخدامه
باللون الأصفر الغامق (# EEA822
). اضبط شفافية أشكال
الظل بإدخال المجموعة الخاصة بها باستخدام الخيار Enter Group ، ثم تحديد
بعض نقاط الربط الخاصة بها وتخفيضها (حدد> تحرير النقاط).
ثم ، قم بتحريك التكرار بضع وحدات بكسل باتجاه الزاوية اليمنى السفلى ، مع التأكد من وضعه تحت القمر الصناعي باستخدام وظيفة Backward One (حدد> Backward One). بمجرد الانتهاء من ذلك ، حدد وقم بتجميع القمر الصناعي والظل معا (حدد> المجموعة) ، وفعل الشيء ذاته للرسم بالكامل قبل الضغط على زر الحفظ هذا.



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



