[متقدم] درس طريقة صنع شاشه Lcd

[saied nada]

درس اليوم يشرح طريقة صنع شاشه LCD بإستعمال البرنامج الشيق الفوتوشوب
و يمكنكم مشاهده مثال علي النتيجه النهائيه في الصوره التاليه




http://www.gulfson.com/vb/img/up/83/28d0b740c430ab5d9f7ad5e60ee36528.gif





http://www.gulfson.com/vb/img/up/83/7d92c6ae007d6a618ee4613c370e0a3d.gif



البدايه


قم بفتح مساحة عمل جديده بالابعاد التاليه 400×400 pixels , قم بتلوينها باللون #212529 , اختر اداة rectangular marquee tool ثم إرسم مستطيل و لونه باللون الابيض , ثم طبق مجموعة layer styles الاتيه و كما موضحه في الصور



http://www.gulfson.com/vb/img/up/83/4707e0d7f400b583630c9630d04d9d6d.gif




http://www.gulfson.com/vb/img/up/83/9d4ed9d52a79d136d5e4c57de3b7a8e9.gif




ستحصل علي شئ مشابه للاتي




http://www.gulfson.com/vb/img/up/83/6a9c783ee60ff35fe89af83fd2a97f44.gif





الان قم بعمل مستطيل اخر و لكن حجمه اصغر قليلا , ثم لونه بالاسود حتي تحصل علي شكل مشابه للاتي




http://www.gulfson.com/vb/img/up/83/b75497aaee566545e76056799351f7d7.gif




قم بعمل نفس الخطوه السابقه مره اخري و لكن قم بتصغير المستطيل قليلا و قم بتلوينه باللون الابيض ثم قم بتطبيق إعدادات layer styles عليه بنفس الاعدادت الموضحه في الصوره التاليه



http://www.gulfson.com/vb/img/up/83/cb97aae0389deb8855759e39f6eab87c.gif





http://www.gulfson.com/vb/img/up/83/351711845d1fdf9341310a434418fcb9.gif




http://www.gulfson.com/vb/img/up/83/2bdb3e34987d04dba0364e732ad4f142.gif







الان يجب ان تكون قد توصلت الي نتيجه مشابهه للاتي




http://www.gulfson.com/vb/img/up/83/2a272212f2337da171da879792f9a107.gif



الان اختر اداة rectangular marquee tool مره اخري و قم برسم مربعين صغيرين باللون الابيض (ستكون بمثابة ازار ) , و قم برسم دائره بيضاء في المنتصف كما في الصوره التاليه




http://www.gulfson.com/vb/img/up/83/7bb9deb7206644d52f9909bfdc32c208.gif



الان إختر جميع الطبقات من طبقة background , ثم إذهب إلي edit > transform > distort , او , إذهب إلي edit > transform > perspective , انا اعتقد ان تأثير distort افضل لإنه يعطيك تحكم اكثر للزاويا ....الخ ,, قم بتغير المنظر كما في الصوره التاليه




http://www.gulfson.com/vb/img/up/83/0e424273ef8f1e3aee72f0dc6b106490.gif




الان و مع اداة ال pen tool قم برسم شكل يشبه الشكل المرسوم في الصوره التاليه , و قم بملؤه باللون الابيض تحت طبقة الشاشه الزرقاء





http://www.gulfson.com/vb/img/up/83/03efa4c8a624aeeecc67399f50fcca9e.gif




بينما الاشكال الملونه بالابيض مازلت نشطه قم بالضغط علي ctrl + النقر علي طبقة الشاشه السوداء , ثم قم بالذهاب إلي select > inverse , ثم قم بالضغط علي زر delete , يجب الان ان تكون حصلت علي شكل داخل الشاشه السوداء , قم بضبط ال opacity الخاص به علي 16%.




http://www.gulfson.com/vb/img/up/83/b171df760f7eacc139f6fc0a0e438abe.gif




قم بتكرير الخطوه التي في الاعلي علي الشاشه الزرقاء , و لكن تلك المره قم بعملها مرتين في الجهه المعاكسه



http://www.gulfson.com/vb/img/up/83/3f5cadcb34565e758889fb9b887b4e26.gif





http://www.gulfson.com/vb/img/up/83/b4c7659acf6c01bf896762d38f5ad7d4.gif




الان يجب ان تكون قد توصلت الي نتيجه تشبه الاتي



http://www.gulfson.com/vb/img/up/83/b4c7659acf6c01bf896762d38f5ad7d4.gif



الان قم بالنقر علي الطبقه الخاصه بالشاشه (ذات اللون الرمادي ) , و اثناء النقر علي زر Alt قم بالضغط علي السهم الايسر عدة , تلك الخطوه لتكرير duplicate الطبقه و تحريكها لجهة اليسار بحوالي 1px لكل نقره , قم بعمل ذالك حوالي من 10-20 مره و هذا يرجع إلي الصوره النهائيه الموجوده في خيالك و التي تريد الوصول اليها , وبعد ان تنتهي قم بإخفاء جميـــع الطبقات من الطبقات المكرره الاخيره التي قمت بعملها .


إذهب إلي layer > merge visable , ثم قم بإظاهر الطبقات الباقيه ثم قم بسحب الطبقات المدموجه (اي التي قمنا بعمل merge ) لها خلف طبقة الشاشه (الصندوق ذو اللون الرمادي) , الان يجب ان تكون قد حصلت علي شكل مشابه للاتي



http://www.gulfson.com/vb/img/up/83/b76eb35577b6c908fb448e8b7a9242d1.gif





الان و تحت جميع طبقات الشاشه قم بإختيار اداة elliptical marquee tool و قم برسم دائره تشبه الاتي




http://www.gulfson.com/vb/img/up/83/64ed8662180a77da0f9b78bf97f26a4f.gif





قم بملؤها باللون الابيض ثم قم بنسخ و لصق نفس الاستايل المستخدم في الشاشه (الصدنوق الرمادي ) علي الدائره , ستقوم بدور الحامل للشاشه .




http://www.gulfson.com/vb/img/up/83/863061f3fca1db709f05786248b3bcdc.gif



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



http://www.gulfson.com/vb/img/up/83/d1f0af990c265207ba1b7e038456039b.gif





http://www.gulfson.com/vb/img/up/83/494cc8ffa82996596db3afdb74d097b1.gif



الان قم برسم 3 دوائر (تجدها في الصوره في الاسفل )



http://www.gulfson.com/vb/img/up/83/856ca2d29e45a3eae4091708cbaf0baa.gif



قم بملؤها باللون الابيض , ثم قم بالذهاب إلي filter > blur > guassian blur , و اجعل ال Blur حوالي 6-7 pixels.



http://www.gulfson.com/vb/img/up/83/2c4f837c37f67dd4116732efe54be0a1.gif




و الان و في النهايه و بإستعمال اداة ال pen tool قم بتحديد المنطقه كما موضح في الاسفل



http://www.gulfson.com/vb/img/up/83/be623c5a3b1eef6eb89362f4cd58b3c8.gif



قم بملؤها باللون الاسود و اجعل ال opacity الخاص بالطبقه علي 17% , و تأكد من ان الطبقه فوق المسند و اسفل الباقي . انتهي





http://www.gulfson.com/vb/img/up/83/7d92c6ae007d6a618ee4613c370e0a3d.gif