قبل البدء في الدرس أرجو منكم رجاء شخصي إخواني و أخواتي الأعزاء .. ألا تنسوا الدعاء لأخونا وليد البريدي مؤسس الموقع بالرحمه و المغفره ...

و الأن أهلا و سهلا بكم مره أخرى في سلسلة الدروس المترجمه حصريا لبكسل بواسطتي لبكسل

نصيحه أخويه قبل البدء : أثناء متابعتك لخطوات الدرس يجب أن يكون هدفك تعلم أساليب جديده تفيدك في تصاميمك ألأخرى و ليس الوصول لنتيجه مشابهه لما هو مشروح في الدرس فحسب , فالمصمم الناجح هو من يكون متقن للعديد من الأساليب و التقنيات لتخدمه في ظهور كل تصاميمه

درس اليوم فكرته جديده نوعا ما , سنتعلم في درس اليوم تصميم آلة حاسبةمن الصفر

النتيجة النهائية لدرس اليوم ستكون




ما رأيك ؟ ,, بسم الله نبدأ

نفتح مساحة عمل جديدة بالأبعاد 550×600 بكسل

بعدها نقوم برسم جسم الألة و سيكون عبارة عن شكل مستطيل

بعدها نعدل في خيارات الطبقة و بالتحديد في خيارات (Blending Options) و نضبطها كما في الصور التالية :





إضغط على زر CTRl ولا تتركه , و قم بالضغط على الصورة المصغرة للطبقة في لوحة الطبقات و هذا لتحديدها كما في الصورة التاليه



سنذهب الآن إلى Select > Modify > Contract و نغير القيمة كما في الصورة التالية




قم بإنشاء طبقة جديده و لونهاو عدل الـ Blending Option كما في الصور التالية :



قم بتكرير الخطوة السابقة مرة أخرى

ثم و بإستعمال أداة تحديد هلالية (Elliptical Marquee Tool ) , قم بتمريرها فوق الطبقة أثناء الضغط على زر ALT

بعدها قم بإنشاء طبقة جديدة و لون الشكل باللون الأبيض , بعدها إضبط الـ opacity الخاص بتلك الطبقة على 6%



سنرسم الآن الشاشة الخاصة بالألة الحاسبة و سنستعمل في تلك الحاله أداة مستطيلة الشكل بالطبع

سنلون الشاشة باللون الأسود

نشط الطبقة الخاصة بالشاشة بالنقر مرتين عليها و إذهب إلى الـ Blending Options الخاص بها

و ضبط القيم كما في الصور التالية




إستعمل الأختصار CTRL+R لإستعمال المسطرة الخاصه بالفوتوشوب

قم بسحب خطين أفقي كما في الصوره التاليه

سنقوم الآن برسم أول زر في الألة الحاسبة و بعدها سنعدل الـ Blending Options كما في الصور التاليه




نقوم الآن بتكرير (Duplicate) الطبقة الخاصة بالزر الذي سبق و صممناه في الخطوة السابقة , لنحصل على عدد كافي من الأزرار




الخطوة التالية هي حذف بعض الأزرر التي سبق ووضعناها ( كما في الصورة التالية )

إسحب خطين أفقيين من المسطرة ( كما في الصورة الثانيه التالية ) , سنجعل خط منهم به نفس الـ Blending Options الموجودة في باقي الأزرار , و الخط الأخر سيكون أحمر الليون ( أو لون تفضله أنت )

لتحريك خط من خطوط المسطرة , إستعمل أدارة الحركه ( Move Tool )







تبقى بعض اللمسات اللطيفة على التصميم

سنضع بعض الأشكال على الأزرار لإضافة بعض الواقعية للتصميم






سنضيف الآن الأرقام على الأزرار , سنستعمل خط إسمه Digital 7 ( إضغط على إسمه لتحميله )



تصميم إنعكاس للألة الحاسبة

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

و قمت بتكرير (Duplicate) كل مجلد منهم عن طريق سحبه إلى زر إنشاء طبقة جديدة

قم بتحديد المجلدين المكررين أثناء الضغط على زر CTRL قم بالنقر بزر الماوس الأيمن و إختر Convert to Smart Object



إستعمل الإختصار CTRL+T لقلب الألة الحاسبة التي قمنا بتكرير طبقاتها



نضغط على زر Add layer mask ( محدد بدائرة حمراء في الصور في الأسفل ) في الطبقة المكررة للألة الحاسبة

إختر ممحاة متوسطة الحجم لحذف أسفل الصورة , عن طريق إضافة قناع أو Masrk كما أشرنا من قبل

الفكره في كل هذا هي إنشاء إنعكاس








الخطوة النهائية لنا هي تلوين الخلفية , فلونها كما تحب

إنتهى الدرس



الدرس من إنتاج bloomwebdesign , و ترجمتي خصيصا و حصريا لمنتديات بكسل التعليمية