الرئيسية المقالات والدروس التصميم درس فوتوشوب :خلفية الدوائر
درس فوتوشوب :خلفية الدوائر PDF طباعة إرسال إلى صديق
المقالات والدروس - التصميم
الكاتب Admin Adnan   
السبت, 26 يونيو 2010 21:08

مرحبا بك عزيزي الزائر، قبل كل شيء، طريقة كتابتي للدروس...

سوف ترى أنني لا أستخدم إلا المصطلحات الأصلية "الإنجليزية" للأدوات والكائنات في البرامج، فأرجو أن لا يضايقك هذا، فما هو إلا لتسهيل التطبيق لقراء الدروس.

إذا تطلب الدرس استخدام لون، ستجدني في أغلب الأحيان أضع رمز هذا الون وهو يشبه "000000#" للأسود مثلا، أو "ffffff#" للأبيض.

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

اليوم سوف نتكلم عن طريقة خلفية دوائر ملونة بشكل جميل، النتيجة التي نريد الحصول عليها هي:

 

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

النسخ التي يعمل عليها الدرس : Photoshop CS2 فما أعلى

الخطوة الأولى: قم بصنع ملف جديد في الفوتوشوب، بالقياسات التالية :

 

 

الخطوة الثانية: املأء الـLayer الأول وهو سيكون الخلفية،  بلون رمادي غامق جدا: "262626#"

 

 

الخطوة الثالثة: قم بصني Layer جديد، ثم قم بإخفاء Layer الخلفية الذي قمنا بعمله للتو، وقم برسم دائرة بلون أسود "000000#" :

 

 

 

الخطوة الرابعة: قم بتعديل قيمة الـFill إلى 50% للدائرة، ثم قم بإضافة Stroke "حدود" للدائرة، بالإعدادات التالية:

 

 

 

 

الخطوة الخامسة: قم بالضغط على قائمة Edit ثم اختار Define brush preset ، سمها ما شئت، ثم اضغط OK

 

الخطوة السادسة: أخفي Layer الدائرة ، ثم أظهر Layer الخلفية الذي قمنا بصنعه في بداية الدرس.

 

الخطوة السابعة: اختر أداة الـBrush ثم اختر نافذة Brushes إذا لم تكن النافذة ظاهرة لديك، اذهب إلى قائمة Window ثم اختر Brushes

 

 

 

الخطوة الثامنة، اتبع الإعدادات التالية لتحصل على الفرشة المطلوبة

1- Brush Tip Shape

 قم بإختيار فرشاتك من قائمة صور الفرش. ضع 100% لقيمة الـSpacing


2- Shape Dynamics

ضع 50% لقيمة الـSize Jitter


3- Scattering

ضع 200% لقيمة الـScatter و 1 لـCount


4-Other Dynamics

ضع 50% لقيمتي Flow jitter , Opacity Jitter

 

 

الخطوة التاسعة:

أصنع Layer جديد فوق Layer الخلفية ، واستخدم Gradiant tool لملئها بالألوان:

1- اختار الـLayer الجديد


2- اختر أداة الـGradiant tool


3- اختر نوع الـGradiant من أعلى اليسار: سوف نختار النوع المبين في الصورة (قوس قزح):


4- قم بسحب الماوس من زاوية الـLayer اليمين السفلى إلى اليسار العلوية، وسيظهر لك هذا الشكل:

5- الآن إذهب إلى قائمة Filter ثم Blur ثم Gaussian Blur واخر القيمة العظمة لـRadias


6- أجعل الـBlending Mode للـLayer القيمة "Overlay"

 

 

الخطوة العاشرة:

اصنع Group جديدة، وضع قيمة الـBlending mode لها Color Dodge

 

 

 

الخطوة الحادية عشرة:

اختر الـGroup التي قمنا بصنعها للتو، اضغط علامة الـLayer الجديد لصنع Layer جديد داخل المجموعة.

 

الخطوة الثانية عشرة:

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

 

 


الخطوة الثالثة عشرة:

قم باستخدام الفرشاة للرسم على الـLayer الذي قمنا بصنعه داخل الـGroup حاول توزيع الدوائر:

 

 

 

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

الآن قم بعمل Gaussian Blur كما تعلمنا في الخطوة التاسعة وضع 10 لقيمة الـRadius

 

الخطوة الخامسة عشر:

قم الآن بصنع Layer جديد يكون (1- داخل الـGroup نفسها , 2- فوق الـLayer الذي انتهينا منه للتو) وكرر الخطوة  ولكن مع فرق واحد! قلل حجم الـBrush ثم اعمل Gaussian Blur بقيمة 6

 

 

 

الخطوة السادسة عشر:

كرر الخطوة الخامسة عشر، مرة أخرى، وكذلك قلل حجم الفرشاة قليلا، ولكن هذه المرة لا تعمل Gaussian Blur

ستكون هذه الصورة عندك تقريبا (الإختلاف الوحيد بين هذه الصورة وصورتك هو توزيع الدوائر)

 

 

 

بهذا نكون انتهينا من هذه الصورة، يمكن جعلها خلفية جميلة لإسم موقعك أو غيره...

أرجو أن تكون استفدت من الدرس، وأرجو منك كتابة تعليقك إذا كنت انهيت الدرس أو استفدت منه أو إذا كان لديك بعض الأسئلة.

إذا طبقت الدرس، يمكنك ارسال النتائج لألحقها مع الدرس لتشجيع القرائ :)

مرة أخرى اذكرك عزيزي القارئ، اذا كانت عندك أي استفسارات أو تعقيبات ، لا تتردد بترك تعليقك على هذا الدرس


تطبيقات الزوار الكرام:

 

الأخت رفاه محمد: أحسنت اختي رفاه، الصورة جميلة جدا.

 

 

000000
آخر تحديث: الثلاثاء, 29 يونيو 2010 04:16
 

الردود  

 
#1 ضيف 2010-06-27 00:14
الله يعطيك الف عافية على الدرس الرائع، وان شاء الله راح اطبقه!
اقتباس
 
 
#2 خالد 2010-06-27 00:17
الصراحة الدرس جميل والشرح بسيط بسيط، بس بغيت أسأل، شنو نسخ الفوتوشوب الي يعمل عليها الدرس
اقتباس
 
 
#3 Admin Adnan 2010-06-27 00:18
سؤالك في محله أخي خالد والجواب هو :
Photoshop CS2 فما فوق، وبإذن الله سوف أرفق الجواب في الدرس قريبا
اقتباس
 
 
#4 أبو زياد 2010-06-27 05:27
الواضح أنه درس مسلي و جميل و سوف أنفذه لاحقا و ابعث لك النتائج و نحن بانتظار المزيد و الدروس المتخصصة خاصة باستخدام أدوات أكثر في الفوتوشوب
الله يعطيك العافية
اقتباس
 
 
#5 رفاه محمد 2010-06-28 12:27
أشكرك على الدرس كتير حلو وبسيط وقد قمت بتنفيذه برغم كوني مبتدئة في العمل على برنامج الفوتوشوب
شكراً على الدرس وجزاك الله كل الخير وقد أرسلت نموذج لعملي والسلام ختام .
اقتباس
 
 
#6 Admin Adnan 2010-06-29 04:19
أحسنت اختي رفاه، تم إضافة تطبيقك للمقالة. وبإذن الله، سوف تجدين المزيد من دروس الفوتووب في المستقبل القريب
اقتباس
 

أضف ردا