دورة تصميم ستايل ( تصميم الهيدر ) :: الجزء الثاني .

[نسيم الفجر]

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

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

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

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

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

http://www.altkneyh.com/vb/26.gif

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


http://www.altkneyh.com/vb/dawraat/Untitled-1.gif


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


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

http://www.altkneyh.com/vb/4.gif



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


http://www.altkneyh.com/vb/dawraat/1.gif


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


http://www.altkneyh.com/vb/dawraat/2.gif

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




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


http://www.altkneyh.com/vb/dawraat/3.gif



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

http://www.altkneyh.com/vb/17.gif

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

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

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

http://www.altkneyh.com/vb/dawraat/4.gif



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

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

http://www.altkneyh.com/vb/dawraat/5.gif



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

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


http://www.altkneyh.com/vb/dawraat/6.gif


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

http://www.altkneyh.com/vb/dawraat/10.gif


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

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

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


http://www.altkneyh.com/vb/4.gif




ونرسم مستطيل عمودي
بحجم صغير كهذا الشكل
http://www.altkneyh.com/vb/dawraat/7.gif



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

http://www.altkneyh.com/vb/dawraat/2.gif


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

هكذا

http://www.altkneyh.com/vb/dawraat/8.gif




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

نختار بهذه الأداة
http://www.altkneyh.com/vb/17.gif

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


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

http://www.altkneyh.com/vb/dawraat/9.gif

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

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



http://www.altkneyh.com/vb/dawraat/11.gif


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


http://www.altkneyh.com/vb/dawraat/12.gif

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

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

http://www.altkneyh.com/vb/dawraat/13.gif



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

http://www.altkneyh.com/vb/25.gif

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

http://www.altkneyh.com/vb/dawraat/14.gif


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



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

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

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

http://www.altkneyh.com/vb/dawraat/13.gif


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


http://www.altkneyh.com/vb/6.gif


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


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


ماعليكم

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


http://www.altkneyh.com/vb/dawraat/16.gif


لفتح Layer styls


http://www.altkneyh.com/vb/9.gif



إعمل التالي


(( أولاً ))


http://www.altkneyh.com/vb/dawraat/17.gif



(( ثانياً ))



http://www.altkneyh.com/vb/dawraat/18.gif


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

http://www.altkneyh.com/vb/dawraat/19.gif


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

إضغط Ctrl+O

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

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

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

http://www.altkneyh.com/vb/dawraat/natu24.JPG

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


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

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

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

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

http://www.altkneyh.com/vb/dawraat/20.gif

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

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

http://www.altkneyh.com/vb/dawraat/24.gif

http://www.altkneyh.com/vb/dawraat/25.gif



http://www.altkneyh.com/vb/dawraat/26.gif



ثم إضغط OK


قم بدبلكيت للصورة التي ادرجناها سابقاً
http://www.altkneyh.com/vb/6.gif


ثم

http://www.altkneyh.com/vb/25.gif

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

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

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

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


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


http://www.altkneyh.com/vb/dawraat/21.gif

http://www.altkneyh.com/vb/dawraat/22.gif


http://www.altkneyh.com/vb/dawraat/23.gif



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

http://www.altkneyh.com/vb/dawraat/27.gif


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

وسنكتبها بإذن الله عندما نبدأ في التقطيع وسأوضح بإذن الله معنى الخطين الحمراوين في هذا التصميم
http://www.altkneyh.com/vb/dawraat/Untitled-1.gif

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

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


http://www.altkneyh.com/vb/dawraat/28.gif


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

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


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

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



طبعاً منقوووووووووووووووووووووول


اتمنى انه عجبكم

[sadek57z]

السلام عليكم...

بارك الله فيك اخي نسيم الفجر على الشرح المتميز..

وكنت أُفضل الاستمرار في الموضوع الاول الخاص بالدورة : دورة تصميم ستايل ( تصميم الهيدر ) (http://www.absba.org/vb/showthread.php?t=378987)

حتى يسهل متابعة الدروس...

[method]

بارك الله فيك ...

شكرا لك .. درس ممتاز ..

[سلمان الموادع]

مشكوووووووور

[نسيم الفجر]

مشكورين

وانا كل الي سويته اني نقلت الدرس :)


تامر أمر اخوي sadek57z

[صاعقة الملاعب]

بارك الله فيك

والله ولي التوفيق ....

[نسيم الفجر]

وفيك اخي صاعقة الملاعب

[نسيم الفجر]

يرفع لأني بأرد على الموضوع الثاني :)

[عاشق الحروف]

مشكووووووووووووووووور يا اخي

[نسيم الفجر]

الشكر لك اخي عاشق الحروف على مشاركتك

[نسيم الفجر]

للرفع

[نسيم الفجر]

UP

[Dr Bahaa]

مشكور على المجهود الرائع

[نسيم الفجر]

العفو اخوي

[المنتبه]

بارك الله فيك ...

شكرا لك .. درس ممتاز ..