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

من طرف الأحد أبريل 10, 2011 5:22 pm

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

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

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

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

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

خطوات الدرس:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Filter >>Pixelate >>Fragment

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نتابع الشرح

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

نتابع الشرح

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

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

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

يتبــــع

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

الصورة توضح

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

اضغط هنا

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

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

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