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

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

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

سوف نعتمد في الغالب على الأدوات التي نستخدمها عادة على أساس يومي ، لذا نتوقع أن ندقق أداة المستطيل و Ellipse Tool ، لأن معظم الأيقونات تتكون من أشكال هندسية أساسية.

لذلك دون إضاعة مزيد من الوقت ، دعنا نبدأ الحفلة.

أيضا ، يمكنك دائما توسيع الحزمة عن طريق التحقق من Envato السوق ، حيث ستجد طن من الرموز المستوحاة من DJ على استعداد ليتم انتقاؤها.

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

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

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

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

  • وضع اللون: RGB
  • تأثيرات النقطية: شاشة (72ppi)
  • محاذاة كائنات جديدة إلى شبكة بكسل: محددة
setting up a new document

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

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

الخطوة 1

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

  • كل خطوط الشبكة:1 بكسل
  • التقسيمات الفرعية: 1
setting up a custom grid

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

الخطوة 2

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

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

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

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

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

  • الطبقة 1: الشبكات المرجعية
  • طبقة 2: الجامعيهفي
  • الطبقة 3: سماعات الرأس
  • الطبقة 4: mpc
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. كيفية إنشاء CDJ

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

الخطوة 1

أنشئ الشكل الرئيسي لجسم الجهاز ، باستخدام مستطيل 96x 108 px الذي سنقوم باستخدامه باستخدام # BFB6B6 ، ثم ضعه على الجزء السفلي من الشبكة الأساسية ، مع ترك فجوة 4 بيكسل للخطوط العريضة.

creating and positioning the main shape for the cdjs body

الخطوة 2

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

adding the outline to the cdjs body

الخطوه 3

غيّر لون تعبئة المخطط الذي أنشأناه للتو إلى # 494343 بحيث يبرز من شكل التعبئة.

adjusting the color of the cdjs main outline

الخطوة 4

,قم بإنشاء القسم العلوي من CDJ بإضافة مستطيل 96x36 px ( # 787171 ) إلى جانبه العلوي ، مع محاذاة إلى حافة شكل التعبئة الأساسي.

adding the darker section to the cdjs upper body

الخطوة 5

افصل الجزء العلوي من الجهاز عن الجزء السفلي منه من خلال إضافة مستطيل 96 x 4 بكسل أسفله مباشرةً ، مع تلوينه باستخدام # 494343 .

adding the horizontal divider to the upper section of the cdjs body

الخطوة 6

باستخدام أداة المستطيل (M) ، إنشاء 80 × 4 بكسل الشكل الذي سوف اللون باستخدام # 494343 ثم وضع في وسط المساحة الفارغة التي شكلتها الخطوط العريضة للجهاز والحافة العلوية منطقة الرسم النشطة.

creating and positioning the outline section onto the top of the cdjs body

الخطوة 7

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

creating and positioning the top insertion onto the cdjs body

الخطوة 8

مع استمرار تحديد أداة المستطيل (M) ، أضف مستطيلًا أصغر حجمًا 32 x 4 بكسل ( # 494343 ) إلى أسفل الجهاز ، مع التركيز على الشكل الأساسي.

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

creating and positioning the bottom insertion onto the cdjs body

الخطوة 9

n سنبدأ بإنشاء الشاشة الصغيرة باستخدام مستطيل مقاس 40 × 20 بيكسل ( # 615A5A ) مع مخطط 4 بيكسل سميك ( # 494343 ) سنقوم بجمعه (Control-G ) ثم نضعه في منتصف القسم العلوي للجهاز .

creating and positioning the cdjs display

الخطوة 10

يؤدي استخدام أداة المستطيل (M) إلى إنشاء الموجات الصوتية الصغيرة باستخدام ثمانيةمستطيلات طويلة طولها 2 x 16 بكسل ( # F97762 ) تم وضع 2 بكسل من بعضها البعض ، والتي سنقوم بجمعها ( Control-G ) ووضعها على الشاشة ، تاركًا 2 بكسلالفجوة من الحافة اليسرى.

creating and positioning the main shapes for the cdjs sound bars

الخطوة 11

انقر نقرًا مزدوجًا فوق الموجات الصوتية التي قمنا بإنشائها لعزلها ، ثم قم بضبط بعضمرتفعاتها كما يلي:

  • الشريط الأول: 12 بكسل
  • .الشريط الثاني: 16 بكسل
  • الشريط الثالث: 12 بكسل
  • .الشريط الرابع: 8 بكسل
  • الشريط الخامس: 4 بكسل
  • الشريط السادس: 12 بكسل
  • .الشريط السابع: 8 بكسل
  • الشريط الثامن: 12 بكسل

بمجرد الانتهاء ، لا تنس الخروج من وضع العزل عن طريق الضغط على Escape .

adjusting the height of the cdjs sound bars

.الخطوة 12

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

creating and positioning the main shapes for the cdjs digital up and down buttons

الخطوة 13

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

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

turning the two arrows into the cdjs up and down arrow buttons

الخطوة 14

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

creating and positioning the main shapes for the cdjs top-left button

الخطوة 15

باستخدام أداة Ellipse Tool (L) ، قم بإنشاء دائرة 4 × 4 بكسل ( # E8DDDD ) مع مخطط تفصيلي 4 بكسل ( # 494343 ) والذي سنقوم بتحويله إلى قرص عن طريق إضافة مستطيل 4 × 2 بكسل فوق النصف العلوي. بمجرد الانتهاء من ذلك ، حدد مجموعة ( Control-G ) وقم بتجميع جميع أشكال الإنشاء الخاصة بالطلب ، مع وضعه أسفل الزر الذي أنشأناه للتو ، على مسافة 6 بيكسل .

creating and positioning the main shapes for the cdjs top left dial

الخطوة 16

انتقل إلى الجانب الأيمن من الجهاز ، وأنشئ دائرتين 6 × 6 بكسل ( # 494343 ) تموضعهما 4 بكسل من بعضهما البعض ، والتي سنقوم بجمعها ( Control-G ) ثمضعها في وسط المساحة الفارغة التي أنشأتها العرض والحافة اليمنى للقسم العلوي.

creating and positioning the main shapes for the cdjs top right buttons

الخطوة 17

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

creating and positioning the main shapes for the cdjs top right dial

الخطوة 18

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

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

creating and positioning the main shapes for the cdjs bottom left dial

الخطوة 19

.ابدأ في العمل على مركز التدوير اللولبي من خلال إنشاء دائرة 44 × 44 بكسل ( # 615A5A ) مع مخطط 4 بكسل ( # 494343 ) الذي سنقوم بجمعه ( Control-G ) ثم ضعه في منتصف الجزء السفلي للجهاز .

creating and positioning the main shapes for the cdjs scratch jog wheel

الخطوة 20

أنشئ القسم الأمامي للعجلة باستخدام دائرة 28 × 28 بيكسل ( # 9B9494 ) مع مخطط 4 بيكسل سميك ( # 494343 ) والذي سنقوم بجمعه ( Control-G ) ووضعه أعلى القاعدة التي أنشأناها في السابق خطوة.

creating and positioning the main shapes for the cdjs scratch jog wheels front

الخطوة 21

أضف دائرة 4 × 4 بيكسل ( # 494343 ) باتجاه الزاوية السفلية اليمنى من الجزء الأمامي من العجلة ، ثم حدد مجموعة كل أشكال الإنشاء الخاصة بها معًا باستخدام اختصار لوحة المفاتيح Control-G .

finishing off the cdjs scratch wheel

الخطوة 22

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

creating and positioning the main shapes for the cdjs bottom-left button

الخطوة 23

إنشاء الزر السفلي الثاني، وذلك باستخدام نسخة مكررة ( مراقبة-C> مراقبة-F ) من واحد من الخطوة السابقة، والتي سوف نقوم بتعديل بتغيير لونه إلى # F9AE7A ثم وضع فوقه، على مسافة 4 بكسل .

creating and positioning the main shapes for the cdjs second bottom-left button

الخطوة 24

ابدأ العمل على الترويسة من خلال تحديد أداة المستطيل (M) وإنشاء شكل 6 × 52 بكسلالذي سنقوم باستخدامه باستخدام # 787171 ، مع منحه مخططًا رائعًا لسمك 4 بكسل ( # 494343 ) تجميع ( Control-G ) وتحديد موضع اثنين على مسافة 4 بكسل من الحافة اليمنى للجهاز.

creating and positioning the main shapes for the cdjs fader

الخطوة 25

انقر نقرًا مزدوجًا على الأشكال التي أنشأناها للتو لإدخال وضع العزل ثم أضف مستطيل 2 × 48 بكسل ( # 494343 ) فوقها ، مع التأكد من توسيطها مع بعضها البعض.

بمجرد الانتهاء ، اضغط على Escape للخروج من العزلة.

adding the little slider line to the cdjs fader

الخطوة 26

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

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

creating and positioning the main shapes for the cdjs fader switch

6. كيفية إنشاء سماعات الرأس

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

الخطوة 1

ابدأ بإنشاء مستطيل دائري 104 × 114 ( # 615A5A ) مع نصف قطر لزاوية 52 بيكسل ، حيث سنقطع قطعة أصغر حجمها 96 × 106 بكسل مع قطر نصف قطرها 48 بيكسل ( مظللاً باللون البرتقالي) مع وضع الشكل الناتج نحو مركز منطقة الرسم النشطة ، على مسافة 4 بكسل من الحافة العليا.

creating and positioning the main shape for the headphones head band

الخطوة 2

اضبط الشكل الرئيسي للفرقة عن طريق إزالة الجزء السفلي الذي يحتوي على نقطتي الربط السفلي ، باستخدام مستطيل 120 x 54 بكسل (مظللاً باللون البرتقالي) والذي سنتمحورحوله مع الحافة السفلى لمنطقة الرسم النشطة.

adjusting the headphones head band using a rectangle

الخطوه 3

امنح الشكل الناتج مخططًا سميكًا 4 بكسل باستخدام طريقة Offset Path ، والتي سنقوم باستخدامها باستخدام # 494343 .

adding the outline to the headphones band

الخطوة 4

باستخدام أداة المستطيل (M) ، أضف شكل 4 × 6 بكسل ( # E8DDDD ) على الجانب الأيسر السفلي من الشريط ، وأخرى أصغر 4 × 4 بكسل ( # 494343 ) فوقها ، والتي سنقوم بتجميعها ( Control-G ) ومن ثم استخدامها لإنشاء نسخة ( Control-C> Control-F ) والتي سنضعها على الجانب الآخر من النطاق.

adding the little metal sections to the bottom of the headphones head band

الخطوة 5

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

adding the plastic side sections to the headphoness head band

الخطوة 6

استخدم أداة Rectangle Tool (M) لإنشاء شكل 4 × 6 بكسل ( # 494343 ) الذي سنضعه تحت الحافة السفلية للخطوط العريضة للفرقة ، مع التركيز على المستطيل الرمادي الفاتح الأيسر. أضف مستطيلًا صغيرًا بحجم 1 × 2 ( # 494343 ) إلى جانبه الأيسر ، ثم قم بتجميع ( Control-G ) وإنشاء نسخة ( Control-C> Control-F ) منها ، والتي سنضعها على الجانب الأيمن من الفرقة ، مع التأكد من قلبها رأسيًا ( انقر بزر الماوس الأيمن> تحويل> انعكاس > عمودي ).

يمكنك أيضًا تحديد جميع أشكال ومجموعات إنشاء الفرقة ( Control-G ) أيضًا نظرًا لأننا انتهينا كثيرًا من العمل عليها.

adding the adjustment steps to the lower section of the headphones band

الخطوة 7

ابدأ العمل على كوب الأذن الأيسر عن طريق إنشاء الأشكال الرئيسية لسلاسة برنامج التشغيل الخاص به باستخدام مستطيل 8x20 px ( # 787171 ) مع مخطط 4 بكسل ( # 494343 ) ، والذي سنضعه أسفل الجزء القابل للتعديل في النطاق تم إنشاؤه في الخطوة السابقة.

creating and positioning the main shapes for the headphones left driver enclosure

الخطوة 8

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

adding details to the headphones left driver enclosure

الخطوة 9

استخدم أداة Rectangle Tool (M) لإضافة شكل 2 × 12 بكسل ( # 494343 ) إلى الجانب الأيسر من مخطط برنامج التشغيل ، مع التأكد من محاذاة المحور الرأسي للوائمين باستخدام لوحة Align .

adding the side section to the headphones left driver enclosure

الخطوة 10

قم بالتبديل إلى أداة Rounded Rectangle Tool واستخدمها لإنشاء شكل 8 × 44 بكسل ( # A79F9F ) مع مخطط تفصيلي بحجم 4 بكسل ( # 494343 ) ، سنقوم بإضافة مستطيل عمودي بحجم 4 × 44 بكسل ( # 494343 ). . حدد ثم قم بتجميع ( Control-G ) مع جميع الأشكال الثلاثة معًا ، مع وضعهم على الجانب الأيمن من السائق بعد ذلك ، مع التأكد من أن الخطوط العريضة في نهاية المطاف متداخلة.

creating and positioning the main shapes for the headphones left cup

الخطوة 11

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

creating and positioning the main shapes for the headphones left ear pad

الخطوة 12

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

creating and positioning the main shapes for the headphones left adjustment extension

الخطوة 13

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

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

headphones icon finished

7. كيفية إنشاء لجنة السياسة النقدية

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

الخطوة 1

إنشاء الجسم الرئيسي للجهاز باستخدام مستطيل 96 x 108 px ( # BFB6B6 ) معمخطط 4 بكسل ( # 494343 ) الذي سنقوم بجمعه ( Control-G ) والمحاذاة إلى الحافة العليا لمنطقة الرسم النشطة الأساسية.

creating and positioning the main shapes for the mpcs body

الخطوة 2

املأ الفراغ الفارغ الذي خلفه جسم الجهاز باستخدام مستطيل 92x4 px ( # 494343 ) ، والذي سنقوم بمحاذاة المركز الأفقي إلى المخطط الخارجي الأكبر.

adding the bottom outline section to the mpcs body

الخطوه 3

قم بإنشاء الشكل الرئيسي للقسم العلوي باستخدام مستطيل 96x8 px الذي سنقوم باستخدامه باستخدام # 787171 ومن ثم محاذاة إلى الحافة العلوية لشكل ملء الهيكل (المستطيل الرمادي الفاتح).

creating and positioning the main shape for the mpcs upper section

الخطوة 4

عزل الشكل الذي أنشأناه للتو من الجزء السفلي من الجسم ، بإضافة مقسّم أفقي 96 × 4 بكسل أسفله مباشرةً ، والذي سنلونه باستخدام # 494343 .

adding the horizontal divider line to the upper section of the mpcs body

الخطوة 5

قم بإنشاء المسامير الجانبية الصغيرة باستخدام دائرتين 4 × 4 بكسل ، والتي سنقوم باستخدامها باستخدام # 494343 ، ثم ضعها على مسافة 2 بكسل من الحواف الخارجية للشكل الأساسي.

creating and positioning the little bolts onto the upper section of the mpcs body

الخطوة 6

إضافة القليل من خط دمية النص، وذلك باستخدام 24 × 4 بكسل مستطيل ( # 494343 )، يليه آخر أصغر 14 × 4 بكسل واحد ( # 494343 ) على مسافة 4 بكسل ، والتي سوف نقوم بتعديل باختيار من الداخل السفلي نقاط مرساة و نقلهم نحو اليسار بمقدار 2 بكسل ( انقر بزر الماوس الأيمن> تحويل> نقل> أفقي> -2 بكسل ). بعد ذلك ، ما عليك سوى تجميع ( Control-G ) للأشكال الناتجة وتوسيطها في القسم العلوي للجهاز ، مع التجميع ( Control-G ) لتشكيل الأشكال أيضًا.

adding the dummy text lines to the upper section of the mpcs body

الخطوة 7

h

creating and positioning the left side section onto the mpcs body

الخطوة 8

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

creating and positioning the right side section onto the mpcs body

الخطوة 9

باستخدام أداة Rectangle Tool (M) ، أنشئ شكلًا بحجم 60 x 4 بكسل ، وسنعمل على تلوينه باستخدام # 494343 ثم تتم محاذاة منتصفه إلى الحافة السفلى لجسم الجهاز.

creating and positioning the bottom insertion onto the mpcs body

الخطوة 10

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

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

adding the lower side bolts onto the mpcs body

الخطوة 11

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

باستخدام أداة Ellipse Tool (L) ، أنشئ دائرة 8 × 8 بيكسل ( # 494343 ) ،واعطها مخططًا بحجم 4 بكسل ( # 494343 ) ، وقم بإنشاء مؤشر كسب 2 × 6 بكسل ( # 494343 ) ، ثم قم بتجميع ( Control-G) ) ووضع الأشكال أسفل القسم العلوي للجهاز ، مع ترك فجوة 4 بكسل تقريبًا حولها.

creating and positioning the first knob onto the mpcs body

الخطوة 12

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

creating and positioning the remaining knobs onto the mpcs body

الخطوة 13

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

creating and positioning the button from underneath the mpcs knobs

الخطوة 14

أضف وسائد الضغط الصغيرة باستخدام ثمانية مربعات 8 × 8 بيكسل ( # F97762 ) مع مخطط 4 بكسل ( # 494343 ) مكدّس في صفين مع فجوة 2 بكسل أفقياً ورأسياً.

adding the little pressure pads to the mpcs body

الخطوة 15

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

creating and positioning the two orange buttons onto the mpcs body

الخطوة 16

قم بإنشاء منزلق التعديل الصغير باستخدام مستطيل 8x 74 px ( # 787171 ) معمخطط 4 بكسل ( # 494343 ) الذي سنضعه على الجانب الأيمن من الجهاز ، على مسافة 4 بيكسل من الصف الثاني من الوسادات.

creating and positioning the main shapes for the mpcs modulation slider

الخطوة 17

أضف خطوط المؤشر الصغيرة باستخدام ثمانية عشر مستطيلة × 6 × 2 ( # 494343) مكدسة عموديًا 2 بكسل من بعضها البعض ، والتي سنقوم بتجميعها ( Control-G ) ثم ضعها في وسط شكل ملء التمرير.

adding the little indicator lines to the mpcs modulation slider

الخطوة 18

قم بإنهاء الشريط المنزلق ، ومعه الأيقونة نفسها ، بإضافة مستطيل 6 × 10 بكسل ( # 494343 ) فوق خطوط المؤشر الرابع والخامس والسادس ، وتحديد وتجميع (Control-G ) مع جميع أشكال الإنشاء الخاصة به معًا بعد ذلك.

كما هو الحال دائمًا ، لا تنس أن تحدد جميع أشكال ومجموعات الأيقونات ( Control-G ) أيضًا.

mpc icon finished

العرض أكثر!

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

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

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.