علومي
Would you like to react to this message? Create an account in a few clicks or log in to continue.

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول

Go down

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Empty احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول

Post by discovery Thu May 10, 2012 5:07 am


بســـ الله الرحمن الرحيم ــــم

الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

السلام عليكم ورحمة الله وبركاته


بكل الحب والخير أسعد الله جميع أوقاتكم وأهلاُ بكم

اليوم ننتقل وإياكم بإذن الله لشرح جديد وتطبيق من الأنواع الاحترافية

احترف تصميم النص ثلاثي الابعاد باستخدام Illustrator - Photoshop

وقبل كل شيء انظر التطبيق فإذا أعجبك تابع معنا هذا الشرح

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_0252c1225e

شرحنا سيكون على برنامجين التصميم للشركة العملاقة Adope

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_44060f64a3

طبعاً سنقسم الشرح على مرحلتين كل مرحلة ببرنامج معين وسنحاول التسهيل

بالشرح قدر المستطاع ليتثنى لجميع الأخوة والأخوات التطبيق على الشرح بإذن الله

المرحلة الأولى ستكون ببرنامج - Adobe Illustrator

المرحلة الثانية ستكون ببرنامج - Adobe Photoshop

نتوكل على الله سبحانه ونبدأ الشرح بالمرحلة الأولى كما ذكرنا ببرنامج أدوبي الستراتور

مع التنويه لأنه سيتم شرح كل مرحلة بالقسم المخصص للبرنامج

المرحلة الأولى ستكون ببرنامج - Adobe Illustrator

لكتابة النص وتجهيزه كما نريده ان يكون لننتقل به للفوتوشوب بالمرحلة الثانية للمتابعة

قد يتسائل بعض الأخوة الأعضاء أو يقول أنا لم أعمل على هذا البرنامج من قبل

نقول ما تقلق البرنامج سهل وشبيه لحد كبير جداً بالفوتوشوب وليسى بالمعقد

وكذلك خطواتنا بالبرنامج معدودة وسهلة وسيتم توضيحها كما سنشاهد بالشرح

نفتح برنامج الستراتور Adobe Illustrator

ننشى مشروع عمل جديد web Document كما بالشكل التالي

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_f4473e3838

بعد ذلك ستظهر لك نافذة تحديد مقاس وخيارات العمل أختر أي مقاس تريد فليسى الأمر بالمهك

أنا اخترت مقاس PX 500 + 300 وهذا جيد لمشروعنا لأننا لانريد من هنا سوى النص

طبعاً لك الحرية بكتابة النص الذي تريد وأنا سأطبق على أسم اخينا الحبيب HMAM

كما نوصي بأن يكون الخط عريض نسبياً وبحجم كبير وأنا اخترت الخط Arial Black

وكذلك لون الخط يمكنك تغييره لو تريد تغييره ولكن يفضل التطبيق على نفس اللون

الآن نختار أداة الكتابة Type Tool ستجد الأدوات تقريباً كما بالفوتوشوب مافي اختلاف

نقوم بكتابة الحرف الأول من النص الذي نريده كما ندقق هنا أنا أقول الحرف الأول فقط

والشكل التالي يوضح لنا الخطوات الواجب تنفيذها

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_a70758545e

الآن وبعد كتابة الحرف الأول من النص وكما شاهدنا بالصورة السابقة سنقوم بكتابة الحرف الثاني

ولكن على طبقة ثانية وليسى على نفس الطرقة وللقيام بهذا نضغط على الخيار Layers

الموجود بالشريط المنسدل أسفل يمين البرنامج

لإظهار قائمة الطبقات ونضيف طبقة جديدة كما يوضح لنا الشكل المتحرك التالي

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_f1ce7eed39

بعد ذلك نقوم بإنشاء طبقة جديدة لكتابة الحرف الثاني من النص ولعمل ذلك نتبع التالي

الذي يوضحه لنا الشكل المتحرك التالي

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_b67a5a23f8

بعد إنشاء الطبقة نقوم بكتابة الحرف الثاني من النص المطلوب ننبه حرف واحد بكل طبقة

لسهولة التحكم بكل حرف على حدا دون الآخر للخروج بنتائج جيدة من التطبيق

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_5527e3ad1a

بعد كتابة الحرفين الأول والثاني من النص كما تابعنا نكمل بقية كتابة الحروف المتبقية من النص

بنفس الطريقة الذي بدأنا بها ننشأ طبقة جديدة ونكتب الحرف التالي من النص المطلوب

حتى ننتهي من النص كامل كما يوضح لنا الشكل المتحرك التالي

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_3f98eab7b7

طبعاً ليسى بالمهم أن تتقيد بنفس النص الذي نطبق عليه الشرح ولكن مهما بلغ عدد الحرف

تكون نفس الطريقة لتنفيذ العمل إنشاء طبقة ثم كتابة حرف واحد بكل طبق على حدا

الآن وبعد الانتهاء من كتابة النص المطلوب سنقوم بتطبيق المؤثر المطلوب للنص

نضغط على الحرف الأول بالنص وهنا سيكون الحرف H عند الضغط

سيتم تحديد الحرف بمرب وكذلك تحديد طبقة الحرف بشكل تلقائي

الآن نختار الخيار الموضح لتطبيق الفلتر على النص Effect - 3D - Extrude & Bevel

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_608b62b47a

بعد اختيار السابق ستظهر لنا نافذة خيارات الفلتر نقوم بضبط الإعدادات كما بالشكل التالي

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_9f4c286b6b

طبعاً أنت يمكنك التلاعب بإعدادات الفلتر كيف ماتشاء وتراه مناسب لنصك أكثر

فهذا يعود لحسب كل شخص ومآيراه مناسب لتطبيقه أكثر ولو نفس الإعدادات جيد

نتابع تطبيق نفس الفلتر بنفس الطريقة على بقيت الحروف ولكن بإعدادات مختلفة

مع كل حرف كما هي موضحة بالشكل التالي إعدادات كل حرف من النص المطلوب

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_5b7dabd221

نتابع إعدادات بقيت الحروف كما هوى موضح مع كل حرف الحرف لن يظهر بنافذة الإعدادات

ولكن أنا أضعه لكم للمشاهدة للاطلاع على النتائج ليسى إلا

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_f00419ffb2

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_393ed929bb

بهذا الشكل أنى انتهيت من تطبيق الفلتر على النص الذي اشرح عليه التطبيق

يمكنك إكمال الفلتر مع بقيت الحروف فيما لو كان نصك أطول من نص الشرح مهما بلغ

الآن من المفترض أن تكون قد حصلت على شكل مقارب للشكل التالي

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_33f92be877

بهذا الشكل نكون قد انتهينا من برنامج ألستراتور بقي لنا أن نصدر العمل ملف PSD

لنكمل ببرنامج الفوتوشوب وللتصدير نقوم بالذهاب للخيار التالي File - Export

نختار التصدير بصيغة Photoshop PSD بعدها تظهر لنا نافذة خيارات التصدير

نضبط إعدادات التصدير كما بالشكل التالي

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_930252ad6b

كما يفضل أن تحفظ الملف بصيغة البرنامج AI للرجوع إليه بحال حدوث أي خلل

من أراد الأكتفاء ببرنامج Illustrator فيمكنه ذلك وسيحصل على النتيجة السابق للتصميم

أما من أراد الاجتهاد والابداع أكثر بالتطبيق ليتميز فيتبعنا للمرحلة الثانية من الشرح

المرحلة الثانية ستكون ببرنامج - Adobe Photoshop

---

http://www.abc4web.net/vb/showthread.php?t=2887
discovery
discovery

الجنس : Male

عدد المساهمات : 1005
النقاط : 54012
التقييم : 12
تاريخ التسجيل : 2010-04-28

Back to top Go down

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Empty Re: احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول

Post by discovery Thu May 10, 2012 6:13 am



اليوم ننتقل وإياكم بإذن الله لشرح جديد وتطبيق من الأنواع الاحترافية

احترف تصميم النص ثلاثي الابعاد باستخدام Illustrator - Photoshop

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_44060f64a3

قبل البدء بهذا الموضوع يتوجب عليك مراجعة القسم الأول من الشرح

بقسم برنامج التصميم - Adobe Illustrator والذي تم استخدامه بالمرحلة الاولى من الشرح

انتقل للمرحلة الأولى من الشرح - Adobe Illustrator

بعد متابعة المرحلة الأولى من الشرح والتطبيق

تابع معنا التطبيق بالمرحلة الثانية من الشرح باستخدام برنامج Adobe Photoshop

كنا قد انتهينا بالمرحلة الأولى من الشرح بتصميم النص ببرنامج Adobe Illustrator

وكذلك تصديره لملف فوتوشوب PSD

نفتح برنامج الفوتوشوب ونتابع الشرح نقوم بفتح الملف الذي صدرناه من برنامج ألستراتور

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_d7b9a29411

كما ويمكنك نقل الطبقات لساحة عمل أكبر لتتحرك بحرية أكثر لأنك ستحصل على حجم النص فقط

وليسى كامل حجم المشروع الذي تم اختياره ببرنامج ألستراتور

الآن نذهب للحرف الأول من النص والممثل بالطبقة الأولى وهوى في نصي حرف H

نختار أداة التحديد الحبل التالية Polygonal Lasso Tool

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_f63f2f570c

ثم نقوم بتحديد واجهة الحرف بعناية ودقة فهوى المهم وهذه أهم خطوة بالشرح

فعليك التحديد بعناية ودقة فائقة للحصول على نتائج جيد في النهاية

كما انصح بكبير الحجم أثناء التحديد من خلال العدسة المكبرة لتحصل على تحديد دقيق

كما هوى موضح بالشكل المتحرك التالي للتوضيح بشكل أكبر

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_fcbcde2049

الآن نقوم بالضغط على الاختصار Ctrl + G لمضاعفة الجزء الذي تم تحديده قبل قليل
وكذلك نعيد تسمية الطبقة لأسم الحرف وأنا أسميتها H-1 كما يوضح لنا الشكل المتحرك التالي

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_682d1c3cb3

الآن وبعد الخطوة السابقة نقوم كذلك بإنشاء طبقة جديدة أخرى أعلى طبقة H-1 ونسميها H-2

كما يوضح لنا الشكل المتحرك التالي العملية بشكل أوضح

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_ebc515f026

الآن باستخدام أداة التحديد المربعة Rectangular Marquee Tool

نقوم بتحديد شكل مربع أو مستطيل فوق الحرف السابق مع التنويه لأننا نعمل على الطبقة H-2

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_9e4003327e

أملاً التحديد بأي لون فهذا غير مهم لأننا سنضيف له بعض المؤثرات في الخطوة القادمة

بعد إنشاء التحديد وتعبئته بأي لون وليكن الأبيض سنقوم بإضافة المؤثر عليه

طبعاً يمكنك إلغاء التحديد بعد التعبئة بالون من خلال الضغط على الاختصار Ctrl + D

الآن من خلال خيار المؤثرات نقوم بإضافة المؤثر Gradient Overlay

كما يوضح لنا الشكل التالي الإعدادات والقيم الذي سنستخدمها بالمؤثر

مع التنويه لأنه يمكنك التلاعب بالقيم وكذلك الألوان بالشكل الذي تراه مناسب لتصميمك أكثر

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_7a5096d653

الآن وبعد تطبيق المؤثرعلى الطبقة كما تابعنا وإياكم بالخطوة السابقة

نقوم بالضغط بيمين الماوس على الطبقة ونعمل لها ماسك Create Clipping Mask

كما يوضح لنا العملية الشكل المتحرك التالي

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_3f3c0d6bc5

بالنسبة لبقية الحروف سأضع لكم الإعدادات والألوان الذي استخدمتها مع كل حرف

أما أنت فيمكنك استعمال ألوان مختلفة وكذلك الإعدادات بحسب تطبيقك ولون النص الذي اخترته

ولكن نركز هنا في حال تغيير الألوان يعني نضع بالحسبان أن نختار ألوان تتماشى مع لون النص

لأن هذا الأمر مهم جداً لتناسق الشكل وإضفاء منظر جميل متناسق للتصميم

الآن نقوم بإنشاء طبقة جديدة كما سبق أعلى طبقة H-2 ونطلق عليها اسم H-3

بعد أنشاء الطبقة نختار أداة الرسم Line Tool لرسم خطوط أفقية في الطبقة H-3

نقوم برسم خطوط أفقية بمقدار PX 2 كما هي موضحة بالشكل التالي

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_e6b1d8e058

بعد القيام بما تم توضيحه بالخطوة السابقة نقوم بعمل ماسك للطبقة كما فعلنا مع الطبقة H-2

كذلك نجعل قيمة الاوبتكال Opacity %50 كما يوضح لنا الشكل المتحرك التالي

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_63ce9f4dc8

أعتقد الآن أصبحت الرؤية واضحة لديك سنكرر نفس الخطوات مع كل حرف من النص

مع التنبيهات لأنه يمكنك التلاعب بالألوان مع كل حرف كذلك رسم ماتريد من أشكال

بدل الخط الذي رسمته أنا كذلك تصميم خلفية للنص أو خلفية جاهزة بحسب متريد

وهذه الأمور لجماليات التطبيق أكثر ادعها لكم لتبدعوا بها بحسب كل شخص وذوقه في التصميم

وكما سبق وذكرت لكم فهذه صورة متحركة تبين لكم الألوان والإعدادات الذي استخدمتها

أنا في تصميمي مع كل حرف من حروف النص الذي تم تطبيق الشرح عليه

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_e6c7858f49

وفي الختام هذا الشكل النهائي لتطبيقي بعد إضافة بعض الجماليات كما سبق وذكرنا لكم من قبل

احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Wol_errorهذه الصورة مصغره .. نقره على هذا الشريط لعرض الصوره بالمقاس الحقيقي.
احترف تصميم نص ثلاثي الابعاد باستخدام Illustrator - Photoshop الجزء الأول Abc4web_0252c1225e

في النهاية لم يعد بوسعي سوى ان اشكركم على حسن المتابعة

واتمنى بأن أكون قد وفقت بما قدمت لكم وإلا أن ألقاكم مرة أخرى

لكم مني خالص الشكر والتقدير




discovery
discovery

الجنس : Male

عدد المساهمات : 1005
النقاط : 54012
التقييم : 12
تاريخ التسجيل : 2010-04-28

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum