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

كيفية إنشاء مشهد مخيف الشارع الخلفي في Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

حتى بافتراض كنت أمسك بالفعل طازجة قدح من القهوة، دعونا نبدأ!

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

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

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

  • عدد ألواح الرسم: 1
  • العرض: 800 px
  • الارتفاع: 600 px
  • الوحدات: بكسل

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

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

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

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

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

  • طبقة 1: معلومات أساسية
  • الطبقة 2: المقدمة
setting up the layers

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

3-كيفية إنشاء شكل الخلفية الرئيسية

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

باستخدام أداة المستطيل (M)، إنشاء مستطيل مقصف 800 × 600، الذي سنقوم باللون باستخدام 2A323D# وثم ضع في مركز لوح الرسم الأساسي باستخدام خيارات لوحة محاذاة أفقية وعمودية محاذاة إلى الوسط.

creating the main background shape

4-كيفية إنشاء الحائط من الطوب

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

الخطوة 1

ابدأ بإنشاء مستطيل مقصف 480 × 396، التي سنقوم باللون باستخدام F76C5E# وثم مركز محاذاة إلى لوح الرسم الأساسي، وضعه على مسافة 78 مقصف من حافته العليا.

creating and positioning the main shape for the brick wall

الخطوة 2

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

adjusting the shape of the brick wall

الخطوة 3

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

creating the first row of bricks

الخطوة 4

إنشاء نسخة (Control-C > Control-F) الصف الذي نحن فقط لقد تم تجميعها، وثم ضع عليه أعلاه، مع التأكد من دفع إلى اليمين من 16 مقصف باستخدام مفاتيح الأسهم الاتجاه أو أداة التحريك (right click > Transform > Move > Horizontal > 16 px).

adding the second row of bricks

الخطوة 5

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

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

adding the remaining rows of bricks

الخطوة 6

بعد ذلك، سنقوم بإخفاء الصفوف التي نحن لقد تجميعها فقط باستخدام نسخة (Control-C) من الجدار الأساسي الذي سوف لصق في الجبهة (Control-F) وثم، مع كل منهما المحدد، ببساطة انقر على right click > Make Clipping Mask.

masking the brick rows

الخطوة 7

يستغرق بضع لحظات وتعزيز بعض من الطوب بضعف النقر عليها لعزلها، وثم فتح مسارات العلوي أو السفلي كما هو موضح في الصورة المرجعية. وبمجرد الانتهاء من ذلك، اضغط المفتاح Escape للخروج من "حالة العزلة"، ومن ثم حدد كل من الطوب والجدار والمجموعة لهم معا باستخدام اختصار لوحة المفاتيح Control-G.

opening up the paths of some of the bricks

5-كيفية إنشاء الرصيف

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

الخطوة 1

قم بإنشاء الشكل الرئيسي للضوء المسقط 560 × 48 مقصف القطع ناقص، الذي سنقوم باللون باستخدام F76C5E# وثم ضع أسفل الجدار كما هو موضح في الصورة المرجعية باستخدام.

creating the main shape for the projected light

الخطوة 2

إضافة المقطع مرئي للرصيف باستخدام مستطيل مقصف 560 x 24 (#2A323D)، الذي سيتم وضع نحن في النصف العلوي من القطع الناقص، مع التأكد من تحديد وتجميع وهما معا بعد ذلك باستخدام اختصار لوحة المفاتيح Control-G.

creating the main shape for the sidewalk

6-كيفية إنشاء الشارع علقت الخفيفة

بالحائط والرصيف في مكان، يمكن أن نركز الآن على آخر قطعة من الخلفية، والتي سوف ننشئ شكل واحد في وقت واحد.

الخطوة 1

إنشاء هيئة الرأسية وظيفة باستخدام 8 × 48 مقصف تقريب مستطيل (#2A323D) مع 4 مقصف "نصف قطر الزاوية"، التي نحن سيتم توسيط محاذاة إلى الحافة العلوية للجدار كما هو موضح في الصورة المرجعية.

creating the vertical section of the light post

الخطوة 2

إضافة الجزء الأفقي منصب على الحائط باستخدام مستطيل مقصف 16 × 12 (#2A323D)، هو أننا سوف الموقف الذي 8 مقصف من الحافة السفلية للشكل السابق.

creating the horizontal section of the light post

الخطوة 3

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

adding the side segments to the base of the light post

الخطوة 4

إضافة المصباح استخدام 28 x 16 مقصف القطع ناقص، الذي سنقوم باللون باستخدام #FFE7C5 وثم ضع في الجزء العلوي من هذا الموقف حيث أن يذهب بالنصف العلوي خارج سطح الجدار.

creating the light bulb

الخطوة 5

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

adjusting the shape of the light bulb

7-كيفية إنشاء مدخل الباب

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

الخطوة 1

قم بإنشاء القسم الداخلي من الغرفة باستخدام مستطيل مقصف 120 x 278، التي سنقوم باللون باستخدام #2A323D وثم مركز محاذاة إلى الحافة العليا من الرصيف.

creating the inner visible section of the room

الخطوة 2

ابدأ العمل على الجزء الأيمن من إطار الباب بإنشاء مستطيل px 18 × 278  (# FFE7C5) ، والذي سنضعه على الجانب الأيسر من الشكل السابق

creating the main shape for the left section of the door frame

الخطوة 3

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

adding the bottom decorative insertion to the right section of the door frame

الخطوة 4

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

adding the top decorative insertion to the right section of the door frame

الخطوة 5

إضافة الخطوط العمودية من التفصيل ثلاثة 2 × 70 مقصف المستطيلات (#2A323D) التي سوف نقوم أفقياً باستخدام مكدس 2 مقصف من الآخر، التجميع (Control-G) وثم وضعها بين الملاحق الزخرفية اثنين.

adding the decorative lines to the right section of the door frame

الخطوة 6

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

adding the hard shadow to the right section of the door frame

الخطوة 7

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

adding the left section of the door frame

الخطوة 8

بدء العمل في الجزء العلوي من الإطار بإنشاء مستطيل مقصف 172 x 18 (#FFE7C5)، الذي نحن سيتم وضع على رأس المدخل، كما رأينا في الصورة المرجعية.

creating the upper section of the door frame

الخطوة 9

قم بإضافة عناصر زخرفية جولة استخدام اثنين من 14 x 14 مقصف الدوائر (#FFE7C5)، الذي سيتم وضع في الجزء العلوي من الإطار، مع التأكد من مركز محاذاتهم للمقاطع الجانبية للإطار.

adding the circular decorative pieces to the upper section of the frame

الخطوة 10

إنشاء الإدراج الزخرفية باستخدام مستطيل مقصف 164 × 10 (#2A323D)، التي سوف نقوم بإضافة 156 × 2 أصغر من مقصف واحد (#FFE7C5)، التجميع (Contol-G) وثم تحديد المواقع الاثنين في وسط القسم العلوي من الإطار.

adding the decorative insertion to the upper section of the frame

الخطوة 11

إضافة الشكل الرئيسي للجزء التي آثارها استخدام مستطيل مقصف 108 x 12، التي سنقوم باللون باستخدام #FFE7C5 وثم ضع كما هو موضح في الصورة المرجعية.

adding the raised segment to the upper section of the door frame

الخطوة 12

إنشاء الانحناءات الجانبية باستخدام اثنين 6 × 6 دوائر مقصف (#FFE7C5)، التي نحن سوف ضع على جانبي الشكل السابق ثم قم بضبط بتحديد على أعلى وحذف نقاط الربط الخارجي باستخدام أداة التحديد المباشر (A) وثم إزالتها عن طريق الضغط. إغلاق المسارات الناتجة باستخدام أداة القلم (P)، وفور الانتهاء من ذلك، انتقل إلى الخطوة التالية.

adding the round side sections to the raised portion of the door frame

الخطوة 13

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

adding the vertical insertion lines to the raised segment of the door frame

8-كيف يمكن خلق جرس الباب

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

الخطوة 1

إنشاء قاعدة للجرس مستطيل مقصف 8 × 12، التي نحن سوف اللون باستخدام #FFE7C5 ومن ثم مقصف موقف 14 من إطار الباب باستخدام الحق قسم و 16 مقصف من خطوطها العمودية الإدراج الثلاثة.

creating and positioning the main shape for the doorbell

الخطوة 2

أضف المقاطع الجانبية أصغر استخدام اثنين 2 × 8 مقصف المستطيلات، التي سنقوم باللون باستخدام #FFE7C5 وثم ضع كما هو موضح في الصورة المرجعية.

adding the side sections to the doorbell

الخطوة 3

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

adding the circular endpoints to the doorbell

الخطوة 4

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

adding the circular button to the doorbell

9-كيفية إنشاء وحش مخيف

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

الخطوة 1

بدء العمل في الفم عن طريق إنشاء 56 × 8 مقصف القطع ناقص، الذي سنقوم باللون باستخدام #F76C5E وثم مركز محاذاة إلى المدخل، وضعه 84 مقصف من حافته العليا.

creating the main shape for the mouth of the monster

الخطوة 2

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

adjusting the outer anchor points of the mouth

الخطوة 3

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

adjusting the shape of the mouth

الخطوة 4

مع لون التعبئة إلى #2A323D، رسم الأسنان ملتوية وبالمساعدة من القلم أداة (ف)، باستخدام الصورة المرجعية كالدليل الرئيسي الخاص بك. وبمجرد الانتهاء من ذلك، حدد الشكل الناتج والفم والمجموعة وهما معا باستخدام اختصار لوحة المفاتيح Control-G.

drawing the teeth

الخطوة 5

إنشاء الشكل الرئيسي للعين اليمنى باستخدام دائرة مقصف 10 × 10 (#F76C5E)، التي سوف نعدل عن طريق تحديد ودفع به نقاط الربط أعلى وأسفل في الجانب الأيمن من 1 مقصف ولها منها اليسار واليمين إلى الأسفل بآخر 1 px. وبمجرد الانتهاء من ذلك، ضع الشكل الناتج فوق الفم كما هو موضح في الصورة المرجعية.

creating the main shape for the right eye

الخطوة 6

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

adding the iris to the right eye

الخطوة 7

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

adding the left eye

10-كيفية إنشاء الكرة

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

الخطوة 1

قم بإنشاء الشكل الرئيسي للكرة باستخدام دائرة مقصف 28 x 28، التي سنقوم باللون باستخدام #F76C5E وثم محاذاة إلى الحافة السفلي للمدخل.

creating and positioning the main shape for the ball

الخطوة 2

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

adding the rings to the ball

الخطوة 3

إنشاء الشكل الرئيسي للدم نازف استخدام مستطيل مقصف 4 × 8 (#F76C5E)، التي سوف نعدل بتعيين نصف قطر في الزوايا السفلية إلى 2 مقصف من ضمن "خصائص المستطيل" للوحة التحويل، موضع الشكل الناتج على الرصيف، كما رأينا في الصورة المرجعية.

creating the main shape for the dripping blood

الخطوة 4

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

adding the side sections to the dripping blood

الخطوة 5

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

finishing off the illustration

عمل عظيم!

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

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

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.