Advertisement
  1. Design & Illustration
  2. Illustration

كيفيه إنشاء توضيح الفضاء باستخدام omber

Scroll to top
Read Time: 11 min
Sponsored Content

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)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

حتى إذا قررت الذهاب على الإنترنت أو المحلية، طرح البرامج ودعونا نبدأ!

1-كيفية إعداد ملف مشروع جديد

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

  • العرض: 800 px
  • الارتفاع: 600 px

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

setting up a new documentsetting up a new documentsetting up a new document

2-كيفية إعداد شبكة مخصصة

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

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

setting up a custom gridsetting up a custom gridsetting up a custom grid

3-كيفية تمكين عرض عالي الجودة

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

shape created without hq renderingshape created without hq renderingshape created without hq rendering

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

enabling hq renderingenabling hq renderingenabling hq rendering

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

4-كيفية إنشاء خلفية

بمجرد الانتهاء من إعداد مستندنا الجديد ، سنقوم بإطفاء الأشياء عن طريق رسم خلفية متقلبة ، لذا خذ رشفة سريعة من تلك القهوة الساخنة ودعنا نبدأ!

الخطوة 1

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

drawing the main background sectiondrawing the main background sectiondrawing the main background section

الخطوة 2

اضبط الشكل الذي أنشأناه للتو بالانتقال إلى Edit ثم أعد وضع نقاط الربط ومقابضها بعناية كما هو موضح في الصورة المرجعية.

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

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

adjusting the main background shapeadjusting the main background shapeadjusting the main background shape

الخطوة 3

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

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

adding the gradient to the main background shapeadding the gradient to the main background shapeadding the gradient to the main background shape

الخطوة 4

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

drawing the smaller background shapedrawing the smaller background shapedrawing the smaller background shape

الخطوة 5

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

drawing the left gas sectiondrawing the left gas sectiondrawing the left gas section

الخطوة 6

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

adjusting the transparency of the left gas sectionadjusting the transparency of the left gas sectionadjusting the transparency of the left gas section

الخطوة 7

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

drawing the right gas sectiondrawing the right gas sectiondrawing the right gas section

الخطوة 8

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

adding the first background staradding the first background staradding the first background star

الخطوة 9

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

adding the remaining stars to the backgroundadding the remaining stars to the backgroundadding the remaining stars to the background

الخطوة 10

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

drawing the right cometdrawing the right cometdrawing the right comet

الخطوة 11

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

coloring the right cometcoloring the right cometcoloring the right comet

الخطوة 12

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

adjusting the transparency of the right cometadjusting the transparency of the right cometadjusting the transparency of the right comet

الخطوة 13

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

ثم كرر نفس العملية ، فقط هذه المرة تعكسها أفقيًا ، وتعديل طولها ثم وضع الشكل الناتج على الجانب الآخر من الخلفية.

adding the left cometadding the left cometadding the left comet

الخطوة 14

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

grouping the shapes of the backgroundgrouping the shapes of the backgroundgrouping the shapes of the background

5. كيفية إنشاء الكوكب الرئيسي

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

الخطوة 1

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

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

creating the larger outer glowcreating the larger outer glowcreating the larger outer glow

الخطوة 2

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

adjusting the transparency of the larger outer glowadjusting the transparency of the larger outer glowadjusting the transparency of the larger outer glow

الخطوة 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)
adding the smaller outer glowadding the smaller outer glowadding the smaller outer glow

الخطوة 4

أضف الشكل الرئيسي للكوكب الفعلي باستخدام دائرة صفراء بحجم 200 × 200 بكسل (# FCD85C) ، والتي سنضعها باستخدام الإحداثيات التالية:

  • 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)
creating the main shape for the yellow planetcreating the main shape for the yellow planetcreating the main shape for the yellow planet

الخطوة 5

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

adding the gradient to the yellow planetadding the gradient to the yellow planetadding the gradient to the yellow planet

الخطوة 6

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

creating the main shape for the larger cratercreating the main shape for the larger cratercreating the main shape for the larger crater

الخطوة 7

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

adding a gradient to the larger crateradding a gradient to the larger crateradding a gradient to the larger crater

الخطوة 8

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

adding the smaller crateradding the smaller crateradding the smaller crater

6-كيفية إنشاء كوكب الخلفية

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

الخطوة 1

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

creating the belt for the background planetcreating the belt for the background planetcreating the belt for the background planet

الخطوة 2

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

adding a gradient to the beltadding a gradient to the beltadding a gradient to the belt

الخطوة 3

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

creating the main shape for the background planetcreating the main shape for the background planetcreating the main shape for the background planet

الخطوة 4

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

adding the gradient to the background planetadding the gradient to the background planetadding the gradient to the background planet

7-كيفية إنشاء القمر الصناعي

ننتقل الآن إلى القسم الأخير من الرسم التوضيحي ، لذا بدون إضاعة المزيد من الوقت ، دعنا نستعد لملء الأمور.

الخطوة 1

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

creating the main body for the satellitecreating the main body for the satellitecreating the main body for the satellite

الخطوة 2

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

adding the top and bottom sections to the satelliteadding the top and bottom sections to the satelliteadding the top and bottom sections to the satellite

الخطوة 3

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

adding details to the body of the satelliteadding details to the body of the satelliteadding details to the body of the satellite

الخطوة 4

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

adding the neck section for the antenna assemblyadding the neck section for the antenna assemblyadding the neck section for the antenna assembly

الخطوة 5

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

adding the antenna to the satelliteadding the antenna to the satelliteadding the antenna to the satellite

الخطوة 6

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

adding the arms for the left solar wingadding the arms for the left solar wingadding the arms for the left solar wing

الخطوة 7

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

adding the main shape for the left solar wingadding the main shape for the left solar wingadding the main shape for the left solar wing

الخطوة 8

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

adding the solar cells to the wingadding the solar cells to the wingadding the solar cells to the wing

الخطوة 9

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

adding the right solar wingadding the right solar wingadding the right solar wing

الخطوة 10

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

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

finishing off the illustrationfinishing off the illustrationfinishing off the illustration

هو التفاف!

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

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

finished project previewfinished project previewfinished project preview
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.