Advertisement
  1. Design & Illustration
  2. Patterns

كيفية إنشاء تصميم رانجولي لاحتفال ديوالي في Adobe Illustrator

Scroll to top
Read Time: 9 min

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

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

في الخطوات التالية ، سوف تتعلم كيفية إنشاء تصميم سهل لـ Diwali في Adobe Illustrator.

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

وأخيرا ، سوف تتعلم كيفية إنشاء خلفية مسطحة وكيفية إضافة ظلال خفية أسفل التصميم الخاص بك .

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

ما سوف تحتاجه

ستحتاج إلى الموارد التالية لإكمال هذا المشروع:

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

اضغط على Control-N لإنشاء مستند جديد. حدد Pixels من القائمة المنسدلة Units، وأدخل 850 في مربعي العرض والارتفاع ، ثم انقر فوق زر المزيد من الإعدادات. حدد RGB لـ Color Mode ، واضبط تأثيرات Raster على الشاشة ل(72 نقطة في البوصة) ، ثم انقر فوق Create Document .

قم بتمكين الشبكة ( عرض> إظهار الشبكة ) ثم ( عرض> التقاط الشبكة). ستحتاج إلى شبكة كل 10 بيكسل ، ما عليك سوى الانتقال إلى Edit> Preferences> Guides & Grid ، وإدخال 10 في Gridline كل مربع و 1 في مربع Subdivisions . حاول ألا تشعر بالإحباط من كل هذه الشبكة - ستجعل عملك أسهل ، وتذكر أنه يمكنك بسهولة تشغيلها أو تعطيلها باستخدام اختصار لوحة المفاتيح Control .

يمكنك معرفة المزيد حول نظام Illustrator الشبكي في هذا البرنامج التعليمي القصير من Andrei Stefan: Understanding Adobe Grid System .

يجب عليك أيضًا فتح لوحة المعلومات  Window> Info ) للحصول على معاينة مباشرة بحجم وحجم الأشكال الخاصة بك. لا تنسى أن تضبط وحدة القياس على وحدات البكسل من Edit> Preferences> Units . كل هذه الخيارات ستزيد بشكل كبير من سرعة عملك.

set up gridset up gridset up grid

2. كيفية إنشاء الدائرة الأولى

الخطوة 1

اختر أداة (Ellipse Tool (L ثم ركز على شريط الأدوات الخاص بك . أزل اللون  ثم حدد التعبئة واضبط لونها على R = 23 G = 50 B = 127 . انتقل إلى لوح الرسم الخاص بك وقم ببساطة بإنشاء دائرة بمقدار 490 بيكسل ، وستسهلالشبكة و Snap to Grid الأمور.

افتح لوحة Align ( Window> Align ). قم بضبط المحاذاة إلى Artboard (افتح قائمة fly-out وانتقل إلى Show Options إذا لم تتمكن من رؤية قسم Align Toكما هو موضح في الصورة التالية) ، ثم انقر ببساطة فوق الأزرار Horizontal Align Center و Vertical Align Center . سيؤدي هذا إلى تحريك الشكل إلى مركز اللوحة.

circlecirclecircle

Step 2

تأكد من أن الشكل لا يزال محددًا ، وافتح لوحة المظهر ( Window> Appearance).

حدد الخط، قم بتعيين لونه إلى R = 255 G = 213 B = 6 ، ثم افتح لوحة Fly - Stroke . اضبط الوزن على 10 بيكسل وتحقق من زر محاذاة للخارج إلى الخارج .

strokestrokestroke

الخطوه 3

تأكد من أن الشكل الخاص بك يبقى محددًا ، وواصل التركيز على لوحة Appearance.

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

zig zagzig zagzig zag

3. كيفية تزيين حواف الدائرة الأولى

الخطوة 1

اختر أداة Ellipse Tool (L) وأنشئ دائرتين 30 بكسل . املأ كلا الشكلين بـ R = 250 G = 0 B = 8 وضعهما كما هو موضح في الصورة التالية.

حدد كلا الشكلين وقم بتحويلهما إلى مسار مركب بسيط ( Object> Compound Path> Make أو Control-8 ).

compound pathcompound pathcompound path

الخطوة 2

تأكد من بقاء المسار المركب محددًا وركز على لوحة Appearance .

حدد الخط وعين لونه إلى R = 255 G = 213 B = 6. غيّر الوزن إلى 10 بيكسل ولا تنسَ محاذاته إلى الخارج.

align to outsidealign to outsidealign to outside

الخطوه 3

تأكد من بقاء المسار المركب محددًا وركز على لوحة Appearance . استخدم الزر "إضافة تعبئة جديدة" لإضافة تعبئة ثانية وتحديده.

اضبط اللون على الأبيض ( R = 255 G = 255 B = 255 ) وانتقل إلى Effect> Path> Offset Path . أدخل a -10 px Offset وانقر فوق OK .

offset path effectoffset path effectoffset path effect

Step 4

تأكد من بقاء المسار المركب محددًا وركز على لوحة Appearance .

حدد المسار بالكامل وانتقل إلى تأثير> تشويه وتحويل> تحويل . أدخل السمات الموضحة أدناه وانقر فوق OK .

transform effecttransform effecttransform effect

الخطوة 5

اختر أداة Ellipse Tool (L) وأنشئ دائرتين 10 بكسل . املأ كلا الشكلين بـ R = 30 G = 148 B = 255 وضعهما كما هو موضح في الصورة التالية.

حدد كلا الشكلين وقم بتحويلهما إلى مسار مركب جديد (Object> Compound Path> Make أو Control-8).

second compound pathsecond compound pathsecond compound path

الخطوة 6

تأكد من بقاء المسار المركب الجديد محددًا مع التركيز على لوحة Appearance .

حدد الخط وتعيين لونه إلى R = 255 G = 214 B = 6 . غيّر الوزن إلى 10 بيكسلولا تنسَ محاذاته إلى الخارج.

strokestrokestroke

الخطوة 7

تأكد من بقاء المسار المركب الأحدث محددًا وركزعلى لوحة Appearance .

حدد المسار بالكامل وانتقل إلى تأثير> تشويه وتحويل> تحويل . أدخل السمات الموضحة أدناه وانقر فوق OK .

transform effecttransform effecttransform effect

الخطوة 8

تأكد من أن المسار المركب الأحدث لا يزال محددًا ، ثم انتقل مرة أخرى إلى التأثير> تشويه وتحويل> التحويل . أدخل السمات الموضحة أدناه وانقر فوق OK .

transform effecttransform effecttransform effect

4. كيفية تزيين الدائرة الأولى

الخطوة 1

قم بالتبديل إلى خط شبكة كل 5 بيكسل. ما عليك سوى الانتقال إلى Edit> Preferences> Guides & Grid وإدخال الرقم في مربع Gridline كل مربع.

اختر أداة Ellipse Tool (L) وأنشئ شكل Px 80 × 145 . املأ هذا الشكل الجديد باللون الأبيض ، ضعه كما هو موضح في الصورة الأولى ، وتأكد من أنه سيظل محددًا.

اختر أداة نقطة الربط (Shift-C) وانقر فوق نقطة الربط السفلية. انتقل إلى نقطة الربط العليا ، وانقر عليها ، ثم اسحب المقبض 10 بيكسل إلى اليمين. استمر في التركيز على مقابض نقطة الربط هذه واسحبها كما هو موضح في الصورة الثالثة. الشبكة وملف Snap to Grid ستكون مرة أخرى مفيدة.

anchor point toolanchor point toolanchor point tool

الخطوة 2

تأكد من أن شكلك الأبيض يبقى محددًا ، مع التركيز على لوحة Appearance .

حدد الحد وتعيين لونه إلى R = 255 G = 213 B = 6 . غيّر الوزن إلى 10 بيكسلولا تنس أن تتحقق من زر Round Join .

strokestrokestroke

الخطوه 3

تأكد من بقاء شكلك الأبيض محددًا مع التركيز على لوحة Appearance .

حدد المسار بالكامل وانتقل إلى تأثير> تشويه وتحويل> تحويل. أدخل السمات الموضحة أدناه وانقر فوق OK.

transform effecttransform effecttransform effect

الخطوة 4

تأكد من أن شكلك الأبيض لا يزال محددًا ، ثم انتقل مرة أخرى إلى التأثير> التشويه والتحويل> التحويل . أدخل السمات الموضحة أدناه وانقر فوق OK .

transform effecttransform effecttransform effect

الخطوة 5

تأكد من أن شكلك الأبيض لا يزال محددًا ، وانتقل مرة أخرى إلى التأثير> تشويه وتحويل> التحويل . أدخل السمات الموضحة أدناه وانقر فوق OK .

transform effecttransform effecttransform effect

الخطوة 6

اختر أداة Ellipse Tool (L) وأنشئ شكل Px 80 × 145 . املأ هذا الشكل الجديد بـ R = 30 G = 148 B = 255 ، ضعه كما هو موضح في الصورة الأولى ، وتأكد من أنه يبقى محددًا.

اختر أداة نقطة الربط (Shift-C) وانقر فوق نقطة الربط السفلية. انتقل إلى أعلى نقطة الربط ، وانقر عليها ، ثم اسحب المقبض 5 بيكسل إلى اليمين ، كما هو موضح في الصورة الثانية.

anchor point toolanchor point toolanchor point tool

الخطوة 7

تأكد من بقاء شكلك الأزرق محددًا مع التركيز على لوحة Appearance .

حدد الحد وتعيين لونه إلى R = 1 G = 1 B = 71 . غيّر الوزن إلى 10 بيكسل ولا تنسَ وضعه في الداخل.

strokestrokestroke

الخطوة 8

تأكد من بقاء شكلك الأزرق محددًا مع التركيز على لوحة Appearance .

استخدم زر Add Stroke لإضافة خط ثاني وتحديده. عيّن لونه إلى R = 1 G = 1 B = 71 ، غيّر الوزن إلى 10 بيكسل ، اربطه إلى الخارج ، ولا تنس أن تتحقق من زر  الدمج الدائري .

add new strokeadd new strokeadd new stroke

الخطوة 9

 تأكد من بقاء شكلك الأزرق محددًا مع التركيزعلى لوحة Appearance .

حدد المسار بالكامل وانتقل إلى تأثير> تشويه وتحويل> تحويل . أدخل السمات الموضحة أدناه وانقر فوق OK .

transform effecttransform effecttransform effect

الخطوة 10

تأكد من أن الشكل الأزرق لا يزال محددًا وانتقل مرة أخرى إلى التأثير> تشويه وتحويل> التحويل . أدخل السمات الموضحة أدناه وانقر فوق OK .

transform effecttransform effecttransform effect

5. كيفية إنشاء الدائرة الثانية

الخطوة 1

اختر أداة Ellipse Tool (L) ، وقم بإنشاء دائرة بمقدار 300 بيكسل ، وقم بتوسيطها باستخدام نفس الأوامر من لوحة Align .

املأ هذا الشكل الجديد بـ R = 250 G = 0 B = 8 ثم حدد الحد. عيّن لونه إلى R = 255 G = 214 B = 6 ، غيّر الوزن إلى 10 بيكسل ، ولا تنسَ ربطه بالخارج.

red circlered circlered circle

الخطوة 2

تأكد من أن دائرة اللون الأحمر تظل محددة مع التركيزعلى لوحة Appearance .

حدد المسار بالكامل وانتقل إلى تأثير> تشويه وتحويل> Zig Zag . أدخل السمات الموضحة أدناه وانقر فوق OK .

zig zagzig zagzig zag

6. كيفية تزيين الدائرة الثانية

الخطوة 1

اختر أداة Rectangle Tool (M) وقم بإنشاء شكل Px 60 × 100 . املأ هذا الشكل باللون الأبيض وضعه كما هو موضح في الصورة الأولى.

تأكد من بقاء المستطيل محددًا وانتقل إلى Object> Path> Add Anchor Points . اختر أداة Delete Anchor Point Tool (-) وانقر ببساطة على نقاط الربط الزاوية لإزالتها. هذا سوف يحول المستطيل الخاص بك إلى معين .

استمر في التركيز على هذا الشكل والتبديل إلى أداة التحديد المباشر (A) . حدد نقاط الربط اليمنى واليسرى ( الموضحة في الصورة الثالثة) وقم ببساطة بسحبها بمقدار 10 بكسل لأسفل كما هو موضح في الصورة الرابعة.

rhombusrhombusrhombus

الخطوة 2

تأكد من بقاء شكلك الأبيض محددًا مع التركيزعلى لوحة Appearance .

حدد الحد وتعيين لونه إلى R = 255 G = 214 B = 6 . غيّر الوزن إلى 10 بيكسل ، وحاذيته إلى الخارج ، ولا تنس أن تتحقق من زر الدمج الدائري .

strokestrokestroke

الخطوه 3

تأكد من بقاء شكلك الأبيض محددًا مع التركيزعلى لوحة Appearance .

حدد المسار بالكامل وانتقل إلى تأثير> تشويه وتحويل> تحويل . أدخل السمات الموضحة أدناه وانقر فوق OK .

transform effecttransform effecttransform effect

الخطوة 4

تأكد من أن شكلك الأبيض لا يزال محددًا وانتقل مرة أخرى إلى التأثير> تشويه وتحويل> التحويل . أدخل السمات الموضحة أدناه وانقر فوق OK .

transform effecttransform effecttransform effect

الخطوة 5

تأكد من أن شكلك الأبيض لا يزال محددًا وانتقل مرة أخرى إلى تأثير> تشويه وتحويل> التحويل . أدخل السمات الموضحة أدناه وانقر فوق OK .

transform effecttransform effecttransform effect

الخطوة 6

اختر أداة Ellipse Tool (L) وقم بإنشاء شكل 50 × 125 بيكسل . املأ هذه الدائرة بلون أخضر عشوائي ، ضعها كما هو موضح في الصورة الأولى ، وتأكد من أنها تبقى محددة.

اختر أداة نقطة الربط (Shift-C) وانقر فوق نقطة الربط السفلية. انتقل إلى أعلى نقطة الربط ، وانقر عليها ، ثم اسحب المقبض 5 بيكسل إلى اليمين ، كما هو موضح في الصورة الثانية.

squeezed circlesqueezed circlesqueezed circle

الخطوة 7

تأكد من أن الشكل الذي يتم ضغطه سيظل محددًا ويركز على لوحة Appearance . قم بتغيير لون التعبئة إلى R = 250 G = 0 B = 8 .

حدد الحد وتعيين لونه إلى R = 1 G = 1 B = 71 . غيّر الوزن إلى 10 بيكسل ولا تنسَ وضعه في الداخل.

strokestrokestroke

الخطوة 8

تأكد من أن الشكل الذي يتم ضغطه سيظل محددًا وركز على لوحة Appearance .

استخدم زر Add Stroke جديد لإضافة خط ثاني  وتحديده. عيّن لونه إلى R = 255 G = 214 B = 6 ، غيّر الوزن إلى 10 بيكسل ، اربطه إلى الخارج ، ولا تنس أن تتحقق من زر الدمج الدائري .

strokestrokestroke

الخطوة 9

تأكد من أن الشكل الذي يتم ضغطه سيظل محددًا مع التركيزعلى لوحة Appearance .

حدد المسار بالكامل وانتقل إلى تأثير> تشويه وتحويل> تحويل . أدخل السمات الموضحة أدناه وانقر فوق OK .

transform effecttransform effecttransform effect

الخطوة 10

تأكد من أن الشكل الذي يتم ضغطه لا يزال محددًا وانتقل مرة أخرى إلى التأثير> التشويه والتحويل> التحويل . أدخل السمات الموضحة أدناه وانقر فوق OK .

ABCDABCDABCD

7. كيفية إنشاء الدائرة الثالثة

الخطوة 1

اختر أداة Ellipse Tool (L) ، وأنشئ دائرة بحجم 100 بيكسل ، وقم بتوسيطها باستخدام نفس الأوامر من لوحة المحاذاة .

املأ هذا الشكل الجديد بـ R = 1 G = 1 B = 71 ثم حدد الحد. عيّن لونه إلى R = 255 G = 214 B = 6 ، غيّر الوزن إلى 10 بيكسل ، ولا تنسَ ربطه بالخارج.

dark circledark circledark circle

الخطوة 2

تأكد من بقاء الدائرة المظلمة محددة ، والتركيز على لوحة Appearance .

حدد المسار بالكامل وانتقل إلى تأثير> تشويه وتحويل> Zig Zag . أدخل السمات الموضحة أدناه وانقر فوق OK .

zig zagzig zagzig zag

8. كيفية إنشاء فقاعة كلام  والخلفية

الخطوة 1

اختر أداة Rectangle Tool (M) وأنشئ شكلًا بحجم 290 × 55 بكسل . املأ هذا الشكل الجديد باللون الأبيض وضعه كما هو موضح في الصورة التالية.

white rectanglewhite rectanglewhite rectangle

الخطوة 2

اختر أداة Rectangle Tool (M) وأنشئ مربعًا بحجم 60 بكسل . املأ هذا الشكل الجديد بـ R = 30 G = 148 B = 255 وضعه كما هو موضح في الصورة التالية. قم بالتبديل إلى أداة حذف نقطة الربط (-) وانقر فوق نقطة الربط السفلية اليسرى لإزالتها.

triangletriangletriangle

الخطوه 3

اختر أداة الكتابة (T) وافتح لوحة Character ( Window> Type> Character ). حدد الخط الخفي لخط بيكر وقم بتعيين الحجم إلى 270 بكسل .

انتقل إلى لوح الرسم واضغط عليه ببساطة. اكتب النص الخاص بك وقم بتعيين اللون إلى R = 30 G = 148 B = 255.

type tooltype tooltype tool

الخطوة 4

اختر أداة المستطيل (M) وقم بإنشاء مربع 870 بيكسل . املأ هذا الشكل الجديد بـ R = 5 G = 26 B = 115 ، وتأكد من أنه يغطي اللوحة بأكملها ، ثم أرسلها إلى الخلف ( Object> Arrange> Send to Back أو Shift-Control- [ ).

backgroundbackgroundbackground

الخطوة 5

اختر أداة Ellipse Tool (L) وأنشئ دائرة 490 بيكسل . املأ هذا الشكل الجديد بـ R = 1 G = 1 B = 71 وضعه كما هو موضح في الصورة التالية.

shadow shapeshadow shapeshadow shape

الخطوة 6

تأكد من أن الدائرة المظلمة لا تزال محددة ، وتغيير وضع المزج إلى Soft Lightوالانتقال إلى Effect> Blur> Gaussian Blur . أدخل نصف قطر بكسل 50 بكسل وانقر فوق موافق .

أرسل هذا الشكل إلى الخلف ( Object> Arrange> Send to Back أو Shift-Control- [ ) ، ثم اجعله خطوة واحدة للأمام ( Control-] ).

gaussian blurgaussian blurgaussian blur

تهانينا! انت انتهيت!

هنا كيف يجب أن يبدو تصميم رانجولي الخاص بك ل Diwali. آمل أن تكون قد استمتعت بهذا البرنامج التعليمي ويمكن أن تطبق هذه التقنيات في مشاريعك المستقبلية. لا تتردد في مشاركة النتيجة النهائية في قسم التعليقات.

لا تتردد في تعديل التصميم النهائي وجعله ملكًا لك. يمكنك العثور على بعض المصادر الرائعة للإلهام في GraphicRiver ، مع حلول مثيرة للاهتمام لتحسين تصميمك.

easy rangoli design for Diwalieasy rangoli design for Diwalieasy rangoli design for Diwali

هل تبحث عن المزيد من البرامج التعليمية الموجهة الرائعة؟ أوصي بهذه الدروس التالية كخطوتك التالية:

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