المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تصميم نص ثلاثي الأبعاد 3D Text Effect


abohmam
13-12-2011, 11:50 PM
بسم الله الرحمن الرحيم

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

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

:PS:

تصميم نص ثلاثي الأبعاد 3D Text Effect

حياكم الله جميعا

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

سيتم تقسيم الشرح الى جزئين

الأول : تصميم الخلفية
الثاني : النص ثلاثي الأبعاد

تصميم خلفية رائعة من خلال باترن مميز وتأثير رائع

نفتح عمل جديد فى الفوتوشوب بمقاس 800*400 ونملئه بهذا اللون 232323#

1- يتم تحميل هذه الصورة ونقوم بتحويلها الى باترن

http://www.abc4web.net/upload/images2/nfqcnhyd7tyfykn.png

2- نقوم بتحويل الصورة إلى باترين من خلال هذه الخطوات

http://www.abc4web.net/upload/images2/twemxvvryu3fr6r.jpg (http://www.abc4web.net/upload/)

3- نقوم بتطبيق هذه التأثيرات ( إضافة ظل حول الحواف + إضافة الباترين بنسبة 25% )

Blending Options

http://www.abc4web.net/upload/images2/clybtqg3wgwvmi8.jpg (http://www.abc4web.net/upload/)

4- الآن نضيف تأثير رائع على الخلفية والذى سيظهر لنا إضاءة خلف النص وذلك بإضافة طبقة جديدة فوق الخلفية وإختيار اللون الأبيض ثم اداة الفرشاة الناعمة Soft Round Brush بحجم 400 بيكسل وفى منتصف الخلفية نقرة واحدة ومن اعدادات الطبقة نجعل نسبة الظهور opacity option إلى 50%

أيضا طريقة ظهور اللير blending mode إلى Color Dodge

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

http://www.abc4web.net/upload/images2/cszrxw71onf7do5.jpg (http://www.abc4web.net/upload/)

والآن نبدا جزء النص ثلاثي الأبعاد وهو سهل جدا إن شاء الله لأننا سنعمل على طبقتين بتأثيرات مختلفة

5- نكتب النص المراد التطبيق عليه وانا إخترت خط Arial Black Italic بحجم 115 بيكسل المتوفر لدى الجميع

http://www.abc4web.net/upload/images2/pxa5ugbhfjei1ly.jpg (http://www.abc4web.net/upload/)

نقوم بتكرار الطبقة وسوف نتحدث عن الطبقة السًفلى والطبقة العُليا

أولا تأثيرات الطبقة التى بالأعلى

Blending Options

http://www.abc4web.net/upload/images2/x3veladiwtrjksr.jpg (http://www.abc4web.net/upload/)

والنتيجة ستكون هكذا

http://www.abc4web.net/upload/images2/fjlarn0yacecmrm.jpg (http://www.abc4web.net/upload/)

تأثيرات الطبقة التى بالأسفل

Blending Options

http://www.abc4web.net/upload/images2/fallxmgeo7eydfl.jpg (http://www.abc4web.net/upload/)

والنتيجة ستكون هكذا

http://www.abc4web.net/upload/images2/st5akvj3eart3iq.jpg (http://www.abc4web.net/upload/)

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

http://www.abc4web.net/upload/images2/2dyqtwljm4mayfv.jpg (http://www.abc4web.net/upload/)

فى إنتظار التطبيقات الرائعة منكم

ولمن يريد تحميل الملف مفتوح من المرفقات ان شاء الله

:morfqat:

أتمنى لكم جميعا الفائدة من هذه المشاركة

ولاتنسونا من صالح دعائكم

:fasel6:
أبوهمام
.

جروح بارده
14-12-2011, 05:22 PM
شكــــــــــــــرا لك

أبو يوسف
14-12-2011, 05:46 PM
جزاك الله خيرا اخي ابو همام على الدرس والشرح الرائع

http://dc05.arabsh.com/i/03639/q1mje8uma8tw.jpg

أبو صخر
14-12-2011, 08:14 PM
http://forum.nooor.com/imgcache/115750.imgcache.gif

أبو الوليد
14-12-2011, 09:34 PM
درس ماتع جزاك الباري خيرا أخي أبا همام :abc_022:

http://www.abc4web.net/upload/images2/ut96m1agd6cu3ao.jpg (http://www.abc4web.net/upload/)

abohmam
14-12-2011, 09:59 PM
ماشاء الله تطبيق رائع أخى ابايوسف

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

والتقيم 10/09

حمدا لله على سلامتك أخى ابا الوليد ونور القسم من جديد
التطبيق رائع ماشاء الله والخط جميل جدا تسلم الأيادي

والتقيم 10/10

HAMAM
15-12-2011, 06:18 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

abohmam
24-12-2011, 03:53 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

وفيك بارك الله محترفنا الناشئ

اين التطبيق ؟:abc_070:

محمد العانيني
09-04-2012, 10:20 PM
السلام عليكم ورحمة الله

بارك الله فيك على الدرس الرائع

وهذا تطبيقي للدرس
http://www.abc4web.net/vb/attachment.php?attachmentid=1927&stc=1&d=1334002778

abohmam
10-04-2012, 09:55 PM
حياك الله أخانا محمد

تطبيق رائع ماشاء الله :abc_022:

إستمر ياطيب فى باقى التطبيقات إلى الأمام

مشعل بن راشد
03-09-2012, 03:56 PM
شكرا يعطيك الصحه

الهمام
05-09-2012, 10:04 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

ادريس بلحاج
27-09-2012, 11:28 AM
جزاك الله خيرا اخي ابو همام على الدرس والشرح الرائع

علاء أبو فايز
30-09-2012, 05:00 PM
بسم الله الرحمن الرحيم شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

abohmam
17-02-2013, 09:21 PM
جزاكم الله خيرا إخوانى جميعا

أشكر لكم هذا المرور العطر والتواصل الجاد

أين التطبيقات يامحترفين؟

بالتوفيق ان شاء الله

أرض الرافدين
17-02-2013, 11:39 PM
بارك الله فيك

ومشكور لك


http://im31.gulfup.com/BaQLX.jpg (http://www.gulfup.com/?RAS0IQ)
تحميل صور (http://www.gulfup.com/)