احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول
علومي :: المواضيع المكررة و المؤرشفة Recycle Bin :: قسم التصميم و الجرافيكس :: دروس و شروحات الجرافيكس
Page 1 of 1
احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول
بســـ الله الرحمن الرحيم ــــم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
بكل الحب والخير أسعد الله جميع أوقاتكم وأهلاُ بكم
اليوم ننتقل وإياكم بإذن الله لشرح جديد وتطبيق من الأنواع الاحترافية
احترف تصميم النص ثلاثي الابعاد باستخدام Illustrator - Photoshop
وقبل كل شيء انظر التطبيق فإذا أعجبك تابع معنا هذا الشرح
شرحنا سيكون على برنامجين التصميم للشركة العملاقة Adope
طبعاً سنقسم الشرح على مرحلتين كل مرحلة ببرنامج معين وسنحاول التسهيل
بالشرح قدر المستطاع ليتثنى لجميع الأخوة والأخوات التطبيق على الشرح بإذن الله
المرحلة الأولى ستكون ببرنامج - Adobe Illustrator
المرحلة الثانية ستكون ببرنامج - Adobe Photoshop
نتوكل على الله سبحانه ونبدأ الشرح بالمرحلة الأولى كما ذكرنا ببرنامج أدوبي الستراتور
مع التنويه لأنه سيتم شرح كل مرحلة بالقسم المخصص للبرنامج
المرحلة الأولى ستكون ببرنامج - Adobe Illustrator
لكتابة النص وتجهيزه كما نريده ان يكون لننتقل به للفوتوشوب بالمرحلة الثانية للمتابعة
قد يتسائل بعض الأخوة الأعضاء أو يقول أنا لم أعمل على هذا البرنامج من قبل
نقول ما تقلق البرنامج سهل وشبيه لحد كبير جداً بالفوتوشوب وليسى بالمعقد
وكذلك خطواتنا بالبرنامج معدودة وسهلة وسيتم توضيحها كما سنشاهد بالشرح
نفتح برنامج الستراتور Adobe Illustrator
ننشى مشروع عمل جديد web Document كما بالشكل التالي
بعد ذلك ستظهر لك نافذة تحديد مقاس وخيارات العمل أختر أي مقاس تريد فليسى الأمر بالمهك
أنا اخترت مقاس PX 500 + 300 وهذا جيد لمشروعنا لأننا لانريد من هنا سوى النص
طبعاً لك الحرية بكتابة النص الذي تريد وأنا سأطبق على أسم اخينا الحبيب HMAM
كما نوصي بأن يكون الخط عريض نسبياً وبحجم كبير وأنا اخترت الخط Arial Black
وكذلك لون الخط يمكنك تغييره لو تريد تغييره ولكن يفضل التطبيق على نفس اللون
الآن نختار أداة الكتابة Type Tool ستجد الأدوات تقريباً كما بالفوتوشوب مافي اختلاف
نقوم بكتابة الحرف الأول من النص الذي نريده كما ندقق هنا أنا أقول الحرف الأول فقط
والشكل التالي يوضح لنا الخطوات الواجب تنفيذها
الآن وبعد كتابة الحرف الأول من النص وكما شاهدنا بالصورة السابقة سنقوم بكتابة الحرف الثاني
ولكن على طبقة ثانية وليسى على نفس الطرقة وللقيام بهذا نضغط على الخيار Layers
الموجود بالشريط المنسدل أسفل يمين البرنامج
لإظهار قائمة الطبقات ونضيف طبقة جديدة كما يوضح لنا الشكل المتحرك التالي
بعد ذلك نقوم بإنشاء طبقة جديدة لكتابة الحرف الثاني من النص ولعمل ذلك نتبع التالي
الذي يوضحه لنا الشكل المتحرك التالي
بعد إنشاء الطبقة نقوم بكتابة الحرف الثاني من النص المطلوب ننبه حرف واحد بكل طبقة
لسهولة التحكم بكل حرف على حدا دون الآخر للخروج بنتائج جيدة من التطبيق
بعد كتابة الحرفين الأول والثاني من النص كما تابعنا نكمل بقية كتابة الحروف المتبقية من النص
بنفس الطريقة الذي بدأنا بها ننشأ طبقة جديدة ونكتب الحرف التالي من النص المطلوب
حتى ننتهي من النص كامل كما يوضح لنا الشكل المتحرك التالي
طبعاً ليسى بالمهم أن تتقيد بنفس النص الذي نطبق عليه الشرح ولكن مهما بلغ عدد الحرف
تكون نفس الطريقة لتنفيذ العمل إنشاء طبقة ثم كتابة حرف واحد بكل طبق على حدا
الآن وبعد الانتهاء من كتابة النص المطلوب سنقوم بتطبيق المؤثر المطلوب للنص
نضغط على الحرف الأول بالنص وهنا سيكون الحرف H عند الضغط
سيتم تحديد الحرف بمرب وكذلك تحديد طبقة الحرف بشكل تلقائي
الآن نختار الخيار الموضح لتطبيق الفلتر على النص Effect - 3D - Extrude & Bevel
بعد اختيار السابق ستظهر لنا نافذة خيارات الفلتر نقوم بضبط الإعدادات كما بالشكل التالي
طبعاً أنت يمكنك التلاعب بإعدادات الفلتر كيف ماتشاء وتراه مناسب لنصك أكثر
فهذا يعود لحسب كل شخص ومآيراه مناسب لتطبيقه أكثر ولو نفس الإعدادات جيد
نتابع تطبيق نفس الفلتر بنفس الطريقة على بقيت الحروف ولكن بإعدادات مختلفة
مع كل حرف كما هي موضحة بالشكل التالي إعدادات كل حرف من النص المطلوب
نتابع إعدادات بقيت الحروف كما هوى موضح مع كل حرف الحرف لن يظهر بنافذة الإعدادات
ولكن أنا أضعه لكم للمشاهدة للاطلاع على النتائج ليسى إلا
بهذا الشكل أنى انتهيت من تطبيق الفلتر على النص الذي اشرح عليه التطبيق
يمكنك إكمال الفلتر مع بقيت الحروف فيما لو كان نصك أطول من نص الشرح مهما بلغ
الآن من المفترض أن تكون قد حصلت على شكل مقارب للشكل التالي
بهذا الشكل نكون قد انتهينا من برنامج ألستراتور بقي لنا أن نصدر العمل ملف PSD
لنكمل ببرنامج الفوتوشوب وللتصدير نقوم بالذهاب للخيار التالي File - Export
نختار التصدير بصيغة Photoshop PSD بعدها تظهر لنا نافذة خيارات التصدير
نضبط إعدادات التصدير كما بالشكل التالي
كما يفضل أن تحفظ الملف بصيغة البرنامج AI للرجوع إليه بحال حدوث أي خلل
من أراد الأكتفاء ببرنامج Illustrator فيمكنه ذلك وسيحصل على النتيجة السابق للتصميم
أما من أراد الاجتهاد والابداع أكثر بالتطبيق ليتميز فيتبعنا للمرحلة الثانية من الشرح
المرحلة الثانية ستكون ببرنامج - Adobe Photoshop
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
بكل الحب والخير أسعد الله جميع أوقاتكم وأهلاُ بكم
اليوم ننتقل وإياكم بإذن الله لشرح جديد وتطبيق من الأنواع الاحترافية
احترف تصميم النص ثلاثي الابعاد باستخدام Illustrator - Photoshop
وقبل كل شيء انظر التطبيق فإذا أعجبك تابع معنا هذا الشرح
شرحنا سيكون على برنامجين التصميم للشركة العملاقة Adope
طبعاً سنقسم الشرح على مرحلتين كل مرحلة ببرنامج معين وسنحاول التسهيل
بالشرح قدر المستطاع ليتثنى لجميع الأخوة والأخوات التطبيق على الشرح بإذن الله
المرحلة الأولى ستكون ببرنامج - Adobe Illustrator
المرحلة الثانية ستكون ببرنامج - Adobe Photoshop
نتوكل على الله سبحانه ونبدأ الشرح بالمرحلة الأولى كما ذكرنا ببرنامج أدوبي الستراتور
مع التنويه لأنه سيتم شرح كل مرحلة بالقسم المخصص للبرنامج
المرحلة الأولى ستكون ببرنامج - Adobe Illustrator
لكتابة النص وتجهيزه كما نريده ان يكون لننتقل به للفوتوشوب بالمرحلة الثانية للمتابعة
قد يتسائل بعض الأخوة الأعضاء أو يقول أنا لم أعمل على هذا البرنامج من قبل
نقول ما تقلق البرنامج سهل وشبيه لحد كبير جداً بالفوتوشوب وليسى بالمعقد
وكذلك خطواتنا بالبرنامج معدودة وسهلة وسيتم توضيحها كما سنشاهد بالشرح
نفتح برنامج الستراتور Adobe Illustrator
ننشى مشروع عمل جديد web Document كما بالشكل التالي
بعد ذلك ستظهر لك نافذة تحديد مقاس وخيارات العمل أختر أي مقاس تريد فليسى الأمر بالمهك
أنا اخترت مقاس PX 500 + 300 وهذا جيد لمشروعنا لأننا لانريد من هنا سوى النص
طبعاً لك الحرية بكتابة النص الذي تريد وأنا سأطبق على أسم اخينا الحبيب HMAM
كما نوصي بأن يكون الخط عريض نسبياً وبحجم كبير وأنا اخترت الخط Arial Black
وكذلك لون الخط يمكنك تغييره لو تريد تغييره ولكن يفضل التطبيق على نفس اللون
الآن نختار أداة الكتابة Type Tool ستجد الأدوات تقريباً كما بالفوتوشوب مافي اختلاف
نقوم بكتابة الحرف الأول من النص الذي نريده كما ندقق هنا أنا أقول الحرف الأول فقط
والشكل التالي يوضح لنا الخطوات الواجب تنفيذها
الآن وبعد كتابة الحرف الأول من النص وكما شاهدنا بالصورة السابقة سنقوم بكتابة الحرف الثاني
ولكن على طبقة ثانية وليسى على نفس الطرقة وللقيام بهذا نضغط على الخيار Layers
الموجود بالشريط المنسدل أسفل يمين البرنامج
لإظهار قائمة الطبقات ونضيف طبقة جديدة كما يوضح لنا الشكل المتحرك التالي
بعد ذلك نقوم بإنشاء طبقة جديدة لكتابة الحرف الثاني من النص ولعمل ذلك نتبع التالي
الذي يوضحه لنا الشكل المتحرك التالي
بعد إنشاء الطبقة نقوم بكتابة الحرف الثاني من النص المطلوب ننبه حرف واحد بكل طبقة
لسهولة التحكم بكل حرف على حدا دون الآخر للخروج بنتائج جيدة من التطبيق
بعد كتابة الحرفين الأول والثاني من النص كما تابعنا نكمل بقية كتابة الحروف المتبقية من النص
بنفس الطريقة الذي بدأنا بها ننشأ طبقة جديدة ونكتب الحرف التالي من النص المطلوب
حتى ننتهي من النص كامل كما يوضح لنا الشكل المتحرك التالي
طبعاً ليسى بالمهم أن تتقيد بنفس النص الذي نطبق عليه الشرح ولكن مهما بلغ عدد الحرف
تكون نفس الطريقة لتنفيذ العمل إنشاء طبقة ثم كتابة حرف واحد بكل طبق على حدا
الآن وبعد الانتهاء من كتابة النص المطلوب سنقوم بتطبيق المؤثر المطلوب للنص
نضغط على الحرف الأول بالنص وهنا سيكون الحرف H عند الضغط
سيتم تحديد الحرف بمرب وكذلك تحديد طبقة الحرف بشكل تلقائي
الآن نختار الخيار الموضح لتطبيق الفلتر على النص Effect - 3D - Extrude & Bevel
بعد اختيار السابق ستظهر لنا نافذة خيارات الفلتر نقوم بضبط الإعدادات كما بالشكل التالي
طبعاً أنت يمكنك التلاعب بإعدادات الفلتر كيف ماتشاء وتراه مناسب لنصك أكثر
فهذا يعود لحسب كل شخص ومآيراه مناسب لتطبيقه أكثر ولو نفس الإعدادات جيد
نتابع تطبيق نفس الفلتر بنفس الطريقة على بقيت الحروف ولكن بإعدادات مختلفة
مع كل حرف كما هي موضحة بالشكل التالي إعدادات كل حرف من النص المطلوب
نتابع إعدادات بقيت الحروف كما هوى موضح مع كل حرف الحرف لن يظهر بنافذة الإعدادات
ولكن أنا أضعه لكم للمشاهدة للاطلاع على النتائج ليسى إلا
بهذا الشكل أنى انتهيت من تطبيق الفلتر على النص الذي اشرح عليه التطبيق
يمكنك إكمال الفلتر مع بقيت الحروف فيما لو كان نصك أطول من نص الشرح مهما بلغ
الآن من المفترض أن تكون قد حصلت على شكل مقارب للشكل التالي
بهذا الشكل نكون قد انتهينا من برنامج ألستراتور بقي لنا أن نصدر العمل ملف PSD
لنكمل ببرنامج الفوتوشوب وللتصدير نقوم بالذهاب للخيار التالي File - Export
نختار التصدير بصيغة Photoshop PSD بعدها تظهر لنا نافذة خيارات التصدير
نضبط إعدادات التصدير كما بالشكل التالي
كما يفضل أن تحفظ الملف بصيغة البرنامج AI للرجوع إليه بحال حدوث أي خلل
من أراد الأكتفاء ببرنامج Illustrator فيمكنه ذلك وسيحصل على النتيجة السابق للتصميم
أما من أراد الاجتهاد والابداع أكثر بالتطبيق ليتميز فيتبعنا للمرحلة الثانية من الشرح
المرحلة الثانية ستكون ببرنامج - Adobe Photoshop
---
http://www.abc4web.net/vb/showthread.php?t=2887
discovery- الجنس :
عدد المساهمات : 1005
النقاط : 54012
التقييم : 12
تاريخ التسجيل : 2010-04-28
Re: احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول
اليوم ننتقل وإياكم بإذن الله لشرح جديد وتطبيق من الأنواع الاحترافية
احترف تصميم النص ثلاثي الابعاد باستخدام Illustrator - Photoshop
قبل البدء بهذا الموضوع يتوجب عليك مراجعة القسم الأول من الشرح
بقسم برنامج التصميم - Adobe Illustrator والذي تم استخدامه بالمرحلة الاولى من الشرح
انتقل للمرحلة الأولى من الشرح - Adobe Illustrator
بعد متابعة المرحلة الأولى من الشرح والتطبيق
تابع معنا التطبيق بالمرحلة الثانية من الشرح باستخدام برنامج Adobe Photoshop
كنا قد انتهينا بالمرحلة الأولى من الشرح بتصميم النص ببرنامج Adobe Illustrator
وكذلك تصديره لملف فوتوشوب PSD
نفتح برنامج الفوتوشوب ونتابع الشرح نقوم بفتح الملف الذي صدرناه من برنامج ألستراتور
كما ويمكنك نقل الطبقات لساحة عمل أكبر لتتحرك بحرية أكثر لأنك ستحصل على حجم النص فقط
وليسى كامل حجم المشروع الذي تم اختياره ببرنامج ألستراتور
الآن نذهب للحرف الأول من النص والممثل بالطبقة الأولى وهوى في نصي حرف H
نختار أداة التحديد الحبل التالية Polygonal Lasso Tool
ثم نقوم بتحديد واجهة الحرف بعناية ودقة فهوى المهم وهذه أهم خطوة بالشرح
فعليك التحديد بعناية ودقة فائقة للحصول على نتائج جيد في النهاية
كما انصح بكبير الحجم أثناء التحديد من خلال العدسة المكبرة لتحصل على تحديد دقيق
كما هوى موضح بالشكل المتحرك التالي للتوضيح بشكل أكبر
الآن نقوم بالضغط على الاختصار Ctrl + G لمضاعفة الجزء الذي تم تحديده قبل قليل
وكذلك نعيد تسمية الطبقة لأسم الحرف وأنا أسميتها H-1 كما يوضح لنا الشكل المتحرك التالي
الآن وبعد الخطوة السابقة نقوم كذلك بإنشاء طبقة جديدة أخرى أعلى طبقة H-1 ونسميها H-2
كما يوضح لنا الشكل المتحرك التالي العملية بشكل أوضح
الآن باستخدام أداة التحديد المربعة Rectangular Marquee Tool
نقوم بتحديد شكل مربع أو مستطيل فوق الحرف السابق مع التنويه لأننا نعمل على الطبقة H-2
أملاً التحديد بأي لون فهذا غير مهم لأننا سنضيف له بعض المؤثرات في الخطوة القادمة
بعد إنشاء التحديد وتعبئته بأي لون وليكن الأبيض سنقوم بإضافة المؤثر عليه
طبعاً يمكنك إلغاء التحديد بعد التعبئة بالون من خلال الضغط على الاختصار Ctrl + D
الآن من خلال خيار المؤثرات نقوم بإضافة المؤثر Gradient Overlay
كما يوضح لنا الشكل التالي الإعدادات والقيم الذي سنستخدمها بالمؤثر
مع التنويه لأنه يمكنك التلاعب بالقيم وكذلك الألوان بالشكل الذي تراه مناسب لتصميمك أكثر
الآن وبعد تطبيق المؤثرعلى الطبقة كما تابعنا وإياكم بالخطوة السابقة
نقوم بالضغط بيمين الماوس على الطبقة ونعمل لها ماسك Create Clipping Mask
كما يوضح لنا العملية الشكل المتحرك التالي
بالنسبة لبقية الحروف سأضع لكم الإعدادات والألوان الذي استخدمتها مع كل حرف
أما أنت فيمكنك استعمال ألوان مختلفة وكذلك الإعدادات بحسب تطبيقك ولون النص الذي اخترته
ولكن نركز هنا في حال تغيير الألوان يعني نضع بالحسبان أن نختار ألوان تتماشى مع لون النص
لأن هذا الأمر مهم جداً لتناسق الشكل وإضفاء منظر جميل متناسق للتصميم
الآن نقوم بإنشاء طبقة جديدة كما سبق أعلى طبقة H-2 ونطلق عليها اسم H-3
بعد أنشاء الطبقة نختار أداة الرسم Line Tool لرسم خطوط أفقية في الطبقة H-3
نقوم برسم خطوط أفقية بمقدار PX 2 كما هي موضحة بالشكل التالي
بعد القيام بما تم توضيحه بالخطوة السابقة نقوم بعمل ماسك للطبقة كما فعلنا مع الطبقة H-2
كذلك نجعل قيمة الاوبتكال Opacity %50 كما يوضح لنا الشكل المتحرك التالي
أعتقد الآن أصبحت الرؤية واضحة لديك سنكرر نفس الخطوات مع كل حرف من النص
مع التنبيهات لأنه يمكنك التلاعب بالألوان مع كل حرف كذلك رسم ماتريد من أشكال
بدل الخط الذي رسمته أنا كذلك تصميم خلفية للنص أو خلفية جاهزة بحسب متريد
وهذه الأمور لجماليات التطبيق أكثر ادعها لكم لتبدعوا بها بحسب كل شخص وذوقه في التصميم
وكما سبق وذكرت لكم فهذه صورة متحركة تبين لكم الألوان والإعدادات الذي استخدمتها
أنا في تصميمي مع كل حرف من حروف النص الذي تم تطبيق الشرح عليه
وفي الختام هذا الشكل النهائي لتطبيقي بعد إضافة بعض الجماليات كما سبق وذكرنا لكم من قبل
هذه الصورة مصغره .. نقره على هذا الشريط لعرض الصوره بالمقاس الحقيقي. |
في النهاية لم يعد بوسعي سوى ان اشكركم على حسن المتابعة
واتمنى بأن أكون قد وفقت بما قدمت لكم وإلا أن ألقاكم مرة أخرى
لكم مني خالص الشكر والتقدير
discovery- الجنس :
عدد المساهمات : 1005
النقاط : 54012
التقييم : 12
تاريخ التسجيل : 2010-04-28
Similar topics
» عمل كأس ثلاثي الابعاد - فيديو
» درس عمل نص ثلاثي الابعاد زجاجيه بالفوتو شوب
» Tgi3D SU Amorph Training Editionتحميل برنامج التصميم ثلاثي الابعاد
» درس الخط الحر -- الجزء الأول
» أساسيات الإضاءة والظل الجزء الأول
» درس عمل نص ثلاثي الابعاد زجاجيه بالفوتو شوب
» Tgi3D SU Amorph Training Editionتحميل برنامج التصميم ثلاثي الابعاد
» درس الخط الحر -- الجزء الأول
» أساسيات الإضاءة والظل الجزء الأول
علومي :: المواضيع المكررة و المؤرشفة Recycle Bin :: قسم التصميم و الجرافيكس :: دروس و شروحات الجرافيكس
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum