اهلا وسهلا بكـ زائر, لديك: 19 مساهمة .
آخر زيارة لك كانت في : .
 
الرئيسيةاليوميةمكتبة الصورس .و .جبحـثقائمة الاعضاءالمجموعاتالتسجيلدخول
!~ آخـر 10 مواضيع ~!
شارك اصدقائك شارك اصدقائك موقع المكتبة الرقمية
شارك اصدقائك شارك اصدقائك تحياتنا جامعة المدينة العالمية بماليزيا Welcome to the Madinah International Universi تحياتنا جامعة المدينة العالمية بماليزيا Welcome to the madinah international University http://mediu.edu.my/
شارك اصدقائك شارك اصدقائك فتاوى نسائية (متجدد)
شارك اصدقائك شارك اصدقائك (مخلوق اسمه المرأة )
شارك اصدقائك شارك اصدقائك تصميم لنشر المنتدى
شارك اصدقائك شارك اصدقائك لن يكون سلوكي خنجر في صدر الأسلام
شارك اصدقائك شارك اصدقائك بَيْنَهُمَا بَرْزَخٌ لَّا يَبْغِيَانِ
شارك اصدقائك شارك اصدقائك فكرة جميلة لقيام الليل
شارك اصدقائك شارك اصدقائك الاسلام , لم يطلب منك الله أبدا أن تكون إنسان بلا ذنب
شارك اصدقائك شارك اصدقائك المعالم الاسلامية
الخميس نوفمبر 13, 2014 7:41 pm
الثلاثاء نوفمبر 11, 2014 5:28 pm
الأربعاء سبتمبر 11, 2013 6:19 pm
الأربعاء سبتمبر 11, 2013 6:17 pm
الأربعاء سبتمبر 11, 2013 6:11 pm
الأربعاء سبتمبر 11, 2013 6:08 pm
الأربعاء سبتمبر 11, 2013 5:37 pm
الأربعاء سبتمبر 11, 2013 5:14 pm
الأربعاء سبتمبر 11, 2013 5:12 pm
الأربعاء سبتمبر 11, 2013 5:10 pm
إضغط علي شارك اصدقائك اوشارك اصدقائك لمشاركة اصدقائك!

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
C.RONALDO9
member
member


المهنة: :
الجنس : ذكر
العمر : 22
تاريخ التسجيل : 12/07/2011
عدد المشاركـات : 9
السٌّمعَة : 0

مُساهمةموضوع: درس ] تصميم بنر احترافي .. ]|● ~   الأحد يوليو 17, 2011 7:48 pm

[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


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

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

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


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


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
amr aly
administator
administator


المهنة: :
تاريخ التسجيل : 05/08/2010
عدد المشاركـات : 1117
السٌّمعَة : 9

مُساهمةموضوع: رد: درس ] تصميم بنر احترافي .. ]|● ~   الإثنين أغسطس 01, 2011 2:07 am

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








الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.3arabawe.kalamfikalam.com
 
درس ] تصميم بنر احترافي .. ]|● ~
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكـه ومنتدياتــ |الاسلام احلي دليل| :: قسم الجرافيك العام وفريق تصميم شبكة الإسلام أحلى دليل :: دروس التصميم العامة | General Lessons-
انتقل الى: