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

كيفية رسم طابع مصمم شقة في Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

كما يمكنك أن ترى في الصورة أدناه، يمكن فعلا نضيف بعض المزيد من الكائنات الداخلية لدينا الرسم التوضيحي، يجعلها أكثر تفصيلاً. تحقق من نسخة موسعة من الرسم التوضيحي "محب مصمم" على عناصر Envato Elements,، حيث ستجد عناصر إضافية وإصدارات اللون البديل!

Hipster Designer illustration

لذلك دعونا نبدأ!

1-كيفية إنشاء جدول في Adobe Illustrator

الخطوة 1

دعونا نبدأ بجعل الطاولة. أداة المستطيل تقريب وإنشاء شكل ضوء-براون مقصف 540 × 10 مع الزوايا.

يمكننا ضبط "نصف قطر الزاوية" الشكل إذا علينا تحديده بأداة التحديد المباشر (A) وقم أما بتعيين القيمة المطلوبة (5 px) في لوحة التحكم في الأعلى أو عن طريق سحب علامة دائرة من "زوايا العيش" يدوياً.

قم بcopy الشكل ولصق في Paste in Front (Control-C > Control-F). جعل الشكل الجديد أقصر (450 × 10 px) عن طريق تحريك حافته اليسرى إلى اليمين. جعلFill لون التعبئة أخف قليلاً.

make a tabletop

الخطوة 2

الآن دعنا انتزاع Pencil Tool (N) وإنشاء نسيج خشبي بسيط على الجدول. Double-click فوق Pencil Tool (N) لضبط الإعدادات وبدء لرسم خطوط متموجة تتدفق عبر الجزء البنى الخفيف من الطاولة.

حدد كافة الخطوط، Group (Control-G) منهم وتعيين Weight 1 px مقصف في لوحة اStroke (Window > Stroke). تحريرStroke لون الحد من الخطوط في لوحة Color، مما يجعلهم أكثر قتامة قليلاً من الطاولة.

make a texture with the pencil tool

الخطوة 3

الآن دعنا إخفاء النصائح غير الضرورية من الخطوط مع "Clipping Mask".

مكرر (Control-C> Control-F) الشكل البني الفاتح للطاولة وجلب إلى الأمام (Shift-Control-]).

اضبط لون Fill و Stroke من الشكل العلوي على None واختره مع السطور. انقر على right mouse button وMake Clipping Mask. ها أنت ذا! الآن يتم إخفاء جميع الخطوط داخل الشكل العلوي.

القيام بنفسه بالنسبة للجزء المظلم من الطاولة.

use the Clipping Mask

الخطوة 4

فلننتقل إلى أرجل الطاولة. خذ Rectangle Tool (M)  وقم بإنشاء ركيزتين رمادية داكنة مقاس 12 × 85 بكسل أسفل الجانب الأيسر من سطح الطاولة.

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

تكرار الدعائم التي تقوم عليها مرة أخرى، اضغط المفتاح Alt، وتقليص الأشكال لجعلها أضيق. سحب الحافة السفلية لأسفل لجعل الساقين طولاً (7 × 215 px).

create table legs from rectangles 1

الخطوة 5

إنشاء مستطيل مقصف تقريب 100 × 10 في الجزء السفلي من الجدول-الساقين. تكرار ذلك، وجعل نسخة أعلى أخف وأقصر (80 × 20 مقصف)، ومن ثم إضافة بعض البعد إلى لدينا صورة مسطحة.

create table legs from rectangles 2

الخطوة 6

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

عمل عظيم! لدينا جدول جاهز. دعنا ننتقل!

create table legs from rectangles 3

2-كيف يمكن جعل من كمبيوتر مسطحة & لوح الرسومات

الخطوة 1

لنبدأ بإنشاء الشاشة. أمسك أداة Rounded Rectangle Tool ودعنا نحصل على شكل 135 × 85 بكسل مع 10 px Corner Radius.

Copy الشكل و Paste in Front مرتين (Control-C> Control-F> Control-F). حرك الشكل العلوي إلى اليمين ، باستخدام مفتاح Right Arrow أو بسحبه باستخدام Selection Tool (V) أثناء الضغط على مفتاح Shift.

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

making a monitor from rectangles

الخطوة 2

لآن بعد أن أصبحت الشاشة جاهزة ، دعنا نضيف حاملًا. استخدم Rectangle Tool (M) لعمل مستطيل بحجم 45 × 55 بكسل ، أغمق قليلاً من الشاشة.

حدد نقطة الربط الصحيح الأعلى مع Direct Selection Tool  (A) وجعل الزاوية تقريب، إعداد دائرة Radius إلى حوالي 15 px.

add a stand

الخطوة 3

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

إضافة تسليط الضوء على موقف كما فعلنا للعرض في الخطوة 1.

add a stand 2 shape builder tool

الخطوة 4

ضع مستطيلاً رمادي غامق على الشاشة ، مما يجعل الظل من الحامل. اضغط على Control- [عدة مرات لSend الشكل Backward.

استخدم أداة المستطيل (M) لوضع شكل Px 60 × 5 أسفل الحامل. اجعل أركانه اليسرى مستديرة بالكامل.

قم بإنهاء الكمبيوتر بتزيينه باستخدام ملصق دائرة 20 × 20 px بمساعدة أداة Ellipse Tool (L). اضغط باستمرار على مفتاح Shift أثناء إنشاء دائرة لجعلها متساوية.

add details to the computer

الخطوة 5

الآن دعنا تصور لوح رسومات. ابدأ بجعل مستطيل 100 × 50px تقريب مع 10 px Corner Radius.

مع الحفاظ على الشكل المحدد ، double-clickا مزدوجًا على Shear Tool  (يمكنك العثور عليها في نفس القائمة المنسدلة ك Scale Tool (S) وتعيين Shear Angle إلى 40 degrees. انقر فوق OK لتطبيق التغييرات.

جعل مجموعة شريطية أخف لتسليط الضوء على الحافة اليمنى للشكل.

make a graphic tablet

الخطوة 6

الآن دعنا نحمل موقفًا نحيفًا. خذ Rectangle Tool (M) وقم بإنشاء شكل 60x33 بيكسل مع ضربة رقيقة رماديةStroke وno Fill.

حدد نقاط الربط السفلية باستخدام Direct Selection Tool (A) واضغط على Enter لفتح نافذة MoveHorizontal Position على 10 px ، Vertical إلى 0 px وانقر فوق  OK لتحريك الحافة السفلية للشكل إلى اليمين.

make a stand for the tablet

الخطوة 7

الحفاظ على نقاط الربط السفلية المحددة باستخدام أDirect Selection Tool (A) ، اجعل الزوايا 8 px مدورة. قم بإنهاء الجهاز اللوحي بإضافة علامة بيضاوية متدرجة إلى مركزها.

يبدو أن يتم الانتهاء من الأجهزة! دعنا ننتقل!

make a stand for the tablet 2 rounded corners

3-كيفية رسم كوب قهوة مسطح

الخطوة 1

لنصنع فنجانًا من مستطيل. إنشاء شكل أخضر 32 x 25 px. اجعل أركانه العليا مستديرة قليلاً ، ثم انتقل إلى زوايا القاع وتعيين نصف Radius إلى 9 px.

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

make a coffee mug from rectangles

الخطوة 2

دعونا إضافة مقبض. إنشاء مستطيل 12 x 15 px. حدد في الأعلى وأسفل نقاط الربط الأيسر مع Direct Selection Tool (A) وجعل زوايا 5 px تقريب.

مكرر (Control-C> Control-F) الشكل ، اضغط مع الاستمرار على Alt-Shift وجعل النسخة أصغر. حدد كلا الشكلين واستخدم الدالة Minus Front الخاصة بـ Pathfinder لقطع الشكل العلوي ، مما يجعل الثقب في منتصف المقبض.

make a mug handle

الخطوة 3

إرفاق المقبض للقدح وSend to Back (Shift-Control-[). الانتهاء القدح بإضافة مستطيل صغير ضيق إلى حافته السفلي.

Attach the handle to the mug

4-كيفية إنشاء كتاب مسطح

الخطوة 1

لنقم بإنشاء مستطيل رمادي غامق بحجم 67 x 12 px  وساعد في تقريب أركانه اليسرى. انتقل إلى Object> Path> Offset Path وOffset الإزاحة إلى 2 px. جعل الشكل الخارجي أخف قليلا.

قم بDuplicate  الشكل الأصغر twice (Control-C> Control-F> Control-F) وقم بتعبئة كلا النسختين باللون الأبيض. قم بتحريك النسخة العليا إلى اليمين ، مما يجعلها تتداخل مع الحافة اليمنى من الكتاب.

make a flat book from rectangles 1

الخطوة 2

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

تقديم نصائح لغلاف كتاب تقريب.

make a flat book from rectangles 2

الخطوة 3

استخدمPen Tool (P) أو Line Segment Tool (\)  واضغط مفتاح Shift لجعل الخطوط الأفقية المستقيمة للأوراق الورقية. إخفاء القطع غير المرغوب فيها داخل Clipping Maskكما فعلنا مع نسيج خشبي من سطح الطاولة.

جعل ظلال خفية عن طريق تكرار شكل ورقة ونقلها إلى اليمين. احذف القطعة غير المرغوب فيها بمساعدة Shape Builder Too (Shift-M) مع الاستمرار في Alt.

ويوجد لدينا! لدينا كتاب جاهز!

make a flat book from rectangles 3

الخطوة 4

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

place objects on the desk

5-كيفية رسم طابع محب مسطح

الخطوة 1

دعونا نبدأ مع الرأس. جعل مستطيل مقصف 50 x 80 px. تعيين Corner Radius في الزوايا العليا إلى 19 px وزوايا أسفل إلى 23 px.

استخدم أداة Rounded Rectangle Tool والأداة Ellipse Tool (L) لإضافة العيون والحواجب والأنف إلى الوجه.

make a head and a face

الخطوة 2

لنقم الآن بإنشاء فرشاة لرسم شارب محب. ابدأ بوضع دائرة صغيرة بحجم 10 × 10 px. حدد نقطة الارتساء الأيسر مع Direct Selection Tool (A) واسحبه الآن إلى اليسار. Convert selected anchor point to corner اليمنى من لوحة التحكم في الأعلى.

draw a hipster mustache

الخطوة 3

سحب وإفلات الشكل الذي تم إنشاؤه للوحة Brushes (Window > Brushes) وجعل الفن Art Brush. ترك جميع Options بشكل افتراضي. يمكنك دائماً العودة إلى هذه النافذة الخيارات double-clicking فوق الفرشاة في لوحة Brushes لضبط الإعدادات.

الآن تأخذ أداة Paintbrush (B) ورسم شارب مجعد. اضبط "Stroke Weight" إذا لزم الأمر ، ثم "Object"> Expand Appearance of the shape ("المظهر") بمجرد أن تكون سعيدًا به. اضغط على Control- [عدة مرات لوضع الشارب تحت الأنف.

create an art brush

الخطوة 4

الآن دعنا إضافة بعض الشعر. Copy شكل الرأس وPaste in Front twice (Control-C > Control-F > Control-F)). نقل نسخة الأعلى إلى الأسفل وإلى اليمين، كما هو مبين في الصورة أدناه (الشكل الأزرق).

حدد نسخة أعلى وواحدة تحته وتطبيق الدالة Minus Front في لوحة Pathfinder المسار. تعبئة الشكل المتبقية بنفس لون بني داكن كما لدينا للشارب.

الشوارب الطريق طويل جداً، لذلك دعونا تقليم. تأخذ "Eraser Tool" (Shift-E)، اضغط المفتاح Alt، وقطع الجزء السفلي.

create the hair

الخطوة 5

الآن دعنا رسم اللحية، باستخدام نفس الأسلوب. Duplicate الشكل الوجه twice ونقل نسخة أعلى لأعلى وإلى اليمين. استخدم الدالة "Minus Front" للتخلص من الجزء غير الضرورية. جعل اللحية أكثر قتامة من الشعر.

create a hipster beard

الخطوة 6

دعونا نمط الشعر شخصيتنا. تأخذ Rectangle Tool (M) وجعل مستطيل الظلام--براون 65 x 30 px. يمكننا استخدام "Eyedropper Tool (I) لانتقاء اللون من اللحية.

دعونا استخدام لوحة Align لإرفاق الحافة اليسرى من الشعر في الجانب الأيمن من الرأس. حدد الشكل الشعر والرأس، ثم انقر فوق الرأس مرة أخرى لجعله "Key Object " (سوف تشاهد مجموعة أكثر سمكا حوله). انقر فوق "Horizontal Align Left" لمحاذاة الشعر في الرأس.

حدد الأعلى وأسفل الزوايا الصحيحة للشعر مع Direct Selection Tool (A) وجعلها في تقريب تماما.

وأخيراً، حدد نقطة الربط الأيسر العلوي وجعل هذه الزاوية تقريب كذلك.

make a hairdo from rectangle

الخطوة 7

الآن بعد أن الرأس جاهزة، دعنا ننتقل إلى الجسم! ابدأ بجعل قميص من مستطيل أزرق غامق مقصف 70 x px135Double-click فوق " Shear Tool " وضبط "Shear Angle" إلى 20 degrees. جعل زوايا 20 px تقريب.

make a body from rectangle

الخطوة 8

أضف مستطيلاً صغيراً بني داكن مع قاع مستدير للرقبة. أضف مستطيلًا دائريًا ورديًا أكبر لرباط العنق. اضغط على Control- [لوضعها تحت شكل الرقبة.

add a neck and a neckband

الخطوة 9

الآن دعنا تشكل الأسلحة. إنشاء مستطيل حوالي 17 × 96 px الحجم. لا يجب أن تكون بالضبط نفس الارتفاع؛ فقط تأكد من أنه يناسب بين الحافة العلوية للقميص والحافة العلوية للجدول.

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

إضافة دائرة صغيرة للقبضة وإخفائه تحت لوح الرسم.

make the arms from rectangles 1

الخطوة 10

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

دعونا إضافة الأكمام إلى الجزء العلوي من الذراع. Duplicate العنصر الرأسي للذراع واستخدم "Eraser Tool" (Shift-E) أثناء الضغط على Alt لحذف الجزء السفلي نصف النسخة. تعبئة الشكل الباقية بلون وردي مشرق.

دعونا نضيف الذراع المعاكس. حدد العناصر الرأسية للذراع وdouble-click فوق أداة Reflect Tool (O). قلب الشكل فوق Vertical Axis وانقر فوق Copy. اربط الذراع الثاني بالجسم وSend to Back  (Shift-Control- [) ، أسفل القميص.

make the arms from rectangles 2

الخطوة 11

Duplicate شكل الجسم، واستخدم "Eraser Tool" (Shift-E) لحذف الجزء العلوي، تاركاً فقط قطعة ضيقة تحت الطاولة. ملء مع لون أغمق، يصور ظل. Duplicate  قطعة جديدة ومحو مرة أخرى، ملء الجزء المتبقي بلون أزرق غامق الجينز.

add the bottom of the body

الخطوة 12

الآن دعونا نجعل الساقين. أنشئ مستطيلاً بحجم 23 × 130 px بلون أزرق فاتح قليلاً. حدد نقطة ربط اليمين العلوي وكلتا الزاويتين السفليتين باستخدام Direct Selection Tool (A) وجعلها مستديرة بالكامل.

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

make the legs from the rectangles 1

الخطوة 13

Duplicateمضاعفة في الساق واستخدم "Eraser Tool" (Shift-E) لمحو النسخة من جانبها العلوي، تاركين فقط قطعة صغيرة في الجزء السفلي. ملء مع لون البشرة البنى لهجة. تصوير بإظهار أعلى الساق بنطلون بإضافة مستطيل مستدير الزوايا أزرق أخف عبر الساق.

make the legs from the rectangles 2

الخطوة 14

لنقم الآن بإضافة حذاء. ابدأ بالمستطيل الأزرق الداكن 40 × 20 px ، ثم Send it to Back (Shift-Control- [) وأرفقه بالساق.

قم بعمل مستطيل أبيض 25 × 25 px لطرف التمهيد وقم بإرفاقه إلى الحافة اليمنى من الشكل الأزرق الداكن. حدد أركانه العليا واجعلها 12 px مدورة.

الاستيلاء على Pencil Tool (N) ورسم خطوط قليلة على طول الحافة التمهيد. استخدام "Clipping Mask" لإخفاء القطع غير المرغوب فيها من الخطوط.

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

make a gumshoe from rectangles

الخطوة 15

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

جعل زوايا الشكل الجديد الكامل تقريب الأيسر.

الآن دعنا ثني الساق في الركبة بإضافة مستطيل مستدير ضيقة. تكرار ذلك من المحطة الأولى للتو وتستخدم Selection Tool (V) لتدوير عليه إلى حوالي 250 degrees، مما يجعل من احتواء منطقة الركبة.

make the legs from the rectangles 3

الخطوة 16

إضافة ثاني من أحذية وجعل جميع العناصر من الساق أغمق قليلاً، مما يجعل الصورة ثلاثية الأبعاد أكثر قليلاً.

مدهش! يبدو وكأنه هو الانتهاء من شخصيتنا. دعونا ننتقل إلى الجزء الأخير من البرنامج التعليمي.

our character is finished

6-كيفية رسم كرسي الحديث

الخطوة 1

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

ابدأ بإنشاء مستطيل بني 87 x 105 px للجزء الخلفي من الكرسي. حدد الزاوية السفلية اليسرى واضغط على Enter لفتح نافذة Move. قم بتعيين قيمة Horizontal Position إلى 7 px ، Vertical إلى 0 px ، وانقر فوق OK لنقل نقطة الربط 7 px إلى اليمين.

كرر الأمر نفسه بالنسبة لنقطة الربط المعاكس ، لكن هذه المرة قم بتعيين القيمة Horizontalإلى -7 px ، لتحريك النقطة إلى اليسار.

وأخيراً، حدد كل الزوايا العليا وجعلها في تقريب تماما.

make a chair from rectangles 1

الخطوة 2

مع إبقاء الشكل محددًا ، انتقل إلى Object> Path> Offset Path واضبط قيمة الإزاحة Offset  إلى -8 px. حدد كلا من الأشكال وانقر فوق Minus Front لقطع فتحة في المركز.

استخدم "Eraser Tool" (Shift-E) واضغط باستمرار المفتاح Alt لمسح الجزء السفلي من الإطار.

إضافة ثلاثة ألواح خشبية عمودية إلى الرئاسة مرة أخرى، وضعها تحت الإطار (Shift-Control-[).

make a chair 2 offset path

الخطوة 3

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

add texture to the chair

الخطوة 4

الآن نحن بحاجة لإضافة ساق إلى لدينا كرسي. أردت أن تصور كرسي طويل القامة مثل تلك الموجودة في حانة. استخدام Rectangle Tool (M) لتشكل العناصر، استخدام الساقين الجدول كمرجع للأشكال والألوان.

add a leg to our chair

مدهش! يتم الانتهاء من مصمم محب لنا وله مساحة العمل الإبداعي!

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

Hipster Designer and His Creative Workspace

لا تنسَ تنزيل مجموعة Flat Hipster Designer على Envato Elements مع جميع العناصر الإضافية والشخصية البديلة البديلة!

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

استمتع!

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.