[احترافي] تصميم شاشة Tv - اتش بوي ................ !

[linnou]

بسم الله الرحمن الرحيم ::..



يقولون من طول الغيبات جاب الغنايم http://www.dzbatna.com/images/smilies/bigsmile.gif



وهذي أحلى غنيمة لكم في عام 2014 http://www.dzbatna.com/images/smilies/blushing.gif



.. خلاص http://www.dzbatna.com/images/smilies/santa_1.gif نبدأ الجد ..



// ندخل في الدرس مفصل \\



-------------------------------------------------------------



الخطوه الأولى الاعداد .. !



افتح عمل جديد


العرض = Pixels 500 / الطول = Pixels 300



اضغط Ctrl + ' لتظهر تخطيط العمل - Grid- [ لتصميم متوازي متقن ^_~ ] كما في الشكل




http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/001.gif


----------


----------


----------


----------


----------



.. نبدأ التصميم ..





2- ارسم مربع منحني الزوايا بزاوية ( radius ) 15بكسل

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/002.gif
3- اضف نقطتين بالأداة http://www.des-h-boy.com/tutorials/photoshop/other/photoshop_tools/pen-1.gif بجانب الزوايا لاحظ اماكنها في التخطيط

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/003.gif

4- حدد النقطتين الواقعه بالمنتصف بالأداة http://www.des-h-boy.com/tutorials/photoshop/other/photoshop_tools/pen-3.gif وأنزلهما للأسفل
بحدود مربعين ونصف بالتخطيط ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/004.gif



5- ارسم مربع آخر بـ radius 15 بكسل ولاحظ مكانه في التخطيط



اما خصائص الـ Layer style انت العب فيها على حسب مزاجك ^^


http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/005.gif

6- مربع أيضا وانتبه لمكانه في التخطيط ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/006.gif

7- هذا الشكل الحالي .....

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/007.gif

8- في أي زاوية ارسم مربع قائم الزوايا .....

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/008.gif

9- أضف نقطة في هذا المكان ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/009.gif

10- ارفع نقطة للأعلى ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/010.gif

11- حرك نقطة في الزاوية اليسري السفلية لليسار ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/011.gif

12- أرسم مربع في وسط الشكل ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/012.gif

13- حرك الزاوية اليسرى السفلية لليسار أيضاً..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/013.gif

14- حدد هذا الجزء من الشكل بالأداة http://www.des-h-boy.com/tutorials/photoshop/other/photoshop_tools/rope.gif ثم اذهب إلى قائمة ..
Brightness/Contrast < Adjustments < Image..
واعط لـ Brightness قيمة ( -20 ) بكسل ...

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/014.gif

15- ارسم شكل جديد بالأداة http://www.des-h-boy.com/tutorials/photoshop/other/photoshop_tools/pen.gif ابدأ من أي نقطة تشاء ...

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/016.gif

احفظ العمل ^^

16- حدد هذا الجزء من الشكل واعطه Brightness بقيمة ( - 20 )

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/017.gif

17- ثم حدد هذا الجزء من الشكل و ايضاً اعطه Brightness بقيمة ( - 20 )

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/018.gif

18- لينتج لدينا هذا الشكل ...

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/019.gif




19- ادمج الثلاث مربعات الصغيرة ثم حركها لتتناسب ..
مع الشكل الاساسي ثم انسخ الشكل للزاوية الأخرى ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/020.gif

20- ارسم مربع منحنى بـ Radius 5 بكسل في هذه المنقطة ..
لوضع الأزرار ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/021.gif

21- ارسم دائرة صغيرة لجعلها زر التشغيل ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/022.gif

22- مربع منحنى بـ Radius 5 بكسل ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/023.gif

23- اضف طبقة جديدة وبأداة Pencil ارسم خطين متجاورين ..
واجعل الـ Blending Mode هو Overlay ..
خفف شفافية الطبقة ألى 60 أو 50 ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/024.gif

24- طبقة جديدة أيضاً ثم ارسم مثلث في كل زر لتغيير القناة وللتحكم بالصوت ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/025.gif

25- ارسم دائرة تحت الأشكال ثم أعطها Blur ببكسل مناسب ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/026.gif


.. انتهينا ..

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/027.gif













حتة تطبيق بالـ TV



http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/TV-screen1.gif

تطبيق آخر ^^

http://www.des-h-boy.com/tutorials/photoshop/other/TV-Screen/TV-screen.gif


أي شي مو مفهوم لا تتردد بالسؤال
لازم أشوف تطبيقات ^^
أطيب تحية اخوكم اتش بوي

http://www.dzbatna.com/images/smilies/icon31.gif




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