abohmam
02-04-2009, 03:48 AM
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
حياكم الله جميعا
أقدم لكم هذا الشرح الإحترافي لتأثير عجبني جدا تم شرحه فى أحد المواقع الأجنبية المتخصصة بالفوتوشوب وقمت بإضافته لخلفية ليخرج لنا بهذا الشكل
( صورة الشكل النهائي )
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:
.
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
حياكم الله جميعا
أقدم لكم هذا الشرح الإحترافي لتأثير عجبني جدا تم شرحه فى أحد المواقع الأجنبية المتخصصة بالفوتوشوب وقمت بإضافته لخلفية ليخرج لنا بهذا الشكل
( صورة الشكل النهائي )
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:
.