abohmam
24-02-2012, 08:41 PM
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
:PS:
تابع تصميم شريط زاوية - وشاح إحترافي الطريقة الثانيةabc4web Ribbon 02
تم تقديم الدرس الأول فى هذا الرابط وقمنا بشرح الطريقة الأولى فى تصميم وشاح له زوايا مستقيمة
http://www.abc4web.net/vb/showthread.php?t=21867
واليوم نستكمل معا هذه السلسلة الإحترافية فى تعلم تصميم الأوشحة وإضافات تصاميم المواقع المودرن الحديثة
وأُذكر الجميع بأننا الشرح يعتمد على أساسيات هذه التصاميم أى بدون إستايلات ولا إضافات لأن ذلك سيتم تركه لإيداعاتكم بمعنى أننا سنشرح لكم اصل التصميم فقط وربما فى التصميم الثالث نعطي بعض الأسرار.
:photoshop:
الدرس الثاني : وشاح ( رأسي - أفقي - جانبي ) ثلاثي الأبعاد بطريقة جديدة سهلة ومميزة
صورة لما يمكن أن تحصل عليه من خلال هذا الشرح
1- وشاح يمين رأس سهم
2- وشاح شمال رأس سهم
3- وشاح افقي بشكل جديد
4- وشاح راسي بشكل جديد
5- أفكار جديدة ومنوعة ..... مثال خاص
http://www.abc4web.net/upload/images2/rmhmzfbcxch6b7f.jpg (http://www.abc4web.net/upload/)
قبل البدء فى الشرح أريد أن ينتبه الجميع لأمر هام بخصوص أداة ريم الأشكال لأنني نسيت أن ابدأ بها فى الدرس السابق
يواجه البعض مشكلة عند رسم الشكل فيحصل على طبقة بها ماسك للشكل ولايستطيع القص أو إضافة تأثيرات مثلا إلا بعد الدمج او التحويل إلى طبقة نقطية Rastirize Layer
فدعونا نفهم فى سطور هذه الأداة وكيف نستفيد من الخيارات الخاصة بها :
هذه أداة رسم الأشكال ( مستطيل - مربع - دائرة - خطوط - أشكال مختلفة )
http://www.abc4web.net/upload/images2/wqstmxhddgj157o.jpg (http://www.abc4web.net/upload/)
عند استخدام أداة الشكل يمكنك اختيار ثلاثة أنماط مختلفة:
http://www.abc4web.net/upload/images2/fpjrb8c6liskhfu.png (http://www.abc4web.net/upload/)
1- شكل طبقات. هذا الوضع من خلاله يتم إنشاء الشكل الذي تريده مع قناع متجه ( فيكتور ماسك ) الذي تستخدمه حاليا وهذا الخيار تستطيع من خلاله تغير اللون فى أى وقت لكنك لايمكن القص من الشكل او التحكم بسهولة إلا بعد تحويل الشكل إلى طبقة نقطية وذلك بالوقوف على الطبقة وبيمين الماوس نختار Rastirize Layer.
2- المسارات. هذا الوضع سوف يرسم مسار مع نقاط تحديد في الشكل الذي اخترته، يمكنك بعد ذلك استخدام أدوات التحديد ancher لتعديل الشكل، ثم النقر على الشكل ليتم ملئه باللون أو تحويلها إلى تحديد .
3- ملئ الشكل مباشرة ( شغل بكسل ) هذا الوضع يسمح لك رسم أشكال بكسل النقطية بمجرد سحب الماوس لتكوين الشكل وإطلاق الماوس سيتم رسم الشكل الذي سيتم تعبئة تلقائيا مع عدم وجود أقنعة ( فيكتور ماسك ) لكن يجب عليك إضافة طبقة جديدة قبل الرسم كي لايتم الرسم على الطبقة التى تقف عليها.
جرب هذه الخيارات والتي تراها مناسبة لإحتياجاتك قم بإستخدامها
:fasel8:
بسم الله نتابع شرحنا إن شاء الله فى الخطوات التالية :
1- ننُشئ عمل جديد بالمقاس الذى نريد ثم نرسم الجسم الذى سوف نصمم عليه الوشاح ( وهذا فقط لمعرفة ابعاد الوشاح وإتقانه )
http://www.abc4web.net/upload/images2/pe50narrjupq0tv.jpg (http://www.abc4web.net/upload/)
2- نرسم مستطيل باللون دائرى الأحرف باللون الذى نريد (DC3210) أسفل الجسم كما فى هذا الشكل
http://www.abc4web.net/upload/images2/dkymjujjk4zq901.jpg (http://www.abc4web.net/upload/)
3- نقص الجزء الدائري الذى بأسفل الشكل ليصبح الشكل كما فى الصورة التالية
http://www.abc4web.net/upload/images2/xctrwq23ja0gtaw.jpg (http://www.abc4web.net/upload/)
4- من قائمة Edit ثم Free Transform
ونختار Perspective وذلك لجعل تأثير التحرير على الزوايا فقط بحيث يكون تغير المقاس متساوى من الجهتين
http://www.abc4web.net/upload/images2/vestsrgxvphwqwh.jpg (http://www.abc4web.net/upload/)
لنحصل على هذا الشكل
http://www.abc4web.net/upload/images2/hzbjqdig2zgoq6r.jpg (http://www.abc4web.net/upload/)
6- نقوم بسحب الرأس الأعلى من اليمين أو اليسار إلى الداخل لينتج لدينا هذا الشكل
http://www.abc4web.net/upload/images2/kztw6gkangw1p7s.jpg (http://www.abc4web.net/upload/)
7- نعتمد التغيرات وذلك بالظغط على Enter من لوحة المفاتيح أو بالضغط بالماوس على سهم التحريك أو فى اى جزء من التصميم
http://www.abc4web.net/upload/images2/s6fw653kixdchl2.jpg (http://www.abc4web.net/upload/)
8- نقوم بإضافة قاعدة لجسم الوشاح للحصول على شكل ثلاثي الأبعاد الرائع وذلك بأن نجعل اللون العلوي أغمق من الجسم مثلا (791501)
ونضيف طبقة جديدة ونرسم مستطيل خلف طبقة جسم الوشاح
http://www.abc4web.net/upload/images2/odjesq0qc6ce4fs.jpg (http://www.abc4web.net/upload/)
9- نقوم بسحب الرأس الأعلى من اليمين أو اليسار إلى الخارج لينتج لدينا هذا الشكل
http://www.abc4web.net/upload/images2/kjxwoetivcuzzu6.jpg (http://www.abc4web.net/upload/)
10- نقوم بتحريك الطبقة من صندوق الطبقات لجعلها بعد طبقة الجسم وسوف نحصل على هذا الشكل
http://www.abc4web.net/upload/images2/ugczhcbytrvhlcc.jpg (http://www.abc4web.net/upload/)
11- نقف على طبقة جسم العمل الأبيض ونقوم بتحديده ( من لوحة المفاتيح نضغط على Ctrl + وضغطة بالماوس على الطبقة )
http://www.abc4web.net/upload/images2/1aom1na5gqu0f1c.jpg (http://www.abc4web.net/upload/)
12- نقوم بإخفاء هذه الطبقة ونقف على طبقة قاعدة الوشاح التى هي باللون الغامق ونضغط على DEL من لوحة المفاتيح لحذف الزوائد وسنحصل على الشكل التالي
http://www.abc4web.net/upload/images2/rpcaiumpsyt8y8v.jpg (http://www.abc4web.net/upload/)
وبذلك نكون قد إنتهينا من التصميم ومابقى عليك إلا أن تجمع طبقات الوشاح فى مجلد مثل مافعلنا فى الشرح السابق ثم تكرر الطبقة وتغير إتجاه الوشاح كما تريد
- من لوحة المفاتيح Ctrl + T ثم تقف على الشكل فى مساحة العمل وبيمين الماوس تختار الإتجاه يمينا أو يسارا Rotate 90 cw - Rotate 90 ccw أو الإنقلاب لأعلى Flip Vertical
http://www.abc4web.net/upload/images2/knabq2tvw7ijfx3.jpg (http://www.abc4web.net/upload/)
وبنفس الطريقة تستطيع أن تبدع فى اشكال الوشاح إن شاء الله
http://www.abc4web.net/upload/images2/r0dzwyu5e5cjbpr.jpg (http://www.abc4web.net/upload/)
وبذلك نكون قد وصلنا إلى تصميم الوشاح الذى بأسفل هذا الصندوق ويبقى إضافة التأثير المناسب
http://www.abc4web.net/upload/images2/takn7k3zvl.png (http://www.abc4web.net/upload/)
:fasel7:
درسنا القادم إن شاء الله تعالى الوشاح المثني ( قاعدة مستديرة )
http://www.abc4web.net/upload/images2/tfpka0wigjt2mov.jpg (http://www.abc4web.net/upload/)
:abc4web:
حمل ملف العمل من المرفقات
:morfqat:
سيتم إضافة تأثيرات وجمع التصاميم معرضها للتحميل فى القسم الخاص VIP بعد جمع تطبيقات الأعضاء ليتم تحميلها والإستفادة منها كملفات المفتوحة
أتمنى لكم جميعا الفائدة
لاتنسونا من صالح دعائكم
:fasel6:
أبوهمام
.
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
:PS:
تابع تصميم شريط زاوية - وشاح إحترافي الطريقة الثانيةabc4web Ribbon 02
تم تقديم الدرس الأول فى هذا الرابط وقمنا بشرح الطريقة الأولى فى تصميم وشاح له زوايا مستقيمة
http://www.abc4web.net/vb/showthread.php?t=21867
واليوم نستكمل معا هذه السلسلة الإحترافية فى تعلم تصميم الأوشحة وإضافات تصاميم المواقع المودرن الحديثة
وأُذكر الجميع بأننا الشرح يعتمد على أساسيات هذه التصاميم أى بدون إستايلات ولا إضافات لأن ذلك سيتم تركه لإيداعاتكم بمعنى أننا سنشرح لكم اصل التصميم فقط وربما فى التصميم الثالث نعطي بعض الأسرار.
:photoshop:
الدرس الثاني : وشاح ( رأسي - أفقي - جانبي ) ثلاثي الأبعاد بطريقة جديدة سهلة ومميزة
صورة لما يمكن أن تحصل عليه من خلال هذا الشرح
1- وشاح يمين رأس سهم
2- وشاح شمال رأس سهم
3- وشاح افقي بشكل جديد
4- وشاح راسي بشكل جديد
5- أفكار جديدة ومنوعة ..... مثال خاص
http://www.abc4web.net/upload/images2/rmhmzfbcxch6b7f.jpg (http://www.abc4web.net/upload/)
قبل البدء فى الشرح أريد أن ينتبه الجميع لأمر هام بخصوص أداة ريم الأشكال لأنني نسيت أن ابدأ بها فى الدرس السابق
يواجه البعض مشكلة عند رسم الشكل فيحصل على طبقة بها ماسك للشكل ولايستطيع القص أو إضافة تأثيرات مثلا إلا بعد الدمج او التحويل إلى طبقة نقطية Rastirize Layer
فدعونا نفهم فى سطور هذه الأداة وكيف نستفيد من الخيارات الخاصة بها :
هذه أداة رسم الأشكال ( مستطيل - مربع - دائرة - خطوط - أشكال مختلفة )
http://www.abc4web.net/upload/images2/wqstmxhddgj157o.jpg (http://www.abc4web.net/upload/)
عند استخدام أداة الشكل يمكنك اختيار ثلاثة أنماط مختلفة:
http://www.abc4web.net/upload/images2/fpjrb8c6liskhfu.png (http://www.abc4web.net/upload/)
1- شكل طبقات. هذا الوضع من خلاله يتم إنشاء الشكل الذي تريده مع قناع متجه ( فيكتور ماسك ) الذي تستخدمه حاليا وهذا الخيار تستطيع من خلاله تغير اللون فى أى وقت لكنك لايمكن القص من الشكل او التحكم بسهولة إلا بعد تحويل الشكل إلى طبقة نقطية وذلك بالوقوف على الطبقة وبيمين الماوس نختار Rastirize Layer.
2- المسارات. هذا الوضع سوف يرسم مسار مع نقاط تحديد في الشكل الذي اخترته، يمكنك بعد ذلك استخدام أدوات التحديد ancher لتعديل الشكل، ثم النقر على الشكل ليتم ملئه باللون أو تحويلها إلى تحديد .
3- ملئ الشكل مباشرة ( شغل بكسل ) هذا الوضع يسمح لك رسم أشكال بكسل النقطية بمجرد سحب الماوس لتكوين الشكل وإطلاق الماوس سيتم رسم الشكل الذي سيتم تعبئة تلقائيا مع عدم وجود أقنعة ( فيكتور ماسك ) لكن يجب عليك إضافة طبقة جديدة قبل الرسم كي لايتم الرسم على الطبقة التى تقف عليها.
جرب هذه الخيارات والتي تراها مناسبة لإحتياجاتك قم بإستخدامها
:fasel8:
بسم الله نتابع شرحنا إن شاء الله فى الخطوات التالية :
1- ننُشئ عمل جديد بالمقاس الذى نريد ثم نرسم الجسم الذى سوف نصمم عليه الوشاح ( وهذا فقط لمعرفة ابعاد الوشاح وإتقانه )
http://www.abc4web.net/upload/images2/pe50narrjupq0tv.jpg (http://www.abc4web.net/upload/)
2- نرسم مستطيل باللون دائرى الأحرف باللون الذى نريد (DC3210) أسفل الجسم كما فى هذا الشكل
http://www.abc4web.net/upload/images2/dkymjujjk4zq901.jpg (http://www.abc4web.net/upload/)
3- نقص الجزء الدائري الذى بأسفل الشكل ليصبح الشكل كما فى الصورة التالية
http://www.abc4web.net/upload/images2/xctrwq23ja0gtaw.jpg (http://www.abc4web.net/upload/)
4- من قائمة Edit ثم Free Transform
ونختار Perspective وذلك لجعل تأثير التحرير على الزوايا فقط بحيث يكون تغير المقاس متساوى من الجهتين
http://www.abc4web.net/upload/images2/vestsrgxvphwqwh.jpg (http://www.abc4web.net/upload/)
لنحصل على هذا الشكل
http://www.abc4web.net/upload/images2/hzbjqdig2zgoq6r.jpg (http://www.abc4web.net/upload/)
6- نقوم بسحب الرأس الأعلى من اليمين أو اليسار إلى الداخل لينتج لدينا هذا الشكل
http://www.abc4web.net/upload/images2/kztw6gkangw1p7s.jpg (http://www.abc4web.net/upload/)
7- نعتمد التغيرات وذلك بالظغط على Enter من لوحة المفاتيح أو بالضغط بالماوس على سهم التحريك أو فى اى جزء من التصميم
http://www.abc4web.net/upload/images2/s6fw653kixdchl2.jpg (http://www.abc4web.net/upload/)
8- نقوم بإضافة قاعدة لجسم الوشاح للحصول على شكل ثلاثي الأبعاد الرائع وذلك بأن نجعل اللون العلوي أغمق من الجسم مثلا (791501)
ونضيف طبقة جديدة ونرسم مستطيل خلف طبقة جسم الوشاح
http://www.abc4web.net/upload/images2/odjesq0qc6ce4fs.jpg (http://www.abc4web.net/upload/)
9- نقوم بسحب الرأس الأعلى من اليمين أو اليسار إلى الخارج لينتج لدينا هذا الشكل
http://www.abc4web.net/upload/images2/kjxwoetivcuzzu6.jpg (http://www.abc4web.net/upload/)
10- نقوم بتحريك الطبقة من صندوق الطبقات لجعلها بعد طبقة الجسم وسوف نحصل على هذا الشكل
http://www.abc4web.net/upload/images2/ugczhcbytrvhlcc.jpg (http://www.abc4web.net/upload/)
11- نقف على طبقة جسم العمل الأبيض ونقوم بتحديده ( من لوحة المفاتيح نضغط على Ctrl + وضغطة بالماوس على الطبقة )
http://www.abc4web.net/upload/images2/1aom1na5gqu0f1c.jpg (http://www.abc4web.net/upload/)
12- نقوم بإخفاء هذه الطبقة ونقف على طبقة قاعدة الوشاح التى هي باللون الغامق ونضغط على DEL من لوحة المفاتيح لحذف الزوائد وسنحصل على الشكل التالي
http://www.abc4web.net/upload/images2/rpcaiumpsyt8y8v.jpg (http://www.abc4web.net/upload/)
وبذلك نكون قد إنتهينا من التصميم ومابقى عليك إلا أن تجمع طبقات الوشاح فى مجلد مثل مافعلنا فى الشرح السابق ثم تكرر الطبقة وتغير إتجاه الوشاح كما تريد
- من لوحة المفاتيح Ctrl + T ثم تقف على الشكل فى مساحة العمل وبيمين الماوس تختار الإتجاه يمينا أو يسارا Rotate 90 cw - Rotate 90 ccw أو الإنقلاب لأعلى Flip Vertical
http://www.abc4web.net/upload/images2/knabq2tvw7ijfx3.jpg (http://www.abc4web.net/upload/)
وبنفس الطريقة تستطيع أن تبدع فى اشكال الوشاح إن شاء الله
http://www.abc4web.net/upload/images2/r0dzwyu5e5cjbpr.jpg (http://www.abc4web.net/upload/)
وبذلك نكون قد وصلنا إلى تصميم الوشاح الذى بأسفل هذا الصندوق ويبقى إضافة التأثير المناسب
http://www.abc4web.net/upload/images2/takn7k3zvl.png (http://www.abc4web.net/upload/)
:fasel7:
درسنا القادم إن شاء الله تعالى الوشاح المثني ( قاعدة مستديرة )
http://www.abc4web.net/upload/images2/tfpka0wigjt2mov.jpg (http://www.abc4web.net/upload/)
:abc4web:
حمل ملف العمل من المرفقات
:morfqat:
سيتم إضافة تأثيرات وجمع التصاميم معرضها للتحميل فى القسم الخاص VIP بعد جمع تطبيقات الأعضاء ليتم تحميلها والإستفادة منها كملفات المفتوحة
أتمنى لكم جميعا الفائدة
لاتنسونا من صالح دعائكم
:fasel6:
أبوهمام
.