تصميم بانر مع الوشاح على الزاوية ( درس مترجم )

[أبو الوليد]

http://www.abc4web.net/vb/imgcache2011/10101.abc4web.gif (http://img.farfosh.com/)

http://www.abc4web.net/vb/imgcache2011/10103.abc4web.gif (http://img.farfosh.com/)

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

ويا حبذا لو يضيف لنا الأخ الحبيب والأستاذ الفاضل أبو همام درسا من نفس المحتوى لأن تطبيقه يتميز بالإحترافية كما هو معروف من خلال استايلاته الموجودة بالمنتدى :abc_152:

ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ــــــــــــــــــــــــ


1.نفتح عمل جديد قياس 600×400 بيكسل مع خلفية شفافة

http://www.abc4web.net/vb/imgcache2011/10105.abc4web.png (http://img.farfosh.com/)

2.نختار أداة التدرج ( Gradient Tool ) ونحدد اللون الأمامي 696a6a # والخلفي #9a9a99

http://www.abc4web.net/vb/imgcache2011/10109.abc4web.png (http://img.farfosh.com/)

3.النتيجة :

http://www.abc4web.net/vb/imgcache2011/10110.abc4web.png (http://img.farfosh.com/)

4.نضيف لاير جديد ونسميه مربع أو بانر ( Square ) ونختار أداة المستطيل الدائري ( Rounded Rectangle Tool ) بقياس حر لنصف القطر Radius ، أنا اخترت القياس 15 بيكسل واللون bac014 # نرسم مستطيل بالحجم الذي نريد

http://www.abc4web.net/vb/imgcache2011/10111.abc4web.png (http://img.farfosh.com/)

5.نذهب إلى خيارات المزج ( Blending Options ) ونطبق ثلاث تأثيرات هي
Drop Shadow
Gradient Overlay
Inner Glow

http://www.abc4web.net/vb/imgcache2011/10112.abc4web.png (http://img.farfosh.com/)

http://www.abc4web.net/vb/imgcache2011/10113.abc4web.png (http://img.farfosh.com/)

http://www.abc4web.net/vb/imgcache2011/10114.abc4web.png (http://img.farfosh.com/)

6.نضيف لاير جديد ونسميه وشاح ( Ribbon ) ثم نختار أداة المستطيل ( Rectangle Tool ) ونرسم مستطيل بالحجم الذي نريد واللون 023a5d#

http://www.abc4web.net/vb/imgcache2011/10115.abc4web.png (http://img.farfosh.com/)

7.نذهب إلى تحرير > تحويل حر ( Edit > Free Transform ) ونضع الشكل في الزاوية كمايلي

http://www.abc4web.net/vb/imgcache2011/10116.abc4web.png (http://img.farfosh.com/)

8.نختار أداة المضلع ونرسم تحديد بالشكل الظاهر أدناه ثم نضغط زر Delete ونكرر العمليو مع الطرف الآخر

http://www.abc4web.net/vb/imgcache2011/10117.abc4web.png (http://img.farfosh.com/)

9.النتيجة :

http://www.abc4web.net/vb/imgcache2011/10118.abc4web.png (http://img.farfosh.com/)

10.على لير الوشاح الناتج نطبق تأثيرين هما
Drop Shadow
Gradient Overlay

http://www.abc4web.net/vb/imgcache2011/10119.abc4web.png (http://img.farfosh.com/)

نغير النمط إلى Soft Light والزاوية إلى 35 %

http://www.abc4web.net/vb/imgcache2011/10120.abc4web.png (http://img.farfosh.com/)

10.نضيف لاير جديد لكن يكون فوق لاير الخلفية أي من قائمة الليرات نفعل لاير الخلفية ثم نضيف لاير جديد ونختار أداة المستطيل ( Rectangle Tool ) نرسم مستطيل صغير على حافتي الوشاح ليكون بمثابة الظل وليكن اللون أسود

http://www.abc4web.net/vb/imgcache2011/10121.abc4web.png (http://img.farfosh.com/)

11.يمكنك الآن كتابة المحتوى على البانر والتلاعب بالتأثيرات على حسب كل ذوق :abc_091:

http://www.abc4web.net/vb/imgcache2011/10122.abc4web.png (http://img.farfosh.com/)

http://www.abc4web.net/vb/imgcache2011/10123.abc4web.gif (http://img.farfosh.com/)

[رجل السيف]

كل عام وانت بخير
في انتظار الدرس أخي أبو الوليد يعطيك العافية

سيب الفوتوشب ترا اليوم ماينفع تجي ينب الكمبيوتر اليوم خليك مع المشوي ياطيب :abc_051:

أخوك مسافر ولا فيه مشوي ولا أكلات العيد http://smilies.roro44.com/sad/010.gif ووحيد أيضا

[abo_yousra]

فى انتظار الدرس أخى ابو الوليد فرجاءا لا تتأخر

حياك الله

[جروح بارده]

بارك الله فيك

وبانتظار الدرس ان شاء الله

[abohmam]

فى الإنتظار يا طيب

وإلا سنسبقك بالتطبيق :abc_022:

:abc_080:

بارك الله فيك ونفع بك وبجهودك الدائمة أبا الوليد

[أبو يوسف]

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

أعانك الله ويسر لك أمورك

.

[أبو الوليد]

بارك الرحمن فيكم وكل عام و أنتم بخير :abc_022:

[mero]

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

درس رائع اخي ابو الوليد بارك الله فيك
لك مني اجمل تحية :abc_152:

[البغرامي]

السلام عليكم ورحمة الله وبركاته
كل عام وانت بخير ,, الله ايحفظك اخي واستاذي العزيز ابو وليد ،،
شكرا جزيلا لك على تلبية الطلب ،، الله يجعل لك عملك هذا في ميزان حسناتك ،، :abc_028:

[محمود عفيفى]

جزاك الله خيرا أخى أبا الوليد
http://img222.imageshack.us/img222/5966/untitl2.png

[أبو الوليد]

جزاك الله خيرا أخى أبا الوليد
http://img222.imageshack.us/img222/5966/untitl2.png

وإياك أخي محمود :abc_152: تطبيق ممتاز ..كل عام وأنتم بخير ، شكرا لمروركم :abc_028:

[البغرامي]

تفضل تطبيقي اخي ابا الوليد ولكنني لم اصممها بالفوتوشوب صممتها بالفوتوفيلر ،، لانني اجد استعملاه بارك الله فيك
http://img821.imageshack.us/img821/8062/sanstitre2wi.png

[ذوالجناح]

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

[جروح بارده]

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

تطبيقي

[أبو الوليد]

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

تطبيقي


مشكورة أختي جروح.. بداية موفقة لكن انتبهي إلى الوشاح يجب أن يكون متوازنا :abc_086::abc_152:
تطبيق رائع أخي البغرامي :abc_139:

[abohmam]

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

http://img408.imageshack.us/img408/7717/abc4webbox.png

مع بعض التعديلات فى طريقة دوران الشريط

[البغرامي]

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

[فلسطيني]

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

[كينج نت]

http://img816.imageshack.us/img816/6519/93596556.gif

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

حياك الله أخي العزيز أبو الوليد

ماشاء الله درس مميز واحترافي بارك الله بجهودك الطيبة

تطبيقي المتواضع مع بعض البهارات والتوابل الهندية اتمنى ان يكون بمستوى الشرح :abc_145:

http://img508.imageshack.us/img508/6471/kingp.png

مجدداً بارك الله بجهودك الطيبة وجزاك عنا كل خير

بالتوفيق لك وباقي الأخوى والاخوات جميعاً بإذن الله تعالى

مع خالص شكري وتقديري

:abc_152:

http://img816.imageshack.us/img816/6519/93596556.gif

[البغرامي]

هههه انا ترجمته برمجيا الى الفوتو فيلتر !!!!
http://www.abc4web.net/vb/showthread.php?t=13877
:abc_028:

[أبو الوليد]

[ حياك الله أخى أبا الوليد تطبيق متواضع على السريع

http://img408.imageshack.us/img408/7717/abc4webbox.png

مع بعض التعديلات فى طريقة دوران الشريط

تطبيق احترافي أستاذنا الغالي :abc_152:

[أبو الوليد]

http://img816.imageshack.us/img816/6519/93596556.gif

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

حياك الله أخي العزيز أبو الوليد

ماشاء الله درس مميز واحترافي بارك الله بجهودك الطيبة

تطبيقي المتواضع مع بعض البهارات والتوابل الهندية اتمنى ان يكون بمستوى الشرح :abc_145:

http://img508.imageshack.us/img508/6471/kingp.png

مجدداً بارك الله بجهودك الطيبة وجزاك عنا كل خير

بالتوفيق لك وباقي الأخوى والاخوات جميعاً بإذن الله تعالى

مع خالص شكري وتقديري

:abc_152:

http://img816.imageshack.us/img816/6519/93596556.gif


تطبيق مميز أخي الحبيب وليد:abc_152:

[أبوالبراء]

جزاك الله خيرا
درس مميز وجدّ مفيد . بارك الله فيك أخي الحبيب

[abohmam]

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

أعتذر منكما فلم انتبه للطلب

إن شاء الله ساضع شرح تفصيلي لتطبيقي قريبا

[ابو فاطمة]

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

صلى الله عليه وسلم


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

[أبو فارس]

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