Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustration

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

by
Difficulty:BeginnerLength:LongLanguages:
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 image
What You'll Be Creating

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

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

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

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

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

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

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

setting up a new document

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

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

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

setting up a custom grid

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

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

shape created without hq rendering

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

enabling hq rendering

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

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

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

الخطوة 1

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

drawing the main background section

الخطوة 2

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

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

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

adjusting the main background shape

الخطوة 3

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

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

adding the gradient to the main background shape

الخطوة 4

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

drawing the smaller background shape

الخطوة 5

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

drawing the left gas section

الخطوة 6

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

adjusting the transparency of the left gas section

الخطوة 7

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

drawing the right gas section

الخطوة 8

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

adding the first background star

الخطوة 9

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

adding the remaining stars to the background

الخطوة 10

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

drawing the right comet

الخطوة 11

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

coloring the right comet

الخطوة 12

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

adjusting the transparency of the right comet

الخطوة 13

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

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

adding the left comet

الخطوة 14

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

grouping 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 glow

الخطوة 2

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

adjusting 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 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 planet

الخطوة 5

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

adding the gradient to the yellow planet

الخطوة 6

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

creating the main shape for the larger crater

الخطوة 7

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

adding a gradient to the larger crater

الخطوة 8

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

adding the smaller crater

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

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

الخطوة 1

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

creating the belt for the background planet

الخطوة 2

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

adding a gradient to the belt

الخطوة 3

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

creating the main shape for the background planet

الخطوة 4

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

adding the gradient to the background planet

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

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

الخطوة 1

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

creating the main body for the satellite

الخطوة 2

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

adding 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 satellite

الخطوة 4

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

adding the neck section for the antenna assembly

الخطوة 5

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

adding the antenna to the satellite

الخطوة 6

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

adding the arms for the left solar wing

الخطوة 7

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

adding the main shape for the left solar wing

الخطوة 8

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

adding the solar cells to the wing

الخطوة 9

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

adding the right solar wing

الخطوة 10

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

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

finishing off the illustration

هو التفاف!

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

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

finished project preview
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.