:: الدرس الأول ::


بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

أخواتي الكرام سنبدأ بتصميم ستايل بإذن الله لمنتدى لكن مثل ماقلت لكم في الموضوع السابق الإستايل فقط مع التقطيع .
ولكن درس التركيب سيتم بعد وضع درس تركيب المنتدى على الجهاز إن يسر الله لنا ذلك

نبدأ أولاً مستعينين بالله

ثم نقوم بفتح برنامج الفوتوشب
ملاحظة : البرنامج الذي سنقوم بالشرح عليه هو برنامج الفوتوشب 8 إنجليزي . ويدعم العربي ..

بعد فتح البرنامج نقوم بالضغط من لوحة المفاتيح على ( Ctrl+N ) أي فتح عمل جديد .

بعد ذلك سيخرج لنا مربع الحوار لكي نضع فيه المساحة المطلوبة

أنا عن نفسي أُفضل هذه المساحة 680 × 450 ونجعل الخلفية بيضاء ثم إضغط OK وعندي وبصراحة ان هذه المساحة افضل مساحة مناسبة لدقة أي شاشة والله أعلم .. تابع الصورة




بعد أن قمنا بوضع المقاسات الملطلوبة وجعلنا الخلفية بيضاء نختار من الأدوات هذه الأداة




والآن قم برسم مربع مثل الشكل التالي



ثم إختر الأداة الجاهزة لرسم المربع




وارسم مثل هذا الشكل



الآن إدبل الشكل الذي قمنا برسمه قبل قليل حتى يصبح إثنان وطريقة ذلك من قائمة Layer إختر منها Duplicate Layer...
كما بالصورة




والآن إسحب اللير المنسوخ أو المدبل لأعلى الهيدر بالماوس مع الضغط بإستمرار من لوحة المفاتيح على مفتاح Shift ... سيصبح كهذا الشكل

إلى الآن والتصميم ماله سنع وتصميم من عمل بزارين صح

طيب نبي نسوي حركات حلوه ونطلع التصميم بشكل حلو قدر الإمكان

طيب نختار لير المربع الي صممناه أول شي ونضغط عليه مرتين ليفتح لنا Layer styls

ونضع علامة صح على المربعات التالية كما بالصورة

===================

1ـ ثم نضغط على Gradient Overlay كما بالصورة

2ـ ثم نضغط على Gradient تبع الألوان المدمجة

سيظهر لنا مربع الألوان طبعاً الألوان على حسب ذوقكم

بالنسبه لي انا وضعت كما بالصورة التالية

1+ 5 ـ نضغط هنا مرتين لنفتح نافذة الألوان ونضع هذا الكود 96D493
2ـ الون الأبيض الفاتح
3+ 4 ـ نضع في مربع ******** القيمة رقم 27 لنهاية اللون الأبيض من الجهة اليمنى و25 لنهايته من الجهة اليسرى

بعد الإنتهاء من عمل الألوان السابقة نرجع لعلامة الصح الثانية التي وضعناها سابقة ونضغط على Stroke التابع للتحديد

1ـ بعد تحديد هذا الخيار .
2ـ قم بتغيير اللون إلى اللون الذي تريد .
3ـ دع القيمة ( 1 ) .
4ـ بعد الإنتهاء إضغط OK لإتمام العمل .

وبكذا طلع الهيدر شبه جميل

والآن نعمل في الليرات الأخرى نفس الطريقة التي عملناها في مربع الهيدر

لكن هناك طريقة أسهل واسرع وهي :

إضغط على المربع التابع للير الهيدر كلك يمين وأختر من القائمة Copy Layer stayle
وذلك لكي نقوم بنسخ ماقمنا بعمله في هذا اللير ثم نلصقه في جميع الليرات الحالية

بعد انا قمنا بعمل النسخ نقوم بعمل اللصق بالطريقة التالية :

نختار أحد الليرات ثم نضغط عليه كلك يمين ونختار Paste Layer stayle

والآن لننظر كيف اصبح الشكل

وهذه الطريقة اسهل من أن نقوم كل مرة بعمل الحدود ودمج الألون وعمل الاستايلات وغيرها ..

========================================

بعد الأنتهاء من المقطع الأول من الدرس سنبدأ في زبدة الدرس ....

سوف نقوم بإذن الله بإخراج الهيدر بشكل رائع يعجب الجميع بإذن الله ..

أولا: نقوم بإختيار الاداة الجاهزة لرسم المربع

نضغط من لوحة المفاتيح ( ط + Ctrl ) ثم نرسم مربع كما بالشكل التالي

لا تنسى وضعه في أعلى الليرات ..

ثم نقوم بإختيار هذه الأداة

بهذه الأدة نستطيع سحب أجزاء المربع الصغيرة التي في الزوايا وذلك بالضغط على أي زاوية في المربع نريد بزر الماوس الأيسر مع الإستمرار بالضغط من لوحة المفاتيح على Ctrl ونسحبها مع أي جهة نريد

والمطلوب هنا سحب الزوايا العلوية لهذا المربع لمايقارب الوسط كما بالصورة

ثم قم بالضغط من لوحة المفاتيح على مفتاحي Ctrl +T وذلك لتَّحكم بحجم مساحة المربع حتى نجعله كما بالصورة

نقوم بإختيار الاداة الجاهزة لرسم المربع

ونرسم مربع صغير في الجهة اليسرى مثل هذا الشكل

ثم نقوم بإختيار هذه الأداة

ثم نقوم بسح زاية المربع العلوية في الجهة اليمنى بزر الماوس الأيسر مع الإستمرار بالضغط من لوحة المفاتيح على Ctrl كما بالصورة

ثم نقوم بسحب نفس الزاية بزر الأيسر مع الإستمرار بالضغط من لوحة المفاتيح على Ctrl

والآن بنفس الأداة نقوم بسحب نفس الزاوية لكن بدون أن نضغط Ctrl
وذلك لكي نعمل مثل هذا الشكل

تماااااااااااااااااااااااااااااااااااااااام

نقوم بعد الإنتهاء بجعل هذا اللير تحت الليرات السابقة إلا لير المربع الأول

ليخرج لنا التصميم بهذا الشكل

4]نقوم بعمل بدبل هذا الليل ليصبح اثنان بنفس الكل [/size]

ثم نقوم بإختيار اللير الثاني ثم من قائمة Edit نختار ماهو موضح في الصورة التالية :

ثم نسحب اللير للجهة اليمنى ليصبح التصميم بهذا الشكل

أعتذر على الإطالة ..

واتمنى ان الجميع ان شاء الله فهم الدرس

وانتظر تطبيقاتكم واستفساراتكم في هذا الدرس ..

وإن شاء الله إن سمح لنا لوقت سنقوم بتكملة الدرس قريباً .

يمنع وضع روابط لمنتديات أخرى

:: الدرس الثاني ::

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

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

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

بعد أن قمنا بتصميم الجزء الأول في الهيدر وأصبح معنا بهذا الشكل

سوف ننتهي من الهيدر في هذا الدرس بإذن الله حتى نخرجه بشكل جميل ومناسب كهذا الشكل

نبدأ مستعينين بالله تعالى

ثم نختار الأداة الجاهزة لرسم المربع

ثم نرسم مستطيل عرض الهيدر كما بالصورة

ثم نختار الأداة الموضحة في الصورة التالية

وهي لزيادة نقاط التحكم في الرسم

بعدها نقوم بزيادة النقاط كما بالصورة التالية

ثم نختار هذه الأداة الموضحة بالصورة التالية

ثم نقوم بالضغط على النقطه رقم ( 2) مرة واحدة ثم نقوم بسحبها بالسهم الأعلى من لوحة المفاتيح 22 مرة

[center]

وكذلك النقطة رقم ( 3 )[/CENTER

حتى يطلع الشكل هكذا

تمااااااااااااام

الآن نقوم بسحبه للأعلى حتى يصبح هكذا

ثم نضغط من لوحة المفاتيح على مفتاحي ( Ctrl+T ) للتحكم في حجم مساحة المستطيل

ثم نصغر طوله ليصبح كهذا الشكل

(( ملاحظة هامة :: هناك طريقة قد تكون أسهل وهي بإستخدام أداة ( الباث ) القلم هذه

ثم رسم الشكل مباشرة

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

والآن نقوم بإختيارالأداة الجاهزة لرسم المربع

ونرسم مستطيل عمودي
بحجم صغير كهذا الشكل

ونختار هذه الأداة

ونعمل نفس الحركة الي عملناها في المستطيل الأفقي

هكذا

وايضا نفس الحركة الي سويناها في التصميم الإفقي

نختار بهذه الأداة

النقطة رقم ( 2 ) نضغط عليها مرة واحدة فقط ثم نسحبها بأسهم الكي بورد ( لوحة المفاتيح ) إلى اليمين 22 مرة ونفعل نفس الشي مع النقطة رقم ( 3 )

ليصبح الشكل هكذا

ثم قم بسحب النقطة رقم ( 2) للاسفل ثم النقطة رقم ( 3) بنفس الطريقة

ليصبح الشكل هكذا

ضع هذا الير تحت ليرات الأعمدة الافقية العلوية والسفلية حتى يخرج هكذا

قم بمضاعفة هذ اللير

وذلك بالضغط عليه يمين ثم إختر ( Duplicate Layer .. )

من قائمة Edit نختار ماهو موضح في الصورة التالية :

ثم نسحب اللير للجهة اليمنى ليصبح التصميم بهذا الشكل

================================================

هل تذكرون أول مربع رسمناه في الدرس السابق نريد مضاعفته

نقوم بالضغط عليه دبلكيت لير

إما بالضغط عليه باليمن

أو من قائمة لير

ثم إجعل هذا اللير فوق الليرات التي صممناها قبل قليل

طيب إختفت الليرات الي صممناها قبل شوي

ماعليكم

إضغط على هذا اللير مرتين أو ضغط باليمين وإختر هذا الخيار كما بالصورة

لفتح Layer styls

إعمل التالي

(( أولاً ))

(( ثانياً ))

ليصبح شكل التصميم هكذا

والآن قم بإدراج صورة مناسبة مع ألوان تصميمك

إضغط Ctrl+O

وإبحث عنها في جهازك ثم قم بفتحها

ثم انسخها لهذا العمل

انا قمت بسحب هذه الصورة

وللتحكم في حجمها إضغط Ctrl+T للحجم الذي يناسب ذوقك

ضع لير هذه الصورة فوق اللير الثالث الشكل المنحني في الجهة اليمنى

ثم إضغط Ctrl+G لجعلها ماسك ( قناع )

ستختفي الصورة كلياً وذلك بسبب اللألوان المتدرجة

ولإخفاء الألوان المتدرجة تابع معي الشرح بالصور

تم إلغاء الألوان المتدرجة بعد إلغاء الخيار الموضح في الصورة السابقة

والآن سنقوم ببعض التنقيحات تابع الشرح

ثم إضغط OK

قم بدبلكيت للصورة التي ادرجناها سابقاً

ثم

ضع لير هذه الصورة فوق اللير الخامس الشكل المنحني في الجهة اليسرى

ثم إضغط Ctrl+G لجعلها ماسك

ستختفي الصورة كلياً وذلك بسبب اللألوان المتدرجة

ولإخفاء الألوان المتدرجة إفعل كما شرحنا قبل قليل

ثم تابع التنقيحات

سيصبح التصميم بهذا الشكل

بقي علينا فقط كتابة اسم الموقع أو المنتدى

وسنكتبها بإذن الله عندما نبدأ في التقطيع وسأوضح بإذن الله معنى الخطين الحمراوين في هذا التصميم

وسيتضح مقصدي من هذين الخطين بإذن الله

هذا هو تطبيقي في هذا الدرس

أعتذر على الإطالة في الشرح

وأسال الله التوفيق والإعانة للجميع

لا أحد يتردد في طرح أي استفسار في هذا الدرس

انا مستعد ان شاء الله

:: الدرس الثالث ::

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

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

رجائاً الي يبي يفهم الدروس الأخيرة يتابع الدورة أول بأول وإلاسيختلط الحابل بالنابل عنده

على بركة الله نبدأ هذا الدرس هو درس ( تصميم الاعمدة )

هذا الدرس سهل جداً وخصوصاً على المتابعين للدروس معنا

بعد ان انتهينا من تصميم الهيدر بشكل ( شبه مرضي )

الآن نقوم بإختيار الاداة التالية :

ثم نرسم مثل هذا الشكل :

ملاحظة : ( لا تنسى نسخ اللير ستايل بالطريقة التي قمنا بشرحها في دروسنا السابقة ثم لصقها في هذا اللير الذي سنرسمه اللآن )

لاحظ ان اللير ستايله موجود اساساً ولم اقم بنسخة

هناك طريقة لجعل الاستايل يستمر معك تلقائياً فقط طبق معي الخطوات التالية :

ثم تابع الشرح

وطبق على لير العمود السابق كما بالإعدادات التي بالصورة التالية :

قم بسحب الشكل الذي رسمناه قبل قليل لاقصى اليمين هكذا :

الآن قم برسم مستطيل بهذه الأداة :

ونفس هذا الشكل التالي :

ثم قم بتطبيق الأعدادات عليه كما بالصور التالية :

( 1 )

( 2 )

ثم اسحبه لأقصى اليمين فوق العمود السابق كالتالي :

الآن ارسم مربع صغير كهذا الشكل

ثم قم بعمل تطبيقات السحب بهذه الاداه :

حتى نجعله هكذا

ثم اسحبه لأسف الأعمدة

الآن إدبل الشكل الذي قمنا برسمه قبل قليل حتى يصبح إثنان وطريقة ذلك كما بالصورة :

ثم قم بقلب اللير الثاني بالطريقة التالية :

Edit>>Transform>>> Path>>> Flip Vertical

ثم وصلها للأعمدة حتى تتصل بها كهذا الشكل :

ارسم دائرة بيضاوية كهذا الشكل :

مستخدم أداة رسم الدوائر :

قم بعمل دبل كيت لها وسحبها للأعمدة
ثم قم بتطبيق الإعدادات عليها كما بالصور التالية :

( 1 )

( 2 )

ستصبح هكذا :

انا قمت بعمل دائرة اخرى عادية

الآن قم بعمل دبل كات لجميع ليرات هذا العمود وقم بسحبها للجهة اليسرى مستخدماً طريقة قلب الشكل هذه :

حتى يصبح الشكل بعد هذه العملية هكذا

ومن هذه النقطة انتهينا من درس الأعمدة .
ذهب الكثير من دروس التصميم ولم يبقى إلا القليلل .

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

ننتظر تطبيقاتكم يالحبايب حتى نكمل الدرس ..
وبالله التوفيق ,,,

رابط الدرس

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

وبعد ان وفقنا الله وانتهينا من تصميم الأعمدة نبدأ في هذا الدرس في تصميم الفوتر

رجاءً الي مافهم شي في الدروس السابقة لا يدخل هذا الموضوع

الدروس السابقة هي اساس هذا الدرس ( يعني الي ماعمل تطبيقات فيها ولا راجعها ماراح يفهم هذا الدرس )

ـ طريقة نسخ ولصق اللير ستايل الخاصة بالتصميم لن اعيد منها في هذاا لدرس إلا الأشياء التي لم نأخذها .

ـ حاولت قدر الإمكان التقليل من طول الدرس .

ـ لا يسمح ابداً بكتابة استفسارات في دروس سابقة .

ـ التطبيق من مصلحة المصمم نفسه وليس من مصلحتي .

ـ اختر الوقت المناسب لقراءة ومراجعة الدرس .

ـ الدرس يعتمد على التركيز والفهم لذا حول عدم طرح استفساراتك إلا إذا كنت لم تفهم الدرس .

لا أطيل عليكم

نبدأ مستعينين با الله

نختار هذه الأداة

ثم نرسم مثل هذا الشكل

قم بعمل دبل كيت له للجهة الأخرى

سيصبح هكذا

بنفس الأداة إرسم هذا الشكل ودعه تحت الليرات التي صممناها قبل قليل

بنفس الأداة ايضاً ارسم نفس الشكل وصغر حجمة من الجهتين قليلاً

وضع عليه هذه الإعدادات

هذا هو الشكل الذي قمنا برسمة وتطبيق الأعدادات الموضحة سابقاً