كيفية تصميم صورة فوتوغرافية يخرج منها جزء من الصورة

[رجل الحاسوب]

بسم الله الرحمن الرحيم
أشهد أن لا ألاه إلا الله و أن محمدا صلى الله علية و سلم عبده و رسوله
تحية طيبة و بعد ...
من زمن بعيد لم أقم بإضافة درس <<< إلى بسمع بفكر إن لدي الكثير من الدروس
عموما هذا الدرس بناءاً على طلب أخي بدر من المنتدى
وذلك بسبب هذا الموضوع
http://www.montada.com/showthread.php?t=523592
المهم الدرس هو كيفية أن نصمم صورة فوتوغرافية يخرج منها جزء من الصورة
مثال


وقد قمت بوضع صورة سريعة قمت بتصميمها في عشر دقائق






لكن للأسف غير متقن و فقط لتوضيح كلامي
وفية مشكلة في تعين زاوية رسم الإطار <<< لذا قمت بتأليف درس نظر لتحديد زاوية رسم الإطار

المهم الدرس قسمين
نظري و عملي <<< عدنا لمقاعد الدراسة
( سيبدأ الطلاب الآن بالهرب من الدرس )
نبدأ بالنظري
الولا ملاحظات قبل البدأ
اللون الأسود يعبر عن النص الخاص بالدرس بشكل مباشر
اللون الأحمر ملاحظات ساخنة
اللون الأزرق طرق بديلة
اللون الأخضر توضيحات


الرجاء عدم المشاركة إلى أن أنتهي من الدرس

[رجل الحاسوب]

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


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

2- الحالة الثانية الاعتماد على عمق الصورة بغض النظر عن اتجاه حركة الجزء الخارج من الصورة
كما في الصور


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

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

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

4- الحالة الأخيرة وهي الحالات النادرة أو الإبداعية
وهي التي يعتمد فيها تحديد زاوية الإطار على فكرة المصمم أي ما يخدم فكرة المصمم , ولا يوجد برأي نظام يحكمها إلا إبداع المصمم .
مثال طرحته أختي فيلسوفة زمانها

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

أرجوا عدم الرد إلى أن أنتهي من الدرس

[رجل الحاسوب]

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




نحاول تخيل محاور الاتجاهات لتحديد زاوية رسم الإطار
ستجد أن المحاور التي تمثل الصورة مثل التي تراها في هذه الصورة التالية





حيث أن المحور الأحمر هو المحور الذي يمثل اتجاه حركة الطائر و الذي سنعتمد علية لرسم زاوية إطار الصورة

لاحظ كيف سيكون اتجاه ميلان الإطار بناء على اتجاه الحركة
لرسم الإطار نستخدم أداة القلم pen tool ( في رسم الإطار أراعي مكان الجزء الذي سيخرج من الصورة و أجعله خارج الإطار الذي رسمته )ثم نضغط رايت كلك على الفأرة ونحول path إلى selection كما في الصورة




ثم نقوم بإنشاء layer جديد
ثم نقوم بملأ ال selection بلون الإطار ( أفترض أنه أبيض ) على ال layer الجديد الذي أنشأنه
ثم لقص المربع الأبيض الذي أنشأنه من الوسط ليصبح كالإطار نذهب إلىselect نختار منها modify و نختار منها contract كما في الصورة



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



ثم اعمل نسخة أخرى من الصورة
ثم على لير الإطار بأداة magic tool انقر خارجة
ثم انتقل إلى طبقة الصورة اضغط على الزر delete من لوحة المفاتيح
الآن اخفي هذه الطبقة بالضغط على العين بجوارها
نذهب للصورة الاحتياطية و نقوم بتحديد الحواف التي ستخرج من الصورة وشيء من داخلها كما في الصورة بأداة pen tool



ثم نحول الpath إلى selection بطريقة السابقة ثم right click على الفأرة و نختار layer via copy وهذا الخيار لا يظهر إلى عند اختيارك إحدى أدوات selection
ستجد أن الجزء المحدد من الصورة قد تم قصة و وضعة في طبقة لوحدة
الآن اخفي الطبقة التي تحوي الصورة الأصلية و أظهر الطبقة التي تمثل الصورة التي تظهر داخل حدود الإطار
وهناك طريقة أخرى و هي عن طريق قص الإطار و ليس الجزء البارز من التصميم . فبذالك تبقى طبقة الغطار فوق الصورة لكن يظهر الجزء البارز كأنه فوق الإيطار لأنا حذفنا هذا الجزء من الإطار



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



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



ثم نتوجه إلى effect
نختار gradient و نعطيه القيم التالية




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

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

[رجل الحاسوب]

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

[ناي]

اخوي رجل الحاسوب

ماشاء الله شرح كافي ووافي ... ابدعت فيه ..

وهذا تطبيقي على الدرس وهو تطبيق بسيط وسريع ..

وعلى فكره اول مره اجرب اطبيق هالنوعيــ ــــه من الدروس

وان شاء الله اكون وُفقت فيه ..

[D3BOL]

هلا اخوي

درس رائع

درس متعوب عليه ورائع

ان شاء الله بحط تطبيقي قريبا ً لان هل الايام امتحانات ومو فاضي ادش الفوتوشوب

يوم الاربعاء التطبيق ان شاء الله

ويعطيك العافيه

[جبال السراة]

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

ما شاء الله تبارك الله والله درس متعوب عليه والله يعطيك العافيه

طبقت الدرس لكن مسأله بسيطه وهي طلعت لى نافذه غير موجوده في شرحك وهي :






السؤال الثاني : كيف اقص المربع الأبيضح حتى يظهر الاطار؟؟
صراحه وصلت لهذي الخطوه ووقفت




.

[sleme]

السلام عليكم

أخي رجل الحاسوب

بصراحة درس متعوب عليه

لكن لا أخفيك سرا أني لم أقرأ الدرس بالتفصيل ، أنا فهمت الفكرة من ردك على الأخ صاحب السؤال

وتطبيقي في المرفقات على السريع ( لم أراعي الأبعاد )

[Royal Slayer]

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

بصراحه درس رائع اخى

مجهود واضح بالعمل على اخراجه

شاهدت بعضا من هذه الصور من قبل واعجبتنى فى تصميمها

المشكله فى اختيار الصور المناسبه كما قلت

ان شاء الله بحاول ان وجدت الصور المناسبه تطبيق الدرس لانه يستحق التجربه

تسلم اخى

دمتم فى حفظ الله ورعايته،،

[FinalFantasy9]

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

يعطيك العافيه :] , درس مميز وحركه فريده بالفعل ^_^ ..

شفت مثل هالتصاميم بالسابق واذكر اني حاولت اعملي نسخه لكن لم اجد ملف البي اس دي لدي xD .. لكن ان شاء الله راح اعمل تصميم خاص لهذا الموضوع ..

طبقت الدرس لكن مسأله بسيطه وهي طلعت لى نافذه غير موجوده في شرحك وهي :

يبدو انك تحاول تحول الشكل الى تحديد صحيح ؟.. اذا كان هذا هو الوضع فقم بإختيار الخيار الاول وهو "New Selection" , وبعدها اضغط ok .

كيف اقص المربع الأبيضح حتى يظهر الاطار؟؟

تقدر تقص بمجرد التحديد والضغط على Delete ولازم تكون على اللير الصحيح .. يعني مثلاً لو انت تبي تقص صورة السيارة بحجم المربع فقط فكل ماعليك هو انك تحدد المربع (اضغط Ctrl على اسم اللير الي فيه المربع في شاشة الليرز على الجانب الايمن) وبعدها قم بأختيار لير الصورة وقم بتحويل ال selection بالضغط بالزر الايمن للماوس واختيار "select inverse" (الاختصار Ctrl + Shift + I) .. وبعدها تمسح .. طبعاً هذه هي الطريقة الاسهل شرحاً للمبتدئين اتوقع ولكن انت انتظر رجل الحاسوب وخذ معلومات ادق واكثر تفصيل تناسب الدرس نفسه .

بحاول ان شاء الله اعود ومعي التطبيق بالايام القادمه ^___^ ..

بارك الله فيك ^^ .. تسلم على الجهد المبذول .

وشـــــــــــــــــــــكراً

[رجل الحاسوب]

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

[رجل الحاسوب]

السلام عليكم
أخي البدر
سعيد أن الدرس لاقى إستحسانك
بالنسبة للصورة التي ذكرت فقط إختر OK
دون التعديل علية أبقي القيمة صفر في مربع FEATHER
وأختر NEW SELECTION إن لم تكن مختارة
ولكن يبدوا أنك إزتجت هذه المرحلة
بالنسبة للنقطه التي وقفت لديها
يبدوا أنك عندما حولت الباث ل SELECTION ثم ملئته باللون الأبيض لغيت الSELECTION
وهذه هي المشكله فقط يجب عليك إعادة SELECTOIN على المربع الأبيض عن طريق النقر المزدوج على الطبقة التي تحتوي المربع مع الضغط على زر CTRL
ثم أكمل من مكان ما توقفت أي الخطوة التالية
ثم لقص المربع الأبيض الذي أنشأنه من الوسط ليصبح كالإطار نذهب إلىselect نختار منها modify و نختار منها contract كما في الصورة
إلخ
وأنتظر التطبيق
بالتوفيق

[رجل الحاسوب]

السلام عليكم
أخي sleme
سعيد برايك
ليس المهم أن تقرأ الدرس كامل
المهم أن تصل الفكرة
و تطبيق جميل و جيد << رغم أنك لم تهتم بالزاوية
وعمل جيد لو أنه على السريع
سعيد بتواجدك

[رجل الحاسوب]

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

[رجل الحاسوب]

السلام عليكم
أخي FinalFantasy9
سعيد برأيك
وبصراحة عندما شفت التصاميم أعجبتني الفكرة و حاولت تقليدها ثم كتبت هذا الدرس
ننتظر تطبيقك <<< لا نريد أعذار
و شكرا على المساعدة في حل غستفسار أخي بدر
و سعيد بتواجدك