المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : درس // تصمــيم العلـبة الخـارجيه لـ Products

CS.Student
27 - 01 - 2009, 16:56
الســلام عليـكم ورحمه الله وبركــاته ..



http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-14.gif

" درس شفته بالنت من شــوي . وايد عـيبني "
اتمنــى لكم الافـــــــاده :tl:




اول شئ قم بعمل طبقه جديده فوق الطبقه الاولي التي تسمي في الغالب (background) ,,

قم و بإستعمال اداة pen tool بعمل شكل مشابه لما هو معمول في الصوره التاليه ,,


http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-2.gif



من الممكن ان تاخذ بعض الوقت و المحاولات حتي تقوم برسم شكل مشابه لما في الصوره العلويه و لكن الامر يستحق الجهد ,,

قم بتلوين الشكل المرسوم باللون الاسود ,,,


http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-3.gif



م بالنقر مرتين علي الطبقه الجديده الملونه باللون الاسود ..

قم بإضافة gradient overlay لها وقم بضبط إعدادته كما في الصوره التاليه ..



http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-4.gif


http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-5.gif



قم بتكرير (Duplicate) الطبقه ,,

قم بالنقر بزر الماوس الايمن علي الطبقه و قم بالذهاب إلي “clear layer style” , بعد تلمك الخطوه ستحصل علي الشكل الاسود مره اخري ,, و قمنا بعمل تلك الخطوه بدلا من رسم شكل اخر باداه pen tool كما فعلنا في اول خطوه في البدايه ,,

قم بالضغط علي ctrl + T للدخول في وضع التحركه الحر ,,قم بتعديل الشكل و تغير حجمه و جعله اصغر قليلا كما في الصوره التاليه ,,



http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-6.gif



قم بالنقر مرتين علي الطبقه و قم بتطبيق gradient overlay و stroke و إضبط الاعدادات كالاتي :


http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-7.gif


http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-8.gif


http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-9.gif



قم بعمل طبقه جديده اعلي الطبقه background و لكن تحت باقي الطبقات ,, و قم بعمل بتحديد المنطقه كما في الصوره التاليه


http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-10.gif



قم بتلوينها باللون الاسود ,,,


http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-11.gif




قم بتكرير (Duplicate ) واحد من الاشكال المرسومه

قم بالنقر بزر الماوس الايمن علي الطبقه الجديده و قم بالذهاب إلي “clear layer style” و تأكد من غن الطبقه اعلي باقي الطبقات ,,

قم بالضغط علي “ctrl + T” , و قم بجعل الشكل اكبر من باقي الاشكال المرسومه و قم بتلوينه باللون #777777 ,,

قم بضبط ال opacity الخاصه به علي حوالي من 15%-20% ,



http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-12.gif



قم بتكرير الطبقه (Duplicate) التي جعلتها في الاعلي و لكن تلك المره قم بجعل تلك الطبقه اسفل الطبقات و لكن اعلي الطبقه المسماه background ,,

قم بالضغط علي “ctrl + T” ,

قم بجعل هذا الشكل اصغر قليلا من باقي الاشكال ,,

قم بتلوين هذا الشكل باللون #777777 ,,

قم بضبط ال opacity علي حوالي 15%-20%.




http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-13.gif
CS.Student
27 - 01 - 2009, 16:58
انتهينا الان ,,

عليك الان ان تضيف المحتوي الراغب في عمل العلبه له , و شعارك و الكلام ...الخ

بعد ان تنتهي من إضافة المحتوي قم بالذهاب إلي “edit > transform > persepective” و قم بالتعديل حتي تحصل علي ما يناسبك ,,

يمكنك بالطبع إضافة اي تأثير من التأثيرات التي تفضلها و التي تعلمناها سويا في سلسلة دروسنا المترجمه خصيصا لموقع بكسل التعليمي


النتيجه النهائيه



http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-1.gif


http://www.pxll.com/usersupload/montexo/vista-themed-software-box-tutorial-14.gif


:tl:
" مـوقع بـكسل "
حسين الغافري
27 - 01 - 2009, 23:50
درس طويل بس حلو بجد
يسلموو
CS.Student
28 - 01 - 2009, 13:41
درس طويل بس حلو بجد
يسلموو


الله يســلمك ..



لـو جـربته مااظن بيـاخذ منك وقت وايد
كله رسم بن توول و fill للمساحه مع شويه بهارات :ee: !!


>>> :bt: نتــريا تطبيقك .. لـ سي دي المجموعه الي كنتوا تشتغلوا عليه



يــلا بنشـغلكم " مـاركـتنج :tl: "
ماروكو^^
02 - 02 - 2009, 19:00
فنان يا مبدعة


بارك الله فيك يا عسل


حفظك ربي


تحياتي
CS.Student
02 - 02 - 2009, 19:59
يسلموووو رئيستنا ^^



كل التوووفيق يارب


:biggrinclarifils:
admin
03 - 02 - 2009, 15:17
درس حلو وايــــد ^_^

و النتيــجه أحلى و أحلـــى

..

يعطيج العافيــــه :bt:
CS.Student
13 - 02 - 2009, 16:55
الله يــعـافيــك
:cupidarrow: