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

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

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

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

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

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

خطوات الدرس:

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

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

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

وهي Layer >> Layer Style << Stroke
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

الان سنقوم بإضافة صورة داخل البنر
عن طريق File>> Open
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);

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

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

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

كما هو موضح بالصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

الان سنقوم بإضافة التأثير على الكتابة عن طريق
Filter>> Blur >>Motion Blur
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

Filter >>Pixelate >>Fragment

والصورة توضح
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

نقوم بعمل نفس الخطوات نكرر الطبقه ونضيف لها نفس التأثير مرة اخر (نكرر الطبقة التي قمنا بإضافة التأثير عليها )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

سنقوم باضافة لون اخر لخلفية البنر ,, نقوم بتحديد خلفية البنر ,, ثم نقوم بالضغط على لاير جديد كما هو موضح بالصورة (نفس خطوات اضافة لون للرابط ,, الخطوة السابقة)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

نتابع الشرح

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

نتابع الشرح

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A>

</A>

يتبــــع

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

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

الصورة توضح

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

نحدد اسم الصورة ونضغط حفظ Save
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

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

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]</A></A></A>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

او

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

» استايل اسود وابيض احترافي بأكواد رائعه - النسخة الثانية احى منتدى - تصميم همس المشاعر
» الدرس الاول من دورة تصميم الستايل - تصميم الهيدر والفوتر
» الدرس الاول لدوره تصميم الاستايل ( تصميم الهيدر والفوتور ) للجيل الثالث
» واجهة احترافي لون ابيض - هيدر احترافي ابيض
» استايل بناتي من تصميم سما ديزاين - افضل تصميم استايل لليوم

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

مواضيع ذات صلة