أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.
أولا رجاء خاص إخواني و أخواتي الأعزاء .. لا تنسوا الدعاء لأخونا وليد مؤسس الموقع بالرحمه و المغفره ...
أهلا و سهلا بكم مره أخرى في سلسلة الدروس المترجمه حصريا لبكسل: )) ..
مقدمه السلسله
نصيحه قبل البدء : أثناء متابعتك لخطوات الدرس يجب أن يكون هدفك تعلم أساليب جديده تفيدك في تصاميم أخرى و ليس الوصول لنتيجه مشابهه لما هو مشروح في الدرس فحسب , فالمصمم الناجح هو من يكون متقن للكثير من الأساليب و التقنيات لتخدمه في ظهور كل تصاميمه في أحسن حال و بأفكار متجدده دوما ..
النتيجه النهائيه لدرس اليوم
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
قم بفتح مساحة عمل جديده بالأبعاد التاليه (1000X1000px)
قم بتلوين الخلفيه باللون 0e4b7f
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
الان قم بعمل طبقه جديده و سميها ‘header highlight’
سنقوم الان بعمل تدرج إشعاعي "radial gradient" من اللون الأبيض للشفاف في الجزء العلوي من مساحة العمل
قم بتغير الـ blend mode الخاص بالطبقه إلى ‘overlay’
قلل الـ opacity الخاص بنفس الطبقه إلى 50%
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
حمل من هنا خامه معدنيه سنستعملها في التصميم ,, بعد التحميل قم بوضعها في مساحة العمل الخاصه بنا
قم بالذهاب إلى image>adjustments>desaturate
ثم قم بالذهاب إلى image>adjustments>levels و طبق نفس الإعدادات الموجوده في الصوره التاليه
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
قم بتقليل الـ opacity الخاص بطبقة الخامه المعدنيه إلى 10%
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
سنستعمل الان خيارnew guide من قائمة View سنقوم بعمل vertical مره 50px و مره 950px ,, و سنقوم بعمل horizontal مره 100px و مره 950px
ثم قم بتلوين تلك المنطقه باللون الأبيض بإستعمال أداة marquee tool و أداة paintbucket tool
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
قم بتحميل صورة اللاب توب الموجوده هنا ثم قم بإدراجها في مساحة العمل الخاصه بنا
ثم قم بتعديل الـ levels الخاصه بها كما في الصوره التاليه
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
الان سنقوم بوضع صوره على شاشة اللاب و لتكن صوره موقع لأحد عملائك مثلا
لنجعل الصوره متناسبه شاشة اللاب قم بالذهاب إلى edit>transform>distort ..
قم بتطبيق stroke عليها كما في الصوره التاليه
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
قم بإضافة نصوص كتابيه جانب اللاب .. انا قمت بإستعمال خط Arial مع جعل العنوان باللون 408dd0 و النص باللون 8e8e8e
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
سنستعمل ظلال inner shadow و تدرجات gradient overlay بنفس الأعدادت الموجوده في الصوره التاليه
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
قم بعمل طبقه جديده و سميها ‘bottom area’ و بإستعمال أداة marquee tool قم بتلوين ذالك الجزء ثم قم بتطبيق inner shadow عليه من خيارات الـ blending option بنفس الإعدادات الموجوده في الصوره التاليه
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
الان أضف المحتويات التي تريدها في الواجهه
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
أضف الحقوق في الأسفل
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
و إنتهى الدرس بحمد الله تعالى
الدرس الأصلي من إنتاج موقع psdfan و تمت الترجمه من قبلي MonTexo حصريا و خصيصا لمنتديات بكسل التعليميه pxll.com
الرئيسية 
الأحداث 
)) .. 
