درس تصميم خلفية

الخطوة الأولى

اتجه للقائمة الرئيسية واختر التالي

File >> New
http://www.jewelsuae.com/psd/allDoroos/gif/T-shape/1.gif

ستظهر لك نافذة لاختيار إعدادات مساحة العمل ،، أدخل القيم التالية:

العرض: 400 Pixels Width:
الطـول: 400 Pixels Height:
الدقة النقطية: 72 Pixels/inch Resolution:
نمط اللون: RGB Color Color Mode:
لون الخلفية: White Background Contents:
لاحظ الصورة ...

http://www.jewelsuae.com/psd/allDoroos/text-effect/TinT/1.gif


الخطوة الثانية

اضغط على حرف D من لوحة المفاتيح كي تعيد الألوان للأبيض والأسود ،، ثم طبق الفلتر التالي:

Filter >> Rander >> Clouds
http://www.jewelsuae.com/psd/allDoroos/background/V-color/1.gif

شاهد الصورة .. بعد تطبيق الفلتر ..


http://www.jewelsuae.com/psd/allDoroos/background/V-color/2.jpg

الخطوة الثالثة

طبق الفلتر التالي ..

Filter >> Pixelate >> Mezzotint
http://www.jewelsuae.com/psd/allDoroos/background/V-color/2.gif

ستظهر لك نافذة .. تأكد من اختيار أمر Long strokes عند كلمة Type

شاهد الصورة التوضيحية:
http://www.jewelsuae.com/psd/allDoroos/background/V-color/3.gif


والنتيجة:

http://www.jewelsuae.com/psd/allDoroos/background/V-color/4.gif


الخطوة الرابعة

طبق الفلتر التالي ..

Filter >> Blur >> Motion Blur

http://www.jewelsuae.com/psd/allDoroos/background/V-color/5.gif

ستظهر لك النافذة الخاصة بإعدادات الفلتر ..

عند كلمة Angle أدخل القيمة 90

وعند كلمة Distance أدخل القيمة 999


شاهد الصورة التوضيحية ..

http://www.jewelsuae.com/psd/allDoroos/background/V-color/3.jpg
والنتيجة:

http://www.jewelsuae.com/psd/allDoroos/background/V-color/4.jpg
لقد بدأ الشكل يظهر الآن ..




الخطوة الخامسة

في هذه الخطوة سنقوم بتلوين الخلفية ..

1- اتجه لبوكس الليرات وقم بإضافة لير جديد عن طريق الضغط على المربع الصغير الموجد أسفل بوكس الليرات ..

شاهد الصورة التوضيحة بعد إضافة لير جديد ..
http://www.jewelsuae.com/psd/allDoroos/background/V-color/6.gif

إذا لم تجد بوكس الليرات .. ولم تعرف كي تضيف لير جديد .. يرجى اتباع الرابط التالي ..

والآن اتجه لقائمة الأدوات واختر أداة التدرج .. وفي شريط اختيارات الأداة قم بالآتي:

عند نوع التدرج .. اختر تدرج قوز المطر .. Transparent Rainbow .. يمكنك أن تختار أي تدرج آخر ..
وبالنسبة لنوع التدرج .. فقد اخترت التدرج الخطي .. Linear Gradient ..

شاهد الصورة التوضيحية:

http://www.jewelsuae.com/psd/allDoroos/background/V-color/5.jpg
احرص على أن يكون خط التدرج أفقياً أثناء التطبيق ..

كي تظهر الخطوط بشكل عمودي ..

شاهد الصورة التوضيحية أثناء تطبيق التدرج:
http://www.jewelsuae.com/psd/allDoroos/background/V-color/9.jpg


والنتيجة:

http://www.jewelsuae.com/psd/allDoroos/background/V-color/6.jpg
مرة أخرى ارجع لبوكس الليرات .. وغير طريقة دمج الألوان من Normal إلى Overlay ..


شاهد الصورة التوضيحية:

http://www.jewelsuae.com/psd/allDoroos/background/V-color/7.jpg
والنتيجة:
http://www.jewelsuae.com/psd/allDoroos/background/V-color/8.jpg


الخطوة السادسة
في هذه الخطوة سنزيد من عمق الألوان ..

اتجه للقائمة الرئيسية .. وطبق التالي:

Image >> Adjustments >> Curves...
http://www.jewelsuae.com/psd/allDoroos/background/V-color/7.gif


أو يمكنك أن تطبق هذا الأمر من خلال الاختصار Ctrl + m

ستظهر لك هذه النافذة .. باستخدام الماوس .. قم بسحب خط المنحنى للأسفل قليلاً .. شاهد التطبيق:
http://www.jewelsuae.com/psd/allDoroos/background/V-color/8.gif

والنتيجة:
http://www.jewelsuae.com/psd/allDoroos/background/V-color/10.jpg

تغيير بسيط .. لكن له تأثيره ..



الخطوة السابعة

سنقوم بتظليل زوايا التصميم .. كي نبرز الألوان بشكل أفضل في وسطه .. وحتى يكون التصميم أكثر متعة للنظر ..


1- اتجه لبوكس الليرات .. وقم بإضافة لير جديد .. كما فعلت في الخطوة الخامسة ..

شاهد بوكس الليرات بعد إضافة اللير الجديد ..
http://www.jewelsuae.com/psd/allDoroos/background/V-color/9.gif

إذا لم تجد بوكس الليرات .. ولم تعرف كي تضيف لير جديد .. يرجى اتباع الرابط التالي ..

2- ثم اتجه لمساحة العمل وقم بسحب الزاوية السفلية كي توسعها ..

شاهد الصورة التوضيحية أثناء التطبيق ..

http://www.jewelsuae.com/psd/allDoroos/background/V-color/12.jpg


3- والآن اختر أداة التحديد الدائري .. وفي شريط خصائص الأداة قم بالتغييرات المبينة في الصورة:


http://www.jewelsuae.com/psd/allDoroos/background/V-color/11.gif
بعدها اتجه لمساحة العمل وقم برسم دائرة كبيرة .. بحيث تخرج حدودها خارج منطقة العمل ..

شاهد الصورة التوضيحية بعد تطبيق ما سبق:

http://www.jewelsuae.com/psd/allDoroos/background/V-color/13.jpg
لم تجد أداة التحديد الدائري؟؟ واجهت مشكلة في استخدامه ؟؟ اتبع الرابط التالي ..

4- والآن قم بعكس التحديد .. إما عن طريق Select >> Inverse .. أو من خلال الاختصار من لوحة المفاتيح Ctrl + Shift + i


والنتيجة:
http://www.jewelsuae.com/psd/allDoroos/background/V-color/14.jpg

5- من لوحة المفاتيح .. اضغط على زر D كي تعيد الألوان لطبيعتها الأسود والأبيض .. وبعدها اضغط على زرد X كي تقوم بعكسها .. حيث يصبح اللون الأسود في الخلفية ..

مرة أخرى من لوحة المفاتيح .. قم بالضغط على Ctrl + Backspace .. و Backspace هو زر التراجع .. أي عليك أن تضغط على Ctrl + زر التراجع ..

يفترض أن تصل لهذه النتيجة:
http://www.jewelsuae.com/psd/allDoroos/background/V-color/15.jpg

إن لم تنجح في تلوين المنطقة المحددة بهذه الطريقة .. استخدم أداة سطل الألوان لتعبئة كل منطقة تحديد على حدا ..

إذا لم تعرف أين تجد أداة السطل .. أو كيف تستخدمها .. اتبع الرابط التالي ..

6- اتجه الآن لبوكس الليرات .. وقم بتخفيف شفافية اللير الجديد Opacity من 100% إلى 75% ..

شاهد الصورة التوضيحية ..
http://www.jewelsuae.com/psd/allDoroos/background/V-color/10.gif

7- اضغط على Ctrl+D كي تلغي التحديد ..

والنتيجة:

http://www.jewelsuae.com/psd/allDoroos/background/V-color/16.jpg

خطوة إضافية

ربما ترغب بإضافة نص على الخلفية ..

إذا كتبت النص على الخلفية مباشرة .. لن يكون الخط واضحاً إلا إذا طبقت عليه بعض التأثيرات ..

أو

يمكنك أن تتابع معي ..

1- اتجه لبوكس الليرات .. وقم بإضافة لير جديد:
http://www.jewelsuae.com/psd/allDoroos/background/V-color/12.gif

2- اختر أداة التحديد المربعة .. وفي شريط إعدادات خصائص الأداة .. قم بالتغييرات التالية:
http://www.jewelsuae.com/psd/allDoroos/background/V-color/14.gif


ثم اتجه لمساحة العمل .. قم برسم شكل مستطيل على عرض التصميم ..

http://www.jewelsuae.com/psd/allDoroos/background/V-color/17.jpg

3- مرة أخرى .. اضغط على زر D من لوحة المفاتيح .. كي تعيد الألوان لطبيعتها الأسود في الواجهة .. والأبيض في الخلفية .. ثم اضغط على Ctrl + Backspace ..

أي Ctrl + زر التراجع ..


والنتيجة:

http://www.jewelsuae.com/psd/allDoroos/background/V-color/18.jpg
4- اتجه لبوكس الليرات .. وقم بتخفيف شفافية اللير Opacity من 100% إلى 55% ..

شاهد بوكس الليرات
http://www.jewelsuae.com/psd/allDoroos/background/V-color/13.gif

5- اضغط على Ctrl+D كي تلغي التحديد ..

والنتيجة:
http://www.jewelsuae.com/psd/allDoroos/background/V-color/19.jpg

6- باستخدام أداة الكتابة .. قم بطباعة النص الذي ترغب به على الشريط الأبيض الشفاف الذي قمت برسمه ..


الخطوة الثامنة

ولتخزين العمل ..

اتجه لقائمة File .. ثم اختر أمر Save As ..

ستظهر لك نافذة كبيرة .. اختر اسماً للتصميم ..
وعند خانة Format .. خزن الصورة بصيغة jpeg .. لأن تصميمنا يحتوي على ألوان كثيرة ..

وللحصول على نتيجة أفضل .. أدخل التعديلات التالية في النافذة التي ستظهر:

شاهد الصورة التوضيحية ..

http://www.jewelsuae.com/psd/allDoroos/background/V-color/20.jpg
وإذا أردت أن تعدل على التصميم في وقت لاحق .. خزنه مرة أخرى بصيغة psd ..





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

http://www.jewelsuae.com/psd/allDoroos/background/V-color/ex.jpg