عمل نص ثلاثي الأبعاد مزخرف [ سلسلة ابداع _ مترجم ]

[S E N I O R]

http://www.mexat.com/vb/attachment.php?attachmentid=1266323&d=1284953426



مرحباً بجميع أعضاء مكسات الكرام وبأعضاء قسم التصميم ^_^
ومرحباً بجميع الزوار الكرام ^^
الى درس جديد من دروس
سلسلة الدروس الأجنبية خاصة [سلسلة ابداع] (http://www.mexat.com/vb/showthread.php?t=785539)



http://www.mexat.com/vb/attachment.php?attachmentid=1266325&d=1284953482
إسم الدرس : إضافة تأثير الذوبان على الصورة
فكرة الدرس : Siva Kumar
مترجم الرس : ahmed_nyd
مدة تطبيق الدرس : 30 دقيقة

نتيجة الدرس : هنا (http://photoshoptutorials.ws/images/stories/Floral3DTextEffect_10FA/Finial.jpg)
تطبيقي للدرس : هنا (http://www.mexat.com/vb/attachment.php?attachmentid=1320811&d=1291927682)

الرابط الأصلي للدرس (http://photoshoptutorials.ws/photoshop-tutorials/text-effects/floral-3d-text-effect/Page-1.html)
http://www.mexat.com/vb/attachment.php?attachmentid=1279413&stc=1&d=1286435285


1_ في هذا الدرس سنستعمل برنامج illustrator لعمل النص ثلاثي الابعاد ثم ننتقل الى الفوتوشوب لعمل التأثيرات والزخرفة ,, يمكنكم استخدام اي برنامج لعمل النص وان لم يكن لديكم اي معرفة عن كيفية ذلك فلا تقلقلوا حيث اننا سنتعمل كيف في هذا الدرس ان شاء الله ;)
2_ هذا الدرس هو احد دروس سلسلة ابداع وجميع دروس السلسة مطبقُ عليها نظام التطبيق الاجباري .. حيث يمنع اضافة ردود الحجز والشكر .. يسمح بوضع ردود التطبيقات والاستفسارات ,, فيرجى منكم التقدي بالقوانين ^_^
3_ قد تلاحظون اختلاف في تطبيقي وتطبيق صاحب الدرس .. سبب هذا هو ان صاحب الدرس لم يذكر نوع الخط الذي استعمله لذلك يوجد اختلاف في شكل التطبيق .. انتم لكم حرية اختيار نوع الخط الذي يعجبكم ::جيد:: .. اما بالنسبة للسبب الثاني فساشرحه في نهاية الدرس بعد ان تكونوا قد اطلعتم على خطوات الدرس ::جيد::.



يتبع في الرد القادم ... يرجى عدم الرد ^^

[S E N I O R]

1_ نفتح برنامج Illustrator ونقوم بفتح عمل جديد
File > New
او بالضغط على Ctrl + N


http://www.mexat.com/vb/attachment.php?attachmentid=1320784&d=1291926989



2_نقوم بكتابة اي نص نريده ونختار خط يفضل يكون واضح وعريض يعني ليس مائل او بيكسل انا اخترت خط (Raavi) ،،، حجم الخط 234 ،،، ونختار هذا اللون (9F9F9F)


http://www.mexat.com/vb/attachment.php?attachmentid=1320785&d=1291926989



3_ الان من القائمة Effect نختار التأثير Extrude & Bevel (طبعاً هذه القائمة موجودة في الزاوية اليمنى فوق مثل اي قائمة في الفوتوشوب)


http://www.mexat.com/vb/attachment.php?attachmentid=1320786&d=1291926989



4_ ستظهر لنا القائمة الموضحة في الصورة ادناه . نختار الاعدادت الظاهرة في الصورة او يمكنكم ان تجربوا اعدادات خاصة بكم ::جيد::


http://www.mexat.com/vb/attachment.php?attachmentid=1320787&d=1291926989



5_هذه هي النتيجة الى الان


http://www.mexat.com/vb/attachment.php?attachmentid=1320788&d=1291926989


يتبع في الرد القادم ... يرجى عدم الرد ^^

[S E N I O R]

6_ الان سنقوم بنقل النص الثلاثي الابعاد الى الفوتوشوب ويمكن عمل هذا بعدة طريق :
~ نقوم بسحب النص من برنامج illustrator الى الفوتوشوب بواسطة الماوس (Mouse _الفأرة) كاننا نحركه .
~ نقوم بحفظ العمل في برنامج illustrator ثم نقوم بفتحه في الفوتوشوب .
~ بعد الانتهاء من عمل النص نضغط على لوحة المفاتيح Ctrl + C ثم نذهب الى الفوتوشوب ونضغط Crtl + V .


يمكنكم اتباع اي طريقة من هذه الطرق . انا اتبعت الطريقة الاولى ,, نكمل
الان بعد ان قمنا بنقل النص الى برنامج الفوتوشوب سيكون على شكل Smart Object ولتحويله الى لير عادي نتبع الخطوات في الصورة ادناه



http://www.mexat.com/vb/attachment.php?attachmentid=1320799&d=1291927374


7_ الان بعد ان قمنا بتحويل النص الى لير عادي نطبق التأثيرات التالية :
~ Image > Adjustement > Hue/Saturation ونضع الاعدادات التالية
http://www.mexat.com/vb/attachment.php?attachmentid=1320800&d=1291927374
~ Image > Adjustement > Levels ونضع الاعدادات التالية
http://www.mexat.com/vb/attachment.php?attachmentid=1320801&d=1291927374
~ Image Adjustement > Hue/Saturation وبنفس الاعدادات في المرة الاولى
http://www.mexat.com/vb/attachment.php?attachmentid=1320800&d=1291927374


وهذه هي النتيجة الى الان


http://www.mexat.com/vb/attachment.php?attachmentid=1320802&d=1291927374


8_ نطبق Filter > Texture > Craquelue وبهذه الاعدادات (يمكنكم اضافة باترن او فلتر مختلف ليس بالضروري استخدام هذا الفلتر ,, ضعوا التأثير المناسب مع فكرة النص الذي تريدون عمله ::جيد::)
http://www.mexat.com/vb/attachment.php?attachmentid=1320803&d=1291927374
9_ الان باستخدام اداة Magic Wand Tool نقوم بعمل تحديد كما في الصورة الموضحة ادناه ( حاولوا الضغط على المناطق الفاتحة وليس الغامقة للحصول على تحديد مشابه للذي في الصورة )
http://www.mexat.com/vb/attachment.php?attachmentid=1320805&d=1291927565
10_ بعد عمل التحديد في الخطوة السابقة نقوم بملئ التحديد باللون الابيض


يتبع في الرد القادم ... يرجى عدم الرد ^^

[S E N I O R]

11_ الان نقوم بضغط CTRL + Click على لير النص لتحديده بالكامل
http://www.mexat.com/vb/attachment.php?attachmentid=1320806&d=1291927565


12_ بعد ان قمنا بعمل التحديد نقوم بعمل لير جديد تحت لير النص ونملئه باللون الاسود ,, ثم نطبق
Filter > Blur > Gaussian Blur ونختار قيمة 5 Piexle
http://www.mexat.com/vb/attachment.php?attachmentid=1320807&d=1291927565
13_ نختار اداة الـ Smudge Tool ونختار الاعدادات التالية
http://www.mexat.com/vb/attachment.php?attachmentid=1320808&d=1291927565


14_ الان نقوم بالمسح فوق الظل الذي قمنا بعمله في الخطوة (12) من فوق واسفل بحيث يصبح الظل في منتصف النص فقط كما في الصورة الموضحة ادناه
http://www.mexat.com/vb/attachment.php?attachmentid=1320809&d=1291927565
15_ الى هنا يكون الشرح قد انتهى ولكن بالطبع لن نترك النص بهذا الشكل ,, كل ما تبقى عليكم هو اضافة الوان الى التصميم كما يمكنكم اضافة زخرفة معينة مع النص كما في التطبيق الاصلي للدرس .. الامر بسيط ويعتمد على المصمم نفسه واختياره للزخارف التي يريدها ..هنا لكم الحرية في اظهار ابداعكم الخاص ::جيد::


وهذه هي النتيجة التي وصلت اليها انا بعد التلوين هنا (http://www.mexat.com/vb/attachment.php?attachmentid=1320811&d=1291927682)

~ طبعاً النتيجة التي خرجت انا بها تختلف عن النتيجة الاصلية للدرس ولكن ليس لان التطبيق غير صحيح ولكن بسبب ,, زاوية النظر فاذا لاحظتم معي انه في تطبيقي يبدو وكاننا نظر الى النص من اعلى اما في التطبيق الاصلي من الدرس يبدو النص وكاننا ننظر اليه من الجانب اكثر من من الاعلى تقريباً

~ طبعاً حل هذه المشكلة يعتمد على الخطوة رقم (4) في الدرس ,, فعند تحريك المربع الظاهر في قائمة الاعدادات تتغير زاوية النظر يمكنكم تجربة الامر عدة مرات لفهم الامر بشكل كامل ,, ايضاً قيمة الـ Extrude Depth حاولو ان تجعلوها اكثر من 30 لكي يكون التأثير على النص واضح بشكل جيد ::جيد:: ...


يتبع في الرد القادم ... يرجى عدم الرد ^^

[S E N I O R]

وبهذا نكون قد إنتهينا من الدرس ^_^
أتمنى ان الدرس قد حاز على إعجابكم وأنه قد اضاف معلومة جديدة تستفيدون منها في المسقبل إن شاء الله ::جيد::
~ أي إستفسار أو خطوة غير مفهومة أنا جاهز ان شاء الله لا تترددوا بالسؤال ;)

الى لقاء أخر مع درس أخر أترككم في حفظ المولى عز وجل ^^

http://www.mexat.com/vb/attachment.php?attachmentid=1266324&d=1284953482

[Demon-Dante]

مشكور على الدرس الرائع

[HONEY SOUL]

السلام عليكم ..
كيف الحال أخ أحمد ؟؟.
عساك بخير ..

الدرس بالفعل راائع وبسيييط .. لم أتوقع هذه الخطوات البسيطة ::سعادة::
قرأت الموضوع قراءة خاطفة أول الأمر.. وعندما وقعت عيني على برنامج الالستريتر ..
توقفت وفتحت البرنامجين وبدأت في التطبيق :D...

ولكن قد ترى في تطبيقي بعض الاختلاف .. كما ذكرت أنت بحسب الخطوط ^^:
لدي بعض الملاحظات إذا سمحت ..

بالنسبة للخطوة رقم 6 أظن أننا نستطيع التغاضي عنها عندما نحفظ العمل في برنامج الالستريتر بصيغة png-24 لأنه سيكون ليراً عادياً :)

وسؤال .
لمَ لمْ تستخدم المليميتر بدل البكسلز في إنشاء عمل جديد في الالستريتر ؟؟

هذا ما لدي..
أشكرك ثانية على تقديم هذا الدرس .. وعلى اختياره ..
بالتوفيق^^

[S E N I O R]

السلام عليكم ..
كيف الحال أخ أحمد ؟؟.
عساك بخير ..



وعليكم السلام ورحمة الله وبركاته
اهلاً اختي هوني . انا الحمد لله بخير وان شاء الله تكونين كذلك ^_^



الدرس بالفعل راائع وبسيييط .. لم أتوقع هذه الخطوات البسيطة ::سعادة::
قرأت الموضوع قراءة خاطفة أول الأمر.. وعندما وقعت عيني على برنامج الالستريتر ..
توقفت وفتحت البرنامجين وبدأت في التطبيق :D...


بالفعل فالدرس ليس بالصعب ولكن نتيجته جميلة جداً وفيها معلومات جديدة :رامبو:
تطبيق ممتاز 10 \ 10 .. اهم شيء انك تكوني استفدتي من المعلومات في الدرس ::جيد::



لدي بعض الملاحظات إذا سمحت ..


تفضلي ^_^



بالنسبة للخطوة رقم 6 أظن أننا نستطيع التغاضي عنها عندما نحفظ العمل في برنامج الالستريتر بصيغة png-24 لأنه سيكون ليراً عادياً :)



شكراً جزيلاً لك على المعلومة المفيدة ::سعادة::... انا جربت اني احفظ العمل بصيغة PNG ولكن png-8 وعندما فتحته في الفوتو كانت على صيغة Index وكان يجب تحويلها ايضاً ...
لم انتبه على صيغة png-24 :ميت:
شكراً لك على التنبيه . ما شاء الله انت طالبة مجتهدة :D



وسؤال .
لمَ لمْ تستخدم المليميتر بدل البكسلز في إنشاء عمل جديد في الالستريتر ؟؟



لاني عندما اعمل على الفوتو استخدم قياس البيكسل فلكي لا اضطر الى تكبير او تصغير الكلمة عند نقلها الى الفوتو استخدمت البيسكل لكي يكون العمل بنفس الحجم في البرنامجين ^_^ .



أشكرك ثانية على تقديم هذا الدرس .. وعلى اختياره ..
بالتوفيق^^



العفو . هذا واجبنا ^^
شكراً لك على المرور والتطبيق والحمد لله ان الدرس اعجبك وان شاء الله تكوني قد استفدت منه .
بالتوفيق ودمتم في حفظ المولى عز وجل ^^

[HONEY SOUL]

أنا الحمد لله ..



تطبيق ممتاز 10 \ 10 .. اهم شيء انك تكوني استفدتي من المعلومات في الدرس


::سعادة:: .. إي والله استفدت ولله الحمد .



شكراً لك على التنبيه . ما شاء الله انت طالبة مجتهدة :d




الدنيا أخذ وعطاء .. أخذتُ أنا شي ولازم أعطي ^^
الاجتهاد في الالستريتر حلمي :سعادة2:



لاني عندما اعمل على الفوتو استخدم قياس البيكسل فلكي لا اضطر الى تكبير او تصغير الكلمة عند نقلها الى الفوتو استخدمت البيسكل لكي يكون العمل بنفس الحجم في البرنامجين ^_^


نقطة لم أنتبه لها ^_^

مشكوور .. بالتوفيق^^

[JoHe]

~..و عليكـ،،،ــــم السـ،،،ــــلام و رحمـ،،،ــــة الله و بركاتـ،،،ــــه..~

درس نتيجته رائعه
هل هناك اي مشكله ف استبدال برنامج illustrator ببرنامج Xara3D6؟
و شكرا ع الدرس
بانتظار الرد

~..في امـ،،،ـــان الله..~

[S E N I O R]

~..و عليكـ،،،ــــم السـ،،،ــــلام و رحمـ،،،ــــة الله و بركاتـ،،،ــــه..~


درس نتيجته رائعه
هل هناك اي مشكله ف استبدال برنامج illustrator ببرنامج xara3d6؟
و شكرا ع الدرس
بانتظار الرد


~..في امـ،،،ـــان الله..~



اهلاً اختي جوهي
العفو ^_^
لا يوجد مشكلة ابداً يمكنك استخدام اي برنامج تريدين لعمل النص ::جيد::

[JoHe]

~..بـ،،،ـــاكـ مع التطبيـ،،،ـــق..~

استخدمة ف الكتابه برنامج Xara3D6 بدل من برنامج illustrator
تطبيقي للاسف ليس رائعًـا =(

تطبيقـ،،،ـــي..~
http://img703.imageshack.us/img703/9767/l5234.jpg
تطبيـ،،،ـــق بشكـ،،،ـــل مختلـ،،،ـــف..~
http://img703.imageshack.us/img703/699/l8695.jpg
مـ،،،ـــع المحـ،،،ـــاولات..~
http://img703.imageshack.us/img703/7783/l8452.jpg
شكرا ع الدرس

~..في امـ،،،ـــان الله...~

[ure flower]

برب مع التطبيق

[hbhb10]

:d:d:d

هذا تطبيقي

http://www.mexat.com/vb/attachment.php?attachmentid=1485723&stc=1&d=1310814560

؟/10 :d

[Seselia]

اهلا سينيور ::سعادة::
كيفك ان شاء الله تمام ;) ؟
درس رائع و سهل و نتيجته حلللوة :eek:

هادا تطبيقي مع بعض الاضافات و التعديلات ^^

:رامبو:

http://www.m5zn.com/uploads/2011/7/20/photo/072011170716k9rp8unh1jz.jpg

رايك ::سعادة:: ؟

[Hipuri]

السسلآم عليكم :أوو:

كيف حآلك :لقافة:

درس سهل وممتع وحبيت آطبق مليون درس :لعق:

التطبيق مو مره :صمت:
المهم آني آستفدت + آخيرآ حملت برنآمج 3d :ضحكة:

تطبيقي البسيط :أوو:

http://www.mexat.com/vb/attachment.php?attachmentid=1490376&d=1311338409

http://www.mexat.com/vb/attachment.php?attachmentid=1490377&d=1311338409


آجمل وآطيب تحية :أوو: لآهنت ~

[ZOoORk]

مشكور اخي على الدرس روعة::جيد:::cool:

[ṦιŁṽιά]

السلام عليكم..

درس جميل جدا وسهل ..:سعادة2:

استفدت منو كتيير..:سعادة2:

تطبيقي عجبني مررة بس حسيت الابعاد مهي زي ما كنت ابغاها:نوم:
يمكن لو كبرت التصميم وصغرت الكلمة كان نفعت..:موسوس.!

http://www.mexat.com/vb/attachment.php?attachmentid=1493659&stc=1&d=1311688177

على العموم رايك..:سعادة2:

تقبل مروري..
تحياتي..