Advertisement
  1. Design & Illustration
  2. Infographics
Design

كيفية إنشاء مخطط انفوجرافيك زمني لشهر التاريخ الأسود في برنامج Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Infographic Templates.
How to Create a Climate Change Infographic in Adobe InDesign
How to Create a Vector Infographic Template in Illustrator

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

Final product image
What You'll Be Creating

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

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

وأخيراً ، باستخدام تقنيات بناء الأشكال الأساسية للنواقل والاستفادة الكاملة من ميزة Snap to Grid ، ستتعلم كيفية إنشاء سلسلة من الرموز التي تتوافق مع الأحداث المذكورة في الانفو جرافيك.

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

ما الذي تحتاج له

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

1. كيف تقوم بأنشاء ملف جديد وتنصيب الشبكة.

اضغظ على Control-N لأنشاء ملف جديد. اختار وحدة قياس Pixels  من القائمة المنسدلة Units ، ادخل 850 في خانة العرض و2680 في خانة الطول، ثم اضغظ زر More Settings . قم بأختيار RGB من Color Mode،  أضبظ الRaster Effects لل(Screen(720 ، ثم أضغظ على Create Document.

فعل الشبكة من خلال (View<Show Grid) ومن ثم Snap to Grid من خلال(View>Snap to Grid). ستحتاج الى شبكة كل 10px، لذلك ببساطة اذهب الى Edit<Preferences<Guides & Grid ، ثم ادخل 10 في خانة Gridline every وفي خانة Subdivisions أدخل 1. حاول ألا تحبط من كل هذه الشبكة - فهي ستجعل عملك أسهل ، وتذكر أنه يمكنك بسهولة تفعيلها أو تعطيلها باستخدام اختصار لوحة المفاتيح Control-".

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

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

new document

2. كيفية إنشاء مقدمة التصميم

الخطوة 1

اختار اداة (Rectangle Tool (M وركزز على خط الادوات الخاص بك. احذف اللون من الحد وركز على التعبئة واختر اللون R=55 G=50 B=45 الانتقال إلى لوح الرسم الخاص بك وإنشأ شكل بأبعاد 180×850 px الشبكة الموجودة في Snap to Grid ينبغي أن تجعل الامر سهلا. ضع هذا المستطيل كما هو موضح أدناه.

rectangle

الخطوة 2

اختار أداة (Type Tool (T، أفتح لوحة Character (Window>Type>Character. حدد الخط Odudo Mono والنمط غامق، واختر الحجم إلى 50 px.

انتقل إلى لوح الرسم، وانقر عليها. اكتب النص الخاص بك وضعه كما هو موضح في الصورة التالية، واختر اللون الأبيض (R=255 G=255 B=255).

type tool

الخطوة 3

تأكد من أن النص الخاص بك ما زال محدداً وافتح لوحة الAppearance من خلال Window> Appearance

إضف تعبئة جديدة باستخدام الزر "Add New Fill" وقم بتحديده. قم بوضع اللون الأبيض ثم قم بإضافة لون تعبئة ثانية. اسحبه أسفل التعبئة البيضاء وقم بتحديده. اختر اللون إلى R=240 G=175 B=50 وثم انتقل إلى Effect>Distort&Transform>Transform  أدخل السمات المبينة أدناه وانقر فوق OK.

add new fill

الخطوة 4

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

إضف تعبئة جديدة واسحبها أسفل التعبئة الموجودة. قم بتحديدها وتعيين اللون إلى R=55 G=50 B=45 ثم انتقل إلى  Effect>Distort &Transform>Transform. أدخل السمات المبينة أدناه وانقر فوق OK.

add new fill

الخطوة 5

اختر اداة (Type Tool (T،  وأضف نص جديد، استعمل نوع الخط Stellar. وغير نمط الخط الى غامق، وحجمه 15px وحركه الى 100. للون الخط استعمل هذه القيم R=240 G=175 B=50.

add new text

3.كيف تقوم بتصميم عناصر الانفوجرافيك الرئيسية

خطوة 1

أختر الاداة (Rectangle Tool (M واضبط حجمه الى  2510×870 px. اختر لون التعبئة للمستطيل بالقيم التالية R=240 G=175 B=50. وضعه كما هو موضح بالصورة.

yellow rectangle

خطوة 2

أختر الاداة (Rectangle Tool (M واضبط حجمه الى  80×200 px. اختر لون التعبئة للمستطيل الابيض. وضعه كما هو موضح بالصورة.

white rectangle

خطوة 3

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

أسحب التعبئة الجديدة أسفل التعبئة ذات اللون الأبيض، أختر اللون R=160 G=40 B=35 قلل الOpacity الى %50،  أذهب الى Effect>Distort & Transform>Transform. أدخل السمات التالية الموضحة بالأسفل، انقر على OK، أذهب الى Effect>Blur>Gaussian Blur. حدد ال  Radius=15px وانقر  OK.

rectangle shadow

خطوة 4

حدد المستطيل الابيض وركز على قائمة المظهر Appearance. تأكد من أن المسار بأكمله محدد (ببساطة انقر فوق مسار النص من أعلى الوحة) وانتقل إلى Effect>Stylize>Rounded Corners. أدخل القطر Radius= 10px ثم انقر فوق OK.

rounded corners

خطوة 5

أختر الاداة (Rectangle Tool (M واضبط حجمه الى  80×320 px .اختر لون التعبئة للمستطيل R=245 G=200 B=110. وضعه كما هو موضح بالصورة. قلل الOpacity الى %50،  أذهب الى Effect>Stylize>Rounded Corners. أدخل مقياس القطر Radius=10px وانقر فوق OK.

rounded rectangle

خطوة 6

أختر الاداة (Rectangle Tool (M و ارسم مربع حجمه  80px .اختر لون التعبئة للمستطيل R=245 G=200 B=110. وضعه كما هو موضح بالصورة. قلل الOpacity الى %50،  أذهب الى Effect>Stylize>Rounded Corners. أدخل مقياس القطر Radius=10px وانقر فوق OK.

rounded square

خطوة 7

اختار أداة (Type Tool(T أو اداة( \)Line Tool وارسم خط افقي بدقة 2280px، ضعه كما هو موضح بالأسفل، حدد سمك الخط ب 4px، واللون بالقيم التالية R=245 G=200 B=110.

vertical line

خطوة 8

أختر الاداة Rounded Rectangle Tool  و ارسم شكل px20×20 .اختر لون التعبئة R=55 G=50 B=45. وضعه كما هو موضح بالصورة. تأكد من انك ما زلت محدد الشكل المرسوم وحدد الزوايا بقيمة  Corners=5px.

rounded square

خطوة 9

تأكد من أن المستطيل المستطيل الغامق محدد، وركز على لوحة المظهر Apperance. إجعل سمكه  10px واللون إلى R=240 G=175 B=50. افتح لوحة Stroke fly-out وتحقق أن زر Align Stroke to Outside  محدد.

stroke

خطوة 10

حدد المستطيلات المستديرة الأربعة وانتقل إلى Effect>Distort & Transform>Transform. اسحب ال Move-Vertical إلى 190px وادخل في خانة عدد النسخ Copies=12px ومن ثم انقر فوق OK.

transform effect

4. كيفية إضافة محتوى النص

خطوة 1

للخطوات التالية، سوف تحتاج إلى شبكة كل 1px. اذهب الى Edit>Preferences>Guides & Grid وأدخل في خانة Gridline every=1.

أعد تحديد هذا الخط Odudo Mono Bold وحجم الخط 40px. إضف جميع السنوات وأختر اللون إلى R=55 G=50 B=45.

year text

خطوة 2

أختر نوع الخط Stellar وحجمه 15px. أضف النص الرئيسي واللون R=55 G=50 B=45.

content text

خطوة 3

اذهب إلى Edit>Preferences>Guides & Grid وأدخل 10px في خانة Gridline every.

أختر الاداة (Rectangle Tool (M و ارسم شكل حجمه  px30×180 .اختر لون التعبئة للمستطيل R=55 G=50 B=45. وضعه كما هو موضح بالصورة. 

إضافة تعبئة لون جديدة لهذا الشكل وقم بتحديده. أسحبه أسفل التعبئة الموجودة، وأختر اللون R=160 G=40 B=35، خفض الغموض الى50%، وثم انتقل إلى Effect>Distort &Transform>Transform. أدخل السمات المبينة أدناه وانقر فوق OK  وانتقل إلى Effect>Blur>Gaussian Blur. أدخل Radius=5px ثم انقر فوق OK.

title rectangle

خطوة 4

قم بتحديد المستطيل الذي قمت برسمه في الخطوة السابقة وركز على لوحة Appearance. تأكد من أن يتم تحديد المسار بأكمله وانتقل الى Effect> Stylize>Rounded Corners. أدخل Radius=5px ثم انقر فوق OK. اذهب إلى  Edit >Preferences>Guides & Grid وأدخل 1 في خانة Gridline every في كل مربع.

أختر الخط Stellar Bold و الحجم 15px. إضف نص العنوان للحدث الأول في infographic الخاص بك وتعيين اللون إلى R=249 G= 247 B=234. اذهب إلىEdit>Prefernces>Guides &Grid وأدخل 10 في Gridline every في كل مربع.

كرر المستطيل مستدير الزوايا والنص الذي اضيف في هذه الخطوة بأستعمال  (Control-C<Control-V). تحرك للأسفل إلى الحدث التالي في ال infographic الخاص بك وقم بمحاذاة الكائنات المنسوخة معها. قم بتغيير النص وأضبط طول المستطيل مستدير الزوايا إلى النص، كما هو موضح في الصورة الثالثة. أنقل الأحداث المتبقية وإضف العناوين كما في التصميم النهائي.

title text

5. كيفية إنشاء الرموز

خطوة 1

اذهب إلى Edit>Preferences>Guides & Grid وأدخل 1 في خانة Gridline every.

أختر الاداة Rounded Rectangle Tool  و ارسم شكل px60×20 . وحدد الزوايا بقيمة  Corners=2px  اختر لون التعبئة R=55 G=50 B=45 وقم بتكراره (Control-C>Control-V). وضعه كما هو موضح بالصورة. 

rounded rectangles

خطوة 2

اختر اداة (Pen Tool (P أو أداة (\) Line Tool وأرسم مسار أفقي مقصف بقيمة 60px. ضعه كما هو موضح أدناه، إضف سمك بقيمة 4px، وأختر اللون إلى R=55 G=50 B=45.

horizontal path

خطوة 3

حدد الخط Stellar Bold وتعيين الحجم إلى 14px. إضف النص SLAVES و النص FREE وأختر اللون إلى R=249 G=247 B=234 ووضعها كما هو موضح أدناه.

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

free slaves

خطوة 4

اختر أداة  (Rectangle Tool(M وإنشاء شكل بقياس 4×81 px واللون   R= 55 G= 50 B= 45. ركز على الجانب الأيسر من هذا المستطيل واختر أداة (Direct Selection Tool (M . وحدد نقطة الربط الأعلى واسحبه  8px إلى اليمين.

thin rectangle

خطوة 5

قم بالتركيز على الجانب الأيمن من الشكل في الخطوة السابقة. اختر أداة (Rectangle Tool(M  وأرسم شكل بمقاسpx 10×16. قم بأضافة سمك بمقدار 4px لهذا المستطيل، واللون إلى R=55 G=50 B=45 وأفحص Align Stoke to Inside داخل زر من لوحة Stroke fly-out.

قم بالتركيز على الجانب العلوي من هذا المستطيل وقم بالتبديل إلى أداة A)Direct Selection). حدد كل نقاط الربط وأدخل 6px  في حقل الإدخال Corners. تأكد من أنه لا يزال يتم تحديد الشكل الخاص بك وأذهب إلى Object>Path>Outline Stroke.

live corners

خطوة 6

اختر أداة (Rectangle Tool(M وإنشاء شكل بمقاس8×4 px. أملء هذا المستطيل الجديد مع R=55 G=50 B=45 ووضعه كما هو مبين في الصورة الأولى.

قم بالتبديل إلى أداة (Direct Selection Tool(A وحدد نقطة الربط أسفل اليمين واسحبه 4px للاعلى ، كما هو مبين في الصورة الثانية.

direct selection tool

خطوة 7

حدد كافة الأشكال التي تقوم بإنشاء الخاصة بك السيف منمنمة، وفتح لوحة Pathfinder من قائمة Window>Pathfinder، وانقر فوق الزر Unite. حدد الشكل الناتج واجعله مستديرا ب 45 درجة كما هو موضح في الصورة الثالثة.

pathfinder unite

خطوة 8

حدد  sword الخاص بك وأنتقل إلى Object>Transform>Reflect وحدد خيار Vertical وثم انقر فوق الزر Copy.

reflect

خطوة 9

حدد sword الأيسر الخاص بك وقم بالانتقال إلى Object>Path>Offset Path . أدخل Offset=4px وانقر فوق OK. حدد الشكل الناتج جنبا إلى جنب مع sword وانقر فوق الزر Minus Front من لوحة Pathfinder.

حدد الأشكال الثلاثة التي يتألف منها هذا الرمز الجديد ووضعها كما هو موضح في الصورة الثالثة.

offset path

خطوة 10

أختر الاداة (Rectangle Tool (M و ارسم شكل حجمه  56×40 px . اجعل سمك المستطيل 4px، اختر لون التعبئة للمستطيل R=55 G=50 B=45. ولا تنسى ان تتأكد من زر Round Join من لوحة fly-out الStroke.

rectangle tool

خطوة 11

أختر الاداة Rounded Rectangle Tool  و ارسم شكل px30×4 . وحدد الزوايا بقيمة  Corners=2px  اختر لون التعبئة R=55 G=50 B=45 وقم بتكراره (Control-C>Control-V). وضع جميع المستطيلات الدائرية كما هو موضح بالصورة. 

rounded rectangles

خطوة 12

كرر النص FREE من الرمز الأول الخاص بك، غير لونه إلى الدرجة التالية  R=55 G=50 B=45، وضعه كما هو موضح أدناه.

text FREE

خطوة 13

اختر أداة (Ellipse Tool(L وإرسم شكل بمقاس 42×10 px وضعه كما هو مبين في الصورة الأولى. أملء هذه الدائرة باللون R=242 G=188 B=80 ثم إضف  سمك 4px واللون إلى R=55 G=50 B=45.

إبقي التركيز على هذا الشكل وقم بالتبديل إلى أداة   (Anchor Point Tool (Shift-C ببساطة انقر فوق نقاط الربط العلوي والسفلي. وفي النهاية، يجب أن تبدو الأشياء في الصورة الثانية.

anchor point tool

خطوة 14

قم باختيار أداة (Pen Tool(P أو أداة Line Tool(\) وأرسم مسار عمودي 9px. وضعه كما هو موضح أدناه. إضافة حد ذو سمك  4px و اللون إلى  R=55 G=50 B=45 ولا تنسى للتحقق من أن زر Round Cap من لوحة Stroke fly-out.

round cap

خطوة 15

حدد الشكلين اللذين يشكلان ريشة منمقة وانتقل إلى Object>Transform>Rotate. اضبط Angle على degrees -25 وانقر فوق OK. بمجرد تدويرها ، ضع شكل الريشة كما هو موضح في الصورة الثانية.

rotate

خطوة 16

اختر أداة (Rectangle Tool(M وإنشاء شكل بمقاس 6×11 px. إضف حد ذو سمك 4px لهذا المستطيل واللون إلى R=55 G=50 B=45، ولا تنسى أن الاختيار على زر Round Join من لوحة Stroke fly-out.

rectangle

خطوة 17

ركز على المستطيل الذي قم بإضافته في الخطوة السابقة وقم بتحديده. اختيار أداة (+) Add Anchor Point Tool ، وإضف نقطتين ربط جديدة كما هو موضح في الصورة الأولى.

قم بالتبديل إلى أداة (Direct Selection Tool(A وحدد نقاط الربط المضافة حديثا ببساطة واسحب 3px منهم أعلى. اختر أداة  (Rectangle Tool(M وارسم مربع 5px. وتطبيق نفس الحد ذو سمك 4px المستخدمة للشكل السابق.

add anchor points

خطوة 18

حدد جميع الأشكال التي ستصنع أيقونتك الجديدة وضعههم كما هو موضح بالصورة التالية.

place icon

خطوة 19

قم بإنشاء ثلاث نسخ من رمز "Emancipation Proclamation" . ضع النسخ كما هو موضح في الصورة التالية واستبدالها قطعة النص مجاناً 13TH، 14TH، و 15TH.

multiply icon

خطوة 20

قم بتكرار الرمز الأول الخاص بك. ركز على النص واستبدال كلمة FREE بال COLORED و SLAVES و WHITE. وبمجرد الانتهاء من ذلك، ضع الرمز كما هو موضح في الصورة الثانية.

colored white

خطوة 21

اختر أداة Rounded Rectangle Tool وإنشاء شكل  56×60 px وأدخل 5px في حقل الإدخال Corners. إضف حد ذو سمك 4px لهذا الشكل الجديد واللون إلى R=55 G=50 B=45، وتحقق من زر Align Stroke to Inside  من لوحة Stroke fly-out.

rounded rectangle

خطوة 22

اختر R=55 G=50 B=45 وإنشأ شكل مستطيل R=55 G=50 B=45. واختر تعبئة هذا المستطيل الجديد مع R=55 G=50 B=45 وضعه كما هو مبين في الصورة الأولى.

اختر أداة Rounded Rectangle Tool وقم بإنشاء شكل بمقاس 10×4 px وأدخل 1px في حقل الإدخال Corners. تأكد من أن أنها ملونة باللون  R=55 G=50 B=45 ومن ثم قم بإنشاء نسختين. ضع هذه المستطيلات المستديرة الزوايا الثلاث كما هو موضح في الصورة الثانية.

rectangle

خطوة 23

حدد الخط Stellar Bold و الحجم 30px. إضف نص "7" و اللون إلى   R=55 G=50 B=45 وضعه كما هو موضح أدناه.

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

calendar text

خطوة 24

اختر أداة (Rectangle Tool(M وقم بإنشاء شكل بمقاس 17×56 px. أملء هذا المستطيل الجديد مع R=55 G=50 B=45 وثم إضافة Stroke=4px وتعيين اللون إلى R=55 G=50 B=45، ولا تنسى أن اختيار على زر  Round Join  من لوحة Stroke fly-out.

قم بالتركيز على الجانب العلوي لهذا الشكل الجديد واختيار أداة  (Direct Selection Tool (A. حدد كل نقاط الربط والانتقال إلى Object>Path>Average. أفحص الصندوقين ثم انقر فوق OK. وهنا ينبغي أن تتحول المستطيل الى مثلث، كما هو موضح في الصورة الثانية.

path average both

خطوة 25

اختيار أداة Rounded Rectangle Tool، وارسم مستطيل بمقاس25×6 px وقم بإدخال 2px في خانة Corners. واللون R=55 G=50 B=45 ثم قم بإنشاء ثلاث نسخ (Control-C > Control-V). ضع كل هذه المستطيلات المستدير الزوايا كما هو موضح أدناه.

rounded rectangle

خطوة 26

اختر أداة Rounded Rectangle Tool  وارسم مستطيل بمقاس 4×52 px وشكل بمقاس 4×60 px  واللون R=55 G=50 B=45 وضعهم كما هو موضح في الصورة الأولى.

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

rounded rectangle

خطوة 27

اختر أداة (Rectangle Tool (M وإرسم شكل مستطيل بمقاس 52×44 px، ودرجة اللون R=55 G=50 B=45.

قم بتحديد هذا المستطيل الجديد، وقم بالتبديل إلى أداة  (Direct Selection Tool (A. حدد نقاط الربط الأعلى وأدخل 10px في خانة ال Corners، ثم حدد نقاط الربط أسفل وأدخل 4px في خانة ال Corners.

live corners

خطوة 28

اختيار أداة Rounded Rectangle Tool وارسم شكل بأبعاد 4×16 px، وقم بإدخال 1px في حقل الإدخال الخاص بالزوايا Corners. اختر لون التعبئة لهذا الشكل الجديد باللون الأبيض ووضعه كما هو موضح أدناه.

rounded rectangle

خطوة 29

اختر أداة Rounded Rectangle Tool وإنشى شكل  24×36 px وأدخل 2px في حقل الإدخال الخاص بالزوايا Corners. قم بتعبئة هذا الشكل الجديد باللون الأبيض ووضعه كما هو موضح أدناه.

قم بالتبديل إلى أداة (Ellipse Tool (L وإرسم اثنين دائرتين بمقاس 7px. وتعبئة الشكلين باللون الأبيض وضعهم كما هو موضح في الصورة الثانية.

rounded rectangle

خطوة 30

حدد الأشكال الخمسة المظللة في الصورة التالية، ثم انقر فوق الزر "Minus Front" من لوحة Pathfinder.

minus front

خطوة 31

أختر الاداة (Rectangle Tool (M وارسم شكلين مربعين 10px. اختر لون التعبئة لهما بالقيم التالية R=55 G=50 B=45. وضعهمت كما هو موضح بالصورة.

أنتقل إلى أداة (Direct Selection Tool(A وتحديد نقاط الربط التي سلط عليها الضوء في الصورة الأولى، وأدخل 4px في حقل الإدخال الزوايا Corners.

live corners

خطوة 32

أختر الاداة (Rectangle Tool (M وانشى شكلين واضبط حجمهم الى  12×4 px. اختر لون التعبئة للمستطيلان بالقيم التالية R=55 G=50 B=45. وضعه كما هو موضح بالصورة.

أنتقل الى اداة (Direct Selection Tool(A،  حدد نقاط الربط في الصورة الاولى، ثم حدد قيمة الزوايا  Corners=2px.

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

live corners

خطوة 33

حدد نوع الخط Stellar Bold و الحجم 40px . إضف النص "MLK"، واللون  R =55 G=50 B=45 ومن ثم انتقل إلى Type>Create Outlines..

فك تجميع المجموعة الناتجة من الأشكال عن طريق (Shift-Control-G) وثم حولهم إلى مسار مركب بسيط (Object>Compound Path> Make or Control-8).

Martin Luther King

خطوة 34

تأكد من أن المسار المركب الخاص بك محدداً وافتح لوحة Transform (Window>Transform. اضبظ العرض إلى 60px والارتفاع إلى 30px، ثم قم بوضع المسار المركب الخاص بك كما هو موضح في الصورة الثانية.

scale compound path

خطوة 35

أختر الاداة (Rectangle Tool (M واضبط حجمه الى  28×50 px. وحدد سمك المستطيل الى 4px اختر لون التعبئة للمستطيل بالقيم التالية  R=55 G=50 B=45. ولا تنسى ان تتأكد من زر الRound Join من Stroke fly-out.

rectangle

الخطوة 36

حدد الخط Stellar Bold وحدد حجمه إلى 20px. إضف نص "VOTE" واختر اللون  R= 55 G=50 B=45 ، وضعه كما هو موضح أدناه.

text VOTE

الخطوة 37

حدد المستطيل والنص "VOTE"،  وقم بأستدارتهم بزاوية 45 درجة، ومن ثم وضعهم كما هو موضح في الصورة الثانية.

rotate icon

خطوة 38

قم بتكرار رمز التقويم الخاص بك ( Control-C> Control-V). استبدل  "7" مع "FEB" ثم قم بوضع الرمز الجديد الخاص بك كما هو موضح في الصورة الثانية.

second calendar icon

تهانينا! لقد انتهيت!

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

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

Final Black History Month infographic

تعلم المزيد حول إنشاء الانفو جرافيك مع هذه الدروس:

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.