الرئيسية | مركز المعلومات | مركز التحميل | للاعلان في مُطِّورْ | استخدم ختم مطور | قوِ موضوعك هام | وسام مطور جديد | افحص البيج رانك جديد

العودة   مطور , mtwer forum > مطور .. خطوتك الأولى من مستخدم الى مطور > مطور تصاميم الجرافكس والملتميديا > دروس تصميم و شروحات مصورة

دروس تصميم و شروحات مصورة دروس تصميم ، دروس فوتوشوب ، دروس فيديو ، دروس تعليمية ، دروس فلاش


عزيزي المطور ابتعد عن النقل، ولتكن مواضيعك جديدة وقيمة تعبر عن إبداعك وتميزك
إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 23-04-2009, 01:43 PM
مطور مشارك
 
تاريخ التسجيل: 01-04-2009
الدولة: egypt
المشاركات: 33
LOONY is on a distinguished road
Thumbs up درس تصميم أيقونة القفل lock icon tutorial



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

شرح الدرس كامل والموضوع الاصلي : درس تصميم أيقونة القفل lock icon tutorial

نتيجة الدرس






خطوات الدرس

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




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




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




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



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



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



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





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



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



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



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




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



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




بعد ذلك نضيف لاير جديدة ونملئها باللون الابيض ثم نحرك التحديد 2 بيكسل لاسفل ونضغط delete من الكيبورد
????: TFANIN Forums درس تصميم أيقونة القفل lock icon tutorial



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



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



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



ثم نختار من قائمة edit ما في الصورة
????: TFANIN Forums درس تصميم أيقونة القفل lock icon tutorial



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



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



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



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



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





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



نضيف لاير جديدة ونحدد الجزء الملون في المستطيل ثم نملئه بباترن (http://www.vb.tfanin.com/attachment....1&d=1240440028)



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



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



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



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



ثم نضيف ستايل style (موجود في هذا الموضوع هنــــــــا ) علي الجزء العلوى ونستخدم اداة ellipse tool لعمل شكل كما في الصورة



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



وتصبح النتيجة النهائية



توقيعى
جميع اصدارات واضافات الفوتوشوب
حقيبة المصمم-دروس فوتوشوب-HTML-CSS-XHTML
طلبات مجانية وبيع التصميمات

رد مع اقتباس


  #2  
قديم 23-04-2009, 06:17 PM
اداري
 
تاريخ التسجيل: 09-03-2008
المشاركات: 1,435
أبو جنى is on a distinguished road
افتراضي

درس رائع جدا ومميز يا لوني

بارك الله فيك ونفع بك

تحياتي لك يا مبدع


توقيعى
مدير شركة توب لاين - فرع جدة
http://www.tl4s.com.sa
00966-2-6527954

رد مع اقتباس
  #3  
قديم 27-04-2009, 04:03 PM
مطور مشارك
 
تاريخ التسجيل: 01-04-2009
الدولة: egypt
المشاركات: 33
LOONY is on a distinguished road
افتراضي

شرفني تواجدك بالدرس ابو جني


توقيعى
جميع اصدارات واضافات الفوتوشوب
حقيبة المصمم-دروس فوتوشوب-HTML-CSS-XHTML
طلبات مجانية وبيع التصميمات

رد مع اقتباس
إضافة رد

العلامات المرجعية



مواضيع جديدة في قسم دروس تصميم و شروحات مصورة

أدوات الموضوع
انواع عرض الموضوع

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا يمكنك اضافة مرفقات
لا يمكنك تعديل مشاركاتك

BB code متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are معطلة
Pingbacks are معطلة
Refbacks are معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
عندك جوال وتريد فك رمز القفل تفضل هذا البرنامج .... فعال 100% مستر طرطوق برامج و العاب الكمبيوتر 1 01-01-2010 03:34 PM
برنامج رائع لقفل الجهاز ولوحة المفاتيح Chris PC-Lock 2.80 حسين قلانه برامج و العاب الكمبيوتر 1 08-08-2009 03:34 AM
Folder Lock 6.2.0 لحماية ملفاتك من المتطفلين trialless برامج و العاب الكمبيوتر 2 07-05-2009 08:35 PM
ملف صغير يغير بداية الفتح ونهاية القفل للكمبيوتر بمحتوي اسلامي الجزار99 برامج و العاب الكمبيوتر 0 13-04-2009 03:31 PM
Folder Lock 5.9.0 + سيريال + شرح لتشفير الملفات بالصور !!! RaChIDman مطور للأخبار والمعلومات التقنية 5 16-06-2008 11:38 PM


مساحة إعلانية


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
جميع الأوقات بتوقيت GMT +3. الساعة الآن 10:14 PM.