حصريا!! تأثير رائع على النص يحتاج التحدي ... مع خلفيات خاصة لسطح المكتب

[abohmam]

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

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

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

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

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

( صورة الشكل النهائي )
http://www.abc4web.net/4upload/uploads/images/abc4web_aaa84e4900.jpg (http://www.abc4web.net/4upload)

تم الشرح على النسخة PhotoShop CS3
ويمكن التطبيق على الإصدارات
( CS4-CS3-CS2-CS )

الخطوات سهلة إن شاء الله فقط تحتاج الى تركيز وسوف لاأترك أى خطوة بدون توضيح

فى البداية سوف نحتاج الى أحد الخطوط الخاصة وقد قمت برفع الخط فى المرفقات
يجب التحميل أولا وإضافة الخط الى مجلد خطوط الويندوز يكفيك لذلك تحميل الملف
وفك الضغط وشغل الملف التنفيذي ليتم ذلك فى مسار مجلد الخطوط الإفتراضي.

http://www.abc4web.net/4upload/uploads/images/abc4web_84b6aa8aa9.png (http://www.abc4web.net/4upload)

1- بسم الله نبدا عمل جديد ونختار مقاسا مناسبا مثل ( 500*300 ) بيكسل والخلفية باللون الأسود .

http://www.abc4web.net/4upload/uploads/images/abc4web_0f6faa0c30.png (http://www.abc4web.net/4upload)

2- نقوم بإضافة طبقة جديدة لكتابة النص الذى نرغب مع إختيار الخط الذى قمنا بتحميله ونجعل حجم الخط كبير
بما يتناسب مع المساحة 60 بيكسل على سبيل المثال.

http://www.abc4web.net/4upload/uploads/images/abc4web_dd3f2c9b10.png (http://www.abc4web.net/4upload)

3- نقوم بتحويل طبقة الكتابة إلى طبقة يمكن التحكم بها من والطريقة ( نقف على الطبقة فى صندوق الطبقات ( layers ) وبيمين الماوس نختار Rasterize Type

http://www.abc4web.net/4upload/uploads/images/abc4web_dc063870eb.png (http://www.abc4web.net/4upload)

4- نقوم بمطابقة طبقة الكتابة عن طريق Duplicate Layer لنحصل على نفس الطبقة

5- نقوم بإخفاء الطبقة الجديدة بإزارة العين التى بجوار الطبقة ونقف على الطبقة الأولى وسيكون الشكل الطبقات هكذا

http://www.abc4web.net/4upload/uploads/images/abc4web_0ea9e9e889.png (http://www.abc4web.net/4upload)

6- الآن نحن وقفنا على طبقة abc4web.net نذهب إلى قائمة الطبقات ونختار تعبئة هكذا
Layer -> Layer Style -> Gradient Overlay
وضع نفس أكواد الألوان كما تراها فى الصورة

http://www.abc4web.net/4upload/uploads/images/abc4web_e98503cf0b.png (http://www.abc4web.net/4upload)

وافق على التأثير وتابع على نفس الطبقة الخطوة التالية

7- نذهب الى قائمة الفلاتر ونختار كالتالي
Filters -> Blur -> Motion Blur
ضع قيمة 0 عند Angle
وقيمة 50 عند Distance

http://www.abc4web.net/4upload/uploads/images/abc4web_7176cbb94e.png (http://www.abc4web.net/4upload)

وافق على التأثير ثم احصل على طبقة مماثلة كالسابق ( Duplicate Layer ) لنحصل على نسخة مماثلة من الطبقة

وسوف نحصل على هذا الشكل

http://www.abc4web.net/4upload/uploads/images/abc4web_c17ed41991.png (http://www.abc4web.net/4upload)

وكذلك سيكون لدينا صندوق الطبقات بهذا الشكل

http://www.abc4web.net/4upload/uploads/images/abc4web_6260e0b8c9.png (http://www.abc4web.net/4upload)

مع ملاحظة أنى انتقلت الى طبقة الكتابة الأولى وقمت بتحديدها للعمل عليها الخطوة التالية

8- وقفنا على الطبقة كما فى الشكل السابق نذهب الى قائمة الفلاتر ونختار كالتالي
Filters -> Distort - Waves

ونضع القيمة التى بالصورة

http://www.abc4web.net/4upload/uploads/images/abc4web_d271cccd77.png (http://www.abc4web.net/4upload)

وافق على التأثير ثم احصل على طبقة مماثلة كالسابق ( Duplicate Layer ) لنحصل على نسخة مماثلة من الطبقة
ثم نقوم بعكس إتجاه الطبقة عن طريق قائمة Edit
Edit > Transform >Flipvertical

http://www.abc4web.net/4upload/uploads/images/abc4web_65877bd437.png (http://www.abc4web.net/4upload)

9- الآن نعود الى صندوق الطبقات ونذهب إلى أول طبقة والتى كنا قد أزلنا عنها العين لإخفائها أى هى طبقة النص الأبيض الغير ظاهرة
نقوم بإظهارها ونجعل blend mode إلى Overlay

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

http://www.abc4web.net/4upload/uploads/images/abc4web_9a901e6285.png (http://www.abc4web.net/4upload)

وكذلك التصميم الحالى بهذا الشكل

http://www.abc4web.net/4upload/uploads/images/abc4web_18569485da.png (http://www.abc4web.net/4upload)

10- وصلنا إلى النهاية ! الآن نحن مازلنا على الطبقة الأولى نركز هنا قليلا :abc_022:
نذهب الى قائمة الطبقات ونختار
Layer -> New Adjustment Layer -> Hue/Saturation
ونضع هذه القيم:
Hue value إلى +34
Saturation value إلى +56
ونترك Lighting setting كما هو 0

http://www.abc4web.net/4upload/uploads/images/abc4web_5a8b00a412.png (http://www.abc4web.net/4upload)

وسوف نحصل على هذا الشكل

http://www.abc4web.net/4upload/uploads/images/abc4web_45361404d3.png (http://www.abc4web.net/4upload)

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

http://www.abc4web.net/4upload/./extension/psd.gif

12- الآن سوف نستفيد من هذا التأثير ونقوم بتصميم خلفية وذلك بإستخدام هذا النص الى أى صورة لسطح المكتب

قبل العمل نقوم بتجميع كل الطبقات فى مجلد كى يسهل نقلها معا

نقوم بإنشاء مجلد ( لجمع الطبقات )

http://www.abc4web.net/4upload/uploads/images/abc4web_277777a289.png (http://www.abc4web.net/4upload)

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

http://www.abc4web.net/4upload/uploads/images/abc4web_7107e2f055.png (http://www.abc4web.net/4upload)

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

(إضغط على الصورة لتراها بالحجم الطبيعي)
http://www.abc4web.net/4upload/uploads/thumbs/abc4web_480c566276.jpg (http://www.abc4web.net/4upload/uploads/images/abc4web_480c566276.jpg)

http://www.abc4web.net/4upload/uploads/thumbs/abc4web_021d169cc7.jpg (http://www.abc4web.net/4upload/uploads/images/abc4web_021d169cc7.jpg)

http://www.abc4web.net/4upload/uploads/thumbs/abc4web_eac0005830.jpg (http://www.abc4web.net/4upload/uploads/images/abc4web_eac0005830.jpg)

http://www.abc4web.net/4upload/uploads/thumbs/abc4web_1489eda364.jpg (http://www.abc4web.net/4upload/uploads/images/abc4web_1489eda364.jpg)

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

وفى إنتظار التطبيقات لننتقل الى درس جديد ورائع إن شاء الله

ولاتنسونا من صالح دعائكم
أبوهمام
:abc_028:
.

[Khaled J. Ahmad]

جزاك الله خيراً اخي ابو همام
حاولت التطبيق لكن اتتني هذه النافذة لا أعلم ما هي
عند أضافة عمل جديد
http://www.dala3.ateiba.com/uploads/images/ateiba-3a55978bf1.jpg

[أبو يوسف]

جزاك الله خيرا اخي ابو همام

شرح واضح

ولا يبق إلا التطبيق

.

[abohmam]

جزاك الله خيراً اخي ابو همام
حاولت التطبيق لكن اتتني هذه النافذة لا أعلم ما هي
عند أضافة عمل جديد
http://www.dala3.ateiba.com/uploads/images/ateiba-3a55978bf1.jpg

وجزاك الله خيرا أخى خالد

هذه الرسالة معناها أن القرص الصلب عندك ممتلئ

حاول تنظيف القسم c

[abohmam]

جزاك الله خيرا اخي ابو همام

شرح واضح

ولا يبق إلا التطبيق

.

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

وجزاك الله خيرا وشكر الله لك هذا التواصل والدعاء

فى إنتظار التطبيق إن شاء الله

بالتوفيق

[Khaled J. Ahmad]

اخي ابو همام نقلت البرنامج بالكامل الى قرص أخر
لكن ظهرت لي نفس الرسالة

[abohmam]

حياك الله أخى خالد

مارايك فى وضع المشكلة فى قسم المشاكل حتى لايخرج الموضوع عن التطبيقات والسؤال حول التصميم؟

عموما هذا حل المشكلة بتغير القسم الذى يستخدمه الفوتوشوب كمساحة مؤقته له لإنجاز العمل

من قائمة Edit تابع الصورة

http://img133.imageshack.us/img133/4408/abc.png

بالتوفيق

[مرام نت]

مشكور وجزاك الله كل خير

[Khaled J. Ahmad]

جزاك الله خيراً جار التطبيق بإذن الله

[كينج نت]

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

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

[رائد ابو فيصل]

محاولتي فشلت للمرة العاشره

واخر دعواهم الحمد لله رب العالمين

[ذوالجناح]

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

http://www.abc4web.net/4upload/uploads/images/abc4web_6892e4438f.gif (http://www.abc4web.net/4upload)

[abohmam]

حياكم اله جميعا إخواني

أشكر لكم تجاوبكم وتواصلكم

أخى كينج نت ( ننتظر تطبيق أحلى من الشرح إن شاء الله ) مادام قبلت التحدى فتوكل على الله ...... وفى انتظار التطبيق
أخى رائد أذكر الخطوة التى تقف فيها كي أقوم بمساعدتك إن شاء الله فالخطوات كلها مصورة ومشروحة ربما المشكلة فى تسمية الأدوات.

أخى/ ذو الجناح !هنا تبدا التحية ماشاء الله تطبيق رائع ....

هكذا نبدا نجتهد ونضيف المزيد :abc_022:
بارك الله فيك تطبيق ولاأحلى ، وهذا التطبيق الذى كنت أنتظره باللغة العربية وبهذا الخط تحديدا
ولكن كنت متوقع أن كينج نت سيسبقك ، ولكنك ماشاء الله اجتهدت وبعد توفيق الله التطبيق رائع جدا
سوف نختار له بعض الخلفيات ليتم الإضافة وتكون خلفيات مميزة إن شاء الله.

إلى الأمام ومزيد من التميز يابطل

[كينج نت]

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

نعود للموضوع مع التطبيق

هذه تطبيقاتي على الشرح

http://www.abc4web.net/4upload/uploads/images/abc4web_718fe74673.png



http://www.abc4web.net/4upload/uploads/images/abc4web_55979e4445.png



http://www.abc4web.net/4upload/uploads/images/abc4web_432c3fd643.png


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


.

[ذوالجناح]

ولكن كنت متوقع أن كينج نت سيسبقك

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

[abohmam]

ماشاء الله

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

تسلم الأيادى وننتظر تطبيقات جديدة على القادم ايضا إن شاء الله

فى حفظ الله

[كينج نت]

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

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

حياك الله أخي الحبيب ذو الجناح

نحن لم نسبق احد ولا نسابق أبداً
بل نستفيد ونفيد بما نعرف
وانت ماشاء الله عليك مبدع ومميز بالتوفيق لك
ولجميع الأخوة بالموقع

[الراعي]

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

جزاك الله خيرا أخي أبو همام على هذا الدرس الرائع...
محاولة بسيطة لا ترتقي لتطبيق الدرس الذي أعجبني كثيرا ..

http://dc01.arabsh.com/i/00079/oadlzqpbth2i.gif

[abohmam]

ماشاء الله أخى الراعي

تطبيق جميل ربما نوع الخط وخاصة عند الخطوة رقم 9
نقوم بإظهارها ونجعل blend mode إلى Overlay

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

بداية موفقة إن شاء الله

[الراعي]

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

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

http://dc01.arabsh.com/i/00082/0wxgh8agallk.gif

http://dc01.arabsh.com/i/00082/t3cr4xqz0k8e.gif

http://dc01.arabsh.com/i/00082/bz753kxk3z2g.gif

[قاسم الشبول]

مشكوررررررررررررررررررررر ررررررررررررررررررررررررر ررررررررررررررررررررررررر رر:abc_050:

[الدموكي]

درس ممتاز جزاك الله كل خير

[محمود زايد]

لا اله الا الله محمد رسول الله

[محمد الصغير]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[أتعب أنا]

مشكور والله يعطيك الف عافيه

عــ المجهوود الرااائع

تحياتي لك

[جبال خراسان]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[ashrafhisham]

الف الف شكر وبارك الله فيك مديرنا العزيز

[abohmam]

بارك الله فيكم جميعا إخواني

أشكر لكم مروركم العطر وتواصلكم والدعاء

موفقين لكل خير

[رائد ابو فيصل]

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

ان شاء الله ايكون كويس واذا في خطا ممكن اراجع مره تانيه

[صايفية]

بـآرك الله فيك

[محمدنور]

شكراااااااااااااااااااااا اااااااااا

[كيتوو]

مشكور على الدرس :abc_088:

[سام هكر]

السلام عليكم
بارك الله فيك
درس في القمة واصل حبي

[اسلام البرنس]

الف شكر لك اخى مبدع

[ااالسفير]

:abc_006::abc_006::abc_006::abc_006:

[بصمة إبداع]

درس رائع ..

بارك الله فيك أخي أبو همام ..

سيتم التطبيق بإذن الله ..

//

[بصمة إبداع]

تم التطبيق ^^

وشكراً مرة أخرى أخي على هذا الدرس الجميل ..


تحياتي ..


.....

[أحمد حسين]

مشكــــــــــــــــــــــ ـــــــــــــــــــــــــ ــــــــــــــــــــــــو ر

[الظهير]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[abohmam]

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

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


تم التطبيق ^^

http://www.abc4web.net/vb/attachment.php?attachmentid=1664&d=1320816033

تطبيق رائع

فبالتطبيق نرى بصمة الإبداع :abc_022:

[HAMAM]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[احمد شنينو]

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

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

[أبو صخر]

http://www.air.flyingway.com/airlogo/rose/raaae3.gif

[زهور الجبل]

مشكور وجزاك الله كل خير

[بوجاتي]

والله مش عارف قلك ايه قلك روح ربنا يجزيك خيرا ان شاء الله

[العراق]

شكراااااااااااااااااااااا ااااا

[حسام سليمان]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[قولولها]

وعليكم السلام ورحمة الله وبركاته ،،،
شـكــ وبارك الله فيك ـــرا لك وبميزان حسناتك وإلى الأمام دائماً

[فتاة الاسلام]

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

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
على هالدرس الجميل....:abc_051:

[قلم أحمر]

درس مميز ونتيجة أكثر من رااائعه ..
مشكووور أخووي ..

[المصمم]

http://uploads.sedty.com/imagehosting/288248_1321021079.gif
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[حسام كندش]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[مكتوز]

مشكوررررررررررررررررررررر ررررررررررررررررررررررررر ررررررررر

[شرف الجزائر]

مشكور وجزاك الله كل خير

[مؤمن خليل]

جزاك الله خيرا اخانا وبارك الله فيك

[محمد ابوحجر]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[مرغان]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[رشوان]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[حسيب الروح]

thanks:abc_139: