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

كيفية إنشاء قلب بكسل مع إنكسكيب

by
Difficulty:BeginnerLength:ShortLanguages:

Arabic (العربية/عربي) translation by Maryam Saud (you can also view the original English article)

Final product image
What You'll Be Creating

في درس اليوم سأبين كيف يمكنك تصميم قلب بنمط ثلاثي الأبعاد الذي يبدو كما لو كان مصنوع من البكسل، باستخدام إنكسكيب.

إذا كنت تبحث عن قوالب شعار جاهزة، يمكنك شراء واحدة على GraphicRiver.

1.كيفية إنشاء مستند جديد

خطوة 1

اذهب إلى عرض View وتأكد من اختيار مخصص Custom.

Inkscape view custom

خطوة 2

انتقل إلى عرض > تكبير View > Zoom وحدد التكبير 1:1 Zoom  للتأكد من أنك قمت بالتكبير 100%.

Inkscape view zoom

خطوة 3

انقر فوق أيقونة المحاذاة وتوزيع الكائنات Align and distribute objects في شريط الأدوات العلوي لتفتح لوحة المحاذاة. ثم انقر على أيقونة التعبئة والحدود Fill & Stroke في أعلى شريط الأدوات لفتح قائمة الألوان والتدرجات والحدود.

Inkscape opened panels

خطوة 4

اذهب إلى ملف > خصائص المستند File > Document Properties (Control-Shift-D) وألغِ تحديد المربعات التي تُقرأ أظهر حدود الصفحة Show page border و أظهر ظل الحدود Show border shadow ، وبعدها أغلق هذه النافذة.

Assign document properties in Inkscape

2.كيفية إنشاء شكل القاعدة

خطوة 1

أمسك أداة إنشاء النجوم والمضلعات (*) Create Stars and Polygons وقم بتعيين الخانات الموجودة في شريط الأدوات العلوي إلى المواصفات التالية:

  • مضلع منتظم
  • الزوايا: 6
  • الاستدارة: 0.000
  • العشوائية: 0.000
Inkscape stars and polygons tool

خطوة 2

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

Creating a polygon in Inkscape

خطوة 3

غير لون المضلع إلى الأحمر وأخفض الشفافية Opacity إلى 50% باستخدام أداة نسبة الشفافية Opacity Percentage في لوحة التعبئة والحدود.

Make the polygon red

خطوة 4

اقبض على أداة التحديد (F1) وقم بتشغيل رمز القفل بين حقلي W و H في شريط الأدوات العلوي. ثم قم بتغيير قيمة مربع W إلى 300 واضغط على Enter لإنشاء عرض المضلع 300 بكسل. بعد ذلك، قم بتفعيل مربع أداة التقاط عقد الأطراف المستدقة Snap to cusp nodes في شريط أدوات تمكين الالتقاط Enable snapping في أعلى النافذة.

Lock the proportions and set the width

خطوة 5

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

Make duplicate copy and turn it blue

خطوة 6

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

All 3 polygons

خطوة 7

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

All 4 copies of the polygons

3.كيفية تقليم الشكل الأساسي

خطوة 1

انقر بالزر الأيمن على المضلع الأسود وحدد ضاعف (Control-D) لإنشاء نسخة أخرى، ومع بقاء تحديد هذه النسخة، اضغط على المفتاح Shift من لوحة المفاتيح وانقر فوق المضلع الأزرق. مع بقاء تحديد كليهما، انتقل إلى مسار > تقاطع Path > Intersection.

Intersection of the black and blue polygons

خطوة 2

يتعين علينا الآن أن نفعل الشيء نفسه مع المضلعين الأحمر والأخضر. وبالتالي انقر بالزر الأيمن على المضلع الأسود مرة أخرى وحدد ضاعف (Control-D)، اضغط على المفتاح Shift وانقر فوق المضلع الأحمر، وانتقل مرة أخرى إلى مسار > تقاطع.

Intersected area of the black and red polygons

خطوة 3

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

Three piece polygon

4.كيفية تلوين الأشكال

خطوة 1

انقر واسحب عبر كافة الأشكال الثلاثة لتحديد كافة الكائنات (Control-Alt-A)، ثم استخدم منزلق الشفافية % لجعل الشفافية تصل مرة أخرى إلى 100%.

Solid fill polygon

خطوة 2

انقر خارج الكائنات لإلغاء تحديد كل شيء، ومن ثم حدد الجزء الأزرق من المضلع. مع تحديده، انتقل عبر لوحة التعبئة والحدود، وضمن علامة التبويب تعبئة Fill، غيّر قيمة RGBA إلى ff2a2aff.

Change the color to red
Changed color to red

خطوة 3

حدد الكائن الأحمر في الجزء العلوي من المضلع، ثم اذهب إلى لوحة التعبئة والحدود، وضمن تبويب التعبئة، قم بتغيير قيمة RGBA إلى ffaaaaff.

Updated polygon color

خطوة 4

حدد الكائن الأخضر على الجانب الأيسر المضلع، ثم اذهب إلى لوحة التعبئة والحدود، وضمن تبويب تعبئة، قم بتغيير قيمة RGBA إلى 800000ff.

Fully colored in polygon

خطوة 5

انقر واسحب عبر كافة الأشكال الثلاثة لتحديد كافة الكائنات (Control-Alt-A)، ثم جمّعهم (Control-G) معا، وغيّر قيمة مربع W إلى 100، واضغط على Enter لإنشاء عرض المضلع  100 بكسل.

Polygon size changed to 100 pixels

5.كيفية إنشاء شكل القلب

خطوة 1

مع بقاء المضلع محددا، انقر بالزر الأيمن عليه وحدد تكرار (Control-D)، ثم التقطه إلى زوايا المضلع الأصلي اليسرى العلوية.

Snap polygon number 1

خطوة 2

كرر هذه العملية مع المضلع المكرر حيث يكون لديك ثلاثة مضلعات مكدسة بالترتيب التالي:

Snap polygon number 2

خطوة 3

أعد العملية مرة أخرى مع المضلع المكرر مؤخرا ومن ثم كرّره (Control-D) مرة أخرى والتقطه مباشرة فوق المضلع السابق.

Snap polygon number 3

خطوة 4

كرّر (Control-D) المضلع المحدد مؤخرا والتقطه إلى زوايا المضلع السابق اليمنى العلوية.

Snap polygon step number 4

خطوة 5

كرّر (Control-D) هذا المضلع والتقطه إلى الزوايا اليمنى السفلية من المضلع السابق.

Snap polygon step number 5

خطوة 6

كرّر (Control-D) المضلع الأكثر حداثة، ثم التقطه إلى زوايا المضلع اليمنى السفلية تحته.

The heart is now halfway completed

لدينا الآن نصف القلب قد اكتمل.

خطوة 7

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

Beginning to construct the right side of the heart

خطوة 8

مع بقاء التحديد على المضلع المحدد مؤخرا، كرّره (Control-D) والتقطه مباشرة فوق المضلع الأصلي.

Snap polygon step number 8

خطوة 9

كرّر (Control-D) هذا المضلع مرة أخرى والتقطه إلى زوايا المضلع اليمنى العلوية على الجانب الأيسر.

Snap polygon step number 9

خطوة 10

وأخيراً، كرّر (Control-D) المضلع مرة أخرى، والتقطه إلى الزوايا اليمنى السفلية للمضلع السابق.

عمل رائع، لقد انتهيت الآن!

وبذلك، تصميمنا اكتمل! لقد أنشأنا بنجاح قلب بكسل باستخدام إنكسكيب.

Completed pixel heart design with Inkscape
Advertisement
Advertisement
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.