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

آخر المواضيع

كيف تصمم خلفية شاشة تقنية بالفوتوشوب

مرحبا بك في درس جديد على مدونة الشبح للمعلوميات، في هذا الدرس سوف نقوم بتصميم خلفية رقمية بالفوتوشوب.

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

لبدء العمل افتح عمل جديد Ctrl+N مقاساته 1900x1200 بيكسل، دقة 72 ونوع لون RGB 8 bit، ثم أضف طبقة ملأ متدرجة من القائمة Layer اختر New fill layer ثم Gradient.


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

اختر أداة الكتابة T ثم اكتب الرقمين 0 و 1.

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

اضغط بزر الفأرة الأيمن على طبقة الكتابة واختر Rasterize type، ثم من قائمة Edit اختر Transform ثم Perspective.

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

خفض Opacity إلى 32%.

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

اختر أداة Elliptical marque tool، ضع القيمة 30 بيكسل ثم ارسم دائرة.

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

قم بعمل شكل شعاعي في جانب الصورة.

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

اذهب إلى قائمة Filter ثم اختر Blur ثم Gaussian blur ثم ضع القيمة 3,8 بيكسل.


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

قم بنفس العملية للجانب الآخر.


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

ضاعف الطبقة Ctrl+J ثم زد حجمها Ctrl+T، ثم خفض Opacity إلى 15%.


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

أنشئ طبقة جديدة Ctrl+Shift+N ثم اختر أداة الفرشاة B وارسم الشكل التالي.

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

غير نمط الطبقة إلى Overlay وخفض Opacity إلى 41%.


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

ضاعف الطبقة Ctrl+J ثم حركها لليمين.


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

أحضر الصورة التالية.

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

سنحتاج من هذه الصورة الدخان فقط، لهذا اذهب إلى نافذة Channels ثم اضغط على Ctrl من لوحة المفايتح وطبقة RGB ثم قم بنسخها ولصقها Ctrl+V Ctrl+C في ملف العمل.

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب


غير نمط الطبقة إلى Color dodge.


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

ثم اذهب إلى قائمة Filter واختر Distort ثم Twirl.


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب


ثم اذهب إلى قائمة Filter واختر Blur ثم Motion Blur.


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب


غير مكان الطبقة ثم ضاعفها عدة مرات لتحصل على مثل هذا الشكل.


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب


أضف طبقة ملأ متدرجة سوداء وبيضاء من قائمة Layer اختر New fill layer ثم Gradient.


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب


غير نمط الطبقة إلى Overlay.


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب


اذهب إلى قائمة Layer واختر New adjustment layer ثم Gradient map، ثم غير نمط الطبقة إلى Hard light وخفض Opacity إلى 56%.


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب


لإنهاء التصميم أجلب الصورة التالية لملف العمل.

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

غير نمط الطبقة إلى Overlay وخفض Opacity إلى 44%.

كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

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


كيف تصمم خلفية شاشة تقنية بالفوتوشوب
كيف تصمم خلفية شاشة تقنية بالفوتوشوب

الكــاتــب

    • مشاركة

ليست هناك تعليقات:

جميع الحقوق محفوظة لــ الشبح للمعلوميات 2019 ©