Advertisement
  1. Design & Illustration
  2. CorelDRAW

كيفية إنشاء خلفية لعبة فيديو حية في CorelDRAW

Scroll to top
Read Time: 9 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 Maiszad (you can also view the original English article)

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

احصل على الإصدار التجريبي المجاني لمدة 30 يومًا الآن! سوف تقوم بتنزيل نسخة تجريبية تعمل بكامل طاقتها لمدة 30 يومًا منCorelDRAW Graphics Suite X7 . تتوفر هذه النسخة التجريبية في كلا الإصدارين 32 بت و 64 بت. تم تحسين الإصدار 64 بت لأولئك الذين لديهم إصدارات 64 بت من Microsoft Windows 8 / 8.1 أو Windows 7.

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

1. إعداد قاعدة لخلفية البستان

الخطوة 1

أولا وقبل كل شيء، دعونا إنشاء مستند جديد من 1280 x 768 بكسل حجم.

create a New Documentcreate a New Documentcreate a New Document

الخطوة 2

ابحث عن أداة Rectangle tool (F6) في لوحة Tools ثم انقر نقرًا مزدوجًا فوقه لإنشاء مستطيل تم توسيطه على الصفحة ، وهو نفس حجم المستند.

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

use the rectangle tool and Interactive Fill tooluse the rectangle tool and Interactive Fill tooluse the rectangle tool and Interactive Fill tool

الخطوه 3

دعونا نحيي الصورة من خلال خلق سماء صيفية حية. حدد العقدة المربعة العليا للتعبئة المتدرجة وقم بتطبيق لون أزرق سماوي (R = 0، G = 204، B = 255) من لوحة الألوان الافتراضية الموجودة في الجزء الأيمن من مساحة العمل الخاصة بنا. يمكنك رؤية اختلافات الألوان إذا قمت بالنقر فوق مربع اللوحة.

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

 creating a vivid summer sky with interactive fill creating a vivid summer sky with interactive fill creating a vivid summer sky with interactive fill

الخطوة 4

انقر نقرًا مزدوجًا فوق أداة المستطيل (F6) مرة أخرى ، واضغط على Shift-Page Up لوضع الشكل الذي تم إنشاؤه في الأعلى ثم ضعه على شكل شريط ضيق في الجزء السفلي من الصفحة. املأ الشكل باللون الأخضر المشرق ، وخلق حديقة عشبية. قم بتحويل المستطيل إلى Curves (Control-Q) وضع عدة عقد إضافية في الجانب العلوي من الشكل بالنقر المزدوج عليه باستخدام أداة الشكل (F10). حرك النقاط لأعلى ولأسفل ، مما يؤدي إلى إنشاء خط متعرج.

add green square for the grassadd green square for the grassadd green square for the grass

الخطوة 5

نسخة و لصق (التحكم-C> مراقبة-V) على شكل و مرآة عليه أفقيا من خلال النقر على الزر المناسب في لوحة التحكم العلوية أثناء تحديد الشكل. قم بملء النسخة باللون الأخضر الغامق عن طريق النقر على أيقونة bucket Fill في أسفل مساحة العمل الخاصة بك للكشف عن نافذة Edit Fill options.

add a darker grass shapeadd a darker grass shapeadd a darker grass shape

2. إنشاء الغيوم باستخدام أداة Freehand Tool و Mesh Fill Tool

الخطوة 1

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

draw a cloud with freehand tooldraw a cloud with freehand tooldraw a cloud with freehand tool

الخطوة 2

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

use the Grid size panel to add rows and columns 1use the Grid size panel to add rows and columns 1use the Grid size panel to add rows and columns 1

انقر فوق الأسهم ، مضيفا الكمية المطلوبة من الخلايا الشبكية.

use the Grid size panel to add rows and columns 2use the Grid size panel to add rows and columns 2use the Grid size panel to add rows and columns 2

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

use the Grid size panel to add rows and columns 3use the Grid size panel to add rows and columns 3use the Grid size panel to add rows and columns 3

لنحاول إضافة بعض الصفوف والأعمدة يدويًا. تأكد من تحديد أداة ملء الشبكة (M) ،وحرِّك المؤشر إلى الجزء السفلي الأيسر من السحاب ، ثم انقر نقرًا مزدوجًا لإنشاء نقطة العبور ، مما يشكل أول صف وعمود لشبكتنا.

add some rows and columns manuallyadd some rows and columns manuallyadd some rows and columns manually

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

use the Add intersection function in the Property Baruse the Add intersection function in the Property Baruse the Add intersection function in the Property Bar

الخطوه 3

الآن أن لدينا ما يكفي من الصفوف والأعمدة، دعونا العثور على طريقة اختيار القائمة المنسدلة في لوحة التحكم العلوية والتبديل إلى حر اختيار سرادق، في حين أننا ما زلنا المسلحة مع شبكة أداة التعبئة (M). ثم حدد جميع العقد داخل السحابة ، باستثناء العقد التي تسير على طول الحافة.

use the Freehand selection marquee to select inner nodesuse the Freehand selection marquee to select inner nodesuse the Freehand selection marquee to select inner nodes

افتح Color Docker (Window> Dockers> Color) وقم بتعبئة العقد المحددة باللون الأزرق الفاتح عن طريق تعيين اللون المطلوب في اللوحة والنقر فوق الزر Fillلتطبيق التعبئة الجديدة.

add color to the cloud with the Color Dockeradd color to the cloud with the Color Dockeradd color to the cloud with the Color Docker

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

add color to the cloud with the Color Docker 2add color to the cloud with the Color Docker 2add color to the cloud with the Color Docker 2

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

Cloud made with the Mesh fill toolCloud made with the Mesh fill toolCloud made with the Mesh fill tool

الخطوة 4

لنقم بإنشاء سحابة أصغر حجمًا ونملئها بألوان زرقاء وأزرق زاهية ، باستخدام نفس الأساليب مع أداة ملء الشبكة (M) .

create smaller cloud with mesh fillcreate smaller cloud with mesh fillcreate smaller cloud with mesh fill

الخطوة 5

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

Add a mesh fill to the skyAdd a mesh fill to the skyAdd a mesh fill to the sky

الخطوة 6

حدد عقدة الخط المنحني وقم بتبديل لون التعبئة إلى الأبيض ، مما يؤدي إلى طمس لطيف. منحنى خطوط الشبكة السفلى كذلك.

create a feather effect with white colorcreate a feather effect with white colorcreate a feather effect with white color

الآن لدينا سماء مشرقة وهادئة مع ضربات هواء لطيفة عليها. دعونا ننتقل إلى العنصر التالي من تكويننا!

make a bright tranquil sky make a bright tranquil sky make a bright tranquil sky

تكرار (Control-D) الغيوم عدة مرات ووضع النسخ كما هو موضح في الصورة أدناه لجعل التكوين أكثر إثارة للاهتمام. يمكنك عكس الكائنات عن طريق تحديد أداة Pick ومن ثم تثبيت وسحب حافة السحابة إلى الجانب الآخر. المجموعة السحب عن طريق النقر تحكم-G مفاتيح مجموعات أو ببساطة عن طريق استخدام كائنات المجموعة وظيفة في شريط الخصائص.

make more clouds and group themmake more clouds and group themmake more clouds and group them

إن استخدام Object Manager ( Window> Dockers> Object Manager ) مفيد تمامًا إذا كنت ترغب في الحفاظ على عملك نظيفًا وأمرًا رائعًا. انقر بزر الماوس الأيمن فوق الكائن أو مجموعة الكائنات في " إدارة الكائنات" واستخدم الدالةRename من القائمة القابلة للطي أو انقر مرتين على الكائن لإعطائه اسمًا مناسبًا ، بحيث يمكنك العثور عليه بسهولة بين الكائنات والمجموعات الأخرى.

rename the objects in the Object managerrename the objects in the Object managerrename the objects in the Object manager

3. تشكيل شجرة التفاح مع أداة ملء شبكة وتقديم بستان

الخطوة 1

للبدء ، خذ أداة Ellipse (F7) وقم بعمل دائرة متساوية من خلال الضغط على مفتاحControl . اصنع بعض الدوائر ذات الأحجام الصغيرة وضعها حول الدائرة الأولى. املأ الأشكال باللون الأخضر الطازج ودمج الدوائر في شكل واحد بمساعدة وظيفة اللحامفي لوحة التحكم أعلاه (أو في Object> Shaping> Weld ) ، وبالتالي تكوين تاج شجري.

form the tree baseform the tree baseform the tree base

الخطوة 2

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

make a mesh grid on the tree crownmake a mesh grid on the tree crownmake a mesh grid on the tree crown

الخطوه 3

دعونا نضيف جذع الشجرة باستخدام أداة المستطيل (F6) وملئه بلون خشب بني أحمر.

Lets add a tree trunk using the Rectangle toolLets add a tree trunk using the Rectangle toolLets add a tree trunk using the Rectangle tool

نحن بحاجة لوضع الجذع تحت مظلة الشجرة. يمكننا ببساطة تغيير ترتيب الكائنات عن طريق النقر عليها وسحبها مباشرة في أداة إرساء إدارة الكائنات أو استخدام تركيبة مفاتيحControl-Page Down لنقل الكائن إلى موضع واحد مرة أخرى. يمكنك العثور على خيارات الطلب في قائمة الطي إذا قمت بالنقر بزر الماوس الأيمن فوق الكائن في " إدارة الكائنات".

use the object manager to reorder the objects 1use the object manager to reorder the objects 1use the object manager to reorder the objects 1

إن وضع كائن واحد خلف أو أمام الآخر ( Order> Behind and Order> In Front Of في القائمة المنسدلة من Object Manager ) هو خيار آخر مفيد إذا كان لديك مجموعة من الكائنات. حدد الوظيفة الخلفية وستلاحظ تغيير المؤشر إلى سهم أسود كثيف. انقر فوق الكائن ، الذي تريد البقاء على القمة (في حالتنا هو تاج الشجرة) و - فويلا! - يتم إعادة ترتيب الكائنات.

use the object manager to reorder the objects 2use the object manager to reorder the objects 2use the object manager to reorder the objects 2

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

apply the mesh fill to the trunkapply the mesh fill to the trunkapply the mesh fill to the trunk

الخطوة 4

دعونا ننتقل ونجعل شجرة أكثر تفصيلاً عن طريق إضافة ظل بسيط.

نسخة و لصق (التحكم-C> مراقبة-V> مراقبة-V ) على شكل تاج مرتين، والانتقال من نسخة العليا أعلى وإلى اليمين قليلا. حدد كل من النُسخ التي تم إنشاؤها و Clear mesh من خلال النقر فوق رمز الدائرة المتقاطعة في لوحة التحكم العلوي ، وبالتالي تحويل الأشكال إلى صور ظلية مسطحة. حدد النُسخ وقم بتطبيق وظيفة Back Back ( إيقاف) الظهر ، مما يؤدي إلى قطع الأجزاء غير الضرورية.

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

make the tree more detailed by adding a shadowmake the tree more detailed by adding a shadowmake the tree more detailed by adding a shadow

الخطوة 5

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

make a red apple basemake a red apple basemake a red apple base

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

make the apple glossymake the apple glossymake the apple glossy

الخطوة 6

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

add shiny highlight to the treeadd shiny highlight to the treeadd shiny highlight to the tree

الخطوة 7

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

add more apple treesadd more apple treesadd more apple trees

4. قم بإضافة تفاصيل بسيطة إلى التركيب

الخطوة 1

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

add mountains in the background 1add mountains in the background 1add mountains in the background 1

أضف المزيد من الأشكال المنحنية ، واحدة أسفل الأخرى ، مما يجعل الأشكال الأبعد أخف ، مما يخلق إحساسًا بالمسافة بين الجبال.

add mountains in the background 1add mountains in the background 1add mountains in the background 1

الخطوة 2

أضف مجموعة من البقع الإهليلجية باللون الأخضر الداكن باستخدام أداة Ellipse (F7)لتقطير الأرض ، مما يجعلها أكثر تفصيلاً.

add spots to the groundadd spots to the groundadd spots to the ground

الخطوه 3

دعونا نشكل بعض الفروع البسيطة على أشجارنا. ابدأ بعمل مستطيل ، ثم قم بتدويره إلى 45 درجة تقريبًا بالنقر فوقه مرتين باستخدام أداة Pick حتى تنتقل حواف التحديد إلى أسهم التدوير. قم بتحويل الشكل إلى Curve (Control-Q) واستخدم أداة الشكل (F10) لثني الشكل ، مما يجعله مقوسًا قليلاً. أضف فروعًا لكل شجرة بالطريقة نفسها ، مع تغيير طولها وموقعها وجعل صورتنا أكثر ديناميكية.

add tree branchesadd tree branchesadd tree branches

الخطوة 4

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

add leaves to the treesadd leaves to the treesadd leaves to the trees

هنا كيف تبدو خلفيتنا في هذه الخطوة. أكملت تقريبا!

video game backgroundvideo game backgroundvideo game background

الخطوة 5

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

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

align the nodes at the edgesalign the nodes at the edgesalign the nodes at the edges

الخطوة 6

وأخيرًا ، قم بإلغاء تحديد كل شيء وتوجه إلى لوحة التحكم العلوية. العثور على مسافة تكرار النافذة وتغيير القيم إلى 1280 بكسل لل X محور و 0 بكسل ل Y. الآن تحديد خلفية لدينا و مكررة (التحكم-D) عدة مرات لنرى كيف تبدو يكرر.

duplicate the background duplicate the background duplicate the background

رائع! انتهت لدينا خلفية لعبة فيديو حية!

تهانينا! لقد قمت بعمل رائع وخلق خلفية طبيعية مفصلة ، حيث اعتدت على بعض الأدوات والميزات المفيدة من CorelDRAW. آمل أن تستمتع بالعمل مع شبكة وخلق عناصر خيالية. حظا سعيدا مع الفن الخاص بك!

Video Game Background Video Game Background Video Game Background
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
One subscription. Unlimited Downloads.
Get unlimited downloads