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

كيفية إنشاء مجموعة أيقونات الملخص في أدوبي المصور

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

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

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

1. كيفية إعداد ملف مشروع جديد

الخطوة 1

لنبدأ من خلال إعداد مستند جديد في Adobe Illustrator (ملف> جديد أو Control-N). في هذا البرنامج التعليمي ، سنستخدم الإعدادات أدناه:

  • عدد اللوحات الفنية: 1
  • العرض: 850 px
  • الارتفاع: 850 px
  • الوحدات: بكسل

في التبويب خيارات متقدمة، استخدم الإعدادات التالية:

  • وضع الألوان: RGB
  • التأثيرات النقطية: شاشة (72ppi)
  • وضع المعاينة: افتراضي
Create a new project settings

الخطوة 2

اذهب إلى تحرير > تفضيلات > العامة ومجموعة زيادة لوحة المفاتيح إلى 1px.

Edit project preferences

الخطوة 3

اذهب إلى الوحدات واستخدم الإعدادات الموضحة أدناه.

  • عام: Pixel
  • السكتة الدماغية: النقاط
  • اكتب: النقاط
Edit units in project preferences

2. كيفية إعداد الطبقات

الخطوة 1

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

  • طبقة 1: خلفية الصورة
  • الطبقة 2: أيقونة
Set up the project layers in Adobe Illustrator

الخطوة 2

تأكد من تحديد طبقة الخلفية لبدء إنشاء الخلفية.

Select the Background layer

3. كيفية إنشاء لون الخلفية

الخطوة 1

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

Use the Rectangle Tool to create a 850 x 850 box

الخطوة 2

تأكد من أن المستطيل لا يزال محددًا ، وانقر فوق أداة التدرج. في قسم الزاوية ، حدد 45 درجة من القائمة المنسدلة.

Edit the gradient angle to 45 degrees

الخطوة 3

حدد لونين للتدرج. في هذا البرنامج التعليمي ، سوف نستخدم ما يلي:

  • R :70
  • G: 82
  • B: 162
Adjust the left gradient color

الخطوة 4

للون الثاني ، سوف نستخدم ما يلي:

  • R: 138
  • G: 105
  • B: 173
Adjust the right gradient color

الخطوة 5

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

The final gradient background

4. كيفية إنشاء رمز بيدق

الخطوة 1

اختر أداة القلم (P) واضبط إعدادات الحد إلى التالي:

  • وحد الوزن: 6
  • كاب: قبعة مستديرة
  • ركن: ميتري الانضمام
  • محاذاة Stroke: محاذاة Stroke to Center
Edit the Stroke Settings

الخطوة 2

ابدأ باختيار الأداة (Ellipse Tool (L وإنشاء دائرة صغيرة. لإنشاء دائرة مثالية ، اضغط مع الاستمرار على مفتاح Shift في لوحة المفاتيح أثناء النقر والسحب باستخدام الماوس.

Use the Ellipse Tool to create a small circle

الخطوة 3

حدد أداة القلم (P) وقم بإنشاء سطرين أسفل الدائرة.

Use the Pen Tool to create two lines

الخطوة 4

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

مع استمرار تحديد الشكل ، قم بتغييره إلى شكل تعبئة.

Use the Rounded Rectangle Tool to create a shape

الخطوة 5

قم بتكرار الشكل بنسخه (Control-C) ثم قم بلصقه في مكانه (Control-Shift-V).

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

Duplicate the round rectangle shape and add a stroke to it

الخطوة 6

مع استمرار تحديد الشكل الثاني ، انتقل إلى القائمة العلوية وحدد Object> Expand لفتح نافذة Expand. تأكد من تحديد كل من Fill و Stroke ، ثم انقر فوق OK.

Expand the stroke and the shape

الخطوة 7

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

Combine the shapes using the unite button in pathfinder

الخطوة 8

تغيير الشكل إلى جرة باستخدام أداة القطارة (I) ومحاذاة السكتة الدماغية إلى الخارج.

Create a new stroke using the eyedropper tool

الخطوة 9

استخدم أداة (Ellipse Tool (L لإنشاء دائرة صغيرة في الأسفل لإكمال رمز البيدق.

Use the Ellipse Tool to create a small circle

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

الخطوة 1

للبدء في إنشاء رمز الرخ ، استخدم أداة (Rectangle Tool (M لإنشاء شكل مستطيل صغير.

Use the Rectangle Tool to create a small shape

الخطوة 2

قم بإنشاء شكل مستطيل أكبر قليلاً وقم بتعيينه على Stroke باستخدام أداة Eyedropper واختيار أحد السكتات الدماغية التي استخدمناها سابقًا على رمز البيدق.

Create a larger rectangle and set it to stroke

الخطوة 3

استخدم أداة (Rectangle Tool (M لإنشاء شكل مستطيل صغير في الأعلى. ثم استخدم أداة (Ellipse Tool (L لإنشاء دائرة صغيرة في الأسفل (اضغط مفتاح Shift على لوحة المفاتيح لإنشاء دائرة مثالية).

Add a rectangle and a circle shape

الخطوة 4

استخدم أداة (Rectangle Tool (M واتبع الخطوات التالية لإنشاء أعلى رمز الرخ.

Use the Rectangle Tool to create the Rook Icon

الخطوة 5

حدد كل الأشكال في الخطوة 4 وانقر على Pathfinder> Unite.

Click on the Unite button in Pathfinder

الخطوة 6

هذا سوف يدمج كل الأشكال معا.

The Unite button will merge the shapes together

الخطوة 7

مع تحديد الشكل الجديد ، قم بتغييره إلى حد باستخدام أداة (Eyedropper (I للتأكد من أن وزن السكتة هو نفسه.

Use the Eyedropper Tool to change copy the stroke settings

الخطوة 8

لإنشاء دوائر نصف دائرة ، يجب أن تبدأ بإنشاء دائرة باستخدام أداة(Ellipse Tool (L. ضع مستطيلاً على الدائرة باستخدام أداة المستطيل (M).

Create a rectangle on top of a circle

الخطوة 9

حدد كلا من الأشكال (تأكد من ترتيب المستطيل أعلى الدائرة) ثم حدد Pathfinder>Minus Front.

Click on the Minus Front button

الخطوة 10

سيؤدي ذلك إلى إزالة شكل المستطيل وجزء الدائرة المتداخلة.

Minus front removes any overlapping shapes

الخطوة 11

قم بتكرار نصف دائرة بنسخها (Control-C) ثم لصقها (Control-V).

Duplicate the new semi circle

الخطوة 12

حدد نصف دائرة مكررة ثم انقر بزر الماوس الأيمن فوقها. من القائمة ، اختر Transform> Select. اختر المحور العمودي عند 90 درجة ، ثم انقر فوق موافق.

Reflect the duplicate semi circle vertically

الخطوة 13

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

Make sure both shapes are opposite each other

الخطوة 14

ضع الدوائر على جانبي الأشكال لإكمال رمز الرخ.

Combine the shapes to create the Rook Icon

6. كيفية إنشاء أيقونة نايت

الخطوة 1

لبدء إنشاء رمز الفارس ، قم بإنشاء نسخة مكررة لرمز الروك. باستخدام الرمز المكرر ، استخدم أداة التحديد (V) أو أداة التحديد المباشر (A) لإزالة الأشكال الوسطى للرمز.

Duplicate Rook icon and remove some shapes

الخطوة 2

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

لإنشاء مثلث متساوي الأضلاع ، اضغط مع الاستمرار على مفتاح Shift في لوحة المفاتيح أثناء إنشاء الشكل.

إنشاء مثلث متساوي الأضلاع أصغر ووضعه في الوسط.

Create two triangles using the Polygon Tool

الخطوة 3

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

Rotate the semi circles to align with the triangle

الخطوة 4

لإنشاء رمز رأس الفارس ، استخدم أداة Rounded Rectangle Tool والأداة (Ellipse Tool(L لإنشاء الأشكال أدناه.

Use the Rounded Rectangle Tool and Ellipse Tool

الخطوة 5

استخدم أداة (Rectangle Tool (M وضع مستطيلين فوق الأشكال كما هو موضح أدناه.

Place two rectangles above the new shapes

الخطوة 6

استخدم أداة Minus Front Tool على الأشكال المتداخلة.

Click on the Minus Front button

الخطوة 7

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

Move the semi circle inside the larger shape

الخطوة 8

استخدم أداة Minus Front Tool مرة أخرى لإزالة الجانب الأيسر من الشكل وتغييرهما في كل حد.

Delete half the shape and change it to a stroke

الخطوة 9

حدد كلا من الأشكال واستخدم Pathfinder> Unite لدمجها في شكل واحد.

Combine the strokes using the Unite button

الخطوة 10

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

Add an anchor point and edit it

الخطوة 11

استخدم أداة التحديد المباشر (A) وقم بإزالة النقطة الموضحة في الصورة أدناه.

Delete an anchor point

الخطوة 12

استخدم أداة القلم (P) واستخلاص ثلاث نقاط إضافية على الجانب الأيمن من الشكل.

Use the Pen Tool to draw the neck of the horse

الخطوة 13

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

Use the curve points to round out the corners

الخطوة 14

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

Use the Ellipse Tool to create the eye

الخطوة 15

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

Add the horse head to create the final Knight Icon

7. كيفية إنشاء أيقونة بيشوب

الخطوة 1

للبدء في إنشاء أيقونة الأسقف ، قم بإنشاء نسخة مكررة من أيقونة الفارس. باستخدام الرمز المكرر ، استخدم أداة التحديد(V) أو أداة التحديد المباشر(A) لإزالة الأشكال العليا (رأس الحصان) من الرمز.

Delete the horse head from the duplicate icon

الخطوة 2

استخدم أداة (Ellipse Tool (L وأمسك مفتاح Shift على لوحة المفاتيح لإنشاء دائرة مثالية أعلى الرمز.

Add a circle using the Ellipse Tool

الخطوة 3

استخدم أداة التحديد المباشر (A) لتحريك النقطة العليا للدائرة إلى أعلى قليلاً. هذا سيخلق شكل يشبه البيض.

Use the Direct Selection Tool to edit the anchor points

الخطوة 4

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

Edit the handle bars to create a tear drop shape

الخطوة 5

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

Add a cross and circle to complete the final Bishop Icon

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

الخطوة 1

لبدء إنشاء رمز الملكة ، أنشئ نسخة مكررة من رمز الأسقف. باستخدام الرمز المكرر ، استخدم أداة التحديد(V) أو أداة التحديد المباشر(A) لإزالة الأشكال العليا والمتوسطة للأيقونة.

هذا سيترك فقط الدائرتين في الأسفل والأسوار على الجانبين.

Duplicate the Bishop icon and delete the middle shapes

الخطوة 2

تدوير دائرة نصف دائرة قليلا. للقيام بذلك ، انقر بزر الماوس الأيمن على الأشكال ، ثم انتقل إلى Transform> Rotate ، مع اتباع الصورة أدناه.

Rotate the semi circles

الخطوة 3

استخدم أداة (Ellipse Tool (L لإنشاء دائرتين ، مع استخدام الدائرة الخارجية لسكتة دائرية والدائرة الداخلية باستخدام التعبئة. تذكر الاحتفاظ بمفتاح Shift على لوحة المفاتيح لإنشاء دائرة مثالية.

Create two circles using the Ellipse Tool

الخطوة 4

استخدم أداة (Ellipse Tool(L لإنشاء دائرتين متراكبتين جنبًا إلى جنب فوق الأشكال الأخرى.

Create two overlapping circles using the Ellipse Tool

الخطوة 5

استخدم أداة (Ellipse Tool (L لإنشاء دائرة صغيرة في الأعلى.

Create a small circle using the Ellipse Tool

الخطوة 6

لإنشاء قاعدة التاج ، استخدم أداة القلم (P) أو أداة (Rectangle Tool (M لرسم الشكل كما هو موضح في الصورة أدناه. عند استخدام أداة القلم ، يمكنك الاستمرار في الضغط على مفتاح Shift على لوحة المفاتيح من أجل رسم خط مستقيم عموديًا أو أفقيًا. هذا سيجعل من السهل المواءمة.

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

Use the Pen Tool and edit the curve points to create the crown

الخطوة 7

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

Combine all the shapes to create the final Queen Icon

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

الخطوة 1

لإنشاء رمز الملك ، مكررة رمز الملكة. باستخدام الرمز المكرر ، استخدم أداة التحديد المباشر(A) لحذف أشكال الدائرة المتوسطة.

Duplicate the Queen Icon and delete the middle shapes

الخطوة 2

استخدم أداة التحديد المباشر(A) لحذف شكل الدائرة الصغيرة في أعلى التاج.

Delete the top circle

الخطوه 3

استخدم  أداة مستطيلة الشكل(M) لإنشاء مربعين مخطط واحد أكبر وشكل ملء أصغر). ضع الساحة الصغيرة في الداخل وفي وسط الساحة الأكبر.

من هناك ، حدد كلا المربعين وقم بتدويرهما بمقدار 45 درجة (انقر بزر الماوس الأيمن> تحويل> تدوير) وضع كلا المربعين في المساحة المركزية للأيقونة.

Add two squares in the middle and rotate by 45 degrees

الخطوة 4

استخدم أداة القلم(P) لإنشاء صليب صغير أعلى التاج.

Add a cross shape using the Pen Tool

رائع! الانتهاء!

تهانينا! لقد أكملت بنجاح هذا البرنامج التعليمي. لا تتردد في مشاركة الإبداعات الخاصة بك أدناه! آمل أن تكون قد وجدت هذا البرنامج التعليمي مفيدًا وأنك تعلمت الكثير من النصائح والحيل الجديدة التي يمكنك استخدامها في الرسوم التوضيحية المستقبلية. أراك المرة القادمة!

The final Chess Icons Set in Adobe Illustrator

تعلم المزيد مهارات أيقونة!

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

تحقق من دورة الفيديو الخاصة بي على أيقونات الرسوم المتحركة في أدوبي المصور و بعد المؤثرات:

أو لماذا لا تحقق من هذه البرامج التعليمية:

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.