درس ] تصميم بنر احترافي .. ]|● ~

[color:9625=4000ff][color:9625=ff0000]بسم الله الرحمن الرحيم

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


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

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


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



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

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


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


الان سنقوم باضافة اطار منقط للبنر نتبع الخطوات التالية
وهي Layer >> Layer Style << Stroke


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

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 604 في 440

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

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


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

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

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 729 في 589

الان سنقوم بإضافة صورة داخل البنر
عن طريق File>> Open

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

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

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 939 في 443

تنتقل الصورة على جهة البنر والرجاء الاخذ بعين الاعتبار بالملاحظة المكتوبة بالصورة

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 703 في 568

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

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 769 في 512

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


بعد الانتهاء من الكتابة ومن وضع الصورة
نقوم بعمل Duplcate Layer
يعني تكرار للطبقة
كما هو موضح بالصورة


الان سنقوم بإضافة التأثير على الكتابة عن طريق
Filter>> Blur >>Motion Blur

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 742 في 418

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


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

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

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

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


Filter >>Pixelate >>Fragment
والصورة توضح


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

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




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



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

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 936 في 560

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



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


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

نتابع الشرح

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 831 في 534

نتابع الشرح

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 627 في 502

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

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 744 في 434

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

الصورة توضح




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

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



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

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

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 733 في 408

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

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

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

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 802 في 521

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 737 في 401

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 747 في 578

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 755 في 537

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 834 في 413

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 785 في 470

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 806 في 525

تم تصغير هذه الصورة ... نقره على هذا الشريط لعرض الصورة بمقاسها الحقيقي علما بأن مقاسات الصورة قبل التصغير هو 843 في 576

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



نحدد اسم الصورة ونضغط حفظ Save


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

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

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


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

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