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:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

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

1. كيفية إعداد وثيقة جديدة

بما أنني أكثر من متأكد من أنك قد قمت بتشغيل Illustrator بالفعل في الخلفية ، قم بإحضاره وقم بإعداد مستند جديد ( File> New أو Control-N ) باستخدام الإعدادات التالية:

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

ومن علامة التبويب خيارات متقدمة :

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

نصيحة سريعة: ربما لاحظ بعضكم أن خيار Align New Objects to Pixel Grid مفقود ، وذلك لأنني أستخدم إصدار CC 2017 الجديد من البرنامج ، والذي تم فيه إجراء تغييرات كبيرة على الطريقة التي يتعامل بها Illustrator مع طريقة الأشكال المفاجئة إلى Pixel Grid .

2. كيفية إعداد شبكة مخصصة

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

الخطوة 1

انتقل إلى القائمة تحرير> التفضيلات> الأدلة والشبكة الفرعية ، واضبط الإعدادات التالية:

  • Gridline every: 1 px
  • التقسيمات الفرعية: 1
setting up a custom grid

نصيحة سريعة: يمكنك معرفة المزيد حول الشبكات من خلال قراءة هذه القطعة التفصيلية حول كيفية عمل Illustrator's Grid System .

الخطوة 2

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

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

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

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

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

  • الطبقة 1: الشبكات المرجعية
  • الطبقة 2: مصباح
  • الطبقة 3: خيمة
  • طبقة 4: على ظهره
setting up the layers

4. كيفية إنشاء الشبكات المرجعية

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

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

الآن ، في حالتنا ، سننشئ حزمة الرموز باستخدام حجم واحد فقط ، وهو أكثر دقة 128 × 128 بكسل ، وهو حجم كبير إلى حد كبير.

الخطوة 1

ابدأ بقفل كل طبقة الشبكة المرجعية ، ثم امسك أداة Rectangle Tool (M) وقم بإنشاء مربع برتقالي 128 x 128 بكسل ( # F15A24 ) ، مما يساعد على تحديد الحجم الكلي لرموزنا .

creating the main shape for the reference grid

الخطوة 2

أضف نقطة أخرى أصغر حجمًا 120 × 120 بكسل ( #FFFFFF ) والتي ستعمل كمنطقة رسم نشطة ، مما يمنحنا حشوة شاملة سعة 4 بيكسل .

creating the main shape for the active drawing area

الخطوه 3

قم بتجميع المربعين اللذين يتكونان من الشبكة المرجعية باستخدام اختصار لوحة المفاتيحControl-G ، ثم قم بإنشاء نسختين على مسافة 40 بيكسل من بعضهما البعض ، مع التأكد من محاذاةهما إلى مركز لوحة الرسم .

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

creating and positioning all three reference grids

5. كيفية إنشاء المصباح

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

الخطوة 1

أنشئ الشكل الرئيسي لقاعدة المصباح باستخدام مستطيل دائري 60 x 12 بكسل مع 4 بيكسل Corner Radius ، والذي سنقوم باستخدامه باستخدام # 6DA56D ثم نوسط المزيج على مسافة 4 px من الحافة السفلية لمنطقة الرسم النشطة السفلية .

creating and positioning the main shape for the lower section of the lamp

الخطوة 2

أعط الشكل الذي قمنا للتو بإنشاء مخطط تفصيلي به باستخدام طريقة Offset Path ، وذلك بتحديده ثم الانتقال إلى Object> Path> Offset Path وإدخال 4 px في حقل قيمة Offset .

adding the outline to the lower section of the lamp

الخطوه 3

تعيين ملء لون الخطوط العريضة التي قمنا بإضافته إلى # 3A3232 بحيث تبرز من شكل الأخضر.

adjusting the fill color for the lamps lower section outline

الخطوة 4

باستخدام أداة Rectangle Tool (M) ، أضف خط مقسم أفقي 60 × 4 بكسل ( # 3A3232 ) على الشكل الأخضر الذي أنشأناه قبل بضع خطوات ، مع التأكد من محاذاة المركز بمساعدة لوحة Align .

adding the horizontal divider line to the lower section of the lamps body

الخطوة 5

قم بإنشاء مستطيلين دائريين صغيرين 4 × 6 بيكسل ( # 3A3232 ) مع 2 بيكسل نصف قطر الزاوية ووضع واحد على كل جانب من قاعدة المصباح ، على مسافة 4 بكسل من حواف شكل التعبئة.

بمجرد الانتهاء من ذلك ، حدد جميع الأشكال التي قمنا بها حتى الآن وقم بتجميعها معًا باستخدام اختصار لوحة المفاتيح Control-G .

adding the small insertions onto the lower section of the lamps body

الخطوة 6

قم بإنشاء الأشكال الرئيسية لمقبض التحكم باستخدام دائرة 12 × 12 بيكسل ( # D6D0D0 ) مع مخطط 4 بكسل ( # 3A3232 ) ، والذي سنقوم بمحاذاة الأشكال الأساسية التي قمنا بتجميعها.

creating and positioning the main shapes for the lamps control knob

الخطوة 7

باستخدام أداة Ellipse Tool (L) ، قم بإنشاء دائرة 8 × 8 بكسل التي سنقوم باستخدامها باستخدام # 3A3232 ثم ضعها فوق الأشكال الرئيسية للمقبض ، مع التأكد من محاذاة المركز لها.

adding the center section to the lamps control knob

الخطوة 8

قم بإنهاء المقبض عن طريق إضافة أربع دوائر 4 × 4 بكسل ( # 3A3232 ) إلى كل جانب من الشكل الرمادي ، مع التأكد من وضعهم بحيث يبقى جزء صغير من سطحه مرئيًا.

بمجرد الانتهاء من ذلك ، حدد كل الأشكال المكونة للمجموعة والمجموعة ( Control-G) معًا.

adding details to the lamps control knob

الخطوة 9

احصل على أداة Rectangle Tool (M) وقم بإنشاء القسم العلوي من قاعدة المصباح باستخدام شكل 44 × 4 بكسل ( # 4C7F4C ) مع مخطط 4 بكسل ( # 3A3232 ) ، والذي سنضعه بحيث ينتهي كل من العبارتين بالتداخل آخر.

creating and positioning the main shapes for the upper section of the lamps base

Step 10

أضف خمس مربعات 4 × 4 بكسل ( # 3A3232 ) ، وضع 4 بكسل من بعضها البعض ، إلى وسط الشكل الأخضر الذي قمنا بإنشائه ، تجميع ( تحكم- G ) لهم ثم القسم العلوي بأكمله.

adding the little detail lines to the upper section of the lamps base

الخطوة 11

ابدأ العمل على قاعدة الأنبوب بإنشاء مستطيل 8 × 2 px ( # A39B9B ) مع مخطط4 بكسل ( # 3A3232 ) ، وسط محاذاة مستطيل px 4 × 1 ( # 3A3232 ) إلى الحافة العليا. بمجرد الانتهاء من ذلك ، حدد المجموعة ( Control-G ) مع جميع الأشكال الثلاثة معًا ، مع وضعهم في الجزء العلوي من جسم المصباح.

creating and positioning the main shapes for the lamps feed tube

الخطوة 12

باستخدام أداة Rectangle Tool (M) ، أضف القسم العلوي من الأنبوب بإنشاء مستطيل px 4 × 1 ( # 7F7E7E ) مع مخطط 4 بكسل ( # 3A3232 ) ومستطيل 4x2 px ( # 3A3232 ) وضع فوقه ، واختيار وتجميع ( Control-G ) جميع أشكالها معًا بعد ذلك.

adding finishing touches to the lamps feed tube

باستخدام أداة Rectangle Tool (M) ، أضف القسم العلوي من الأنبوب بإنشاء مستطيل px 4 × 1 ( # 7F7E7E ) مع مخطط 4 بكسل ( # 3A3232 ) ومستطيل 4x2 px ( # 3A3232 ) وضع فوقه ، واختيار وتجميع ( Control-G ) جميع أشكالها معًا بعد ذلك.

مع وضع الأنبوب في مكانه ، ابدأ العمل على الغلاف الزجاجي عن طريق إنشاء مجموعة إهتزازية مقاس 34 × 58 بكسل ( # FFE38A ) ، والتي سنقطعها إلى النصف عن طريق تحديد وإزالة نقطة الوسط اليمنى الخاصة بها Anchor Point ¸ وضع الشكل الناتج على الجانب الأيسر من جسم المصباح ، على مسافة 32 بيكسل من الحافة اليسرى لمنطقة الرسم النشطة.

creating and positioning the main shape for the lamps glass enclosure

الخطوة 14

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

creating and positioning the right section of the lamps glass enclosure

الخطوة 15

قم بتوحيد المسارين عن طريق تحديدهما ثم الضغط على Control-J مرتين حتى يتم ضم كل من نقاط ربطها العليا والسفلى معاً.

uniting the two sections of the lamps glass enclosure

الخطوة 16

حدد الشكل الناتج ، ثم أعطه مخططًا تفصيليًا ( # 3A3232 ) باستخدام طريقةOffset Path .

adding the outline to the lamps glass enclosure

الخطوة 17

نظرًا لأننا نريد أن يكون الشكل الأصفر شفافًا ، سنحتاج إلى إنشاء فصل في مخططه للسماح بمشاهدة الأشكال الأخرى. للقيام بذلك ، انقر أولاً على الشكل الأصفر واستخدمالاختصار Control-C لإضافة نسخة منه إلى الحافظة .

ثم ، حدد كل من المخطط والمخطط واستخدام نمط Minus Front Shape من Pathfinder لإزالته من سطح الأخير ، مع لصق النسخة الصفراء في مكانها ( Control-F ). اضبط شفافية الشكل من خلال ضبط Opacity على 40٪ ، وتجميعها ( Control-G ) ومن المخطط التفصيلي معًا بعد ذلك.

adjusting the transparency of the lamps glass enclosure

الخطوة 18

باستخدام أداة Rectangle Tool (M) ، ابدأ بالعمل على القسم العلوي للمصباح من خلال إنشاء مستطيل 40 x 4 بكسل ( # 6DA56D ) مع مخطط 4 بكسل ( # 3A3232 ) والذي سنقوم بجمعه ( Control-G ) ثم ضعه على غلاف زجاجي ، مركز محاذاة لهم لبعضهم البعض.

creating and positioning the main shapes for the lamps upper section

الخطوة 19

قم بإنشاء غرفة التهوية باستخدام مستطيل 28x6 px ( # 4C7F4C ) الذي سوف نقوم بتعديله عن طريق ضبط نصف القطر من أركانه العليا إلى 2 بكسل من داخل لوحةالتحويل . قم بإعطاء الشكل الناتج مخططًا بمقدار 4 بكسل ( # 3A3232 ) ، ثم حدد وضعهما في أعلى القسم الذي أنشأناه في الخطوة السابقة.

creating and positioning the main shapes for the lamps ventilation chamber

الخطوة 20

إضافة فتحات التهوية باستخدام ثلاثة 4 × 8 بكسل تقريب المستطيلات ( # 3A3232) مع بكسل 2 ركن الشعاع وضع 4 بكسل عن بعضها البعض، ونحن سوف المجموعة (مراقبة-G ) ثم وضع على شكل ملء الأخضر، مركز مواءمتها إلى الحافة السفلية للمخطط.

بمجرد الانتهاء من ذلك ، لا تنس أن تجمع ( Control-G ) الثقوب مع الشكلين الأساسيين أيضًا.

adding the ventilation holes to the upper section of the lamp

الخطوة 21

قم بالتبديل إلى أداة Ellipse Tool (L) وقم بإنشاء دائرة 8 × 8 بيكسل ، والتي سنقوم باستخدامها باستخدام # 3A3232 ثم قم بمحاذاة منتصفها إلى حجرة التهوية الخاصةبالمصباح ، بحيث يتداخل النصف السفلي مع المخطط الخارجي الأساسي.

adding the circular section to the lamps ventilation chamber

الخطوة 22

أضف حلقة ربط صغيرة عن طريق إنشاء مستطيل دائري 20 × 24 بكسل ( # 3A3232 ) مع 10 بيكسل الزاوية نصف قطر والتي سنقطع منها أصغر حجمًا 12 × 16 بكسل ( # 3A3232 ) مع نصف قطر زاوية 6 بيكسل . أزل النصف السفلي من الشكل الناتج ، ثم ضعه أعلى غرفة التهوية ، بحيث يكون الوسط محاذاً للجهازين.

بمجرد الانتهاء من ذلك ، يمكنك تحديد وتعيين ( Control-G ) جميع المقاطع العلوية للمصباح التي تتكون من أشكال.

adding the hooking ring to the upper section of the lamp

الخطوة 23

قم بإنشاء المقابض الجانبية للمصباح باستخدام مستطيل دائري بوزن 84 × 74 بيكسل معنصف قطر الزاوية 20 بيكسل ، والذي سنقطع منه أصغر بحجم 76 × 66 بكسل مع 16 بيكسل ركن نصف قطر . قم بتلوين الشكل الناتج باستخدام # 3A3232 ، ثم قم بمحاذاة المركز إلى الغلاف الزجاجي ، مع التأكد من إرساله إلى الخلف بعد ذلك ( انقر بزر الماوس الأيمن> ترتيب> إرسال إلى الخلف ).

adding the side handles to the lamps body

الخطوة 24

قم بإنهاء الرمز عن طريق إنشاء مستطيلين 8 × 18 بكسل ( # 3A3232 ) وإضافة واحد إلى مركز كل مقبض جانبي. بمجرد الانتهاء من ذلك ، قم بتحديد وتكوين كل أشكال إنشاء الرمز باستخدام اختصار لوحة المفاتيح Control-G .

adding the grip to the lamps side handles

6. كيفية إنشاء خيمة

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

الخطوة 1

يمكنك التخلص من الأيقونة عن طريق إنشاء قاعدتها باستخدام مستطيل 112 x 4 بكسل ( # D6D0D0 ) مع مخطط 4 بيكسل سميك ( # 3A3232 ) ، والذي سنقوم بمحاذاة الحافة السفلية لمنطقة الرسم النشطة الأساسية.

creating and positioning the main shapes for the tents base

الخطوة 2

أضف مستطيلين 8 × 2 بكسل ( # 3A3232 ) وضع واحد على كل جانب من قاعدة الخيمة ، على مسافة 24 بكسل من حوافه الخارجية ، مع التأكد من محاذاة لهم إلى الحافة العليا للشكل الرمادي الأساسي.

بعد ذلك ، لا تنسَ تحديد جميع أشكال الإنشاء الخاصة بالقاعدة وتجميعها معًا باستخدام اختصار لوحة المفاتيح Control-G .

adding the small insertions to the tents base

الخطوه 3

قم بإنشاء جسم الخيمة الرئيسي ، باستخدام قطعة نهايه px 112 × 192 ( # 61AEC9 ) والتي سوف نقوم بتعديلها عن طريق تحديد وإزالة نقطة ربط القاعباستخدام أداة التحديد المباشر (A) . أعط الشكل الناتج مخططًا سميكًا 4 بكسل ( # 3A3232 ) ، ثم قم بتجميع ( Control-G ) وضع الشقين فوق قاعدة الخيمة ، مع التأكد من تداخل حدودها.

creating and positioning the main shapes for the tents body

الخطوة 4

باستخدام أداة Rectangle Tool (M) ، أضف مقسم خط أفقي 112 × 2 بكسل ، والذي سنقوم باستخدامه باستخدام # 3A3232 ثم تتم محاذاة المركز إلى قاعدة الخيمة ، مع وضعه على مسافة 4 بكسل من مخططه الخارجي.

adding the horizontal divider line to the tents upper body

الخطوة 5

أنشئ مستطيلين بحجم 4 × 2 بكسل ( # 3A3232 ) ، وضع أحدهما على كل جانب من خط الفاصل الأفقي الذي أضفناه في الخطوة السابقة ، مع التأكد من وضعهما 4 بيكسلمن حوافه.

adding the two insertions onto the lower body of the tent

الخطوة 6

قم بإنشاء أعمدة الخيمة باستخدام قطعة بيضاوية 120 × 216 بكسل ( # 3A3232) ، والتي سنقوم بضبطها بقطع أصغر حجمًا 112 × 208 بكسل ( # 3A3232 ) ، وإزالة النصف السفلي بعد ذلك. بمجرد الانتهاء من ذلك ، حدد الشكل الناتج ووضعه على جسم الخيمة ، مع التأكد من محاذاة المركز إلى الحافة العلوية لمنطقة الرسم النشطة الأساسية.

adding the poles to the tents body

الخطوة 7

إضافة مستطيل 4 × 8 بكسل إلى مركز الفضاء الفارغ الذي تم إنشاؤه بواسطة جسم الخيمةوأقطابه ، تلوينه باستخدام # 3A3232 .

بمجرد الانتهاء من ذلك ، قم بتحديد وتجميع كل أشكال تركيب جسم الخيمة باستخدام اختصار لوحة المفاتيح Control-G .

adding the back section to the tents poles

الخطوة 8

قم بإنشاء الشكل الرئيسي "الباب" باستخدام أداة القطع البيضاوي 80 × 148 بكسل ( # 4D8AA1 ) ، والتي سنقوم بتعديلها عن طريق إزالة النصف السفلي من خلال تحديدنقطة الربط السفلية مع أداة التحديد المباشر (A) ثم الضغط على Delete . أعط الشكل الناتج مخططًا سميكًا 4 بكسل ( # 3A3232 ) ، ثم ضع الشريحتين فوق قاعدة الخيمة ، مع محاذاة المركز لها.

creating and positioning the main shapes for the tents door

الخطوة 9

أضف خط السحاب باستخدام مستطيل px 2 × 74 ، الذي سنقوم باستخدامه باستخدام # 3A3232 ، ثم ضعه على باب الخيمة ، مع محاذاة المركز إلى الحافة السفلية.

adding the zipper line to the tents door

الخطوة 10

قم بإنشاء منزلق zipper ، باستخدام مستطيل px 2 × 4 ( # D6D0D0 ) مع مخطط 4 بيكسل سميك ( # 3A3232 ) ، سنضيف على رأسه دائرة 2 × 2 بيكسل ( # 3A3232 ) في الأعلى. حدد ثم قم بتجميع ( Control-G ) مع الأشكال الثلاثة معاً ، مع وضعهم على خط السوستة ، مع التأكد من محاذاةهم إلى الحافة العلوية.

creating and positioning the zipper slider onto the tents door

الخطوة 11

الاجهاز على خيمة بإضافة أربعة 4 × 4 بكسل الدوائر ( # 3A3232 ) التي سوف تضع في شكل مربع، عن طريق وضعها 32 بكسل عن بعضها البعض أفقيا وعموديا.المجموعة ( Control-G ) وضع الدوائر 12 بيكسل من قاعدة الخيمة ، مع محاذاة المركز لها.

بمجرد الانتهاء من ذلك ، لا تنسَ اختيار كل أشكال إنشاء الرمز ، ومجموعة ( Control-G ) معًا أيضًا.

adding the little circles to the tents door

7. كيفية إنشاء حقيبة الظهر

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

الخطوة 1

خلق الشكل الرئيسي للجسم على ظهره، وذلك باستخدام بكسل 56 × 82 تقريب المستطيل ( # E0604F ) مع 4 بكسل ركن الشعاع الذي سوف نقوم بتعديل خلال تحديد نصف قطر من أهم أركانها إلى 24 بكسل . أعط الشكل الناتج مخططًا ثخينًا 4 بكسل ( # 3A3232 ) ، ثم قام الوسط بمحاذاة الشكلين إلى منطقة الرسم النشطة ، وتحديدموضعهما بالضبط بمقدار 22 بيكسل من الحافة السفلية.

creating and positioning the main shapes for the backpacks body

الخطوة 2

باستخدام أداة المستطيل (M) ، أضف خط مقسم أفقي 56 × 2 بكسل ، والذي سنقوم باستخدامه باستخدام # 3A3232 ثم ضعه على مسافة 4 بكسل من الحافة السفلية لشكل التعبئة الحمراء.

adding the horizontal divider line to the lower section of the backpacks body

الخطوه 3

أضف مستطيلاً آخر أصغر حجمًا 16 × 2 بكسل ( # 3A3232 ) أسفل خط الفاصل الأفقي الذي أنشأناه للتو ، وقم بمحاذاة الوسطين .

أضف مستطيلاً آخر أصغر حجمًا 16 × 2 بكسل ( # 3A3232 ) أسفل خط الفاصل الأفقي الذي أنشأناه للتو ، وقم بمحاذاة الوسطين .

adding the small insertion to the bottom section of the backpacks body

الخطوة 4

خلق الشكل الرئيسي للجيب الجبهة التي تواجه ظهره، وذلك باستخدام بكسل 32 × 18تقريب المستطيل ( # 895947 ) مع 2 بكسل ركن الشعاع و 4 بكسل مخطط سميكة ( # 3A3232 )، ونحن سوف المجموعة ( مراقبة-G ) و ثم محاذاة إلى مركز حقيبة الظهر ، وتحديد المواقع لهم 2 بكسل من خط الفاصل الأفقي.

creating and positioning the main shapes for the backpacks front facing pocket

الخطوة 5

إضافة قسم مطوية جيب باستخدام أصغر 32 × 10 بكسل تقريب المستطيل ( # C48469 ) مع 2 بكسل ركن الشعاع و 4 بكسل مخطط سميكة ( # 3A3232 )، وهو ما ستركز محاذاة إلى الحافة العلوية من مخطط جيب ل.

adding the folded section to the backpacks front facing pocket

الخطوة 6

أضف دائرة 4 × 4 بكسل ( # 3A3232 ) إلى الجزء السفلي من طي الجيب ، وزوج من مستطيلات 4 × 2 بكسل ( # 3A3232 ) وضع 2 بكسل من بعضهما البعض ، إلى جانبها الأيسر والأيمن ، ( التحكم- G ) لهم وأضعاف نفسها.

adding details to the backpacks front facing pocket

الخطوة 7

باستخدام أداة المستطيل (M) ، قم بإنشاء شكل 8 × 4 بكسل ( # 895947 ) الذي سنقوم بتعديله عن طريق ضبط نصف القطر من أركانه العليا إلى 2 بيكسل . أعط الشكل الناتج مخططًا بحجم 4 بكسل ( # 3A3232 ) ، ثم قم بوضع المجموعة ( Control-G ) ثم ضعهما فوق الجيب الأمامي ، مع التأكد من تركهما بمحاذاة شكل ملء الغطاء.

adding the left section from above the backpacks front facing pocket

الخطوة 8

أنشئ مستطيلًا آخر بحجم 12x4 بكسل ( # 895947 ) أكبر قليلاً ، واضبطهعن طريق ضبط نصف القطر من أركانه العليا إلى 2 بكسل . امنح الشكل الناتج مخططًابحجم 4 بكسل ( # 3A3232 ) ، وأضف مستطيلًا صغيرًا بحجم 8 × 2 بكسل (# 3A3232 ) نحو أسفله ، ثم تجميعه ( Control-G ) ثم ضعه بجوار القسم الذي أنشأناه في السابق خطوة.

ثم ، بمجرد الانتهاء من ذلك ، حدد مجموعة ( Control-G ) جميع أشكال تركيب الواجهة الأمامية أيضًا.

adding the right section from above the backpacks front facing pocket

الخطوة 9

ابدأ العمل على الجيب ذي الجانب الأيسر من خلال إنشاء مستطيل 8x20 px ( # 895947 ) والذي سنقوم بتعديله عن طريق ضبط نصف القطر من الزاوية العلوية اليسرى إلى 2 بكسل والأسفل من 1 إلى 4 بكسل . أعط الشكل الناتج مخططًا سميكًا 4 بكسل ( # 3A3232 ) ، ثم ضع موضعهما بجانب حقيبة الظهر ، على مسافة 12 بكسل من الحافة السفلية للمخطط.

creating and positioning the main shapes for the backpacks left sided pocket

الخطوة 10

باستخدام أداة Rectangle Tool (M) ، قم بإضافة خط السحاب عن طريق إنشاء مستطيل عمودي 2x4 px ، والذي سنقوم باستخدامه باستخدام # 3A3232 ، ثم تتم محاذاة الوسط إلى الحافة العلوية لشكل ملء الجانب الجانبي.

adding the zipper line to the backpacks left sided pocket

الخطوة 11

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

بعد ذلك ، حدد جميع أشكال الإنشاء في المجموعة والمجموعة ( Control-G ) معًا ، مع إنشاء نسخة ( Control-C> Control-F ) والتي سننقلها رأسيًا ( انقر بزر الماوس الأيمن> تحويل> انعكاس > عمودي ) والموضع على الآخر جانب من ظهره.

adding the right sided pocket onto the backpacks body

الخطوة 12

قم بإنشاء الملصق الصغير باستخدام مستطيل px 12 × 4 ( # D6D0D0 ) مع مخطط ثخين 4 بكسل ( # 3A3232 ) ، سنقوم بإضافة مستطيل 6 × 2 بكسل ( # 3A3232 ) يليه آخر أصغر 2 × 2 بكسل واحد ( # 3A3232 ) على مسافة 2 بكسل منه. المجموعة ( Control-G ) جميع الأشكال الأربعة معًا ، ثم قم بمحاذاة مركزها إلى حقيبة الظهر ، مع وضعهم على مسافة 16 بكسل من الحافة العلوية للحمراء.

creating and positioning the label onto the backpacks body

الخطوة 13

أضف المقبض العلوي ، عن طريق إنشاء مستطيل دائري 20 × 24 بيكسل ( # 3A3232 ) مع 8x بيكسل Corner Radius الذي سنقوم بضبطه بقطع أصغربحجم 12 x 16 بكسل ( # 3A3232 ) مع نصف قطر زاوية 4 بيكسل ، وإزالة النصف السفلي بعد ذلك.

بمجرد الانتهاء ، يقوم المحاذاة بمحاذاة الشكل الناتج إلى الحافة العلوية لمنطقة الرسم النشطة ، مع التأكد من إرسالها إلى الخلف ( انقر بزر الماوس الأيمن> ترتيب> إرسال إلى الخلف ) ، ثم قم بالتجميع ( Control-G ) تشكيل الأشكال على ظهره بعد ذلك.

creating and positioning the handle onto the backpacks body

الخطوة 14

ابدأ العمل على كيس النوم المطوي من خلال إنشاء مستطيل دائري بحجم 68 × 18 بكسل# 4C7F4C ) مع مخطط 4 بكسل ( # 3A3232 ) والذي سنقوم بجمعه ( Control-G ) ثم ضعه على الجزء العلوي من حقيبة الظهر ، على مسافة من 4 بكسلمن الحافة السفلى لمنطقة الرسم النشطة.

creating and positioning the main shapes for the backpacks folded sleeping bag

الخطوة 15

إنشاء القسم الأمامي من كيس النوم باستخدام بكسل 72 × 12 تقريب المستطيل ( # 6DA56D ) مع 2 بكسل ركن الشعاع و 4 بكسل مخطط سميكة ( # 3A3232 )، وعلى رأسها سنضيف عشر 4 × 2 بكسل المستطيلات ( # 6DA56D ) وضعت 4 بكسل من بعضها البعض. المجموعة ( Control-G ) هي المستطيلات الصغيرة التي تشكل خطوط الغرز ، ثم تفعل الشيء نفسه بالنسبة لأشكال التشكيل في القسم ، مما يضعها فوق الجسم الرئيسي للحقيبة ، بحيث يكون الوسط محاذاً إلى الحافة العلوية للمخطط.

creating and positioning the front section of the backpacks sleeping bag

 الخطوة 16

قم بإنشاء الشريط الأيسر باستخدام مستطيل 4 × 22 بكسل ( # C48469 ) الذي سنقوم بتعديله عن طريق ضبط نصف القطر من أركانه إلى 2 بيكسل . امنح الشكل الناتجمخططًا بمقدار 4 بكسل ( # 3A3232 ) ، أربع دوائر 2 × 2 بكسل ( # 3A3232 ) مكدسة رأسيًا عند 2 بكسل من بعضها البعض ، ثم تجميع ( تحكم- G ) ووضعها على الجانب الأيسر للنوم الحقيبة ، والتأكد من محاذاة لهم إلى الحافة العليا من الخطوط العريضة لها.

adding the left strap to the bottom section of the backpack

الخطوة 17

قم بإنهاء حقيبة الظهر من خلال إضافة الشريط الثاني باستخدام نسخة من الشريط الذي أنشأناه في الخطوة السابقة ، مع تجميع ( Control-G ) ثم إرسال كل من كيس النوم والأشرطة إلى الجزء الخلفي من حقيبة الظهر ( انقر بزر الماوس الأيمن> ترتيب> ارسل الى الخلف ).

أوه ، ولا تنس أن تختار وتجمع ( Control-G ) جميع أشكال إنشاء الرمز معًا بعد ذلك.

sending the sleeping bag to the back of the backpack

حان الوقت للاستكشاف!

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

آمل أنك تمكنت من مواكبة كل خطوة ، والأهم من ذلك تعلم شيء جديد ومفيد على طول الطريق.

finished project preview
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.