كينج نت
29-04-2009, 11:05 AM
بســـ الله الرحمن الرحيم ــــم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
بكل الحب والخير أسعد الله جميع أوقاتكم وأهلاُ بكم
اليوم ننتقل وإياكم بإذن الله لشرح جديد وتطبيق من الأنواع الاحترافية
احترف تصميم النص ثلاثي الابعاد باستخدام Illustrator - Photoshop
http://www.abc4web.net/4upload/uploads/images/abc4web_44060f64a3.png
قبل البدء بهذا الموضوع يتوجب عليك مراجعة القسم الأول من الشرح
بقسم برنامج التصميم - Adobe Illustrator والذي تم استخدامه بالمرحلة الاولى من الشرح
انتقل للمرحلة الأولى من الشرح - Adobe Illustrator (http://www.abc4web.net/vb/showthread.php?p=21092#post21092)
بعد متابعة المرحلة الأولى من الشرح والتطبيق
تابع معنا التطبيق بالمرحلة الثانية من الشرح باستخدام برنامج Adobe Photoshop
كنا قد انتهينا بالمرحلة الأولى من الشرح بتصميم النص ببرنامج Adobe Illustrator
وكذلك تصديره لملف فوتوشوب PSD
نفتح برنامج الفوتوشوب ونتابع الشرح نقوم بفتح الملف الذي صدرناه من برنامج ألستراتور
http://www.abc4web.net/4upload/uploads/images/abc4web_d7b9a29411.gif
كما ويمكنك نقل الطبقات لساحة عمل أكبر لتتحرك بحرية أكثر لأنك ستحصل على حجم النص فقط
وليسى كامل حجم المشروع الذي تم اختياره ببرنامج ألستراتور
الآن نذهب للحرف الأول من النص والممثل بالطبقة الأولى وهوى في نصي حرف H
نختار أداة التحديد الحبل التالية Polygonal Lasso Tool
http://www.abc4web.net/4upload/uploads/images/abc4web_f63f2f570c.gif
ثم نقوم بتحديد واجهة الحرف بعناية ودقة فهوى المهم وهذه أهم خطوة بالشرح
فعليك التحديد بعناية ودقة فائقة للحصول على نتائج جيد في النهاية
كما انصح بكبير الحجم أثناء التحديد من خلال العدسة المكبرة لتحصل على تحديد دقيق
كما هوى موضح بالشكل المتحرك التالي للتوضيح بشكل أكبر
http://www.abc4web.net/4upload/uploads/images/abc4web_fcbcde2049.gif
الآن نقوم بالضغط على الاختصار Ctrl + G لمضاعفة الجزء الذي تم تحديده قبل قليل
وكذلك نعيد تسمية الطبقة لأسم الحرف وأنا أسميتها H-1 كما يوضح لنا الشكل المتحرك التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_682d1c3cb3.gif
الآن وبعد الخطوة السابقة نقوم كذلك بإنشاء طبقة جديدة أخرى أعلى طبقة H-1 ونسميها H-2
كما يوضح لنا الشكل المتحرك التالي العملية بشكل أوضح
http://www.abc4web.net/4upload/uploads/images/abc4web_ebc515f026.gif
الآن باستخدام أداة التحديد المربعة Rectangular Marquee Tool
نقوم بتحديد شكل مربع أو مستطيل فوق الحرف السابق مع التنويه لأننا نعمل على الطبقة H-2
http://www.abc4web.net/4upload/uploads/images/abc4web_9e4003327e.gif
أملاً التحديد بأي لون فهذا غير مهم لأننا سنضيف له بعض المؤثرات في الخطوة القادمة
بعد إنشاء التحديد وتعبئته بأي لون وليكن الأبيض سنقوم بإضافة المؤثر عليه
طبعاً يمكنك إلغاء التحديد بعد التعبئة بالون من خلال الضغط على الاختصار Ctrl + D
الآن من خلال خيار المؤثرات نقوم بإضافة المؤثر Gradient Overlay
كما يوضح لنا الشكل التالي الإعدادات والقيم الذي سنستخدمها بالمؤثر
مع التنويه لأنه يمكنك التلاعب بالقيم وكذلك الألوان بالشكل الذي تراه مناسب لتصميمك أكثر
http://www.abc4web.net/4upload/uploads/images/abc4web_7a5096d653.gif
الآن وبعد تطبيق المؤثرعلى الطبقة كما تابعنا وإياكم بالخطوة السابقة
نقوم بالضغط بيمين الماوس على الطبقة ونعمل لها ماسك Create Clipping Mask
كما يوضح لنا العملية الشكل المتحرك التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_3f3c0d6bc5.gif
بالنسبة لبقية الحروف سأضع لكم الإعدادات والألوان الذي استخدمتها مع كل حرف
أما أنت فيمكنك استعمال ألوان مختلفة وكذلك الإعدادات بحسب تطبيقك ولون النص الذي اخترته
ولكن نركز هنا في حال تغيير الألوان يعني نضع بالحسبان أن نختار ألوان تتماشى مع لون النص
لأن هذا الأمر مهم جداً لتناسق الشكل وإضفاء منظر جميل متناسق للتصميم
الآن نقوم بإنشاء طبقة جديدة كما سبق أعلى طبقة H-2 ونطلق عليها اسم H-3
بعد أنشاء الطبقة نختار أداة الرسم Line Tool لرسم خطوط أفقية في الطبقة H-3
نقوم برسم خطوط أفقية بمقدار PX 2 كما هي موضحة بالشكل التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_e6b1d8e058.gif
بعد القيام بما تم توضيحه بالخطوة السابقة نقوم بعمل ماسك للطبقة كما فعلنا مع الطبقة H-2
كذلك نجعل قيمة الاوبتكال Opacity %50 كما يوضح لنا الشكل المتحرك التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_63ce9f4dc8.gif
أعتقد الآن أصبحت الرؤية واضحة لديك سنكرر نفس الخطوات مع كل حرف من النص
مع التنبيهات لأنه يمكنك التلاعب بالألوان مع كل حرف كذلك رسم ماتريد من أشكال
بدل الخط الذي رسمته أنا كذلك تصميم خلفية للنص أو خلفية جاهزة بحسب متريد
وهذه الأمور لجماليات التطبيق أكثر ادعها لكم لتبدعوا بها بحسب كل شخص وذوقه في التصميم
وكما سبق وذكرت لكم فهذه صورة متحركة تبين لكم الألوان والإعدادات الذي استخدمتها
أنا في تصميمي مع كل حرف من حروف النص الذي تم تطبيق الشرح عليه
http://www.abc4web.net/4upload/uploads/images/abc4web_e6c7858f49.gif
وفي الختام هذا الشكل النهائي لتطبيقي بعد إضافة بعض الجماليات كما سبق وذكرنا لكم من قبل
http://www.abc4web.net/4upload/uploads/images/abc4web_0252c1225e.jpg
في النهاية لم يعد بوسعي سوى ان اشكركم على حسن المتابعة
واتمنى بأن أكون قد وفقت بما قدمت لكم وإلا أن ألقاكم مرة أخرى
لكم مني خالص الشكر والتقدير
.
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
بكل الحب والخير أسعد الله جميع أوقاتكم وأهلاُ بكم
اليوم ننتقل وإياكم بإذن الله لشرح جديد وتطبيق من الأنواع الاحترافية
احترف تصميم النص ثلاثي الابعاد باستخدام Illustrator - Photoshop
http://www.abc4web.net/4upload/uploads/images/abc4web_44060f64a3.png
قبل البدء بهذا الموضوع يتوجب عليك مراجعة القسم الأول من الشرح
بقسم برنامج التصميم - Adobe Illustrator والذي تم استخدامه بالمرحلة الاولى من الشرح
انتقل للمرحلة الأولى من الشرح - Adobe Illustrator (http://www.abc4web.net/vb/showthread.php?p=21092#post21092)
بعد متابعة المرحلة الأولى من الشرح والتطبيق
تابع معنا التطبيق بالمرحلة الثانية من الشرح باستخدام برنامج Adobe Photoshop
كنا قد انتهينا بالمرحلة الأولى من الشرح بتصميم النص ببرنامج Adobe Illustrator
وكذلك تصديره لملف فوتوشوب PSD
نفتح برنامج الفوتوشوب ونتابع الشرح نقوم بفتح الملف الذي صدرناه من برنامج ألستراتور
http://www.abc4web.net/4upload/uploads/images/abc4web_d7b9a29411.gif
كما ويمكنك نقل الطبقات لساحة عمل أكبر لتتحرك بحرية أكثر لأنك ستحصل على حجم النص فقط
وليسى كامل حجم المشروع الذي تم اختياره ببرنامج ألستراتور
الآن نذهب للحرف الأول من النص والممثل بالطبقة الأولى وهوى في نصي حرف H
نختار أداة التحديد الحبل التالية Polygonal Lasso Tool
http://www.abc4web.net/4upload/uploads/images/abc4web_f63f2f570c.gif
ثم نقوم بتحديد واجهة الحرف بعناية ودقة فهوى المهم وهذه أهم خطوة بالشرح
فعليك التحديد بعناية ودقة فائقة للحصول على نتائج جيد في النهاية
كما انصح بكبير الحجم أثناء التحديد من خلال العدسة المكبرة لتحصل على تحديد دقيق
كما هوى موضح بالشكل المتحرك التالي للتوضيح بشكل أكبر
http://www.abc4web.net/4upload/uploads/images/abc4web_fcbcde2049.gif
الآن نقوم بالضغط على الاختصار Ctrl + G لمضاعفة الجزء الذي تم تحديده قبل قليل
وكذلك نعيد تسمية الطبقة لأسم الحرف وأنا أسميتها H-1 كما يوضح لنا الشكل المتحرك التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_682d1c3cb3.gif
الآن وبعد الخطوة السابقة نقوم كذلك بإنشاء طبقة جديدة أخرى أعلى طبقة H-1 ونسميها H-2
كما يوضح لنا الشكل المتحرك التالي العملية بشكل أوضح
http://www.abc4web.net/4upload/uploads/images/abc4web_ebc515f026.gif
الآن باستخدام أداة التحديد المربعة Rectangular Marquee Tool
نقوم بتحديد شكل مربع أو مستطيل فوق الحرف السابق مع التنويه لأننا نعمل على الطبقة H-2
http://www.abc4web.net/4upload/uploads/images/abc4web_9e4003327e.gif
أملاً التحديد بأي لون فهذا غير مهم لأننا سنضيف له بعض المؤثرات في الخطوة القادمة
بعد إنشاء التحديد وتعبئته بأي لون وليكن الأبيض سنقوم بإضافة المؤثر عليه
طبعاً يمكنك إلغاء التحديد بعد التعبئة بالون من خلال الضغط على الاختصار Ctrl + D
الآن من خلال خيار المؤثرات نقوم بإضافة المؤثر Gradient Overlay
كما يوضح لنا الشكل التالي الإعدادات والقيم الذي سنستخدمها بالمؤثر
مع التنويه لأنه يمكنك التلاعب بالقيم وكذلك الألوان بالشكل الذي تراه مناسب لتصميمك أكثر
http://www.abc4web.net/4upload/uploads/images/abc4web_7a5096d653.gif
الآن وبعد تطبيق المؤثرعلى الطبقة كما تابعنا وإياكم بالخطوة السابقة
نقوم بالضغط بيمين الماوس على الطبقة ونعمل لها ماسك Create Clipping Mask
كما يوضح لنا العملية الشكل المتحرك التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_3f3c0d6bc5.gif
بالنسبة لبقية الحروف سأضع لكم الإعدادات والألوان الذي استخدمتها مع كل حرف
أما أنت فيمكنك استعمال ألوان مختلفة وكذلك الإعدادات بحسب تطبيقك ولون النص الذي اخترته
ولكن نركز هنا في حال تغيير الألوان يعني نضع بالحسبان أن نختار ألوان تتماشى مع لون النص
لأن هذا الأمر مهم جداً لتناسق الشكل وإضفاء منظر جميل متناسق للتصميم
الآن نقوم بإنشاء طبقة جديدة كما سبق أعلى طبقة H-2 ونطلق عليها اسم H-3
بعد أنشاء الطبقة نختار أداة الرسم Line Tool لرسم خطوط أفقية في الطبقة H-3
نقوم برسم خطوط أفقية بمقدار PX 2 كما هي موضحة بالشكل التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_e6b1d8e058.gif
بعد القيام بما تم توضيحه بالخطوة السابقة نقوم بعمل ماسك للطبقة كما فعلنا مع الطبقة H-2
كذلك نجعل قيمة الاوبتكال Opacity %50 كما يوضح لنا الشكل المتحرك التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_63ce9f4dc8.gif
أعتقد الآن أصبحت الرؤية واضحة لديك سنكرر نفس الخطوات مع كل حرف من النص
مع التنبيهات لأنه يمكنك التلاعب بالألوان مع كل حرف كذلك رسم ماتريد من أشكال
بدل الخط الذي رسمته أنا كذلك تصميم خلفية للنص أو خلفية جاهزة بحسب متريد
وهذه الأمور لجماليات التطبيق أكثر ادعها لكم لتبدعوا بها بحسب كل شخص وذوقه في التصميم
وكما سبق وذكرت لكم فهذه صورة متحركة تبين لكم الألوان والإعدادات الذي استخدمتها
أنا في تصميمي مع كل حرف من حروف النص الذي تم تطبيق الشرح عليه
http://www.abc4web.net/4upload/uploads/images/abc4web_e6c7858f49.gif
وفي الختام هذا الشكل النهائي لتطبيقي بعد إضافة بعض الجماليات كما سبق وذكرنا لكم من قبل
http://www.abc4web.net/4upload/uploads/images/abc4web_0252c1225e.jpg
في النهاية لم يعد بوسعي سوى ان اشكركم على حسن المتابعة
واتمنى بأن أكون قد وفقت بما قدمت لكم وإلا أن ألقاكم مرة أخرى
لكم مني خالص الشكر والتقدير
.