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

كيف تنشئ صورة منطاد في أدوبي المصور

by
Read Time:12 minsLanguages:
This post is part of a series called German Week.
How to Draw a Castle
How to Create a German Flag-Inspired Text Effect in Adobe Illustrator

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

نحن نكرم ألمانيا ولغتها وثقافتها هذا الأسبوع احتفالاً بإطلاق النسخة الألمانية من إنفاتو عناصر!

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

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

ماذا ستحتاج

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

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

example of subtle halftone texturesexample of subtle halftone texturesexample of subtle halftone textures
المحتويات متوسطة اللون اللطيفة من إنفاتو عناصر

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

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

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

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

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

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

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

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

  • الطبقة 1: الخلفية
  • الطبقة 2: المنطاد
  • الطبقة 3: التدرج
  • الطبقة 4: المحتوى
setting up the layerssetting up the layerssetting up the layers

3. كيفية إنشاء الخلفية

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

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

الخطوة 1

خذ أداة القلم (P)، وبعد تعيين لون التعبئة لديك إلى # 7AC6F4، ارسم بعناية الشكل الرئيسي من أجل قطع الخلفية السفلية باستخدام صورة مرجعية كدليل رئيسي لك.

creating the main shape for the lower background cutoutcreating the main shape for the lower background cutoutcreating the main shape for the lower background cutout

الخطوة 2

مع استمرار تحديد أداة القلم (P)، ارسم الجزء العلوي الاصغر بسرعة، مع وضع الشكل الناتج كما هو ظاهر في الصورة المرجعية.

creating the upper background cutoutcreating the upper background cutoutcreating the upper background cutout

الخطوة 2

بمجرد الانتهاء من رسم قطاعات الخلفية، يمكننا البدء في العمل على الغيوم الأمامية، والتي سننشئها باستخدام بعض الدوائر ذات الأحجام المختلفة. ضعها على جانبي الشكل السفلي، مع تلوين الخطوط الأمامية باستخدام F0FBFF # والجهة الخلفية باستخدام # D4F7FF.

creating the foreground cloudscreating the foreground cloudscreating the foreground clouds

الخطوة 4

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

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

masking the foreground cloudsmasking the foreground cloudsmasking the foreground clouds

الخطوة 5

انتقل إلى الجزء الأصغر من الخلفية ، وابدأ في العمل على الشمس عن طريق إنشاء هالة متوهجة باستخدام دائرة 112 × 112 بكسل (# FFCF83) متبوعًة بدائرتين أصغر (# FFCF83) ، كل منهما أصغر بـ 12 بكسل من السابقة. كدسها فوق بعضها البعض، مع التأكد من خفض مستوى التعتيم إلى 16٪ فقط. بعد الانتهاء من ذلك، أضف الشمس الفعلية باستخدام دائرة 40 × 40 بكسل (# FFCF83)، مع التأكد من تحديد وتجميع الأشكال الأربعة معًا باستخدام اختصار لوحة المفاتيح Control-G.

creating the suncreating the suncreating the sun

الخطوة 6

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

masking the sunmasking the sunmasking the sun

الخطوة 7

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

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

example of creating a floating cloudexample of creating a floating cloudexample of creating a floating cloud

الخطوة 8

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

positioning the smaller floating clouds onto the upper background cutoutpositioning the smaller floating clouds onto the upper background cutoutpositioning the smaller floating clouds onto the upper background cutout

4. كيفية إنشاء المنطاد

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

الخطوة 1

ابدأ بإنشاء الشكل الرئيسي للبالون باستخدام مستطيل 48 × 12 بكسل ، والذي سنقوم بتلوينه باستخدام # 664240 ثم ضعه على الجزء الخلفي الأكبر، على مسافة 288 بيكسل من الحافة اليسرى و 208 بيكسل من الجزء العلوي .

creating the main shape for the gondolacreating the main shape for the gondolacreating the main shape for the gondola

الخطوة 2

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

adjusting the shape of the gondolaadjusting the shape of the gondolaadjusting the shape of the gondola

الخطوه 3

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

adding the windows to the gondolaadding the windows to the gondolaadding the windows to the gondola

الخطوة 4

ابدأ العمل على قسم البالون عن طريق إنشاء شكل  بيضاوي 400x 112 بيكسل ، والذي سنقوم بتلوينه باستخدام # F99178 ثم ضعه على قمة البالون بحيث ينتهي بتراكب معه.

creating the main shape for the balloon section of the zeppelincreating the main shape for the balloon section of the zeppelincreating the main shape for the balloon section of the zeppelin

الخطوة 5

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

adjusting the shape of the balloon sectionadjusting the shape of the balloon sectionadjusting the shape of the balloon section

الخطوة 6

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

adding the darker outer segment to the balloon sectionadding the darker outer segment to the balloon sectionadding the darker outer segment to the balloon section

الخطوة 7

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

adding the lighter inner segment to the balloon sectionadding the lighter inner segment to the balloon sectionadding the lighter inner segment to the balloon section

الخطوة 8

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

adding the inner darker segment to the balloon sectionadding the inner darker segment to the balloon sectionadding the inner darker segment to the balloon section

الخطوة 9

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

adding the colored nose section to the balloonadding the colored nose section to the balloonadding the colored nose section to the balloon

الخطوة 10

قم بإنشاء مخروط المقدمة باستخدام مستطيل بقياس 12 × 4 بكسل (# 664240)، والذي سنقوم بتعديله عن طريق تحديد نقاط ربطه اليسرى ودفعها إلى الداخل بمقدار 1 بيكسل باستخدام مفاتيح الأسهم الاتجاهية، وتحديد موضع الشكل الناتج بحيث يتداخل مع البالون الأكبر بمقدار 2 بكسل.

adding the nose cone to the balloon sectionadding the nose cone to the balloon sectionadding the nose cone to the balloon section

الخطوة 11

أضف الشكل الرئيسي للدفة العلوية باستخدام مستطيل 40x  32 بيكسل (#D86552)، والذي سنقوم بضبطه عن طريق ضبط نصف القطر من الزاوية العلوية اليسرى إلى 32 بيكسل، والعليا اليمنى إلى 4 بكسل والسفلى اليمنى إلى 20 بيكسل من داخل لوحة تحويل خصائص المستطيل.

creating and positioning the upper ruddercreating and positioning the upper ruddercreating and positioning the upper rudder

الخطوة 12

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

adding details to the upper rudderadding details to the upper rudderadding details to the upper rudder

الخطوة 13

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

adding the bottom rudderadding the bottom rudderadding the bottom rudder

الخطوة 14

قم بإنشاء المصعد الجانبي باستخدام شكل بيضوي 40X 8 بيكسل (# 664240)، والذي سنقوم بتعديله عن طريق اختيار ودفع نقاط الربط الداخلية إلى اليسار بمقدار 4 بكسل، مع وضع الشكل الناتج 16 بكسل على الطرف الخلفي للبالون.

creating and positioning the side elevatorcreating and positioning the side elevatorcreating and positioning the side elevator

الخطوة 15

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

adding the support segments to the balloon sectionadding the support segments to the balloon sectionadding the support segments to the balloon section

الخطوة 16

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

creating and positioning the side enginecreating and positioning the side enginecreating and positioning the side engine

الخطوة 17

بمجرد الانتهاء من العمل على المنطاد، يمكننا إضافة خطوط أثر صغيرة باستخدام ثلاثة مستطيلات سميكة تقريبًا 1 بيكسل (#FFFFFF)، والتي سنضعها حول المركب الطائر على مسافة 8 بيكسل.

adding the trail linesadding the trail linesadding the trail lines

الخطوة 18

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

adding the larger floating cloudsadding the larger floating cloudsadding the larger floating clouds

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

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

الخطوة 1

نريد البدء بلصق النسخ التي أضفناها للتو إلى الحافظة على الطبقة الحالية باستخدام اختصار لوحة المفاتيح Control-F.

pasting the main shapes for the gradient compound shapepasting the main shapes for the gradient compound shapepasting the main shapes for the gradient compound shape

الخطوة 2

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

creating the compound shape for the gradient overlaycreating the compound shape for the gradient overlaycreating the compound shape for the gradient overlay

الخطوه 3

بعد إنشاء الشكل المركب الخاص بنا، يمكننا فتح لوحة التدرج وتطبيق تدرج خطي سلس باستخدام # 662D91 لموقف اللون الأيسر و # FBB03B للأيمن.

adding the gradient to the compound shapeadding the gradient to the compound shapeadding the gradient to the compound shape

الخطوة 4

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

adjusting the blending modeadjusting the blending modeadjusting the blending mode

6. كيفية إضافة النسيج

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

الخطوة 1

سنرغب في البدء بالنسخ الأول (Control-C) ثم اللصق (Control-V) للنسيج المخصص على الطبقة الحالية، مع التأكد من تغيير حجمه بحيث ينتهي بتغطية اللوحة الفنية بالكامل.

pasting the custom texture onto the current documentpasting the custom texture onto the current documentpasting the custom texture onto the current document

الخطوة 2

بمجرد أن نضع النسيج في مكانه، كل ما علينا فعله هو القناع (انقر بزر الماوس الأيمن> صنع قناع القطع) إنه يستخدم شكل مركب تم إنشاؤه من الأشكال الرئيسية للخلفية والمنطاد (الثلاثة التي استخدمناها قبل بضع خطوات)، مع التأكد من خفض مستوى التعتيم إلى 60٪ قبل الوصول إلى الزر "حفظ".

adjusting the opacity of the textureadjusting the opacity of the textureadjusting the opacity of the texture

عمل عظيم! 

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

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

finished project previewfinished project previewfinished project preview

تريد معرفة المزيد؟!

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

One subscription.
Unlimited Downloads.
Get unlimited downloads