كيفية عمل مشهد جانبي لشاحنة تزلج من خلال أدوبي إليستراتور

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

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

Travel Van Bus Collection

أولًا علينا بتجهيز مستند جديد (File>New control G أو Command-N) عن طريق هذه الاعدادات:
  • عدد اللوحات الفنية: 1
  • العرض: 800
  • الطول: 600
  • الوحدة: بكسل
من علامة التبويب خيارات متقدمة:
  • نمط الألوان: RGB
  • التأثيرات النقطية: Screen
  • نمط المراجعة: الافتراضي
  • قم بإلغاء تحديد محاذاة الكائنات الجديدة لشبكة بكسل:

Setting up new document

دعنا نبدأ ببناء جسم شاحنة التخيم من مستطيل أحمر #D0342C بأبعاد 570 * 150 بكسل بواسطة أداة المستطيل (M).
بعد عمل المستطيل، قم بتحديد نقطة الزاوية اليمني بواسطة أداة التحديد المباشرة (A) واضغط على Enter لفتح نافذة التحريك. قيمة الموقع الأفقييجب ضبطها بقيمة 15 بكسل والرأسية بقيمة 0 بكسل. نلاحظ تحرك الزاوية الى اليمين.

Creating a base red shape for the body

قم بعمل مستطيل آخر بأبعاد 570 * 115 بكسل بلون #FFD633 وقم بتحريكه إلى أعلى الجزء الأحمر.   قم بتحديد الزاوية اليمنى العليا بواسطة أداة التحديد المباشر. وقم بالضغط على Enter لفتح نافذة التحريك مجددا، وقم بضبط قيمة الموقع الأفقي -50  بكسل والرأسي 0 بكسل، مما يحرك النقطة إلى اليسار 
ثم افتح نفس النافذة للزاوية اليسرى العليا. واضبط القيمة الأفقية بقيمة 30 بكسل والرأسية 0 بكسل، سوف تلاحظ تحرك الزاوية إلى اليمين.

Making the yellow shape for the top van part

قم ببناء مستطيل آخر بأبعاد 490 * 25 بكسل باستخدام اللون الأسود أو أي لون داكن. سوف يتم اعادة تلوين المستطيل في النهاية، ولكن من المفضل استخدام لون مميز هنا.
باستخدام نفس الطريقة السابقة، حرك الزاوية اليمني العليا 20 بكسل إلى اليسار واليسرى العليا 5 بكسل.

Adding black shape for the roof

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

Rounding the corner of the roof shape

سوف نعمل الآن على فتحة السقف والنوافذ. سيتم وضع جميعهم في منتصف الجزء الأصفر من الشاحنة.
قم بعمل مستطيل بأبعاد 205 * 85 بكسل واملأه باللون #ABCFE7 .  بالاستمرار بالضغط على Shift قم بتحديد هذا المستطيل الوالجزء الأصفر من الشاحنة. قم بالضغط على الكائن الأصفر (لست بحاجة للاستمرار بالضغط على Shift هذه المرة). سيتم ظهور خط أزرق حول النموذج الأصفر. ويتم تحديد محاذاة كائن المفتاحي تلقائياً في لوحة التحكم ولوحة المحاذاة.
من لوحة المحاذة (نافذة>محاذاة) أو لوحة التحكم، اضغط على زر محاذاة أفقية يمنى وبعدها على محاذاة رأسية مركزية.

Making the window and placing it to the van yellow part

حدد النافذة التي قمنا بإضافتها في الخطوة السابقة بأداة التحديد  (V) واضغط Enter لفتح نافذة خيار التحريك. اضبط قيمة الموقع الأفقي ب-225 بكسلوقيمة الموقع الرأسي ب0 بكسل، واضغط على زر النسخ. لدينا الآن مستطيلان متماثلان  ستكون هذه الزجاج الأمامي للشاحنة والنافذة الجانبية الرئيسية.

Copying the window for creating the second one

أنشأ مربع 85 * 85 بكسل بنفس اللون الأزرق الفاتح. حدد المربع والنافذة التي تم إنشاءها سابقا بينما تقوم بالضغط على Shift. اضغط مجددا على النافذة الكبيرة (تذكر ألا تضغط على Shift هذه المرة). اضغط على زر محاذاة أفقية يمنى ومحاذاة رأسية سفلى لوحة المحاذاة. بعدها حرك المستطيل إلى اليسار ب225 بكسل بواسطة نافذة التحريك.
اضغط بعدها على Enter مجددا وانسخ المربع وانقله 105 بكسل إلى اليسار. سوف يتشكل أمامنا النافذة الخلفية.  وبوجود مسافات متساوية بين جميع النوافذ، سوف تبدو الشاحنة بشكل مرتب.  وهذا سيساعدنا في عمل باب الشاحنة فيما بعد.

Adding two squares for the side and rear windows

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

Copying the square window and placing it to the top

باستخدام الخطوط العريضة، بامكاننا الآن زيادة تفاصيل النوافذ . قم بتحديد كافة النوافذ بواسطة أداة التحديد (V) أثناء الضغط على Shift، واذهب إلى Object > Path > Offset Path. بعدها أدخل 4 بكسل في خانة قيمة Offset.  وقم بتعين لون التعبئة للخطوط العريضة بـ #E3E3D4.

Adding outlines for the windows with Offset Path

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

Cutting of the outstanding window parts with Shape Builder

دعنا نبدأ العمل في الجزء السفلي من السيارة
أنشأ مستطيل ذو حواف دائرية 255*8 بكسل واملأه بلون #DAD8CC. قم بمحاذة المربع مع النافذة الكبيرة التي في المنتصف وقاع القاعدة الحمراء بواسطة نافذة المحاذة. وبهذا تم انشاء الدرج الجانبي.
أنشأ مستطيلين 100*25 بكسل بنفس اللون، الذين سنقوم بمحاذاتهما مع الحافة السفلى ونمدهما حوالي 10 بكسل من كلا الجانبين من الشاحنة. وهذه هي الصدمات.
بعدها قم بعمل مستطيل صغير، وقم بمحاذاته إلى يسار أسفل الحافة أمام الصدام، وأرسله للخلف باستخدام Object> Arrange> Send Backward. حدد الزوايا المتداخلة من الصدامات باستخدام أداة التحديد المباشر. استخدام قطعة الزوايا الحية لعمل الزوايا المستديرة عن طريق سحب المؤشر إلى مركز الشكل، وتعيين نصف قطر الزاوية إلى حوالي 10 بكسل.

Creating narrow rectangles for the bumpers

استخدم أداة الدائرة (L) وقم برسم دائرة 105 * 105 بكسل بلون #4D4B4A من أجل العجل. قم بإضافة دائرتين أصغر في داخلها: أحدها 70 * 70 بكسل بلون #dad8cc ودائرة 62 * 62 بكسل من غير تعبئة لكن مع حدود بسمك 2 بكسل ولون #b2ba6.
أضف المزيد من التفاصيل إلى  العجل عن طريق عمل دائرتين داخليتين للسبائك: الدائرة ذات اللون الفاتح بقطر 22 * 22 بكسل ولون #f1eee5، والدائرة ذات اللون الداكن بقطر 32 *32 بكسل ولون #b2ba6 خلف الأولى.
بمجرد أن تنتهي، قم بتحديد أشكال العجل وجعلها في مجموعة معًا (Control-G). قم بعمل نسخة من العجل وقم بوضع العجلات على الباص، بتحريك النقاط المركزية بضعة بكسلات أعلى من قاع حافة الشاحنة.

Making the wheels and placing them to the van

لجعل عجلاتنا أكثر واقعية، سوف نقوم بوضع بعض الأجزاء الداكنة خلف العجلات وإضافة حواف دائرية حولهما.
قم بعمل دائرتين 130 *130 بكسل (#333130). قم بتحديد العجلات، وانتقل إلى Object> Arrange> Bring to Front. بعدها قم بمحاذاة الفجوات السوداء التي ابتكرناها للعجلات بمساعدة لوحة المحاذاة. قم بقطع القطع من الفجوات التي تقع خارج القاعدة. قم فقط بتحديد كلاهما مع شكل الشاحنة الأحمر واستخدم أداة Shape Builder Shift-M، وواصل الضغط على Alt واضغط على الأجزاء التي نود حذفها.
قم بعمل دائرتين 150 * 150 بكسل من غير تعبئة لكن بحدود 2 بكسل (#8f1e18). قم بمحاذاتهم مع العجلات وبعدها اقطع القطع الزائدة، كما فعلنا مع الفجوات في الخطوة السابقة. وقم بإخفاء الحواف خلف الصدمات والدرج الجانبي.

Adding dark parts behind the wheels and the circle rims

قم بتحديد كل النوافذ مع الجزء الأصفر من الشاحنة واجعلهم مجموعة واحدة (Control/Command-G). قم بوضع المجموعة فوق الأجزاء الأخرى بواسطة Object> Arrange> Bring to Front.

Grouping yellow shape with the windows and placing them to front

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

Changing the yellow shape with the help of the additional points

حدد نقطة التثبيت الأخرى واسحب مؤشر حافة الزاوية الحية إلى اليسار والأسفل لجعل الحافة دائرية.

Rounding the corner of the new yellow shape

قم بإعطاء الشكل الذي ابتكرناه حد خارجي 8 بكسل عن طريق تحديده واستخدام طريقة Offset Path. اعكس لون التعبئة والحدود (Shift-X) للحد الخارجي.

Adding the outline to the yellow shape and making it stroked

حافظ على اختيار الحد، واذهب إلى Object> Expand، واختر خيار الحد، وأزل التحديد عن خيار التعبئة. واضغط OK وسيتحول حدنا إلى تعبئة الشكل. ثم حدد هذا الشريط والجزء الأحمر الكبير من الشاحنة. واقطع من الشريط الجزء الذي يخرج عن الجزء الأحمر من الشاحنة بواسطة أدة (Shape Builder Tool (Shift-M.

Expanding the stroke and cutting of the outstanding part

لانشاء الباب الجانبي،  قم بتحديد النافذة الجانبية الوسطى، واذهب إلى Object> Path> Offset Path، وبعدها حدد قيمة الـOffset بـ10 بكسل. حول لون التعبئة إلى لا شيء ولون الحد #e3b710 في لوحة اللون. أخيرًا حدد Stroke Weight بـ2 بكسل.

Creating the outline for the side window

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

Deleting the bottom side of the stroke and aligning it to the yellow shape

استخدم أداة القطعة الخطية (\) مع الضغط على Shift لعمل خطوط رأسية مستقيمة (#8f1e1e18). سوف تمتد من النقاط السفلى التي انشأناها في الخطوة السابقة حتى أعلى الدرج الجانبي.
قم بعمل مستطيل دائري (#87877d) من أجل يد الباب. بعدها قم بإضافة الأضواء الأمامية والخلفية (#f99555) بمساعة أدوات المستطيل والدائرة، وضعهما خلف الشاحنة.

Finishing the door with lines and creating the handle

حان الوقت لعمل المرايا الجانبية.
اختر أداة الحبر (P)، ضعها في المنطقة الحرة خارج السيارة واضغط لتعريف أول نقطة تثبيت. اضغط Shift، حرك المؤشر بضعة بكسلات إلى اليمين واضغط مجددًا، وأنهي أول قطعة من الخط.
اترك بعدها زر Shift، قم بالتحريك أداة الحبر للأسفل ثم إلى اليمين واضغط مجددًا عمل خط ذو زاوية. ضع لون التعبئة للخط بـلا شيء لون الحدبـ#52524c في لوحة الألوان. ضع مقدار الحد بـ 6 بكسل، واجعل Caps للخط والزواية Corner دائريتين من لوحة الحد. سوف تكون حاملة المرآة.
قم بإضافة مستطيل رأسي صغير (#87877d) إلى الحامل، واجعلها كلها مجموعة واحدة، وضع المرآة أسفل أول نافذة للشاحنة.
ضع مستطيل ضيق (#87877d) عبر النافذة لعمل شريط السيارة المطاطي.

Creating the side mirror and the rubber strip

ضع دائرة صغيرة (#b82921) فوق العجل الذي في اليسار من الشاحنة من أجل باب الوقود.
والآن قم بإنشاء فتحات التهوية إلى اليسار من باب الوقود. ابدأ بعمل مستطيل ضيق بحجم 60 * 2 بكسل مع حواف دائرية. استمر في جعل المستطيل مُحددًا، اضغط Enter، وفي نافذة التحريك ضع الوحدة الرأسية بقيمة 6 بكسل. اضغط على زر النسخ لمضاعفة المستطيل واضغطControl/Command-D عدة مرات لعمل ست نسخ أخرى.

Making the fuel door and forming the ventilation holes

الآن سوف نضيف لشحنتنا لوح تزلج ونعمل على السطح لشحنتنا.
أولًا قم بعمل مستطيل 445 * 12 بكسل، وقم بتحريك نقطتين التثبيت العلويتين 60 بكسل إلى المنتصف بواسطة خيار التحريك. وقم بتحديد كل الشكل واذهب إلى Effect> Warp> Arch. ثم ضع صح على الخيار الأفقي وضع قيمة الدمج 4%.
واصل تحديد شكل اللوح، واذهب إلى Object> Expand> Appearance.

Making the surfboard main shape

نحتاج لإضافة زعنفة لإنهاء لوح التزلج.
قم بعمل كرة حمراء 40 * 75 بكسل بواسطة أداة الكرة (L). قم بعمل خطين متعامدان في منتصف الكرة بمساعدة أداة القطع الخطي (\) وحددهما مع الشكل.
اذهب إلى لوحة Pathfinder واستخدم أداة Divide. تنقسم الكرة إلى أربعة أجزاء. احذف ثلاثة منهم، وحافظ على الجزء العلوي، وضع الزعنفة فوق اللوح.
اجعل لون الزعنفة أغمق قليلًا من الشكل الكبير واخفه خلف الشكل الرئيسي.

Adding the fin to finish the surfboard

أضف مستطيلين ضيقين (#b2b2a6) لحوامل لوح التزلج، اجعلهما يتراكبان مع شكل اللوح وضعهما خلفه. ثم قم بالتحديد واجعل كل الأشكال في مجموعة واحدة (Control/Command-G) وضعهم فوق سقف الشاحنة. يجب أن يوضع الخط السفلي للحوامل في نفس الخط الحد العلوي للشكل الأصفر من الشاحنة.
ضع مستطيل رأسي (#e3b710) فوق الحافة العيا من القاعدة الصفراء كحافة للديكور مخفيةً خلفها الجزء السفلي للحوامل. بعدها قم بتغير لون التعبئة للسقف الأسود #ffd633 إلى في لوحة الألوان. كدنا أن ننتهي.

Placing the surfboard to the van and recoloring the roof

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

Isolating the side window and making the rectangles for the reflection

حدد جميع المستطيلات واختر Object> Transform> Rotate. حدد قيمة الزاوية بـ45%، واضغط Ok، واسحب المستطيلات ذات الزاوية إلى نافذتنا. اقطع الأجزاء الخارجية. اضغط Esc للخروج من نمط العزل أو استخدم أداة التحديد (V) بنقر مرتين خارج المجموعة المعزولة.
قم بعمل انعكاس للنوافذ الأخرى بنفس الطريقة. لا تنسى عزلهم قبل عمل أي تلاعبات.

Placing the rectangles to the window and cutting them off finishing other reflections

اختر النافذة الجانبية وادخل إلى نمط العزل. قم بعمل خطوط ذات زاوية داخل المرآة، حدد كل الأجسام (Control/Command-A)، واختر خيارDvide من لوحة Pathfinder. اختر لون التعبئة للقطعة اليمنى بـ#52524c، لعمل الظل. اخرج من نمط العزل.

Creating the shadow for the side mirror

حدد القاع الأحمر من الشاحنة وادخل إلى نمط العزل. قم بعمل مستطيل كبير يتراكب مع نصف الشكل الأحمر واحذف الأجزاء الزائدة بواسطة أداة بناء الشكل (Shift-M). اخرج من نمط العزل وحدد لون التعبئة الشكل الذي قمت بعملة بـ#b82821.

Adding the shadow to the red van shape

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

Creating the shadows for the bumpers and adding the ground shadow

اختر أحد إطارات العجلات بواسطة أداة التحديد المباشر (A) وانسخها بواسطة Control/Command-C. اضغط بعد ذلك على المنطقة الحرة خارج الشاحنة لإزالة التحديد وألصق شكل دائرة العجل فوق العجل نفسه باستخدام Control/Command-F. استخدم Control/Command-Fمرة أخرة للحصول على نفس الدائرة فوق الأولى.
والآن نحن بحاجة لتحديد نقطة المرساة العليا من الدائرة بواسطة أداة التحديد المباشر (A)، وبمواصلة الضغط على Shift، اسحبها لبعض البكسلات للأسفل. حدد كلا الدائرتين التي قمنا بعملها واختر خيار Minus  Fornt من لوحة Pathfinder لعمل الظل. قم بتعبئة الشكل الناتج باللون#454342.
انسخ الظل وألصقه فوق العجل الثاني مستخدمًا لوحة المحاذاة.

Creating the shadows for the wheels

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

The final result of our work

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

Travel Van Bus Collection

الفوتوشوب في 60 ثانية: كيفية استخدام الكائنات الذكية Smart Objects

مرحبا بكم في سلسلة الفوتوشوب في 60 ثانية، حيث بوسعك تعلم مهارة أو ميزة أو تقنية فوتوشوب في دقيقة! حيث سوف أظهر المنافع المدهشة من استخدام الكائنات الذكية Smart Objects فيه.

تستخدم غالبية منتجات الموك أب mock-ups الموجودة في Envato Market  الكائنات الذكية لتضمين المحتوى ليتسنى من استخدامها بسهولة من غير إفساد توزيع العناصر أو التصميم. وتعد أفضل طريقة لاستغلال مثل هذا المصدر الممتاز هو فهم كيفية عمل الكائنات الذكية.
Video Thumbnail
الكائن الذكي Smart Object عبارة عن ملف فوتوشوب مضمن داخل ملف آخر. لذا يمكن تحويل أي طبقة أو مجموعة طبقات لوحدة واحدة من خلال قائمة Smart Object
Accessing Smart Objects through the Smart Object Menu
يمكنك التعديل على الكائن الذكي، وسوف يتم التعديل على جميع محتوياته آليا عند حفظه. 
Working with Embedded Smart Objects
 يمكنك تصغير الكائن الذكي ليصبح بالغ الصغر، وتكبيره لحجمه الأصلي مجددا من غير خسارة لأي شيء من الدقة. 
Scaling Smart Objects
أخيرا وليس آخرا، يمكن استخدام المرشحات الذكية في الكائنات الذكية. لذا حتى أشد المرشحات قوة يمكن إعادة ضبطها أو إزالتها بالكلية.
Using Smart Filters on Smart Objects
أتريد أن ترى هذا بالفعل؟ إذن تأكد من مشاهدة الفيديو الذي بالأعلى لمتابعة هذا الدرس.
عربي باي