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

مشاهدة النسخة كاملة : تأثير فيستا الرائع على النص abc4web Vista Styled Text

abohmam
23-04-2011, 08:04 PM
بسم الله الرحمن الرحيم

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

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

تأثير فيستا الرائع على النص abc4web Vista Styled Text

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

:psd: :style:

نعود وإياكم مع درس خفيف ورائع لتأثيرات النصوص وهو تأثير فيستا الشفاف الرائع

هذا هو العمل النهائي للشرح

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

ولكن انا اعرف انكم ستحصلون على تأثيرات إضافية والوان مُغرية

نبدا إن شاء الله الدرس بداية من تلوين الخلفية لمن يريد
ومن يريد تحميل خلفية جاهزة فهاهي خلفية فيستا الرائعة يقطع منها مايريد :abc_022:

:download1: (http://newsuff.com/image%20fo/gallery/gal2/Windows-Vista-Aurora-Wallpaper.jpg)
:download1: (http://www.kavikmedia.com/images/Vista_background.jpg)

1- نفتح عمل جديد بمقاس متوسط حسب الإستخدام ولنفترض 600*400 بيكسل ونقوم بملئه بتدريج radial بهذه الألوان 23849e و 03675b

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

2- نضيف طبقة جديدة ونقوم بملئ الطبقة بأداة التدريج radial بهذا اللون 023d3f مع لون شفاف

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

3- والأن نقوم بكتابة النص الذي نريد بهذا اللون 023d3f

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

4- أخيرا نقوم بإضافة هذه التأثيرات كاإستايل على النص وسوف يكون الشرح مقصور على الصور بدون تعليقات ( طابق التاثيرات والنسب الموجودة )

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

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

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

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

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

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

وسوف نحصل على النص بهذا التأثير

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

5- نقوم بتحديد طبقة النص وذلك ( بالضغط على العين التى بجوار الطبقة + مفتاح Ctrl ) من لوحة المفاتيح

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

6- نترك التحديد نشيطا ونختار كما بالصور التحديد الجزئي لقطع جزء من التحديد لإضافة اللمعة ( شاهد الصورة )
وكذلك يمكن الضغط على مفتاح Alt وتحديد النصف السفلي للطبقة ليتم إزالة التحديد )

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

7- والتحديد الذى حصلنا عليه نشيطا نضيف طبقة جديدة ثم نقوم بملئ هذه الطبقة بتدريج المسطرة linear باللون الأبيض مع الشفافية
ونختار وضوح الطبقة opacity to 75% وتأثير الطبقة Overlay

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

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

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

تستطيع إضافة لمساتك الخاصة وتغير الألوان كما سنرى منك جميعا إن شاء الله

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

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

:fasel6:
أبوهمام
.
abohmam
23-04-2011, 08:05 PM
هذه المساحة محجوزة لعرض تطبيقات الأعضاء المميزة

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

تم إضافة 6 ألوان إضافية للتأثير

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

width=585 height=270
أبو الوليد
23-04-2011, 10:38 PM
بوركت أخي أبا همام ، درس ماتع ومرتّب :abc_152: تطبيقي المتواضع

http://www.abc4web.net/uploaded/8833_01303587372.png (http://www.abc4web.net/vb)
abohmam
23-04-2011, 10:54 PM
ماشاء الله أخى أبا الوليد تطبيق رائع ماشاء الله

أنا إنتهيت من 7 ألوان ونحتاج نكمل الـ 12 لونا حتى نعرضهم فى قسم التصاميم الخاصة :abc_022:

سوف اعرض الذى إنتهيت منه ان شاء الله
أبو يوسف
24-04-2011, 01:40 AM
جزاك الله خيرا خي ابو همام

سأحاول التطبيق لاحقا لأن الدرس كما يبدو سهل

.
abohmam
24-04-2011, 05:58 PM
جزاك الله خيرا خي ابو همام

سأحاول التطبيق لاحقا لأن الدرس كما يبدو سهل

.

بارك الله فيك أخى ابا يوسف

فعلا الدرس سهل جدا لكن به بعض المهارات التى تضيف على النص جمالا
وعليك بالبدء فى التطبيق والإنتقال من نفس التطبيق لتأثيرات أخرى .....

تم إضافة 6 الوان إضافية للتأثير

http://www.abc4web.net/vb/showthread.php?t=17327
عووبد
24-04-2011, 08:59 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
شكرا ابو همام شرح محترف واللا بلاش
دمت بود
abohmam
04-05-2011, 05:30 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
شكرا ابو همام شرح محترف واللا بلاش
دمت بود

حياك الله اخانا الفاضل

موفق بإذن الله ... لك مني أجمل تحية