سلسلة دروس الانترفيس ( الدرس مفصل الثانى طريقة تظليل الانترفيس)

[loulou ange]

سلسلة دروس الانترفيس ( الدرس مفصل الثانى طريقة تظليل الانترفيس)

الان مع الدرس مفصل الثانى


طريقة تظليل الانترفيس





هذا هو الشكل الان


http://www.alzintan.com/designs/interface/10.jpg



سنقوم باضافه بضعه لمسات فنيه لاعطاء التصميم نوع من الحياة


http://www.alzintan.com/designs/interface/11.jpg

http://www.alzintan.com/designs/interface/12.jpg

http://www.alzintan.com/designs/interface/13.jpg

هذا هو الشكل الان

http://www.alzintan.com/designs/interface/14.jpg


طبعا بعد تحديد الشكل Ctrl A او Ctrl click
نقوم بانشاء طبقة جديدة-فوق القاعده الرءيسيه للشكل الذى استكملناه

http://www.alzintan.com/designs/interface/15.jpg


- اختر select-modify contract و ترك كل شيء علي حاله.

http://www.alzintan.com/designs/interface/16.jpg

http://www.alzintan.com/designs/interface/17.jpg


Stroke wihte 2 pixels

http://www.alzintan.com/designs/interface/18.jpg

http://www.alzintan.com/designs/interface/19.jpg


ثم ، انتقل Blur Gussian BLur-> توزع المجموعه الضبابيه وقطرها 2.

http://www.alzintan.com/designs/interface/20.jpg


- ثانيا ، نحتاج الي ازاله جزء من القمه ,نختار اداه المحايه ناعمه قطرها 35.




http://www.alzintan.com/designs/interface/21.jpg

- نمحو كل شى باستثناء الجزء السفلي

http://www.alzintan.com/designs/interface/22.jpg


-وضع غموض في خانه التشغيل Lower opacity to 80
وايضا نقل هذه الطبقة اعلى ( نرفع هذه الطبقة اعلى يعنى 2 بكسل)


- الان انشاء طبقه فوق الطبقه هذه

http://www.alzintan.com/designs/interface/23.jpg

- تفعيل القاعده الرءيسيه او نحدد الطبقة الرئيسية ونعمل الاتى
Modify contract by 1
Stroke white 1 pixel

http://www.alzintan.com/designs/interface/24.jpg
http://www.alzintan.com/designs/interface/25.jpg
http://www.alzintan.com/designs/interface/26.jpg
http://www.alzintan.com/designs/interface/27.jpg


- الان محو الجزء السفلي من الطبقه فقط.

lower opacity to 80%





الدرس مفصل القادم اضافة الازرار ما بلشكل ولكن هذه المرة اريد ان ارى تطبيقات اكثر او ساوقف الدرس مفصل

http://www.alzintan.com/designs/interface/28.jpg



سلسلة دروس الانترفيس ( الدرس مفصل الاول تدوير الزوايا )
سلسلة دروس الانترفيس ( الدرس مفصل الاول تدوير الزوايا ) (http://www.dzbatna.com/t209715/)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©