حصريا درس تصميم بنر احترافي

abbas al ibrahimi

عضو جديد
17 ديسمبر 2008
1,217
12
0
AL IRAQ
بسم الله الرحمن الرحيم

بعد كثرة الطلبات على كيفية تصميم البنر

قمت بعمل درس بسيط ان شاء الله وسهل



نبدأ على بركة الله

خطوات الدرس:

1- تصميم بنر بمقاس468*60 متوسط
2-اضافة اطار منقط للبنر
3-الكتابة على البنر
4-اضافة تأثيرات على البنر والكتابة
5-الانتقال من الفوتوشوب الى الايمج ريدي
6-التحكم بالتأثيرات
7-حفظ العمل

نبدأ الشرح بالصور

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

وبه نستعين وعليه نتوكل


اولا نقوم بفتح عمل جديد

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]


نضع المقاسات التي نريد ولتكن 468*60

وهي مقاسات البنر المتوسط



نقوم بالضغط على اللاير Background ضغطتين بزر الماوس لكي نستطيع التحكم بها واضافة التأثيرات

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

بعد الضغط يظهر لنا هذا المربع فنقوم بالضغط على ok

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]


يصبح اسم اللاير من Background الى Layer 0

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]


الان سنقوم باضافة اطار منقط للبنر نتبع الخطوات التالية

وهي Layer >> Layer Style << Stroke
[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]


يظهر لنا هذا المربع نقوم بعمل نفس المحدد باللون الاحمر





الان سنختار لون لتعبئة البنر به
نتبع الصور

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

نحدد الاداة ونسكب اللون داخل البنر

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]


الان سنكتب داخل البنر بأداة الكتابة

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

نقوم بالكتابة داخل البنر بعد تحديد اداة الكتابة

نضغط داخل البنر ونكتب ما نشاء

وقمت بتوضيح كيفية التحكم بحجم الخط ونوعه وسمكه

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

الان سنقوم بإضافة صورة داخل البنر
عن طريق File>> Open
[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

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

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

الان سنقوم بسحب الصورة على البنر عن طريق الضغط على السهم من قائمة الادوات (المحدد باللون الاحمر )
ونقوم بسحب الصورة ونتركها على البنر (طريقة السحب والافلات)

[URL="http://www.a-ql.net/vb"]
[/URL]
تنتقل الصورة على جهة البنر والرجاء الاخذ بعين الاعتبار بالملاحظة المكتوبة بالصورة

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

الان سنقوم بالتحكم بمقاس الصورة لكي تصبح مناسبة للبنر نضغط ctrl+t لتحديد الصورة ونقوم بالتحكم بالصورة عن طريق وضع الماوس على زوايا مربع التحديد ونسحب للداخل

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

حتى تصبح الصورة بهذا المقاس (أي مناسبة للبنر )

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]


بعد الانتهاء من الكتابة ومن وضع الصورة

نقوم بعمل Duplcate Layer
يعني تكرار للطبقة

كما هو موضح بالصورة
[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]


الان سنقوم بإضافة التأثير على الكتابة عن طريق
Filter>> Blur >>Motion Blur
[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

يظهر لنا مربع الحوار هذا نضغط على OK


[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

نقوم بعمل كما هو موضح بالصورة ادناه

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

يصبح شكل الكتابة هكذا

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

نقوم بإضافة تأثير للكتابة الاخر نفس الطريقة والخطوات

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

هنا الفرق تأثير جديد للكتابة



Filter >>Pixelate >>Fragment

والصورة توضح
[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]


يظهر لنا هذا المربع نضغط على OK

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

نقوم بعمل نفس الخطوات نكرر الطبقه ونضيف لها نفس التأثير مرة اخر (نكرر الطبقة التي قمنا بإضافة التأثير عليها )
[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]



[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

الان سنقوم بإضافة لون اخر للرابط عن طريق
تحديد الرابط بالضغط عليه ضغطه واحدة واضافة لاير جديد

كما هو موضح بالصورة

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]



نقوم بتحديد اللاير الذي قمنا باضافته
ونختار اداة تعبئة اللون ثم نختار اللون المراد اضافته ,,

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]


وبعد ذلك نقوم بسكب اللون داخل البنر

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

نقوم بالضغط على Ctrl+g لدمج اللون بالكتابة

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]





سنقوم باضافة لون اخر لخلفية البنر ,, نقوم بتحديد خلفية البنر ,, ثم نقوم بالضغط على لاير جديد كما هو موضح بالصورة (نفس خطوات اضافة لون للرابط ,, الخطوة السابقة)
[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

نتابع الشرح

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

نتابع الشرح

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]

نقوم برفع العين عن الليرات التي قمنا بوضع التأثيرات عليها كما هو موضح بالصورة


[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL]​





يتبــــع​
 

abbas al ibrahimi

عضو جديد
17 ديسمبر 2008
1,217
12
0
AL IRAQ
الان سنتوجه على الايمج ريدي عن طريق صندوق الادوات الموجود بالفوتوشوب

الصورة توضح



[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]

بعد تشغيل الايمج ريدي والانتقال اليه

نتأكد من وجود صندوق Animarion وهو للتحكم بالتأثيرات

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]

الان ظهر صندوق Animarion

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


[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]


الان نتابع الصور للعمل التأثيرات

يوجد شرح على الصور

ارجو التركيز شوية


[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]


[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]


[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]


[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]


[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]


[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]



[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]


[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]



[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]

الان طريقة حفظ البنر والشرح موجود على الصورة

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]

نحدد اسم الصورة ونضغط حفظ Save
[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]

هكذا نكون انتهينا من الشرح

سبحانك اللهم وبحمد اشهد ان لا اله الا انت استغفرك واتوب اليك

إن اصبت فمن الله وإن أخطأت فمني ومن الشيطان


الصورة النهائية للبنر

[URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"][URL="http://www.a-ql.net/vb"] [/URL][/URL][/URL]

لتحميل مجلد صور الشرح

اضغط هنا

او

هنا على مركز تحميل ترايدنت

الرجاء عند النقل ذكر المصدر

حصريا على اقلام العطاء درس تصميم بنر احترافي

اذا استفدتم لا تحرموني من الدعاء

ولكم بالمثل ان شاء الله
 

abd ul hkim

عضو جديد
14 مايو 2012
20
1
0
32
مشكوور اخوي وماقصرت

درس اكثر من رائع