كيف نصمم صندوق ثلاثي الأبعاد في Adobe illustrator [ سلسلة إبداع _ مترجم ]

[S E N I O R]

مرحباً بأعضاء وزوار قسم التصميم الكرام ..
تحية طيبة لكم جميعاً ..
يسرني ان أقدم لكم الدرس الجديد ضمن دروس سلسلة ابداع
سلسلة الدروس الأجنبية الخاصة [سلسلة ابداع]
المختص بتعليم مهارات في برنامج Adobe illustrator


في هذا الدرس سنتعلم سويتاً ان شاء الله كيف نرسم صندوق ثلاثي الابعاد ..
باستخدام الاداوت الرئيسية للبرنامج دون استخدام اي شيء خارجي ..
~ سنتعلم كيف نستخدم عدة ادوات للرسم منها :
Rectangle Tool
Pen Tool
line Tool
.....
صاحب الدرس الأصلي : Simona Pfreundner
مترجم الدرس : ahmed_nyd
مدة تطبيق الدرس : تقريباً 15 - 25 دقيقة
مستوى الدرس : متوسط
نتيجة الدرس ( تطبيقي ) : التطبيق
رابط الدرس الأصلي : رابط الدرس


لا يوجد .. كما ذكرت .. سنستعمل الاداوت الرئيسية في البرنامج

[S E N I O R]

~ تطبيق الدرس بلا شكل من الاشياء الاساسية عند الاطلاع على الدروس لكي يستفيد الشخص باكبر قدر ممكن من الدرس , ولكن يوجد ما هو أهم من التطبيق ألا وهو ( إستيعاب الخطوات التي يتم عملها في الدرس وفهم فائدة كل خطوة وتاثيرها على النتيجة النهائية للدرس بالاضافة الى فهم كيف يمكن استخدامها في تصاميم خاصة بك ) . . عندها ستكون قد إستفدت من الدرس 100% .. وهذا ما انصحكم به .. ففي الدرس توجد خطوات مهمة وتستخدم في كثير من التصاميم ولاتقانها يجب فهمها ومعرفة فائدتها , ليس فقط في هذا الدرس بل في البرنامج بصورة عامة ..
لذلك لا تتردوا بطرح اي سؤال عن اي خطوة في الدرس
.....

ودِدتُ أن أخبركم بانه قد تم عمل الدرس باستخدام برنامج Camtasia Studio 7 ..
وهو برنامج يستخدم لتصوير ما يحدث على شاشة الجهاز ..
برنامج ممتاز كونه مفيد جداً + بسيط جداً وسهل التعلم والاستعمال
كل الفيديوهات التي سترونها في الدرس تم عمل بواسطة هذا البرنامج .
.....

في الرد القادم سأبدء بالدرس , وسيكون مقسم على ثلاث خطوات سأشرحها نظرياً ثم عملياً في الفيديو

[S E N I O R]

بسم الله نبدء الدرس ..
~ الخطوة 1 ~
سابدء بالشرح نظرياً عن ما سأفعله في الفيديو لكي يكون لديكم فكرة عن ما سنعمل في هذه الخطوة وطبعاً هناك بعض الامور ستكون اوضح عندما ترونها في الفيديو
1 \\ جعل الصندوق ثلاثي الأبعاد : في البداية سنقوم برسم مربع بواسطة اداة Rectangle Tool ثم نستخدم الامر
Effect > 3D > Extrude & Bevel
2 \\ تشكيل القطع الجانبية للصندوق: ثم سنقوم بنسخ الجزء العلوي من الصندوق وتطبيق الامر
Object > Path > Offset Path
وسينتج لنا نسخة اخرى اكبر من الأصل .. سنقوم باستخدام احد اوامر القائمة Pathfinder لاقتطاع الجزء المشترك بين النسخة والاصل .
3 \\ ثم سنقوم بنسخ الجزء العلوي من الصندوق 4 مرات ووضعه على زوايا القطعة التي قمنا بعملها في الخطوة 3 .. وتطبيق احد اوامر القائمة Pathfinder مجدداً لتقسيم الشكل وحذف الغير مرغوب فيها .
4 \\ جعل القطع الجانبية ثلاثية الأبعاد : سنقوم بنسخ الشكل الذي ظهر معنا في الخطوة 4 وتجريكه الى الاسفل واليسار مع تغير اللون الى لون اغمق لاعطاء القطع شكل ثلاثي الأبعاد .
5 \\ رسم الجزء الداخلي للصندوق : سنستخدم أداة Pen Tool لرسم الأجزاء الداخلية للصندوق وسنقوم بتقسيمها الى 3 أجزاء لكي نجعل الشكل واقعي أكثر ( سنحاول محاكاة تأثير الاضاءة على الصندوق من الخارج .. فسنفترض ان الاضاءة تأتي من الزواية اليسرى في الاعلى .. وعلى هذا الاساس سنراعي بعض الجوانب من الصندوق لكي يظهر تاثير الاضاءة عليها . )
6 \\ جعل القطع الجانبية واقعية الشكل أكثر : سنستخدم أيضاً أداة Pen Tool لتعديل الشكل الجانبي للقطع الجانبية لكي تبدو واقعية اكثر وذلك عن طريقة اكمال بعض الاجزاء الناقصة ورسمها باداة Pen Tool .

[S E N I O R]

~ الخطوة 2 ~
سابدء بالشرح نظرياً عن ما سأفعله في الفيديو لكي يكون لديكم فكرة عن ما سنعمل في هذه الخطوة وطبعاً هناك بعض الامور ستكون اوضح عندما ترونها في الفيديو
1 \\ اضافة تأثير الاضاءة على جانب الايسر للصندوق : سنستخدم اداة Pen Too لرسم الجزء المرغوب ثم سنعدل عليه من خلال قائمة Appearance لجعل الشكل واقعي اكثر .
2 \\ أضافة الظل للصندوق كاملاً : سنتبع نفس الخطوات .. اداة Pen Tool ثم قائمة Appearance للتعديل .
3 \\ اضافة الشريط اللاصق الى احد الجانب السفلي لاحد القطع الجانبية : ايضاً باستخدام اداة pen Tool لرسم الشريط وسنضيف لون فقط دون تعديل اي شيء اخر .
4 \\ اضافة لمسات اخيرة الى الصندوق : سنقوم باضاة كتابة جانبية والباركود للصندوق ولكي تكون متناسقة مع الصندوق سنستعمل الامر
Effect > Distort & Transform > Free Distort
لجعل الميلان متناسق مع الصندوق ( في الفيديو انا لم اكمل هذه الخطوة تماماً لاني لم املك الوقت الكافي ولكني ذكرت كيفية عمل الخطوة وكلما عليكم الصبر والتجربة حتى الظهور بالشكل المناسب )

[S E N I O R]

~ الخطوة 3 ( خطوة اضافية) ~
هناك خطوة بسيطة نسيت ذكرها في الفيديو السابق لذلك بدل اعادة الفيديو كاملاً قمت بعمل فيديو مخصص لهذه الخطوات الاضافية .
سابدء بالشرح نظرياً عن ما سأفعله في الفيديو لكي يكون لديكم فكرة عن ما سنعمل في هذه الخطوة وطبعاً هناك بعض الامور ستكون اوضح عندما ترونها في الفيديو
1 \\ اضافة الشريط اللاصق الى احد الجانب السفلي لاحد القطع الجانبية : ايضاً باستخدام اداة pen Tool لرسم الشريط وسنضيف لون فقط دون تعديل اي شيء اخر .
2 \\ اضافة الخلفية للعمل + التكست : خطوة بسيطة سنستعمل فيها اداة Rectangle Tool لرسم الخلفية ثم ملئها بلون مناسب وبعدها نستخدم اداة Type Tool لكتابة اي شيء نريده .

[S E N I O R]

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

[L E A Đ E R]

السلام عليكم و رحمه الله و بركاته

يثبت لتميزه
يعطيك العافية احمد ^_^

و بإذن الله لي عودة للتطبيق

[I T A S H I]

السلام عليكم ^^

كيفك أحمد ؟ إن شاء الله طيب ^_^
ما شاء الله عليك أخي موضوع رائع جداً ,
بس المشكلة Adobe illustrator ما عندي , ونفسي أحمله ^^
بس والله موضوع حلو , وان شاء الله قريب وقت ما احمله راح أرجع لهذا الدرس
والصندووق خطير ما شاء الله وواقعي ^^ شكرا على الترجمة
تسلم أحمد نيد
في امان الله

[M A L D I N I]

احمد درس جميل سيتم التطبيق باذن الله ..

[ṦιŁṽιά]

السلاا عليكم...
كيفك احمدو...؟ ان شالله تمام...
وا والله نفسي اطبق على الدرس بس هادا الاب التوب الجديد مافيه الستريتور ....
ماشالله احس دروسك سارت اسهل بالفيديو..
ودايما ماشاء الله مبدع في اختيار الدروس الاجنبيه وترجمتها ...
يلا ان شاءالله لمن احمل البرنامج ارجع للدرس...
شكرا على الدعوة ...

تحياتي..

[ғĻέέţίήģ~đŕέάɱ]

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

[S E N I O R]

السلام عليكم و رحمه الله و بركاته

يثبت لتميزه
يعطيك العافية احمد ^_^

و بإذن الله لي عودة للتطبيق

وعليكم السلام ورحمة الله وبركاته
الله يعافيك ليدر ^_^
بالتوفيق في التطبيق

احمد درس جميل سيتم التطبيق باذن الله ..

الحمد لله انه اعجبك ^^
بالتوفيق في التطبيق

[S E N I O R]

السلام عليكم ^^

كيفك أحمد ؟ إن شاء الله طيب ^_^
ما شاء الله عليك أخي موضوع رائع جداً ,
بس المشكلة Adobe illustrator ما عندي , ونفسي أحمله ^^
بس والله موضوع حلو , وان شاء الله قريب وقت ما احمله راح أرجع لهذا الدرس
والصندووق خطير ما شاء الله وواقعي ^^ شكرا على الترجمة
تسلم أحمد نيد
في امان الله

وعليكم السلام ورحمة الله وبركاته
الحمد لله بخير وان شاءالله تكون كذلك ^^
بالتوفيق لك في تحميل البرنامج والتطبيق

السلاا عليكم...
كيفك احمدو...؟ ان شالله تمام...
وا والله نفسي اطبق على الدرس بس هادا الاب التوب الجديد مافيه الستريتور ....
ماشالله احس دروسك سارت اسهل بالفيديو..
ودايما ماشاء الله مبدع في اختيار الدروس الاجنبيه وترجمتها ...
يلا ان شاءالله لمن احمل البرنامج ارجع للدرس...
شكرا على الدعوة ...

تحياتي..

وعليكم السلام ورحمة الله وبركاته
الحمد لله بخير ^^ .. وان شاء الله تكوني كذلك ^^
بالتوفيق لك في تحميل البرنامج والتطبيق

[S E N I O R]

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

الله يعافيك ^_^
ان شاء الله تتعلمه قريباً فهو برنامج ممتع ومفيد جداً
دمتم في امان الله

[Master Edward]

حــجز

السلام عليكم ورحمة الله


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

رايك فيه ، في بالي سؤال ايضاً لكن بأجلة للمرة الجاية فعلاً متعب ,,
شكراً لك مجدداً على الدرس .. دمت بخـير