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

كيفية إنشاء أيقونات مسطحة مستوحاة من الطبيعة في Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

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

يمكن الاحتفال ب Litha في عدة طرق مختلفة ، وهي مخصصة أساسا للطبيعة. بعض الناس يبنون مذابح مزينة بعناصر من الموسم: زهور الصيف ، والأصول الشمسية ، والشموع ، والمحاصيل ، مشيدا بضوء الشمس والطاقة. ستصوّر الرموز الموجودة في البرنامج التعليمي هذه الرموز والأصول المخصصة لفصل الصيف والطبيعة و Litha!

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

هيا نبدأ!

1. إنشاء أيقونة بيري

الخطوة 1

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

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

أخيرًا ، حدد جميع العناصر والمجموعات (Control-G) .

make a berry from a circle

الخطوة 2

دعونا نضيف ساق أو فرع. خذ أداة الخط الخطي (\) ، اضغط على مفتاح Shift ، وارسم خطًا رأسيًا بارتفاع 35 بكسل . يمكنك ضبط حجم الخط من لوحة التحكم في الأعلى. اضبط لون Stroke على اللون البني الغامق في لوحة Color .

توجه إلى لوحة Stroke ومن هنا قم بتعيين قيمة الوزن إلى 2 نقطة ، وقم بتبديل Capand Corner إلى الأوضاع الوسطى لجعل أطراف الخط تقريبًا.

make a stem with the Line Segment Tool

الخطوه 3

الآن خذ أداة القوس وعلق برعمة قصيرة على اليسار. قم بتعيين Stroke Weight إلى 1.5 pt وقم ، كما سبق ، بتعيين Cap و Cornerعلى الأوضاع الوسطى.

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

make a sprout with the arc tool

الخطوة 4

الآن دعنا نكوّن زوجين من الأوراق. استخدم أداة (Ellipse Tool (L لعمل بيضاوي أخضر 9 × 20 بيكسل . خذ أداة التحديد المباشر (A) ، وحدد نقاط الربط العلوية والسفلية واستخدم نقاط تحويل الربط المحددة لوظيفة ركنية لجعل أطراف الورقة مدببة. ستجد هذه الوظيفة في لوحة التحكم في الأعلى.

make a leaf from the ellipse

الخطوة 5

دعونا نضيف midrib إلى الورقة التي لدينا. استخدم أداة الخط الخطي (\) لإنشاء خط رأسي وتبديل لون Stroke الخاص به إلى اللون الأخضر الداكن. في لوحة Stroke ، قم بتعيين قيمة الوزن إلى 1 pt و Profile to Profile Profile 1 ، مما يجعل تلميحات الخط رقيقة ومشدودة.

add a midrib to our leaf

الخطوة 6

المجموعة (Control-G) عناصر الورقة ، التي تعمل على تدويرها قليلاً وإرفاقها بالساق.

attach leaf to the stem

الخطوة 7

دعونا نصنع قاعدة ايوقنتنا! قم بالتبديل إلى أداة Polygon Tool واضبط عدد الجوانب على 8 . قم بعمل 80 × 80 px ثماني الاضلاع بالون البيج.

الآن دعنا نحاكي الأشياء. حدد التوت والمثمن ثم انقر فوق المثمن مرة أخرى لجعله عنصرا رئيسيًا (سترى اختيارًا أكثر سمكًا حول الشكل). توجه إلى لوحة المحاذاة وانقر فوق Horizontal Align Center لجعل كلا العنصرين متماثلين تمامًا.

make an octagon icon base

الخطوة 8

دعونا ننتهي من رمزنا بإضافة ظل طويل عصري. استخدم أداة (Rectangle Tool (M لعمل مستطيل px 60 × 70 من لون البيج الفاتح. اضبط Blending Mode (وضع المزج) على Multiply في لوحةTransparency .

اضغط على Shift واستخدم أداة التحديد (V) لتدوير المستطيل 45 درجة. ضعها بين التوت والقاعدة إما عن طريق الضغط على Control- [ عدة مرات أو بسحبها يدويًا في لوحة Layers .

ضع الظل ، مما يجعله مناسبًا لنباتنا. استخدام أداة إضافة نقطة إرساء (+) و أداة التحديد المباشر (A) لتحريك نقطة حولها، وإخفائها وراء النبات.

make a shadow from rectangle

الخطوة 9

وأخيرًا ، نحتاج إلى التخلص من الظل خارج قاعدة الرمز. لننسخ قاعدة الرمز ونلصقها في المقدمة (Control-C> Control-F) . اضغط مفتاح Shift-control مع] لجلب ذلك إلى المقدمة حدد نسخة والظل، انقر على زر الفأرة الأيمن واصنع قناع الالتقاط . وهذا كل شيء! لا يزال بإمكاننا تحرير وضبط الظل ، إذا لزم الأمر ، داخل قناع القطع باختياره في لوحةالطبقات أو باستخدام أداة التحديد المباشر (A).

make a shadow from rectangle 2

دعنا ننتقل إلى الأيقونة التالية!

2. جعل أيقونة الفطر

الخطوة 1

دعونا نبدأ في تقديم فطر من الحد الأقصى. استخدم أداة (Ellipse Tool (L لعمل بيضاوية حمراء 40 px 10 x. خذ أداة التحديد المباشر (A) وحدد نقطة الربط العليا. اختصر مقابض المرساة عن طريق تحريكها أقرب إلى المركز ، مما يجعل قمة الشكل أكثر وضوحًا.

مع الحفاظ على النقطة المحددة ، اضغط على Enter لفتح نافذة نقل . تعيين أفقي القيمة إلى 0 بكسل و عمودي القيمه الي 10 بكسل . انقر فوق OK لنقل النقطة 10 px لأعلى ، لتشكيل غطاء.

render a mushroom from its cap

الخطوة 2

دعونا نضيف "ساق" أو شريط إلى الفطر لدينا. قم بعمل شكل بيج 10 × 25 بيكسل باستخدام أداة (Ellipse Tool (L . حدد كلا العنصرين وقم بمحاذاة المراكز الأفقية الخاصة بها ، باستخدام الحد الأقصى ككائن رئيسي .

make a stripe from the ellipse

الخطوه 3

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

اذهب إلى التأثير> الالتفاف> السمك . انقر فوق Apply New Effect في مربع الحوار المنبثق ، ودعنا نضبط قيمة Vertical Bend إلى -25٪ ، مما يجعل الشكل منتفخًا قليلاً.

use warp effects

الخطوة 4

انتقل إلى Object> Expand Appearance لتطبيق التأثير. أرسل الشريط إلى الخلف ، وضعه تحت الغطاء بالضغط على مفتاح ]-Shift-Control.

Expand Appearance to apply the effect

الخطوة 5

دعونا نزيّن فطرنا مع بعض البثور لنجعله أكثر تفصيلاً. اجعل دائرة بيج-بيج 5 × 5 وضعه على حافة الشكل الأحمر. إنشاء دائرة أخرى في الجانب الآخر وإخفائها جزئيًا أسفل الغطاء.

ضع بعض البثور ، وتختلف أحجامها.

create circle pimples

الخطوة 6

انقر فوق Apply New Effect في مربع الحوار المنبثق ، ودعنا نضبط قيمةBertical Bend إلى -25٪ ، مما يجعل الشكل منتفخًا قليلاً. قم بتكرار الشريط مرتين (Control-C> Control-F> Control-F) وحرك النسخة العلوية لأعلى قليلاً عن طريق الضغط على مفتاح السهم لأعلى في لوحة المفاتيح عدة مرات.

حدد نسختين من الشريط واستخدم الدالة Minus Front من Pathfinder لقطع الأشكال. جعل لون الشكل أغمق ، تشكيل الظل.

make a shadow with pathfinder

الخطوة 7

قم بإنهاء رمز الفطر الخاص بنا عن طريق إضافة قاعدة رمز المثمن الأخضر والظل الطويل العصري.

Finish up with our mushroom icon

رائع! هيا لنذهب.

3. إنشاء رمز شمعة

الخطوة 1

اختر لوناً بني داكن وقم بإعداد الجزء العلوي من الشمعة من قطعة 30x5 بكسل . اختر لوناً بنياً أخف وزناً وجعل جسم الشمعة من مستطيل 30x30 px باستخدام أداة المستطيل (M). الجمع بين الجسم من الشمعة مع أعلاها، محاذاة الكائنات لبعضها البعض.

الآن حدد أعلى بيضاوي الشكل للشمعة ، وعقد Alt-Shift واسحب الشكل لأسفل ، مما يجعل نسخة. استخدم أداة (Eyedropper (I لاختيار اللون من الجسم وتطبيقه على القطع الناقص السفلي ، وبالتالي تشكيل الجزء السفلي من الشمعة.

make a candle from ellipse and rectangle

الخطوة 2

استخدام أداة المستطيل (M) لجعل شكل ضيق من 5 × 23 بكسل حجم و محاذاة ذلك إلى اليسار حافة جسم الشمعة. مع الحفاظ على الشكل المحدد ، اضغط على Enter لفتح نافذة Move . تعيين أفقي القيمة إلى 5 بكسل و عمودي قيمة 0 بكسل .

اضغط على Copy لإضافة شريط ثانٍ. الآن اضغط على Control-D عدة مرات لعمل خمس نسخ إضافية ، بحيث يكون لدينا سبعة نسخ إجمالاً. حدد جميع الخطوط واسحقها قليلاً ، مما يجعلها ملائمة لجسم الشمعة.

add rectangle stripes to the candle

الخطوه 3

ابدأ بتغيير حجم كل شكل ، مع تبديل ارتفاع المستطيلات. ثم حدد جميع المستطيلات وأوحدها في باثفايندر ، ودمجها في شكل واحد.

الآن يمكننا أخذ أداة التحديد المباشر (A) وتحديد جميع النقاط السفلية للشكل المدمج. سوف نرى علامات دائرة صغيرة من ميزة Live Corners ، والتي تتيح لنا جعل أركان الأشكال المختارة مستديرة بالكامل إذا قمنا بسحب الدوائر أقرب إلى المركز.

use the live corners feature

الخطوة 4

دعونا نضيف لهب لشمعتنا. استخدم أداة (Ellipse Tool (L لعمل بيضاوي برتقالي بحجم 5 × 15 بيكسل . حدد نقطة ربطه العليا باستخدام أداة التحديد المباشر (A) واستخدم الدالة Convert في لوحة التحكم العلوية لجعل الجزء العلوي من القطع الناقص مدببًا.

جعل الشعلة أوسع قليلا ووضع نسخة أصغر في الأعلى ، وملئه باللون الأصفر الفاتح ، مما يجعل اللهب منمنمة حتى الآن في الحياة.

make flame from the ellipse

الخطوة 5

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

Finish up with our candle icon

لدينا ثلاثة رموز أخرى! دعنا نقوم به!

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

الخطوة 1

تسليح نفسك مع أداة (Ellipse (L ودعونا نبدأ في تشكيل ريشة لدينا من البيضاوي البني 15 × 40 بكسل . انتقل إلى Effect> Warp> Arc وضبط القيمة Horizontal Bend إلى -6٪ ، ما يجعل الجزء السفلي من الشكل أعرض قليلاً من قمته.

start shaping our feather from ellipse

الخطوة 2

الآن دعنا نضيف بعض الشقوق إلى ريشنا. استخدم أداة القلم (P) لإنشاء شكل متعدد الخطوط على شكل مثلث (تظهر باللون الأحمر في لقطة الشاشة أدناه). حدد كل من الخط والريشة واستخدم وظيفة Minus Front من Pathfinder لقطع جزء من الريش. إضافة المزيد من الشقوق ، وذلك باستخدام نفس الأسلوب البسيط.

add a few notches to our feather

الخطوه 3

دعونا تشكيل رمح الريش. استخدم أداة الخط الخطي (\) وأمسك Shift لرسم خط عمودي عبر الريشة. اختر لونًا بنيًا داكنًا للسكتة الدماغية واضبط وزن السكتة الدماغية إلى 2 نقطة . اضبط ملف التعريف على Profile Profile 1 ، مما يجعل العمود يشير.

make a shaft with line segment tool

الخطوة 4

دعونا نضيف بعض التفاصيل البسيطة إلى الريش. خذ أداة المستطيل (M) وقم بعمل شكل بني فاتح 15 × 5 بكسل . انقر نقرا مزدوجا فوق على أداة تدوير (R) وتعيين زاوية القيمة إلى 30 درجة.

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

make two rectangles

الخطوة 5

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

حدد كل من الريش والخطوط. خذ أداة منشئ الأشكال (Shift-M) ، واحتفظ بـ Alt ثم انقر فوق القطع غير الضرورية لحذفها. فويلا! ريشة لدينا هي جاهزة.

قم بإنهاء الرمز بإضافة قاعدة رمز زرقاء مع ظل خفي. ودعونا ننتقل إلى الأيقونة التالية!

add stripes to the feather and finish the icon

5. تقديم أيقونة معدنية

الخطوة 1

الآن سنقوم بإنشاء أيقونة معدنية ، تبدو كالبلورة اللامعة.

استخدم أداة (Rectangle Tool (M لعمل شكل أزرق 10 × 40 بكسل . اضغط على Enter لفتح نافذة النقل . تعيين أفقي القيمة إلى 10 بكسل و عمودي قيمة 0 بكسل . انقر فوق نسخ لإنشاء مستطيل آخر ، مرفق بالأول.

اضغط على Control-D لإنشاء الشكل الثالث وتغيير خفة لون التعبئة ، مما يجعل الأشكال تبدو مثل التدرج.

make three rectangles

الخطوة 2

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

الآن دعنا نكوّن قمة البلورة. خذ أداة التحديد المباشر (A) وحدد جميع نقاط الربط العليا المشار إليها في لقطة الشاشة أدناه. توجه إلى لوحة Align ، حدد Align to Selection وانقر فوق Horizontal Align Center لجمع كل نقاط الربط المحددة في نقطة واحدة وقم بتكوين مثلث.

shape the top of our crystal

الخطوه 3

الآن دعونا تشوه الكريستال قليلا ، مما يجعلها أقل تناظرا. خذ أداة (Lasso (Q ، حدد النقاط المركزية السفلى من الكريستال واضغط على مفتاح السهم لأسفل في لوحة المفاتيح عدة مرات ، وقم بتحريكها لأسفل. قم بتعديل الجزء العلوي من البلورة أيضًا ، وذلك باستخدام أداة (Lasso (Q وتحريك النقاط لأسفل.

use the lasso tool to move the points

الخطوة 4

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

modify the crystal by moving the points

الخطوة 5

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

عظيم! الآن يبدو وكأنه سطح الزجاج.

add highlight to the crystal

الخطوة 6

قم بإنهاء الأيقونة الكريستالية بإضافة قاعدة أيقونة خضراء بظلال طويلة.

Finish up with our crystal icon

لا يوجد سوى رمز واحد متبقي! هيا لنذهب.

6. جعل أيقونة زهرة الصيف

الخطوة 1

سيكون رمزنا النهائي زهرة بسيطة وجميلة. استخدم أداة Polygon Tool واضبط عدد الجوانب على 8 لجعل المثمن (نفس ما لدينا لقاعدة الأيقونة). جعل شكل أحمر 50 × 50 بكسل .

انتقل إلى تأثير> تشويه وتحويل> Pucker & Bloat. حرك شريط التمرير إلى الجانب Bloat ، مع تعيين قيمته إلى 50٪. يبدو بالفعل مثل زهرة!

make a flower from octagon

الخطوة 2

انتقل إلى التأثير> توسيع المظهر لتطبيق التأثير. خذ أداة (Ellipse Tool (L وقم بعمل دائرة برتقالية مقاس 15 × 15 بيكسل لمركز زهرتنا.

Expand Appearance to apply the effect

الخطوه 3

انسخ الجذع مع الأوراق من الأيقونة الأولى (التي تحتوي على التوت) وقم بتغيير لون الجذع إلى اللون الأخضر.

نعلق الجذعية لزهرة و إرسال ذلك إلى الخلف (shift-control مع ]).

Attach the stem to the flower

الخطوة 4

انتهى الأمر مع رمز زهرة لدينا من خلال وضعه على قاعدة البيج مع الظل طويلة العصرية.

Finish up with our flower icon

تهانينا! لدينا مجموعة مسطحة من أيقونات الويكا جاهز!

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

لا تتردد في مشاركة نتائجك في التعليقات أدناه!

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

إستمتع!

Flat Set of Wiccan Icons is Ready
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.