لوحة 2: معالجة رقمية لمنظور بزاوية (نقطتين تلاشي) digital retouching of a two-point perspective

الدكتور حسن العيسوي

اعلانات /  http://academic.ju.edu.jo/h.isawi/Lists/Announcements/AllItems.aspx

موقع المجموعة على الفيسبوك 
https://www.facebook.com/groups/architectural.communication.skills/

===========================================================

الشكل 1

لوحة 2: معالجة رقمية لمنظور بزاوية (نقطتين تلاشي)digital retouching of a two-point perspective

ملاحظات متكررة

1.  عمل أو تعديل لوحة الرسم الحر
2. احترام القاعدة الرئيسية للمنظور (الخطوط المتوازية في الواقع  تلتقي في نفس نقطة التلاشي في المنظور)
3. تظليل المستويات كما هو مبين في الشكل 1
4. التخفيف من حدة الخطوط الانشائية في اللوحة النهائية 
5. تكبير اللوحة من الجهة السفلية لكنابة الترويسة 
6. ادراج نسيج للواجهات  كما في الرابط التاليhttps://drive.google.com/file/d/0B-97q_t5VtCrSERCRTJZTl84Q0E/view?usp=sharing
7.  ادراج عناصر اضافية للمنظور / نباتات، اشخاص، خلفية وجعل المشهد مليء بالحياة
8. تعديل ارتفاع احجام العناصر المدرجة بالنسبة لارتفاع أي عنصر معروف (ارتفاع الطابق مثلا)
9. كتابة الترويسة كاملة (اسم المادة / اسم المدرس/ اسم ورقم الطالب/ رقم اللوحة) في منطقة مخصصة اسفل الصفحة أو تصغير الكتابة لكي تكون على سطر واحد
10. إضافة تشويش (noise) لنسيج الاشياء لأعطاءها  واقعية
11. التأكد ان خطوط العناصر الاضافية  تلتقي في نقاط التلاشي الرئيسية 
12. مطابقة خط  افق الخلفية مع خط افق المنظور
13. - تفريغ الطابق الارضي كما هو مبين في لوحة الرسم الحر
14. والالتزام بعدد الطوابق المبينه في الرسم الحر
15. تحديد الظلال كما هو مبين ادناه في الشكل 3 
16. اضافة جذوع للاشجار
17. تحميل لوحة الرسم الحر في نفس المنشور
18. اضافة على الاقل مركبة واحدة, سيارة او دراجة ... الخ 
19. استبدال المركبة بما يتلائم مع المنظور 
20. تذكر أن خط الافق, هوالخط الافقي الفاصل ادراكيا بين الارض والسماء ويجب ان يمر بنقاط تلاشي الخطوط الافقية
21. تغميق السماء والارض والسماء تدريجا كلما اقتربا من خط الافق
22. الانتباه الى أن شفافية زجاج المبنى تسمح برؤية البيئات الداخلية التي خطوطها لا تتوافق مع المنظور المطلوب (LINK)

ارشيف

الشكل 1

الشكل 3:

ملاحظات:
- تفريغ الطابق الارضي كما هو مبين في لوحة الرسم الحر

 - - الالتزام بعدد الطوابق المبينه في الرسم الحر

 - تحديد الظلال كما هو مبين في الصورة المرفقة 

- اضافة جذوع للاشجار

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

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

لذا فنصيحتي تتلخص في البدء منذ الآن وتدريجيا في تعلم تلك القواعد وقبل فوات الأوان

https://www.pinterest.com/hasanisawi/architecture-lab/architectural-communication-skills/

Sarebbe interessante poter elaborare le immagini bidimensionali applicando le regole della prospettiva in Photoshop per creare scene di vario genere ed ispirazione, che stare a costruire modelli 3d, e comunque le prossime elaborazione riguardano forse l'aggiunta di piani a palazzi reali esistenti, e miglioramenti di scene drammatiche reali ... ecc.

quindi il mio consiglio di cominciare ad imparare tali regole gia da adesso, prima che le cose diventano complicate

أعمال الطلاب

Tuqa AlBaddad‎

Maha Altaki

Omr Shar

Nour Issa

Amany Abu JamaȜa
ظلال ومركبات وشوية حيوية

Nour Issa

ارشيف 

لوحة 2

Ghaida Jarrar 

Raneem Al-kharouf‎Architectural Communication Skills- مهارات اتصال معماري

Taboosh Lee

Shuroq Al-Jakheem‎
Architectural Communication Skills
مهارات اتصال معماري
ملاحظة: يجب تغيير صورة القاعدة الدائرية للثريا،
لأن الناظر في هذه الحالة يراها كاهليج.
الذي طول محوره الاصغر يعتمد على ارتفاع تلك الدائرة بالنسبة لارتفاع الناظر

الشكل 4: التخفيف من حدة الخطوط الانشائية

سارة الرفاعي‎Architectural Communication Skills- مهارات اتصال معماري

شكل 5: تكبير اللوحة من الجهة السفلية لكنابة الترويسة فيها
alt+ctrl+C

الشكل-: الرسم الحر / منظور بنقطتين نلاشي

Ragad Aldamiri‎Architectural Communication Skills- مهارات اتصال

تعديل الاثاث واضافة شخص اخر

شكل6: إضافة تشويش (noise) لأعطاء السقف المستعار الملمس المعتاد
https://helpx.adobe.com/photoshop-elements/using/noise-filters.html

Read more »

لوحة1: معالجة رقمية لرسم حر: منظور بمستوى اسقاط رأسي امامي (نقطة تلاشي واحدة)- "digital retouch" of a freehand sketch: one point perspective

د. حسن العيسوي

اعلانات /  http://academic.ju.edu.jo/h.isawi/Lists/Announcements/AllItems.aspx

 ===========================================================

معالجة رقمية لرسم حر: منظور بمستوى اسقاط رأسي امامي (نقطة تلاشي واحدة)
Digital retouch of a freehand sketch: one point perspective 

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

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

على سبيل المثال (شكل1) لتظليل المستوى (ABCD)، نقوم بما يلي
1- باستخدام أداة الانتقاء المضلعة "poligonal lasso" (اختصار L) نقوم بتحديد رؤوس المضلع (ABCD)
2- ومن اجل طرح مضلع النافذة (EFGH) من الانتقاء السابق، نقوم بالضغط على المفتاح Shift وبالتزامن نقوم بتحديد رؤوس مضلع النافذة,

وعلى غرار الخطوات السابقة نقوم بتظليل السقف

3- بمجرد الانتهاء من تحديد الأجزاء التي يراد  تظليلها, نقوم بتقليل سطوع هذه الأجزاء باستخدام الايعاز "image/ adjustments/ brightness contrast" (شكل2)

شكل1

شكل2

شكل3

ملاحظات متكررة

1.  عمل أو تعديل اللوحة 1-1 (الرسم الحر )
2. تظليل المستويات كما هو مطلوب . 
3. التخفيف من حدة الخطوط الانشائية في اللوحة النهائية  (الشكل4)
4. تكبير اللوحة من الجهة السفلية لكتابة الترويسة (شكل 5) . ومطالعة ايضا الاجراءات المرفقة للشكل 7
5. ادراج النوافذ والابواب كما هو مبين في الرابط التاليhttps://drive.google.com/file/d/0B-97q_t5VtCrSERCRTJZTl84Q0E/view?usp=sharing
6.  ادراج العناصر المطلوبة كالنباتات، والاشخاص، والخلفية ... الخ
7. ادراج الفتحات  كما هو مطلوب على جميع الجدارن
8. اظهار الخطوط فوق نسيج البلاط
9. استخدام نوافذ بفتحات زجاجية لاظهار خلفية واحدة
10. كتابة الترويسة كاملة (اسم المادة / اسم المدرس/ اسم ورقم الطالب والشعبة/ ورقم اللوحة) في منطقة مخصصة اسفل الصفحة أو تصغير الكتابة لكي تكون على سطر واحد
11.  مراعاة قواعد المنظور: - الخطوط المتوازية فيما بينها والمتقاطعة مع مستوى الاسقاط تلتقي في نفس نقطة التلاشي)، - ولكن عندما تكون الخطوط موازية أيضا لمستوى الاسقاط فإنها تبقى كذلك  في المنظور
12. قص الصورة  لكي تشتمل فقط على الغرفة
13. تعديل ارتفاع احجام العناصر المدرجة بالنسبة لارتفاع المشاهد او بالنسبة لارتفاع أي عنصر معروف (مثلا الباب)
14. تعديل ارتفاع الاشخاص بحيث يتطابق مع خط الافق
15. زيادة ارتفاع الفتحات بحيث  يكون اعلى من خط الافق
16. ارتفاع الابواب يجب ان يكون على نفس ارتفاع النوافذ
17. ادراج شخصين : واحد قريب والاخر بعيد بجانب الجدار الامامي
18.  تذكر ان خط افق هو  الحد الفاصل بين الارض والسماء
19. التخفيف من شفافية الزجاج 
20. تحديد ظلال الاجزاء بشكل طفيف (Opacity 40%)
     ( https://www.youtube.com/watch?v=67W0Xo1sIFE&t=77s
21. اظهار سمك الجدران الظاهرة من خلال فتحات النوافذ كما هو مبين في الشكل 5
22. تحميل لوحة الرسم الحر في نفس المنشور
23. معالجة سمك الجدران الظاهرة من خلال الفتحات بحيث يكون هناك استمرارية مع النسيج الداخلي لنفس الجدران
24. اضافة برطاشة النواف كما هو مبين ادناه في الشكل 8
25. حذف اطر الفتحات اللامرئية بسبب سمك الجدران  كما هو مبين في الشكل 9
26. إضافة ثريا (chandelier) وطاولة أيضا
27. زيادة التباين بين اجزاء المشهد كما هو مبين في الشكل 10

الشكل 4: التخفيف من حدة الخطوط الانشائية

شكل 5: تكبير اللوحة من الجهة السفلية لكنابة الترويسة فيها
alt+ctrl+C

شكل 6

فادي (شكل 6)
- تظليل المستويات كما هو مطلوب
- لادراج اطار للنوافذ الجانبية, من الممكن عمل ما يلي
1- ادراج صورة اطار نافذة من النت في اللوحة (copy > paste)
2-مسح المنطقة المحيطة بالاطار باستخدام الاداة magic wand ( الاختصار W) ومن ثم delete
3- لتعديل وملائمة  الاطار مع الفتحة الجانبية, من الممكن استخدام الايعاز edit> trnasform> scale
والايعاز Edit>transform> distort

- لتكبير اللوحة باتجاه الاسفل, من اجل كتابة الترويسة،  يمكنك استخدام الايعاز   image>canvas size (شكل 7)

شكل7

• لمعرفة تفاصيل ادراج صورة نافذة في المنظور, انقر هنا 

https://drive.google.com/file/d/0B-97q_t5VtCrSERCRTJZTl84Q0E/view?usp=sharing

  

دقة تفاصيل الصورة (resolution)

بشكل عام يجب اعادة تعيين الكاميرا لزيادة دقة تفاصيل الصورة (resolution)
ومصطلح دقة التفاصيل (resolution) يستخدم في التصوير الرقمي على أنه تعداد البكسل، و دقة التفاصيل تعتمد على عامل التكبير في العرض (Zoom)، والطباعة
مثلا الصورة التي لها 2048 بكسل عرضاً و1536 طولاً يكون لها إجمالاً 2048×1536=3,145,728 بكسلأو يمكن التعبير عن دقة التفاصيل بالقول 3.1 ميجا بكسل
https://en.wikipedia.org/wiki/Image_resolution

برطاشة النافذة

الشكل 8: window sill

الشكل 9: اخفاء اطر الفتحات اللامرئية

زيادة التباين بين اجزاء المشهد

- duplicate layer 

- image/ adjustments/ equalize 

- reduce opacity to 50% Manage-

منظور بمستوى اسقاط رأسي امامي (نقطة تلاشي واحدة)

أعمال الطلاب

Tuqa AlBaddad

Dana Al-akhras 

Maha Altaki

لتحديد ماذا يمكن أن نرى كانعكاس لاجزاء المنزل في المرآة الموجودة على الجدار الايسر، يجب تخيل أن هذه المرآة سطح شفاف ومن خلالها يمكن رؤية نسخة للمنزل معكوسة حول الجدار الأيسر

Omr Shar‎Architectural Communication Skills- مهارات اتصال معماري

Farah Said

Taboosh Lee

Add caption

Add caption

Add caption

Add caption

Add caption

Add caption

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

أعمال الطلاب (ارشيف)

Mohammad Al-Rabab'ah‎Architectural Communication Skills-

Issa Shihadeh‎Architectural Communication Skills-

تكبير الصورة باتجاه الاسقل لكتابة الترويسة كاملة

أحسنت ولكن
- ينبغي تصغير عمق العمود وتعديل خط تقاطع الواجهة اليسرى للعمود مع السقف
- تظليل الحائط الايمن
- وفي الترويسة كتابة ايصا اسم المادة

- يجب زيادة ارتفاع الشخص المدرج، علما بأن المرجع هو خط الافق

- وتظليل اطر النوافذ اليمنى

- وتعديل خط التقاطع بين السقف والعمود، علما بان جميع خطوط العمق تلتقي في نقطة تلاشي واحدة

- وكتابة الترويسة في اسفل اللوحة

تعديل النافذة المشار اليها باحترام قواعد المنظور
وبعد ذلك من المهم ايضا تظليل اطر جميع الفتحات اليمنى

بافتراض ان المشاهد والاشخاص الموجودين في المشهد لهم نفس الارتفاع

يجب تعديل ارتفاع الاشخاص بحيث يتطابق ارتفاع اعينهم مع خط الافق

وبالاضافة الى ذلك يجب تظليل الحائط الايمن والسقف

ومن الاجدى ايضا عمل فتحات (نوافذ او ابواب) على واحد من الجدران الجانبية

الاطار الرأسي الايسر للنافذة لا يظهر بسبب سمك الجدار

وبالمثل الباب الايمن

بافتراض ان الاشخاص الموجودين في المشهد لهم نفس الارتفاع, وهونفس ارتفاع مشاهد واقف (خط الافق)،   فيجب ان يكون الشخص الاقرب للمشاهد اكبر ولكن على ما يبدو ان المشاهد جالس، لان ارتفاعه قليل بالنسبة لمقاسات الغرفة, ولذلك يجب على الاقل زيادة ارتفاع  الشخص الاقرب للمشاهد بالنسبة لخط افق اخر، وهو المار بأعين الاشخاص الاخرين

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

يظهر ان ارتفاع خط الافق نفس ارتفاع برطاشة النافذة

وبالتالي الناظر قصيرجدار او انه جالس عندما رسم المنظور

وبالتالي الشخص المدرج يجب ن يكون ارتفلع اعلى من خط الافق

اوان كل العائلة اقزام, سواء المشاهد او المُشاهد ؟

استخدام خط ال 45 لتعديل البلاط

- تصغير ارتفاع الشخص على نفس ارتفاع خط الافق

او تكبير ارتفاع الابواب ....

- تظليل الجدار الايمن والسقف

- وادراج اطر للنوافذ
- وكتابة الترويسة

كان من الضروري التخفيف من الخطوط الانشائية بعض الشيء

ويمكنك القيام بذلك من خلال وضع باقي الاشياء في لاير منفصل عن الخطوط, ومن ثم التحكم بشفافية هذا اللاير (طالعي الصورة ادناه)

خطوط العمق تلتقي في نقطة تلاشي واحدة

تعديل العناصر المضافة باحترام قواعد هذا النوع من المنظور: خطوط العمق تلتقي في نقطة تلاشي واحدة, والخطوط الاخرى تبقى متوازية فيما بينها

وبالرجوع الى خط الافق الذي يمثل ارتفاع المشاهد, يجب زيادة ارتفاع فتحة الباب

وبما ان خط الافق اعلى من ارتفاع الباب, يعني ان المشاهد يرسم المنظور وهو واقف على كرسي وربما على طاولة

ولذلك لا يمكن ان يكون ارتفاع الشخص المدرج يساوي ارتفاع المشاهد

فما العمل ؟

المرجع الوحيد الذي تبقى هو ارتفاع الباب , وبالتالي ارتفاع خط افق الشخص المدرج يجب ان يكون, كما هو معروف, اقل من ارتفاع الباب

وبالاضافة الى ذلك يجب ادراج اطر للنوافذ

وكتابة الترويسة كالمعتاد

وتظليل الجدار الايمن والسقف

- يجب زيادة ارتفاع الشخص ليساوي ارتفاع خط الافق, وبالتالي يجب زيادة ارتفاع الباب ليكون اعلى من ارتفاع الشخص
- واصافة الترويسة

تعديل التناقض الموجود بين الشخص المدرج والحائط الايسر

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

- زيادة ارتفاع الشخص حتى خط الافق

- تعديل النوافذ بحيث تكون على نفس الاصطفاف

- زيادة ارتفاع السبورة

غدا سوف نبدأ التمرين الأول الذي يتلخص بالخطوات التالية:

1. رسم حر مبسط وتقريبي للقاعة (مختبر الحاسوب) باستخدام المنظور (نقطة تلاشي واحدة) ، 
2. تصوير الرسم الحر ومن ثم نقله إلى البرمجية فوتشوب.
3. عمل بعض المعالجات الرقمية, مثلا تعديل بعض الأخطاء الموجودة في المنظور, والتلوين, والتظليل , أو/ و إدراج عناصر مقتبسة  من الصورة الفعلية. وفي هذا الصدد يجب علينا أيضا التقاط صورة للقاعة من نفس الموقع الذي رسمنا منه المنظور

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

https://www.facebook.com/groups/architectural.communication.skills/

 

روابط متعلقة

•  The Polygonal Lasso Tool In Photoshop
   

Apply the Brightness/Contrast adjustment  
Using Transform in Photoshop

dopo aver fotografato il disegno a mano libera,  lo apri in phornoshop

- per prima cosa ponendo il caso che la sorgente luminosa si trova dietro e destra dell'osservatore, dobbiamo ombreggiare i piani che sono opposti rispetto alla sorgente come la superficie interna (ABCD) della parete destra  e come la superficie dell'intradosso del solaio,

per esempio per ombreggiare il piano (ABCD), si procede come di seguito:

1- con lo strumento "poligonal lasso" (abbreviazione L) si va a definire i vertici A,B,C,D

2- per sottrarre la finestra (EFGH) dalla selezione precedente, si preme il tasto shift e contemporaneamente si selezionano i vertici della finestra,

e analogamente alle operazioni precedenti si seleziona il soffitto 

3- una volta che abbiamo finito di selezionare le parti da ombreggiare, andiamo a diminuire la luminosità di quelle parti utlizzando il comando "image/ adjustments/ brightness contrast"

 per inserire una finestra nella prospettiva

1.    Si cerca in internet un immagine della porta o della finestra

2.    Si clicca on il tasto destro del mouse  e si sceglie l’opzione copia immagine

3.    Si incolla l’immagine  K nel immagine della prospettiva

4.    Si cancella lo sfondo dell'immagine della finestra

5.    Si dimensiona l’immagine in mode che il lato destro della finestra coincide con quello destro dell'apertura

6.    - si usa il commando Distort per far coincidere tutti i lati della finestra con quelli dell'apertura