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

كيفية تصميم بطاقة معايدة "عيد الفطر" عن طريق Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

تقليديا ، يتم الاحتفال بالعيد لمدة ثلاثة أيام ، تماما كما شوهدت رؤية الهلال الأول بنهاية شهر رمضان القمري.

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

إن أكثر التحية العربية شعبية خلال هذه العطلة هي عادة "عيد مبارك" ، الذي يترجم باللغة الإنجليزية إلى "مهرجان مبارك".

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

إذا كنت تبحث عن الإلهام ، فلماذا لا تتحقق من العديد من تصاميم العيد في سوق إنفاتو.

1. إنشئ مستند جديد وأسسه

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

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

Adobe Ilustrator sketch design arabesque pattern islamic art greeting card eid sketching draw

افتح Adobe Illustrator CC ، واضغط Control-N لإنشاء وثيقة جديدة.

إختر Profile: Basic RGB.

في القائمة المنسدلة "وحدات" ، حدد مليمترات وأدخل 250 ملم للعرض والطول، ثم قم بتسمية الملف "تحية_العيد". انقر موافق.

انقر فوق الزر "متقدمة" ، وتأكد من تحديد RGB و شاشة (72ppi) وتحقق من تحديد محاذاة أشكال جديدة إلى شبكة بيكسل. انقر موافق.

create new document adobe illustrator cc eid greeting width height rgb screen 72ppi align new objects to pixel grid default millimeters

بمجرد فتح الملف ،اختر View >Show Grid. ثم حدد View> Snap to Grid.

يجب ضبط الشبكة على لوحة الرسم ، لذا نحتاج إلى تعديلها. انتقل إلى Illustrator> Preferences > Guides & Grid وفي كل مربع ، اكتب 25 ملم فى خانة Gridline every، واكتب 6 في خانة الأجزاء.

adobe illustrator cc preferences grid guides 25mm 6 subdivisions eid greeting design

2. تصميم شكل

خطوة 1

أولاً ، دعنا ننشئ البلاط لشكلنا، ثم البقية سهلة.

في رسوماتي ، كان لديّ نجتمان سدّاسيتان في دائرة ومُحاطان بشكل سداسي.

حدد أداة (Ellipse Tool (L واجعل لون الملئ ابيض ولون خط القلم إسود، واضغط باستمرار على مفتاحي Option و Shift ، واسحب لحظر التحديد. اكسر الشكل البيضاوي لجزئين مربعين للشبكة. كل قسم مربع هو 25 مم ، لذلك سيكون قطر الدائرة 50 ملم. إذا قمت بتحديد Window> Info ، فيمكنك عرض الأبعاد الدقيقة للعرض والارتفاع المحددة.

ellipse tool draw pattern tile fill none stroke black option shift constrain circle subdivision 50mm eid greeting

خطوة 2

بعد ذلك ، نحتاج إلى إنشاء النجتمين السداسيتين داخل الدائرة.

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

اجعل نصف القطر1 :  25 مم (نصف قطر الشكل البيضاوي) ، نصف القطر2 : 8 مم ، والنقاط : 6.

Star dialog box 6 pointed star tool radius points pattern eid greeting card

انتقل إلى Window> Stroke ، لفتح لوحة Stroke.

حدد Cap: Round Cap و Corner: Round Join ، لذلك لا تتجاوز النهايات المدببة للنجمة حدود الشكل البيضاوي.

Star dialog box 6 pointed star tool radius points pattern eid greeting card cap round corner round join miss chatz

التالي هو اختيار نجمة سداسية، ثم نسخ (Command-C) ، ولصق في المقدمة (Command-F). ثم أختر Object > Transform > Rotate. سوف يظهر مربع dialogue فى Rotate ؛ إجعله زاوية: 90 درجة.

rotate angle star six pointed object transform Star dialog box 6 pointed star tool radius points pattern eid greeting card miss chatz

باستخدام (Selection Tool (V ، حدد عناصر النجمتين السداسيتين والدائرة ، وقم بتطبيق 5pt  فى Weight على Stroke، من لوحة Stroke.

ثم حدد Cap: Butt Cap ، و Corner: Mitre Join ، وطبق فى Limit 4X ، بحيث تكون الحواف الزاوية للمضلع الاثنى عشرالداخلي حادة .

selection tool v elements stroke 6 point star panel weight stroke panel limit miss chatz eid pattern greeting card

خطوة 3

حدد المشاريع الثلاثة باستخدام أداة التحديد (V).

Object > Expand. تأكد من تحديد Fill و Stroke ، وانقر OK.

افتح لوحة Pathfinder واختر Window> Pathfinder ، وحدد Shape Modes: Unite ، لإنشاء شكل مركب.

eid greeting card expand strokes object fill pathfinder panel pathfinder select unite shape mode illustrator cc miss chatz

خطوة 4

حدد أداة (Rectangle Tool (M باستخدام لون ملئ أبيض ولون  خط القلم إسود ، مع الاستمرار في الضغط على مفتاحي Alt و Shift لإستمرار التحديد ، ورسم مستطيل حول النمط الدائري.

بعد ذلك ، باستخدام أداة (Selection Tool (V ، اسحب فوق الشكلين لتحديدهما ، وانقر على Divide من Pathfinders.

adobe illustrator cc draw rectangle tool shape pathfinder shape divide pattern eid greeting miss chatz

خذ أداة التحديد المباشر (A) ، وحدد الشكل الزائد الخارجي ، ثم حذف.

ثم باستخدام (Selection Tool (V ، حدد الشكل ثم  (Object > Ungroup (Shift-Command-G ، حتى نتمكن من تلوين كل عنصر على حدة.

adobe illustrator cc delete rectangle tool divide shape compound seperate shape pathfinder shape divide pattern eid greeting miss chatz

خطوة 5

دعونا نلون نمط البلاط لدينا.

باستخدام أداة التحديد المباشر (A) ، حدد العناصر في النموذج الذي تريده في نفس مجموعة الألوان.

قم باختيار لون الملئ من اختيارك ، وخط قلم  أبيض. ثم قم بتجميع ألوان الملئ المماثلة معًا. من (Object > Group (Command-G .

adobe illustrator direct selection tool group obeject same color pattern eid greeting miss chatz arabic

افعل الشيء نفسه مع بقية العناصر.

تأكد من أن كل عنصر تم تجميعه مع اللون المطابق له ، وبخط قلم أبيض.

adobe illustrator color group elements tile pattern choice eid greeting pattern background fitr miss chatz

خطوة 6

حدد جميع العناصر باستخدام أداة التحديد (V) ، ثم حدد Object > Pattern >Make. سيظهر نمطنا الجديد تلقائيًا ، ولكن يجب تعديله في مربع Pattern Options.

adobe illustrator object pattern make tile pattern eid fitr greeting card design miss chatz

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

بعد ذلك ، حدد الارتفاع الكلي وعرض البلاط. تغيير العرض إلى 50 ملم والأرتفاع إلى 58 ملم.

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

adobe illustrator make pattern hex by row tile pattern eid greeting width height adjust layout

خطوة 7

بعد ذلك نحتاج إلى ملء الفراغ المثلثي بين الأنماط الدائرية.

أزل Snap to Grid حتى نتمكن من إنشاء نجمة ثلاثية في مساحة المثلث الفارغ. من ("-View > Snap to Grid (Command-Shift.

بعد ذلك اختر لون الملئ ولون خط القلم من 4 pt.

حدد أداة Star ، وانقر مرة واحدة على أعلى الزاوية اليسرى على الشبكة السداسية.

سيظهر المربع الحواري Star. أدخل:

نصف القطر1 : 4.5 مم

نصف القطر2 : 1.2مم

النقاط: 3

موافق

adobe illustrator star tool create radius setting points weight stroke eid fitr greeting card

خطوة 8

عند تحديد النجمة ،من Object> Expand قم باختيار Object، وقم بتحديد الملئ وخط القلم، وانقر فوق موافق.

حدد أداة التحديد المباشر (A) ، واعط كلا من العنصريين لونًا مختلفًا. ظلل الحدود السميكة بنفس درجة اللون.

adobe illustrator create three point star expand fill stroke object color eid fitr pattern tile

باستخدام أداة التحديد (V) ، حدد النجمة الثلاثية، مع الاستمرار في الضغط على مفاتيح Alt-Shift ، واسحب الشكل إلى الزاوية السفلية اليسرى من الشبكة السداسية.

من Object> Transform> Rotate سيتم فتح مربع الحواري دوران.

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

adobe illustrator create three point star expand fill stroke object color eid fitr pattern tile

بمجرد الانتهاء ، انقر فوق تم من الشريط في لوحة التحكم لحفظ النمط الجديد.

بمجرد إنشاء النقش ، يتم تخزينه في لوحة Swatches.

إذا كنت ترغب في تعديل النقش الجديد مرة أخرى ، فقم بفتح لوحة Swatches: Window> Swatches ، ثم انقر نقرًا مزدوجًا فوق نموذج swatch ، للتحرير.

adobe illustrator save pattern to edit swatches panel adjust artwork modify control panel eid fitr holiday card

قم باختيار (File > Save (Command-S و OK.

حدد شكل قالب النمط الذي أنشأناه وقم بحذفه ؛ لم نعد بحاجة إليه

خطوة 9

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

حدد أداة (Rectangle (M ، ومن خلال النمط الجديد الخاص بنا ارسم مستطيلاً حول لوح الرسم.

adobe illustrator new pattern create rectangle tool background pattern tile eid fitr holiday card misschatz

بمجرد القيام بذلك ، قم بأخذ أداة (Rectangle (M ، وحدد لون الملء من اختيارك ، وارسم مستطيلاً آخر حول لوح الرسم. ثم إرسال إلى الخلف (]-Command) ، لذلك هو وراء النمط الذي لدينا.

adobe illustrator edit fitr pattern create rectangle tool background send to back

خطوة 10

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

إجعل نصف القطر 1: 106 مم

نصف القطر 2: 95 مم

النقاط 12

موافق

adobe illustrator star dialog box create 12 point pattern background eid fitr card design

بمجرد تعيين لون الخلفية وشكلها ،قم باختيار  Object > Path > Offset Path ، وتعيينها إلى -6 مم ، ومن Joins: إختر Miter، وموافق.

امنح الشكل الجديد لونًا ، وبدون ملئ، واضبط خط القلم على 6 pt.

adobe illustrator offset path apply stroke new layer text

من (File> Save (Command-S قم باختيار OK.

افتح لوحة الطبقات (Window> Layers) ، وحدد رمز إنشاء طبقة جديدة لإنشاء طبقة جديدة لتوضيح النص الخاص بنا.

3. صناعة الحروف العربية

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

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

قبل أن نبدأ العمل على تفصيل نصنا العربي ، إليك مقدمة موجزة لأساسيات الخط الصحيح:

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

ترجم جوجل كلمات التحية إلى "عيد مبارك". سوف ترى كيف أنها مكتوبة باللغة العربية ، بالشكل التالي: عيد مبارك.

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

sketch arabic calligraphy letter form ascending descending baseline round type fite eid mubarak

خطوة 1

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

حدد أداة الشكل البيضاوي (L). بخط قلم أبيض 7 pt ، واملأها بأبيض ، انقر مرة واحدة لفتح المربع الحواري Ellipse.

أضبط العرض والارتفاع على 31 ملم ، وأضغط موافق. هذا سيكون ارتفاع خطنا الأساسي.

adobe illustrator ellipse tool circle round letter form create baseline

ثم حدد أداة Round Rectangle Tool ، من شريط الأدوات ، وانقر مرة واحدة على لوح الرسم للحصول على المربع الحواري Rounded Rectangle.

أضبط العرض على 31mm (نفس القطر مثل القطع الناشئ)

الطول: 60 ملم (نصف قطر الشكل البيضاوي تضاف فوق وتحت)

نصف قطر الركن: 16mm (لمنحنى مستدير بلطيف)

موافق.

rounded rectangle tool dialog box width height adobe illustrator eid fitr greeting type lettering miss chatz

حدد كلا من الشكلين مع أداة التحديد (V).

افتح لوحة المحاذاة (Window> Align) ، و Align Horizontal Center و Vertical Align Center.

horizonal align center vertical align center align panel ellpse round rectangle type eid fitr car greeding

خطوة 2

تغيير طريقة العرض إلى مخطط تفصيلي (View > Outline).

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

سيعمل الاختصار Command-D على تكرار الإجراء الأخير. كرر ذلك أربع مرات حتى تتم محاذاة مجموعات الكائنات الستة.

outline mode view repeat action duplicate eid fitr outline greeting font

استخدم الاختصار Command-Y للتبديل بين العرض والمعاينة.

حدد جميع الكائنات التي تحتوي على أداة التحديد (V) ، ومع الضغط على مفتاح Shift-Alt ، قم بقياسها لأسفل لتلائم الخلفية السداسية الخاصة بنا.

ثم Shift-Alt-Drag لأسفل لتكرار وإنشاء الصف الثاني.

adobe illustrator duplicate object create duplicate shift alt drag eid fitr greeting card miss chatz

بعد ذلك دعونا نخرج مسطرتنا من خلال الاختصار Command-R ، حتى نتمكن من وضع إرشادات النص الخاصة بنا.

للتأكد من أن الأدلة سيتم قفلها ، حدد View> Guides> Lock Guides.

اسحب الأدلة لإنشاء مستويات الارتفاع الأساسية الصاعدة والهابطة.

guide drag heights baseline text edit edi fitr card

خطوة 3

تتكون "عيد" (عيد) من ثلاثة أحرف ، لكنها كلها على خط الأساس.

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

eid text alignment guides delete onjects shape eid greeting card fitr illustration illustrator adobe

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

بعد ذلك ، دعونا نصمم كلمة "مبارك" (مبارك). هناك حرفان تصاعديان وواحد تنازلي. حدد الأشكال التي لا نحتاجها ، وقم بحذفها ، ثم استخدم أداة المقص (C) لقطع الأحرف ، وفقًا للرسم المرسوم.

cut objects with scissors tool arabic text eid mubarak greeting misschatz

خطوة 4

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

adobe illustrator direct selection tool adjust line ascending letter guidlines fitr eid greeting miss chatz

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

بمجرد الانتهاء من ذلك ، دعونا ننقط ونضيف علامات لحروفنا.

خطوة 5

حدد أداة الشكل البيضاوي (L) وافتح المربع الحواري Ellipse ، بالنقر مرة واحدة على لوح الرسم.

إجعل العرض والارتفاع للشكل البيضاوي 6 مم.

adobe illustrator dot letters ellipse tool sign height width dialo box eid fitr greeting mubarak

سيكون هناك نقطتان أسفل الخط الأساسي في الحرف الأوسط من "عيد" (عيد).

لذا تأكد من وجود علامتي محاذاة تم إنشاؤهما.

بالإضافة إلى ذلك ، هناك نقطة أخرى لإضافتها ، أسفل الحرف الثاني من "مبارك" (مبارك). لذلك إنشاء شكل بيضوي آخر لذلك.

eid mubarak ellipse dot and sign greeting fitr holiday card adobe illustrator misschatz

خطوة 6

الحرف الأخير (كاف ك) في "مبارك" (مبارك) ، لديه رمز "همزه" (ء) الذي نحتاج إلى إعادة إنشائه. يبدو حرف "c" ممدود ولكن مع ذيل.

من شريط الأدوات ، حدد أداة Rounded Rectangle Tool. مع خط قلم أبيض من 7 pt، وملءأبيض ، إنشئ مستطيل مستدير مع عرض 17 ملم ، 13 ملم طول ، و نصف قطر زاوي 16 ملم.

rounded rectangle tool radius width height letter creation eid greeting

استخدم أداة المقص (C) من شريط الأدوات ، لتقطيعها إلى شكل "C". إحذف الزوائد.

ثم حدد أداة القلم (P) وحدد المشترك لرسم ذيل.

قم باختيار (File > Save (Command-S واضغط موافق.

4. إضافة التفاصيل

خطوة 1

عظيم ، لقد انتهينا تقريبا.

إخفي الخطوط الإرشادية ، لأننا لم نعد بحاجة إليها. من View > Guides > Hide Guides (Command-;).

Command-A ، لتحديد كل الأشكال على طبقة النص ، ثم محاذاتهم بشكل صحيح في السداسي.

ثم باستخدام أداة التحديد (V) ، حدد العناصر ذات الحد الأبيض ، وقم بتكثيف الحد إلى 9 pt.

adobe illustrator fix stroke thicken fitr eid mubarak card text design

من Object> Expand قم بتحديد كلا من الملئ وخط القلم واضغط موافق.

Command-A ، لتحديد الكل ، ومنحهم لون ملئ من اختيارك مع خط القلم أبيض.

eid mubarak greeting card design fitr adobe illustrator object expand fill color stroke

خطوة 2

دعنا ننهيها بالنجوم والقمر.

باستخدام أداة الشكل البيضاوي (L) والملئ باللون الأصفر ، ارسم مجموعة بيضاوية مرفوعة.

ثم حرّر شكل بيضاوي آخر فوقها ، نحو الداخل من الشكل البيضاوي الأول ، بحيث يبدأ الشكل البيضاوي السفلي ليبدو مثل الهلال.

ellipse tool draw crecent moon eid fitr holiday greeting pathfinder ramadan

دعونا نقطع الهلال الذي لدينا.

إفتح Window > Pathfinder.

فى Pathfinder > Shape Modes, إختر Minus Front.

الآن ، يجب أن يكون لديك هلال!

أخيرًا ، خذ أداة Star من شريط الأدوات ، وحدد لونًا ، ثم املأ الفراغ عشوائياً حول النص بنجوم صغيرة.

قم باختيار (File > Save (Command-S واضغط موافق.

عيد مبارك!!

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

استمتع بإبداع ، ولا تتردد دائمًا في مشاركة كيفية تحول تحية العيد إليك.

أترك أي أسئلة قد تكون لديك في قسم التعليقات أدناه.

عيد سعيد!

final card design fitr eid holiday greeting design arabesque pattern design adobe illustrator vector style miss chatz freelance artist dubai uae gcc
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.