Follow us on Facebook Follow us on Twitter Linked In Flickr Watch us on YouTube My Space Blogger
التسجيل
النتائج 1 إلى 12 من 12

:: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

هذا الموضوع : :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك :: داخل الدورات والدروس التعليمية | Photoshop Tutorials & Tipsالتابع الي قسم الفوتوشوب | Adobe PhotoShop : السلام عليكم اخواني في الله إن من اهم العناصر الرئيسة لنجاح التصميم تحقيق التوازن الطبيعي للضوء و الظل ليبدو طبيعيا ...

  1. #1

    الصورة الرمزية ::حامل المسك::
    مشرف قسم عرض ونقد

    الحالة
    غير متصل
    تاريخ التسجيل
    Jun 2012
    الدولة
    مصر
    المشاركات
    1,644
    Thanks
    6
    Thanked 6 Times in 6 Posts
    الصور
    1
    معدل تقييم المستوى
    74

    Lightbulb :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

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


    5 خدع بسيطة لتحقيق الضوء و الظل الخاص بتصميمك


    لا مفر من اضوء والظل - إنها في كل مكان تنظرون اليه

    كل ما تراه يعكس الضوء ويلقي نوعا من الظل.

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


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

    تشريح سريع للضوء والظل


    في الصورة أدناه ، يمكننا أن
    نرى أن مصدر الضوء قادم من اليسار.

    تسليط الضوء ... حيث ضوء أقوى، والظلال تقع على الجانب الأبعد من مصدر الضوء.


    ظهور الضوء والظل يقول لنا الكثير عن السطوح
    والقوام
    في الصورة.



    ولكن ماذا يعني هذا ؟ وهل لها علاقة بتصميم الموقع؟

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

    دعونا نصل الى ذلك.

    1-استخدام مصدر الضوء


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

    يمكنك استخدام "تأثير ضوء عالمي" حتى يتسنى لجميع من تأثيرات الإضاءة الخاص بك اتبع نفس الاتجاه ضوء.

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

    أمثلة على الويب


    استخدام وابلا من أشعة
    الضوء الذي ينقل الشعور لشروق الشمس وراء التصميم.



    استخدام الضوء لتغرق في الموقع تحت الماء العميق .




    استخدام اكثر من مصدر للاضائة
    لإضافة الاهتمام البصري، والتعادل مع نمط الإضاءة مثل المكتب و المصباح.




    استخدام مصدر ضوء خفي وراء الشعار لإعطاء أهمية للشعار المرئي
    على الصفحة.






    2.التدرجات


    .

    استخدام التدرجات بمهاره هي وسيلة رائعة لتوفير العمق وجعل الأمور
    تدب فيها الحياة على الشاشة.

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




    أمثلة على الويب



    هذا درس في استخدام تدرجات
    خفية لكنها تدرجات فعالة لفصل وتنظيم المحتوى.




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





    3.البروز


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

    ولاضافة خدعة جيدة لتسليط الضوء يجب التكبير على مكان العمل
    ليظهر التأثير بوضوح
    ويكون التكبير على 200٪ أو أكثر، لأنه في 100٪ يمكن أن يكون من الصعب معرفة ما تفعلونه
    بوضوح.
    أمثلة على الويب


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




    وقد تلاحظ بروز جميل في الجزء السفلى من العناصر و الكلمات
    وتعطيك شعورا جيد ومريح للبروز


    30


    4.الظلال الأساسية



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

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



    أمثلة على الويب



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

    يضيف ظل دقيقا للغاية في
    الجزء السفلي من عناصر الشريط الجانبي لخلق الوهم من العمق.




    مع صفحة ربما الأشد العامل
    على شبكة الإنترنت - لا تزال تستثمر استخدام ظلال خفية لصفحة البحث.


    5.الظلال المتقدمة



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

    في الأمثلة أدناه، يتم إعطاء نفس علبة كوكاكولا
    مواقف مختلفة تماما في الفضاء اعتمادا على التظليل والظل.






    أمثلة على الويب


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





    ظل يتحرك عند تغيير حجم الصفحة، وكأن الضوء قد يتحول.



    تستطيع عمل ارضية على خلفية بيضاء
    بتوظيف لكل من الضوء والظل.






    تم بحمد الله
    ارجو ان يكون الموضوع مفيد ...
    نسألكم الدعاء

    الرابط....

    http://www.smashingmagazine.com/2009...-your-designs/

    كما يوجد في اسفل الموضوع دروس مفيدة في هذا الصدد


    ::: لا عزة إلا بالكتاب و السنة :::
    :: للتأكد من صحة الحديث ::

    :: حكم الكلام بين الرجال و النساء ::
    .. لا أتكلم مع النساء ..

    :: والله ماغشيت إمرآة في اليقظة او المنام إلا أم عبدالله زوجتي
    وأني لأرى المرآة في المنام مما لاتحل لي فأصرف بصري عنها ::ابن سيرين ::
    :: إن الحق لا يعرف بالرجال، اعرف الحق تعرف أهله ::علي ابن ابي طالب
    ::

    :: موقعي الشخصي ::



  2. #2
    الصورة الرمزية amr_ismaiel
    مصمم مجتهد

    الحالة
    غير متصل
    تاريخ التسجيل
    Feb 2011
    المشاركات
    620
    Thanks
    2
    Thanked 4 Times in 4 Posts
    معدل تقييم المستوى
    35

    رد: :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

    جزاك الله كل خير على الموضوع ,,, تقبل مرورى

  3. #3


    الصورة الرمزية 4MAX
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2009
    الدولة
    فى القلب
    العمر
    29
    المشاركات
    19,932
    Thanks
    983
    Thanked 241 Times in 199 Posts
    الصور
    6
    معدل تقييم المستوى
    462

    رد: :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

    موضوع جميل جدا جارى النقل للقسم الصحيح
    ان لله عبادا اختصهم لقضاء حوائج الناس
    حببهم للخير وحبب الخير لهم
    اولئك هم الامنون من عذاب الله يوم القيامه
    =====

    بروا آبائكم يبروكم أبنائكم




    ĎΞs!GŖ

    مركز طريق الجرافيك التعليمي

  4. #4

    الصورة الرمزية النجمةالذهبية
    مشرف القسم الاسلامي

    الحالة
    غير متصل
    تاريخ التسجيل
    Jun 2010
    الدولة
    بلاد الرافدين
    العمر
    24
    المشاركات
    2,447
    Thanks
    194
    Thanked 37 Times in 32 Posts
    معدل تقييم المستوى
    73

    رد: :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

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




    تفنى اللذاذة ممن نال صفوتها === من الحرام ويبقى الإثم والعار
    تبقى عواقب سوء في مغبتها === لا خير في لذة من بعدها النار


    ______
    اخــوكم في الله
    هشام

  5. #5
    الصورة الرمزية saiF
    مراقب

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2012
    الدولة
    الجزائر
    المشاركات
    933
    Thanks
    6
    Thanked 4 Times in 3 Posts
    معدل تقييم المستوى
    40

    رد: :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

    بارك الله فيك على الطرح الجميل


  6. #6

    الصورة الرمزية ::حامل المسك::
    مشرف قسم عرض ونقد

    الحالة
    غير متصل
    تاريخ التسجيل
    Jun 2012
    الدولة
    مصر
    المشاركات
    1,644
    Thanks
    6
    Thanked 6 Times in 6 Posts
    الصور
    1
    معدل تقييم المستوى
    74

    رد: :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

    جزاكم الله خيرا اخواني في الله

    الله يعزكم ويبارك فيكم

  7. #7

    الصورة الرمزية waleed_ali
    مشرف القسم العام والإسلامي

    الحالة
    غير متصل
    تاريخ التسجيل
    Jan 2010
    الدولة
    A, A
    المشاركات
    20,140
    Thanks
    587
    Thanked 288 Times in 256 Posts
    الصور
    21
    معدل تقييم المستوى
    433

    رد: :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

    جزاك الله خير اخي الكريم

  8. #8

    الصورة الرمزية ::حامل المسك::
    مشرف قسم عرض ونقد

    الحالة
    غير متصل
    تاريخ التسجيل
    Jun 2012
    الدولة
    مصر
    المشاركات
    1,644
    Thanks
    6
    Thanked 6 Times in 6 Posts
    الصور
    1
    معدل تقييم المستوى
    74

    رد: :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

    واياك اخي
    بارك الله فيك

  9. #9

    مشرف قسم الماكس

    الحالة
    غير متصل
    تاريخ التسجيل
    Apr 2012
    الدولة
    الجزائر
    المشاركات
    2,092
    Thanks
    2
    Thanked 31 Times in 28 Posts
    معدل تقييم المستوى
    79

    رد: :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

    مع الاسف الصور لا تضهر وهذا يقلل فهمنا للموضوع
    شكرا لك

  10. #10

    مشرف قسم الماكس

    الحالة
    غير متصل
    تاريخ التسجيل
    Apr 2012
    الدولة
    الجزائر
    المشاركات
    2,092
    Thanks
    2
    Thanked 31 Times in 28 Posts
    معدل تقييم المستوى
    79

    رد: :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

    لا المشكلة عندي
    ضهرت الصور وستعم الفائدة بحول الله

  11. #11

    الصورة الرمزية EHABMARWAN
    مشرف قسم الماكس

    الحالة
    غير متصل
    تاريخ التسجيل
    Dec 2010
    المشاركات
    2,033
    Thanks
    186
    Thanked 132 Times in 104 Posts
    معدل تقييم المستوى
    67

    رد: :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

    تسلم إيديك
    مجهود مميز
    بارك الله فيك

  12. #12
    مراقب

    الحالة
    غير متصل
    تاريخ التسجيل
    May 2009
    الدولة
    المنصورة
    المشاركات
    586
    Thanks
    4
    Thanked 6 Times in 6 Posts
    معدل تقييم المستوى
    36

    رد: :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

    بارك الله فيك


 

 

المواضيع المتشابهه

  1. درسي التعليمي الجديد ... لتحقيق هدفك :: حازم صبري
    بواسطة hmsabry في المنتدى قسم للمبتدئين في الماكس | 3DsMax For Beginners
    مشاركات: 3
    آخر مشاركة: 24 / 02 / 2013, 37 : 02 PM
  2. درسي التعليمي الجديد ... لتحقيق هدفك :: حازم صبري
    بواسطة hmsabry في المنتدى المنتدى العام
    مشاركات: 23
    آخر مشاركة: 28 / 01 / 2013, 28 : 04 PM
  3. درسي التعليمي الجديد ... لتحقيق هدفك :: حازم صبري
    بواسطة hmsabry في المنتدى الدروس التعليمية | Cinema4D Tutorials
    مشاركات: 1
    آخر مشاركة: 25 / 01 / 2013, 13 : 04 AM
  4. روعة الضوء .. سلسلة شاملة عن الضوء
    بواسطة waleed_ali في المنتدى المنتدى العام
    مشاركات: 2
    آخر مشاركة: 02 / 10 / 2012, 22 : 06 AM
  5. القواعد 9 لتحقيق النجاح !!!
    بواسطة الفارس الملثم في المنتدى المنتدى العام
    مشاركات: 4
    آخر مشاركة: 21 / 01 / 2011, 46 : 01 AM

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
الساعة الآن 29 : 07 AM
Powered by vBulletin® Version 4.2.3
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.
Search Engine Optimization by vBSEO