كينج نت
29-04-2009, 11:05 AM
بســـ الله الرحمن الرحيم ــــم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
بكل الحب والخير أسعد الله جميع أوقاتكم وأهلاُ بكم
اليوم ننتقل وإياكم بإذن الله لشرح جديد وتطبيق من الأنواع الاحترافية
احترف تصميم النص ثلاثي الابعاد باستخدام Illustrator - Photoshop
وقبل كل شيء انظر التطبيق فإذا أعجبك تابع معنا هذا الشرح
http://www.abc4web.net/4upload/uploads/images/abc4web_0252c1225e.jpg
شرحنا سيكون على برنامجين التصميم للشركة العملاقة Adope
http://www.abc4web.net/4upload/uploads/images/abc4web_44060f64a3.png
طبعاً سنقسم الشرح على مرحلتين كل مرحلة ببرنامج معين وسنحاول التسهيل
بالشرح قدر المستطاع ليتثنى لجميع الأخوة والأخوات التطبيق على الشرح بإذن الله
المرحلة الأولى ستكون ببرنامج - Adobe Illustrator
المرحلة الثانية ستكون ببرنامج - Adobe Photoshop
نتوكل على الله سبحانه ونبدأ الشرح بالمرحلة الأولى كما ذكرنا ببرنامج أدوبي الستراتور
مع التنويه لأنه سيتم شرح كل مرحلة بالقسم المخصص للبرنامج
المرحلة الأولى ستكون ببرنامج - Adobe Illustrator
لكتابة النص وتجهيزه كما نريده ان يكون لننتقل به للفوتوشوب بالمرحلة الثانية للمتابعة
قد يتسائل بعض الأخوة الأعضاء أو يقول أنا لم أعمل على هذا البرنامج من قبل
نقول ما تقلق البرنامج سهل وشبيه لحد كبير جداً بالفوتوشوب وليسى بالمعقد
وكذلك خطواتنا بالبرنامج معدودة وسهلة وسيتم توضيحها كما سنشاهد بالشرح
نفتح برنامج الستراتور Adobe Illustrator
ننشى مشروع عمل جديد web Document كما بالشكل التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_f4473e3838.gif
بعد ذلك ستظهر لك نافذة تحديد مقاس وخيارات العمل أختر أي مقاس تريد فليسى الأمر بالمهك
أنا اخترت مقاس PX 500 + 300 وهذا جيد لمشروعنا لأننا لانريد من هنا سوى النص
طبعاً لك الحرية بكتابة النص الذي تريد وأنا سأطبق على أسم اخينا الحبيب HMAM
كما نوصي بأن يكون الخط عريض نسبياً وبحجم كبير وأنا اخترت الخط Arial Black
وكذلك لون الخط يمكنك تغييره لو تريد تغييره ولكن يفضل التطبيق على نفس اللون
الآن نختار أداة الكتابة Type Tool ستجد الأدوات تقريباً كما بالفوتوشوب مافي اختلاف
نقوم بكتابة الحرف الأول من النص الذي نريده كما ندقق هنا أنا أقول الحرف الأول فقط
والشكل التالي يوضح لنا الخطوات الواجب تنفيذها
http://www.abc4web.net/4upload/uploads/images/abc4web_a70758545e.gif
الآن وبعد كتابة الحرف الأول من النص وكما شاهدنا بالصورة السابقة سنقوم بكتابة الحرف الثاني
ولكن على طبقة ثانية وليسى على نفس الطرقة وللقيام بهذا نضغط على الخيار Layers
الموجود بالشريط المنسدل أسفل يمين البرنامج
لإظهار قائمة الطبقات ونضيف طبقة جديدة كما يوضح لنا الشكل المتحرك التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_f1ce7eed39.gif
بعد ذلك نقوم بإنشاء طبقة جديدة لكتابة الحرف الثاني من النص ولعمل ذلك نتبع التالي
الذي يوضحه لنا الشكل المتحرك التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_b67a5a23f8.gif
بعد إنشاء الطبقة نقوم بكتابة الحرف الثاني من النص المطلوب ننبه حرف واحد بكل طبقة
لسهولة التحكم بكل حرف على حدا دون الآخر للخروج بنتائج جيدة من التطبيق
http://www.abc4web.net/4upload/uploads/images/abc4web_5527e3ad1a.gif
بعد كتابة الحرفين الأول والثاني من النص كما تابعنا نكمل بقية كتابة الحروف المتبقية من النص
بنفس الطريقة الذي بدأنا بها ننشأ طبقة جديدة ونكتب الحرف التالي من النص المطلوب
حتى ننتهي من النص كامل كما يوضح لنا الشكل المتحرك التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_3f98eab7b7.gif
طبعاً ليسى بالمهم أن تتقيد بنفس النص الذي نطبق عليه الشرح ولكن مهما بلغ عدد الحرف
تكون نفس الطريقة لتنفيذ العمل إنشاء طبقة ثم كتابة حرف واحد بكل طبق على حدا
الآن وبعد الانتهاء من كتابة النص المطلوب سنقوم بتطبيق المؤثر المطلوب للنص
نضغط على الحرف الأول بالنص وهنا سيكون الحرف H عند الضغط
سيتم تحديد الحرف بمرب وكذلك تحديد طبقة الحرف بشكل تلقائي
الآن نختار الخيار الموضح لتطبيق الفلتر على النص Effect - 3D - Extrude & Bevel
http://www.abc4web.net/4upload/uploads/images/abc4web_608b62b47a.gif
بعد اختيار السابق ستظهر لنا نافذة خيارات الفلتر نقوم بضبط الإعدادات كما بالشكل التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_9f4c286b6b.gif
طبعاً أنت يمكنك التلاعب بإعدادات الفلتر كيف ماتشاء وتراه مناسب لنصك أكثر
فهذا يعود لحسب كل شخص ومآيراه مناسب لتطبيقه أكثر ولو نفس الإعدادات جيد
نتابع تطبيق نفس الفلتر بنفس الطريقة على بقيت الحروف ولكن بإعدادات مختلفة
مع كل حرف كما هي موضحة بالشكل التالي إعدادات كل حرف من النص المطلوب
http://www.abc4web.net/4upload/uploads/images/abc4web_5b7dabd221.gif
نتابع إعدادات بقيت الحروف كما هوى موضح مع كل حرف الحرف لن يظهر بنافذة الإعدادات
ولكن أنا أضعه لكم للمشاهدة للاطلاع على النتائج ليسى إلا
http://www.abc4web.net/4upload/uploads/images/abc4web_f00419ffb2.gif
http://www.abc4web.net/4upload/uploads/images/abc4web_393ed929bb.gif
بهذا الشكل أنى انتهيت من تطبيق الفلتر على النص الذي اشرح عليه التطبيق
يمكنك إكمال الفلتر مع بقيت الحروف فيما لو كان نصك أطول من نص الشرح مهما بلغ
الآن من المفترض أن تكون قد حصلت على شكل مقارب للشكل التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_33f92be877.gif
بهذا الشكل نكون قد انتهينا من برنامج ألستراتور بقي لنا أن نصدر العمل ملف PSD
لنكمل ببرنامج الفوتوشوب وللتصدير نقوم بالذهاب للخيار التالي File - Export
نختار التصدير بصيغة Photoshop PSD بعدها تظهر لنا نافذة خيارات التصدير
نضبط إعدادات التصدير كما بالشكل التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_930252ad6b.gif
كما يفضل أن تحفظ الملف بصيغة البرنامج AI للرجوع إليه بحال حدوث أي خلل
من أراد الأكتفاء ببرنامج Illustrator فيمكنه ذلك وسيحصل على النتيجة السابق للتصميم
أما من أراد الاجتهاد والابداع أكثر بالتطبيق ليتميز فيتبعنا للمرحلة الثانية من الشرح (http://www.abc4web.net/vb/showthread.php?t=2886)
المرحلة الثانية ستكون ببرنامج - Adobe Photoshop
.
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
بكل الحب والخير أسعد الله جميع أوقاتكم وأهلاُ بكم
اليوم ننتقل وإياكم بإذن الله لشرح جديد وتطبيق من الأنواع الاحترافية
احترف تصميم النص ثلاثي الابعاد باستخدام Illustrator - Photoshop
وقبل كل شيء انظر التطبيق فإذا أعجبك تابع معنا هذا الشرح
http://www.abc4web.net/4upload/uploads/images/abc4web_0252c1225e.jpg
شرحنا سيكون على برنامجين التصميم للشركة العملاقة Adope
http://www.abc4web.net/4upload/uploads/images/abc4web_44060f64a3.png
طبعاً سنقسم الشرح على مرحلتين كل مرحلة ببرنامج معين وسنحاول التسهيل
بالشرح قدر المستطاع ليتثنى لجميع الأخوة والأخوات التطبيق على الشرح بإذن الله
المرحلة الأولى ستكون ببرنامج - Adobe Illustrator
المرحلة الثانية ستكون ببرنامج - Adobe Photoshop
نتوكل على الله سبحانه ونبدأ الشرح بالمرحلة الأولى كما ذكرنا ببرنامج أدوبي الستراتور
مع التنويه لأنه سيتم شرح كل مرحلة بالقسم المخصص للبرنامج
المرحلة الأولى ستكون ببرنامج - Adobe Illustrator
لكتابة النص وتجهيزه كما نريده ان يكون لننتقل به للفوتوشوب بالمرحلة الثانية للمتابعة
قد يتسائل بعض الأخوة الأعضاء أو يقول أنا لم أعمل على هذا البرنامج من قبل
نقول ما تقلق البرنامج سهل وشبيه لحد كبير جداً بالفوتوشوب وليسى بالمعقد
وكذلك خطواتنا بالبرنامج معدودة وسهلة وسيتم توضيحها كما سنشاهد بالشرح
نفتح برنامج الستراتور Adobe Illustrator
ننشى مشروع عمل جديد web Document كما بالشكل التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_f4473e3838.gif
بعد ذلك ستظهر لك نافذة تحديد مقاس وخيارات العمل أختر أي مقاس تريد فليسى الأمر بالمهك
أنا اخترت مقاس PX 500 + 300 وهذا جيد لمشروعنا لأننا لانريد من هنا سوى النص
طبعاً لك الحرية بكتابة النص الذي تريد وأنا سأطبق على أسم اخينا الحبيب HMAM
كما نوصي بأن يكون الخط عريض نسبياً وبحجم كبير وأنا اخترت الخط Arial Black
وكذلك لون الخط يمكنك تغييره لو تريد تغييره ولكن يفضل التطبيق على نفس اللون
الآن نختار أداة الكتابة Type Tool ستجد الأدوات تقريباً كما بالفوتوشوب مافي اختلاف
نقوم بكتابة الحرف الأول من النص الذي نريده كما ندقق هنا أنا أقول الحرف الأول فقط
والشكل التالي يوضح لنا الخطوات الواجب تنفيذها
http://www.abc4web.net/4upload/uploads/images/abc4web_a70758545e.gif
الآن وبعد كتابة الحرف الأول من النص وكما شاهدنا بالصورة السابقة سنقوم بكتابة الحرف الثاني
ولكن على طبقة ثانية وليسى على نفس الطرقة وللقيام بهذا نضغط على الخيار Layers
الموجود بالشريط المنسدل أسفل يمين البرنامج
لإظهار قائمة الطبقات ونضيف طبقة جديدة كما يوضح لنا الشكل المتحرك التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_f1ce7eed39.gif
بعد ذلك نقوم بإنشاء طبقة جديدة لكتابة الحرف الثاني من النص ولعمل ذلك نتبع التالي
الذي يوضحه لنا الشكل المتحرك التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_b67a5a23f8.gif
بعد إنشاء الطبقة نقوم بكتابة الحرف الثاني من النص المطلوب ننبه حرف واحد بكل طبقة
لسهولة التحكم بكل حرف على حدا دون الآخر للخروج بنتائج جيدة من التطبيق
http://www.abc4web.net/4upload/uploads/images/abc4web_5527e3ad1a.gif
بعد كتابة الحرفين الأول والثاني من النص كما تابعنا نكمل بقية كتابة الحروف المتبقية من النص
بنفس الطريقة الذي بدأنا بها ننشأ طبقة جديدة ونكتب الحرف التالي من النص المطلوب
حتى ننتهي من النص كامل كما يوضح لنا الشكل المتحرك التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_3f98eab7b7.gif
طبعاً ليسى بالمهم أن تتقيد بنفس النص الذي نطبق عليه الشرح ولكن مهما بلغ عدد الحرف
تكون نفس الطريقة لتنفيذ العمل إنشاء طبقة ثم كتابة حرف واحد بكل طبق على حدا
الآن وبعد الانتهاء من كتابة النص المطلوب سنقوم بتطبيق المؤثر المطلوب للنص
نضغط على الحرف الأول بالنص وهنا سيكون الحرف H عند الضغط
سيتم تحديد الحرف بمرب وكذلك تحديد طبقة الحرف بشكل تلقائي
الآن نختار الخيار الموضح لتطبيق الفلتر على النص Effect - 3D - Extrude & Bevel
http://www.abc4web.net/4upload/uploads/images/abc4web_608b62b47a.gif
بعد اختيار السابق ستظهر لنا نافذة خيارات الفلتر نقوم بضبط الإعدادات كما بالشكل التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_9f4c286b6b.gif
طبعاً أنت يمكنك التلاعب بإعدادات الفلتر كيف ماتشاء وتراه مناسب لنصك أكثر
فهذا يعود لحسب كل شخص ومآيراه مناسب لتطبيقه أكثر ولو نفس الإعدادات جيد
نتابع تطبيق نفس الفلتر بنفس الطريقة على بقيت الحروف ولكن بإعدادات مختلفة
مع كل حرف كما هي موضحة بالشكل التالي إعدادات كل حرف من النص المطلوب
http://www.abc4web.net/4upload/uploads/images/abc4web_5b7dabd221.gif
نتابع إعدادات بقيت الحروف كما هوى موضح مع كل حرف الحرف لن يظهر بنافذة الإعدادات
ولكن أنا أضعه لكم للمشاهدة للاطلاع على النتائج ليسى إلا
http://www.abc4web.net/4upload/uploads/images/abc4web_f00419ffb2.gif
http://www.abc4web.net/4upload/uploads/images/abc4web_393ed929bb.gif
بهذا الشكل أنى انتهيت من تطبيق الفلتر على النص الذي اشرح عليه التطبيق
يمكنك إكمال الفلتر مع بقيت الحروف فيما لو كان نصك أطول من نص الشرح مهما بلغ
الآن من المفترض أن تكون قد حصلت على شكل مقارب للشكل التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_33f92be877.gif
بهذا الشكل نكون قد انتهينا من برنامج ألستراتور بقي لنا أن نصدر العمل ملف PSD
لنكمل ببرنامج الفوتوشوب وللتصدير نقوم بالذهاب للخيار التالي File - Export
نختار التصدير بصيغة Photoshop PSD بعدها تظهر لنا نافذة خيارات التصدير
نضبط إعدادات التصدير كما بالشكل التالي
http://www.abc4web.net/4upload/uploads/images/abc4web_930252ad6b.gif
كما يفضل أن تحفظ الملف بصيغة البرنامج AI للرجوع إليه بحال حدوث أي خلل
من أراد الأكتفاء ببرنامج Illustrator فيمكنه ذلك وسيحصل على النتيجة السابق للتصميم
أما من أراد الاجتهاد والابداع أكثر بالتطبيق ليتميز فيتبعنا للمرحلة الثانية من الشرح (http://www.abc4web.net/vb/showthread.php?t=2886)
المرحلة الثانية ستكون ببرنامج - Adobe Photoshop
.