zehire
2011-01-10, 13:11
بسم الله الرحمن الرحيم
http://www.asaeed.ws/Lessons/BG_Pro/Final.jpg
- في هذا الدرس أنت بحاجة لإصدار فوتوشوب CS2 فما فوق -
درسنا اليوم بسيط جدا كفكرة لكنه متعب بعض الشيء كتنفيذ وكل ما أجتهدت أكثر في تنفيذه كل ماطلعت بنتيجة أفضل http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2824%29.gif
ملحوظة : أتمنى ما ألاقي أحد مسوي نفس التطبيق بالضبط وروني إبداعكم أدهشوني !! http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2844%29.gif
طيب نبدأ في البداية بإعداد الألوان الي راح نستخدمها
http://www.asaeed.ws/Lessons/BG_Pro/01.gif
على فكرة دائما قبل بدء أي عمل أرتب الألوان بهذه الطريقة ، يكون الشغل منظم ومرتب ومية مية http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2816%29.gif
أكواد الألوان بستثناء الأبيض : 136504 | 437805| 8caa00 | وتقدروا تاخذوها بإستخدام أداة القطارة http://www.asaeed.ws/Lessons/BG_Pro/i_icon.gif في الفوتوشوب
| المرحلة الأولى |
طيب دحين أخترنا ألواننا ، نبدأ بعمل الخلفية .
ملحوظة : الخلفية قابلة للتغيير في نهاية العمل يعني مو أساس تكون بهذه الطريقة.
راح نسوي تدرج في الخلفية بستخدام لونين الي هما http://www.asaeed.ws/Lessons/BG_Pro/02.gif
http://www.asaeed.ws/Lessons/BG_Pro/03.gif
- من تحت لفوق -
وكمان زي ما اللونين موضحين في الصورة بالتحديد ، بالإضافة لمكان النقطة الأولى في التدرجة و النقطة الثانية .
وهذه النتيجة :
http://www.asaeed.ws/Lessons/BG_Pro/04.gif
طيب بعد التدرج نضيف بقعة بسيطة بفرشاة دائرية ناعمة ” متوهجة ” بقياس 600 .. نشوف مع بعض الصورة
http://www.asaeed.ws/Lessons/BG_Pro/05.gif
شايفين حدود الفرشة ونوعها ؟؟ لو ماطلع لكم الحد تأكدوا أن زر Caps Lock من الكيبورد غير مفعل
ولو كنتم تستعملون CS4 الله يعينكم مارح تجيكم مزبوطة لانو في مشكلة في هذا الإصدار . طبعا النتيجة واضحة
| المرحلة الثانية |
دحين راح ننتقل للمرحلة الثانية وهي الأساس تقريبا في درسنا ، راح نستعمل هنا أداة البن تول | Pen Tool http://www.asaeed.ws/Lessons/BG_Pro/p_icon.gif
http://www.asaeed.ws/Lessons/BG_Pro/06.gif
وتأكدوا أنو مفعلين ( الوضع الرسومي Path (http://www.asaeed.ws/blog/2009/%D8%A7%D9%84%D9%80-pen-tool-%D8%B5%D8%A7%D8%B1%D8%AA-%D8%A3%D8%B3%D9%87%D9%84-%D8%A7%D9%84%D8%A3%D9%88%D8%B6%D8%A7%D8%B9/)) للمزيد عن الوضع الرسومي : من هنا (http://www.asaeed.ws/blog/2009/%D8%A7%D9%84%D9%80-pen-tool-%D8%B5%D8%A7%D8%B1%D8%AA-%D8%A3%D8%B3%D9%87%D9%84-%D8%A7%D9%84%D8%A3%D9%88%D8%B6%D8%A7%D8%B9/)
والسبب أنو أحنا مارح نحتاج الأشكال أو الفيكتور لكن نحتاج فقط للمسار | Path والحين راح توضح الفكرة
http://www.asaeed.ws/Lessons/BG_Pro/11.gif
طيب دحين نبغا نسوي نفس هذا الخط الي قدامنا كيف ؟؟ .. كل واحد يشغل مخوا لمدة 5 ثواني ويحاول يكتشف الخطوات http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2819%29.gif
1 – راح نختار فرشة بقياس 1 بكسل وراح تلاقيها جاهزة في الزاوية اليسرى من الأعلى في قائمة الفرشة
http://www.asaeed.ws/Lessons/BG_Pro/07.gif
2 – راح نضيف لاير جديد | Layer ومن ثم نستخدم أداة البن تول بالوضع الرسومي ونرسم الخط ، نشوف الصورة المتحركة
http://www.asaeed.ws/Lessons/BG_Pro/08.gif
- أنتظروا قليلا حتى يكتمل التحميل –
تحليل لما قمت به :
* أضفت لاير جديد . * أستخدمت البن تول في الوضع الرسومي .
* رسمت خط منحني مباشرة بدون المستقيمات ” لمن يصعب عليهم ذلك يستخدموا المستقيمات ومن ثم المنحنيات كما تعلمنا ”
* ضغطت بزر الفارة الأيمن و أخترت خيار Stroke Path عشان أحدد المسار الي رسمته بالفرشة الي جهزتها مسبقا ( 1 بكسل )
- ملحوظة : لن تظهر لنا قائمة الخيارات إن لم تكن أداة البن تول مفعلة ، أي أننا عندما نقوم ببعض التعديلات على المسار
بأداة الـ Direct Selection يجب علينا العودة للبن تول بالضغط على P من الكيبورد ومن ثم الضغط على زر الفارة الأيمن .
* ظهر الخط المرسوم والمسار لا زال موجود لذلك حذفناه بأختيار Delet Path لعدم أحتياجنا له .
3 – بعد ما سوينا خط منحني نبغى نسوي له الإضاءة أو الـ Glow وهذه بسيطة مايبغى لها كلام
أي واحد مايعرف لها يوقف جمب السبورة http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2822%29.gif أنا أدرس فيكم ببلاش !! قواااااامن أفتح يدك أنتا وهوا وهيا http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2839%29.gif :
عموما راح نضيف له Layer Style >> Outer Glow
http://www.asaeed.ws/Lessons/BG_Pro/09.gif
http://www.asaeed.ws/Lessons/BG_Pro/10.gif
4 – راح نمسح أطراف المنحنىبالممحاة مستخدمين بفرشاة ناعمة .. و النتيجة :
http://www.asaeed.ws/Lessons/BG_Pro/11.gif
* ملحوظة : في طريقة تعطيك نفس النتيجة بتعديل في إعدادات الفرشاة لكني ولمدة طويلة ” أعصد ” يعني أفحط فيها ولا عرفت أجيبها
ممكن تسألون أهل الرسم على الفوتوشوب هم أفضل مني في الفرش.
الآن أستطعنا الوصول لنفس النتيجة الأولية !! أمممم إذا كل المتبقي في المرحلة الأولى هو رسم بعض الخطوط أيضا ..
لحظات و أعود بخطوط أخرى http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2827%29.gif .. ها ما رائيكم الآن ؟
http://www.asaeed.ws/Lessons/BG_Pro/12.gif
كأنها شعيرات سقطت بعد تمشيط للشعر هههههههه على طاري الشعر يقولون أني راح أصلّع http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2813%29.gif
بالرغم من أن الشعر في عائلتنا كثيف وناعم إلا أني صرت زي عيال عمي بمجرد يدخل في الـ 30 من عمره إلا وتبدوا الصلعة المباركة في منتصف الرأس http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%286%29.gif
الآن .. هذه خطوط جيدة نوعا ما لكن مع التجربة مرة و أخرى ستلاحظون تطور في إنتقاء الأماكن و أطوال الخطوط .. هذه نهاية المرحلة الثانية .
ملاحظة : يجب أن يكون هناك تفاوت في الشفافية بين الخطوط ، يعني واحد 100% واحد آخر 50% ثالث 20% وهكذا ..
| المرحلة الثالثة |
المرحلة هذه بسيطة وسهلة وتعاملنا كله راح يكون مع الفرشة بإذن الله
نختار في البداية فرشة دائرية عادية ” حادة الحدود ” .. أممم خلوها بقياس 32 بكسل مثلا http://www.asaeed.ws/Lessons/BG_Pro/13.gif
ملحوظة : الفرشة موجودة بقياس 19 بكسل ، كل ماعلينا هو تعديل الرقم !
الآن نقوم بضبط إعدادات الفرشة من القائمة في اليمين ..
-الحل لمن لا يراها -
أضغط F5 من الكيبورد ستظهر قائمة للفرش في اليمين أضغط على الأيقونة ومن ثم الخيار الموضح :
http://www.asaeed.ws/Lessons/BG_Pro/14.gif
1 – الآن نضيف لاير جديد ونختار الفرشة المراد تغيير إعداداتها وهذا فيديو لكيفية التعديل : من هنا (http://www.asaeed.ws/Lessons/BG_Pro/Brushs.rar)
” مو شرط نفس الإعدادات الي أنا حطيتها ” كل واحد يحط الي يشوف أنه مناسب
2 – تعديل الإعدادات لما تراه مناسب كما قلت .
أهم الخيارات هي الثلاثة الموضحة بالأخضر : Shape Dynamics & Scattering & Other Dynamics
خيار الـ Dual Brush أستخدمته لتحديد مساحة أو إنتشار الدوائر مثال بسيط بإستخدام هذا الخيار و بدونه :
http://www.asaeed.ws/Lessons/BG_Pro/15.gif
يعني أن هذا الخيار غير مشروط أو أساسي ، إن شئت أستخدمه أو لا تستخدمه وخفف من إنتشار الدوائر عن طريق الممحاة .
3 – نقوم بصبغ الفرشاة بعد التعديل بالضغط على زر الفارة الأيسر و تحريك الفارة بشكل أفقي دون رفع الأصبح من الزر وبسرعة .
4 – نغير الآن خصائص الطبقة أو اللاير من Normal إلى Soft Light http://www.asaeed.ws/Lessons/BG_Pro/16.gif
نشوف النتيجة مع بعض :
http://www.asaeed.ws/Lessons/BG_Pro/17.gif
بعد ذلك نضيف بعض الدوائر الأخرى بحدود فقط مع التعديل على الإعدادات أيضا
وهذا ملف للفرشة بحدود وبتعبئة : من هنا (http://www.asaeed.ws/Lessons/BG_Pro/Brushes_O.rar)
وهذه النتيجة بعد التعديل الأخير :
http://www.asaeed.ws/Lessons/BG_Pro/18.gif
بقي علينا بعض التعديلات في الخلفية وشوية بهارات :
http://www.asaeed.ws/Lessons/BG_Pro/Final.jpg
وللي يحب يشوف ملف الـ PSD التحميل : من هنا (http://www.asaeed.ws/Lessons/BG_Pro/Final_BG_Pro.rar)
* ملحوظة : المقصد من هذا الدرس أنك تتعلم بعض الحركات مو عشان تطبقها مع بعض وبس !! لا ممكن و انت شغال في تصميم آخر تطبق بعض الحركات هنا .
أي ملاحظات أي أستفسارات أنا حاضر
أتمنى منكم قراءة الدرس مرة ومرتين وثلاثة لو مافهمتوا مرحلة معينة ومن ثم السؤال لأجلكم وفقط لأجلكم http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2824%29.gif
جميع الحقوق محفوظة لـAbdullah Saeed- www.asaeed.ws
http://www.asaeed.ws/Lessons/BG_Pro/Final.jpg
- في هذا الدرس أنت بحاجة لإصدار فوتوشوب CS2 فما فوق -
درسنا اليوم بسيط جدا كفكرة لكنه متعب بعض الشيء كتنفيذ وكل ما أجتهدت أكثر في تنفيذه كل ماطلعت بنتيجة أفضل http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2824%29.gif
ملحوظة : أتمنى ما ألاقي أحد مسوي نفس التطبيق بالضبط وروني إبداعكم أدهشوني !! http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2844%29.gif
طيب نبدأ في البداية بإعداد الألوان الي راح نستخدمها
http://www.asaeed.ws/Lessons/BG_Pro/01.gif
على فكرة دائما قبل بدء أي عمل أرتب الألوان بهذه الطريقة ، يكون الشغل منظم ومرتب ومية مية http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2816%29.gif
أكواد الألوان بستثناء الأبيض : 136504 | 437805| 8caa00 | وتقدروا تاخذوها بإستخدام أداة القطارة http://www.asaeed.ws/Lessons/BG_Pro/i_icon.gif في الفوتوشوب
| المرحلة الأولى |
طيب دحين أخترنا ألواننا ، نبدأ بعمل الخلفية .
ملحوظة : الخلفية قابلة للتغيير في نهاية العمل يعني مو أساس تكون بهذه الطريقة.
راح نسوي تدرج في الخلفية بستخدام لونين الي هما http://www.asaeed.ws/Lessons/BG_Pro/02.gif
http://www.asaeed.ws/Lessons/BG_Pro/03.gif
- من تحت لفوق -
وكمان زي ما اللونين موضحين في الصورة بالتحديد ، بالإضافة لمكان النقطة الأولى في التدرجة و النقطة الثانية .
وهذه النتيجة :
http://www.asaeed.ws/Lessons/BG_Pro/04.gif
طيب بعد التدرج نضيف بقعة بسيطة بفرشاة دائرية ناعمة ” متوهجة ” بقياس 600 .. نشوف مع بعض الصورة
http://www.asaeed.ws/Lessons/BG_Pro/05.gif
شايفين حدود الفرشة ونوعها ؟؟ لو ماطلع لكم الحد تأكدوا أن زر Caps Lock من الكيبورد غير مفعل
ولو كنتم تستعملون CS4 الله يعينكم مارح تجيكم مزبوطة لانو في مشكلة في هذا الإصدار . طبعا النتيجة واضحة
| المرحلة الثانية |
دحين راح ننتقل للمرحلة الثانية وهي الأساس تقريبا في درسنا ، راح نستعمل هنا أداة البن تول | Pen Tool http://www.asaeed.ws/Lessons/BG_Pro/p_icon.gif
http://www.asaeed.ws/Lessons/BG_Pro/06.gif
وتأكدوا أنو مفعلين ( الوضع الرسومي Path (http://www.asaeed.ws/blog/2009/%D8%A7%D9%84%D9%80-pen-tool-%D8%B5%D8%A7%D8%B1%D8%AA-%D8%A3%D8%B3%D9%87%D9%84-%D8%A7%D9%84%D8%A3%D9%88%D8%B6%D8%A7%D8%B9/)) للمزيد عن الوضع الرسومي : من هنا (http://www.asaeed.ws/blog/2009/%D8%A7%D9%84%D9%80-pen-tool-%D8%B5%D8%A7%D8%B1%D8%AA-%D8%A3%D8%B3%D9%87%D9%84-%D8%A7%D9%84%D8%A3%D9%88%D8%B6%D8%A7%D8%B9/)
والسبب أنو أحنا مارح نحتاج الأشكال أو الفيكتور لكن نحتاج فقط للمسار | Path والحين راح توضح الفكرة
http://www.asaeed.ws/Lessons/BG_Pro/11.gif
طيب دحين نبغا نسوي نفس هذا الخط الي قدامنا كيف ؟؟ .. كل واحد يشغل مخوا لمدة 5 ثواني ويحاول يكتشف الخطوات http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2819%29.gif
1 – راح نختار فرشة بقياس 1 بكسل وراح تلاقيها جاهزة في الزاوية اليسرى من الأعلى في قائمة الفرشة
http://www.asaeed.ws/Lessons/BG_Pro/07.gif
2 – راح نضيف لاير جديد | Layer ومن ثم نستخدم أداة البن تول بالوضع الرسومي ونرسم الخط ، نشوف الصورة المتحركة
http://www.asaeed.ws/Lessons/BG_Pro/08.gif
- أنتظروا قليلا حتى يكتمل التحميل –
تحليل لما قمت به :
* أضفت لاير جديد . * أستخدمت البن تول في الوضع الرسومي .
* رسمت خط منحني مباشرة بدون المستقيمات ” لمن يصعب عليهم ذلك يستخدموا المستقيمات ومن ثم المنحنيات كما تعلمنا ”
* ضغطت بزر الفارة الأيمن و أخترت خيار Stroke Path عشان أحدد المسار الي رسمته بالفرشة الي جهزتها مسبقا ( 1 بكسل )
- ملحوظة : لن تظهر لنا قائمة الخيارات إن لم تكن أداة البن تول مفعلة ، أي أننا عندما نقوم ببعض التعديلات على المسار
بأداة الـ Direct Selection يجب علينا العودة للبن تول بالضغط على P من الكيبورد ومن ثم الضغط على زر الفارة الأيمن .
* ظهر الخط المرسوم والمسار لا زال موجود لذلك حذفناه بأختيار Delet Path لعدم أحتياجنا له .
3 – بعد ما سوينا خط منحني نبغى نسوي له الإضاءة أو الـ Glow وهذه بسيطة مايبغى لها كلام
أي واحد مايعرف لها يوقف جمب السبورة http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2822%29.gif أنا أدرس فيكم ببلاش !! قواااااامن أفتح يدك أنتا وهوا وهيا http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2839%29.gif :
عموما راح نضيف له Layer Style >> Outer Glow
http://www.asaeed.ws/Lessons/BG_Pro/09.gif
http://www.asaeed.ws/Lessons/BG_Pro/10.gif
4 – راح نمسح أطراف المنحنىبالممحاة مستخدمين بفرشاة ناعمة .. و النتيجة :
http://www.asaeed.ws/Lessons/BG_Pro/11.gif
* ملحوظة : في طريقة تعطيك نفس النتيجة بتعديل في إعدادات الفرشاة لكني ولمدة طويلة ” أعصد ” يعني أفحط فيها ولا عرفت أجيبها
ممكن تسألون أهل الرسم على الفوتوشوب هم أفضل مني في الفرش.
الآن أستطعنا الوصول لنفس النتيجة الأولية !! أمممم إذا كل المتبقي في المرحلة الأولى هو رسم بعض الخطوط أيضا ..
لحظات و أعود بخطوط أخرى http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2827%29.gif .. ها ما رائيكم الآن ؟
http://www.asaeed.ws/Lessons/BG_Pro/12.gif
كأنها شعيرات سقطت بعد تمشيط للشعر هههههههه على طاري الشعر يقولون أني راح أصلّع http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2813%29.gif
بالرغم من أن الشعر في عائلتنا كثيف وناعم إلا أني صرت زي عيال عمي بمجرد يدخل في الـ 30 من عمره إلا وتبدوا الصلعة المباركة في منتصف الرأس http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%286%29.gif
الآن .. هذه خطوط جيدة نوعا ما لكن مع التجربة مرة و أخرى ستلاحظون تطور في إنتقاء الأماكن و أطوال الخطوط .. هذه نهاية المرحلة الثانية .
ملاحظة : يجب أن يكون هناك تفاوت في الشفافية بين الخطوط ، يعني واحد 100% واحد آخر 50% ثالث 20% وهكذا ..
| المرحلة الثالثة |
المرحلة هذه بسيطة وسهلة وتعاملنا كله راح يكون مع الفرشة بإذن الله
نختار في البداية فرشة دائرية عادية ” حادة الحدود ” .. أممم خلوها بقياس 32 بكسل مثلا http://www.asaeed.ws/Lessons/BG_Pro/13.gif
ملحوظة : الفرشة موجودة بقياس 19 بكسل ، كل ماعلينا هو تعديل الرقم !
الآن نقوم بضبط إعدادات الفرشة من القائمة في اليمين ..
-الحل لمن لا يراها -
أضغط F5 من الكيبورد ستظهر قائمة للفرش في اليمين أضغط على الأيقونة ومن ثم الخيار الموضح :
http://www.asaeed.ws/Lessons/BG_Pro/14.gif
1 – الآن نضيف لاير جديد ونختار الفرشة المراد تغيير إعداداتها وهذا فيديو لكيفية التعديل : من هنا (http://www.asaeed.ws/Lessons/BG_Pro/Brushs.rar)
” مو شرط نفس الإعدادات الي أنا حطيتها ” كل واحد يحط الي يشوف أنه مناسب
2 – تعديل الإعدادات لما تراه مناسب كما قلت .
أهم الخيارات هي الثلاثة الموضحة بالأخضر : Shape Dynamics & Scattering & Other Dynamics
خيار الـ Dual Brush أستخدمته لتحديد مساحة أو إنتشار الدوائر مثال بسيط بإستخدام هذا الخيار و بدونه :
http://www.asaeed.ws/Lessons/BG_Pro/15.gif
يعني أن هذا الخيار غير مشروط أو أساسي ، إن شئت أستخدمه أو لا تستخدمه وخفف من إنتشار الدوائر عن طريق الممحاة .
3 – نقوم بصبغ الفرشاة بعد التعديل بالضغط على زر الفارة الأيسر و تحريك الفارة بشكل أفقي دون رفع الأصبح من الزر وبسرعة .
4 – نغير الآن خصائص الطبقة أو اللاير من Normal إلى Soft Light http://www.asaeed.ws/Lessons/BG_Pro/16.gif
نشوف النتيجة مع بعض :
http://www.asaeed.ws/Lessons/BG_Pro/17.gif
بعد ذلك نضيف بعض الدوائر الأخرى بحدود فقط مع التعديل على الإعدادات أيضا
وهذا ملف للفرشة بحدود وبتعبئة : من هنا (http://www.asaeed.ws/Lessons/BG_Pro/Brushes_O.rar)
وهذه النتيجة بعد التعديل الأخير :
http://www.asaeed.ws/Lessons/BG_Pro/18.gif
بقي علينا بعض التعديلات في الخلفية وشوية بهارات :
http://www.asaeed.ws/Lessons/BG_Pro/Final.jpg
وللي يحب يشوف ملف الـ PSD التحميل : من هنا (http://www.asaeed.ws/Lessons/BG_Pro/Final_BG_Pro.rar)
* ملحوظة : المقصد من هذا الدرس أنك تتعلم بعض الحركات مو عشان تطبقها مع بعض وبس !! لا ممكن و انت شغال في تصميم آخر تطبق بعض الحركات هنا .
أي ملاحظات أي أستفسارات أنا حاضر
أتمنى منكم قراءة الدرس مرة ومرتين وثلاثة لو مافهمتوا مرحلة معينة ومن ثم السؤال لأجلكم وفقط لأجلكم http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2824%29.gif
جميع الحقوق محفوظة لـAbdullah Saeed- www.asaeed.ws