بسم الله الرحمن الرحيم
[URL="http://www.a-ql.net/vb"]
يتبــــع
بعد كثرة الطلبات على كيفية تصميم البنر
قمت بعمل درس بسيط ان شاء الله وسهل
نبدأ على بركة الله
خطوات الدرس:
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
وهي مقاسات البنر المتوسط
قمت بعمل درس بسيط ان شاء الله وسهل
نبدأ على بركة الله
خطوات الدرس:
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]
بعد الضغط يظهر لنا هذا المربع فنقوم بالضغط على 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="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]
[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]
يتبــــع