تصميم ايقونة القفل (درس مفصل جديد من منتديات تفانين)

[said]

http://i621.photobucket.com/albums/tt298/tfanin_albums/-.gif?t=1240439871


درس مفصل تصميم ايقونة القفل lock icon

نتيجة الدرس مفصل http://www.vb.tfanin.com/images/smilies/whistling.png

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/final.png


شرح طريقة الدرس مفصل كامل والموضوع الأصلي : http://www.vb.tfanin.com/showthread.php?p=576#post576



خطوات الدرس مفصل


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

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/1.jpg


نستخدم اداة Rounded Rectangle Tool ونرسم مستطيل كما بالصورة ثم نملئه باللون (#DDDDDD)

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/2.jpg


نستخدم اداة Ellipse Tool ونرسم دائرة فوق المستطيل كما بالصورة

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/3.jpg


بعد عمل هذه الدائرة نختار path selection tool ثم نضغط ctrl+c ثم ctrl+v وهذه الخطوة لنسخ الدائرة

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/4.jpg

ثم نضغط ctrl+T لتصغير الدائرة المنسوخة ومرة اخرى نختار path selection tool ثم من اعدادتها نختار subtract لتصبح كما بالشكل

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/5.jpg

نذهب الأن الي rectangle tool ونختار ايضا subtract ونتبع ما في الصورة

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/6.jpg

ثم نستخدم نفس الأداة مرة اخرى ولكن نختار add بدلا من subtract لرسم مستطيل اخر وننتقل الي اداة ellipse tool لعمل دائرة صغيرة كما بالصورة

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/7.jpg

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/7-2.jpg

نرجع مرة اخرى للمستطيل لنضيف عليه بعد المؤثرات

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/9.jpg

وتكون هذه النتيجة

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/8.jpg

نضاعف اللاير الخاصة بالمستطيل عن طريق الضغط علي ctrl+J ثم نختار path selection tool وننسخ هذا الشكل بالضغط علي ctrl+c ثم ctrl+v ونحرك الرسم الي أعلي قليلا ثم نختار subtract ونملئ الشكل بهذا اللون (#505050) لعمل ظل في اسفل المستطيل

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/10.jpg

نضيف لاير جديدة ونستخدم brush tool وتكون فرشة ناعمة وكبيرة (45 بيكسل) ونختار تيضا اللون الأسود ثم نلون اطراف المستطيل ونغير درجة opacity الي 30% كما بالصورة لعمل ظل علي طرفي المستطيل (الجزء الأسفل من القفل)

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/11.jpg


نضيف طبقة جديدة وايضا نستخدم brush tool مرة اخرى ولكن باللون الابيض ونفس درجة وضوح اللون الاسود (30%) ونلون المستطيل من أعلي الي اسفل

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/12.jpg

نبدا الان في عمل بعض الانعكاس علي الجزء العلوى من المستطيل ..نضغط ctrl+click علي لاير المستطيل لتحديدها ثم نذهب الي قائمة select ثم نتبع الصور

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/31.jpg


بعد ذلك نضيف لاير جديدة ونملئها باللون الابيض ثم نحرك التحديد 2 بيكسل لاسفل ونضغط delete من الكيبورد
????: TFANIN Forums http://www.vb.tfanin.com/showthread.php?t=271

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/13.jpg

لتصبح بهذا الشكل

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/14.jpg

نضيف لاير جديدة ونستخدم rectangle marquee tool لعمل تحديد كما بالصورة ونملئه بتدرج white transparent gradient

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/15.jpg

نستخدم مرة اخري rectangle marquee tool لعمل تحديد بحجم 2 بيكسل كما بالصورة

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/16.jpg

ثم نختار من قائمة edit ما في الصورة
????: TFANIN Forums http://www.vb.tfanin.com/showthread.php?t=271

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/17-2.jpg

ونضبطها كما بالشكل

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/17.jpg

لتصبح بهذا الشكل

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/18.jpg

نكرر الخطوة السابقه ولكن بحجم اكبر ومكان اخر من المستطيل

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/19.jpg

ليصبح بهذا الشكل

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/20.jpg

نضيف لاير جديدة ونستخدم rectangle marquee tool لعمل تحديد ونملئه بهذا التدرج

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/21.jpg

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/22.jpg

نختار اداة single row marquee tool ونملئها من edit ثم fill بلون او تدرج كما تشاء

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/23.jpg

نضيف لاير جديدة ونحدد الجزء الملون في المستطيل ثم نملئه بهذا باترن (موجود في المرفقات)

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/24.jpg




ننتقل الأن الي الجزء العلوى من القفل ... نغير لون الجزء العلوى من القفل الي (#D5D5D5) وندخل Inner Glow بهذا للون (#848484) ونغير Blend Mode الي Multiply

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/25.jpg

ثم نضاعف هذه الطبقة ونملئها باللون الاسود

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/26.jpg

نستخدم path selection tool مرة اخرى لتنشيط الدائرة المرسومه في الخطوات الاولي ثم نضغط ctrl+t ونكبرها ليبدا اللون الرمادى من الطبقة الاصلية في الظهور كما بالصورة

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/27.jpg

نرسم مستطيلين اخرين في الجزء الايمن والايسر كما بالصورة

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/28.jpg

ثم نضيف ستايل style style (موجود في هذا الموضوع هنــــــــا (http://www.vb.tfanin.com/showthread.php?t=229) ) علي الجزء العلوى ونستخدم اداة ellipse tool لعمل شكل كما في الصورة

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/29.jpg

ونستخدم اداة direct selection tool و ctrl+t لتعديل وضعها مع الجزء العلوى

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/30.jpg

وتصبح النتيجة النهائية http://www.vb.tfanin.com/images/smilies/w00t.png

http://www.tfanin.com/uploads/users/smsma/tutorials/lock/final.png

في انتظار التطبيقات http://www.vb.tfanin.com/images/smilies/blush.png






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