{ 8 دروس لتعلمْ تَصميمْ البنرآتْ الإعلآنية بالصور التوضيحية..~ رآآئع ...^^ ♥

[~ بنت النيل ~]

{ 8 دروس لتعلمْ تَصميمْ البنرآتْ الإعلآنية بالصور التوضيحية..~ رآآئع ...^^ ♥

الدَرس الأول ​

:: مُقدّمـَة عآآمَة ::
ـ إن البنرات التي تحوي تبادل إعلاني أو رابطٍ ما يجب أن تعمل كمغنطيس للمستخدم و للماوس.
إن البنرات الجذابة يجب أن تحظى على اهتمامك لكي تجذب الناس للضغط عليه.كل هذا يجب أن يكون تحت حجم 12 كيلو بايت!
لذا هنا عدة نقاط لعمل هذه الأنواع من البنرات:
1. يفضل أن يكون تحت حجم 12 كيلو بايت
2. يفضل ان تخبر عن المكان الذي سوف تأخذ الزائر اليه
3. يفضل أن تكون متحركة و سريعة
4. يجب ان ترتقي الى أحجام البنر المعروفة
ـ أحجام البنرات المعروفة
بنر كامل

نصف بنر

ربع بنر

نصف بنر 2

​

شرح عَمل بنر مُتحرك جميل (1) ​

أولا : أنت بحاجة لصورة سيارة أو طيارة أو قطار ... الخ
سوف استعمل هذه الصورة

و الآن نبدأ بالشرح
نبدأ بفتح مستند جديد بمقاس البنر الكامل ( 468 × 60 )

قم بفتح صورة السيارة أو الطيارة أو القطار ... الخ ، ثم اذهب الى image => image size
قم بوضع الاعدادات التالية :

الآن نختار أداة التحريك

عبر الزر V و نقوم بنقل السيارة الى المستند الذي سبق و فتحناه،قم بوضعه على اليسار...

الآن قم باختيار شكل من الأشكال ...

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

قم بعمل link لكافة الطبقات الا الخلفية

الآن نحول لايمج ريدي

الآن مرحلة الامج ريدي سهلة جدا بس بحاجة لشوية تركيز
نعمل فرايم جديد من خلال الـ animation

الآن ارجع اضغط على الفرايم 1 ثم اختر اداة التحريك

و حرك عبر أسهم الكيبورد أو الماوس الى اليمين الى ان تختفي السيارة و يصبح الفرايم فارغا و هذه تعتبر نقطعة البداية

الآن اضغط على الفرايم 2 و قم بسحب السيارة عبر اداة التحريك الى اليسار الى ان تختفي السيارة و يصبح الفرايم فارغا و هذه تعتبر نقطعة النهاية

إضغط على الفرايم الأول و اختار Tween ​

هذه الصورة مصغره ... انقر على هذا الشريط لعرض الصوره بالمقاس الحقيقي ... المقاس الحقيقي 709x315 والحجم 14 كيلوبايت .

​

ضع اعدادات الـ tween كالتالي :​

الآن بقي علينا وضع زمن كل فرايم
ضع الأزمان كالتالي :

ملاحظة : 1. لقد أعطينا الفرايم 4 الوقت 0.5 و ذلك لأن الكتابة التي قمت كتابتها تصبح في الوسط فأعطيناها وقت اطولعن غيرها
2. بإمكانك حذف الفرايم 7 نظراً لان الفرايم الأول مثله أو بإمكانك ابقائه فلا تأثير له
الآن بقي علينا ضغط البنر لكي نحصل على حجم ما دون الـ 12 كيلو بايت..
قم باختيار optimize

ثم ضع الاعدادات التالية

أخيراً قم بحفظ العمل عبر Ctrl + Shift + Alt + S أو File => Save optimized as
التطبيق :

​

يتبع​

 

[~ بنت النيل ~]

~ الدَّرسْ الثآآنِي ~​

شغل برنامج الفوتوشوب وافتح لك ملف جديد وليكن بمقاسات البنر الجاهزه من خيارات انشاء الصفحة او كما تريد مقياسه ثم أملء الخلفيه باللون الازرق
الخطوة رقم - 2 -

اختر فرشة مناسبه وفي عملنا هذا نستخدم فرشة الاعشاب ​

الخطوة رقم - 3- ​

​

بسرعة مرر الفرشة من اسفل البنر بشكل سريع و هي ستتغير ​

من نفسها لانها خاصيه مميزه في هذه الفرشة .. ​

الخطوة - 4 - ​

​

اضف اضائة للوسط الصورة عن طريق
Filter
Render
Lenc Flare​

الخطوة - 5 - ​

​

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

الخطوة - 6- ​

​

قم بكاتبه ما تريده على لير منفصل و ضع عليه محدد كي يكون مميز بين الاعشاب او الخلفيه
الان في هذه الخطوة ننتقل للامج ردي ( يوجد في شريط الاداوت العمود في الفوتوشوب زر انتقالي )
و يجب عليك :
افقل جميع الليرات ( الطبقات ) ما عدا الاولى و الثانية ​

ستلاحظ هذه النافذة في اسفل الامج ردي
قم بالضغط على هذا الزر

فيها و كي تستخرج لك نوافذ متعدد
في كل نافذه اخفي الطبقات ( الليرات ) الي ما تبيها و اترك التي تحتاج لها و اختار الوقت و الزمن من عند كلمة 1 sec و عند اختيارك كلمة forever فان العرض سيتكرر كلما انتهى
بعد انها العملية قم بحفظه عن طريق
File
Save Optimized As
و يستم حفظه على شكل صوره متحركه بمتداد Gif
مثل هذا العمل ​

​

::​

::​

يتبع​

 

[~ بنت النيل ~]

~ الدرس الثآآلث ~​

​

أمثله ::​

​

​

يتبع​

 

[~ بنت النيل ~]

~ الدرس الرآآبع ~​

نفتح عمل جديد لمقاس بنر مناسب بالمقاييس الدولية ​

​

او المقايسس الاخرى المتعارف عليها.​

أنا إخترت مقاس 60*468 ​

​

وبأداة الدلو نختار لون لهذا البنر ونملئه به .​

​

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

​

او يمكن نستخدم الدائرة ​

او نستخدم اداوت الباث تول ​

او اي شئ اخر . ​

و نملئه هذا التحديد بلون متناسق مع اللون الاول :​

​

الان نقوم بعمل ايطار صغير لهذا البنر​

نضغط بيمين الماوس على البنر ونختار Stroke او نذهب من قائمة الفوتوشوب الى EDIT ثم Stroke :​

​

من الافضل اختيار القيمة 1 او بالاكثر 2​

ثم تختار لون هذا الايطار . انا اخترت الاسود ​

​

والنتيجة بعد تطبيقه :​

​

الان في الايطار الاخظر نكتب مانريد بخط ولون جميلين ​

​

ثم نقوم بدمج لير الكتابة مع البنر بالضغط على CTRL+E​

​

ونكتب شئ اخر في الجهة المقابلة :​

​

ونطبق ما يلي لتحرير اللير من اجل التمكن من اضافة الفلترات له​

​

ثم ننسخ لير الكتابة :​

​

ونطبق على اللير العلوي الفلتر التالي :​

​

بالقيمة التالية :​

​

ننتقل الان الى الايميج ريدي ​

.
.​

ونقوم باضافة لير جديد في شريط الحركة :​

​

الان نطبق ما تم شرحه في الصور التالية :​

​

و​

​

والنتيجة :​

​

::​

يتبع​

 

[~ بنت النيل ~]

الدرس الخامس​

​

​

​

​

​

​

​

​

يتبع​

 

[~ بنت النيل ~]

الدرس السآدس​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

يتبع​

 

[~ بنت النيل ~]

الدرس السابع​

نفتح عمل جديد ..​

​

نصبغ الطبقه باي لون بعدين نحط لها حد .. ​

​

نسوي له تدرج لوني وهذي الاعدادات ..​

​

ونسوي له ساتان وهذي الاعدادت ..​

​

هذا الناتج اللي راح يطلع لك .. اكتب ما تريد ..​

​

طبعا هالتأثير اختياري ..​

​

اذا اضفت تأثير للكلمه ضل او لون او اي شي .. سوي الخطوه التاليه ..
- نضاعف الطبقه مرتين وندمج الطبقات الناتجه ..
- نسوي للطبقة اللي دمجناها فلتر تمويه توجيهي .. الزاويه 0 المقدار 30 - 40 بيكسل ..
- في الدرس الطبقه اللي سوينا لها الفلتر نسميها المفلتره .. والعاديه .. ​

​

بعدها انتقل الى الاميج ريدي عن طريق هالزر .. ​

​

اضف خمس فريمات بها الشكل عن طريق أداة فريم جديد
والفريم اللي في النصف خلي سرعته 1 ثانيه ..​

​

في الفريم الأول اخفي الطبقتين حقت الكلمات بالضغط على علامة العين بجانب الطبقه ..​

​

في الفريم الثاني اظهر الطبقه المفلتره ..​

في الثالث أظهر الطبقه العاديـــه ..​

في الرابع المفلتره .. الخامس اخفيهم .. كلهم ..​

النتيجه ​

​

[ الملف المفتوح]​

امثلة اخرى​

​

​

::​

يتبع​

 

[~ بنت النيل ~]

الدرس الثامن​

::​

في البدايه​

اذهب إلى الفوتوشوب و أفتح عمل جديد , كالتالي:​

ونختر المساحة التي نريدها للبنر ولنفترض أننا قمنا باختيار التالي​

​

​

الأن نضيف لير جديد ونكتب فية أو نضع محتوى البنر(صور أو نصوص)​

​

​

نضيف لير جديد بنفس الطريقة السابقة,,,​

نختار أداة التحديد الحر المضلع​

​

أقوم برسم التخطيط إلي يعجبني و مثلا​

​

وأقوم بتعبئة اللير المحدد إلي رسمت علية التخطيط بأداة التلوين باللون إلي يعجبني​

​

وأما الآن نقوم بإضافة لير أخر جديد ونقوم بتحويل التحديد بالضغط على ctrl +shift+i ​

وأقوم بتعبئه الير كما فعلت ذلك سابقاً أصبح الآن عندي كالأتي

​

أنتقل بالعمل إلى برنامج الإيمج ردي الذي يكون ملحق مع الفوتوشوب من خلال النقر على الأيقونة في الجزء الأيسر السفلي من واجهة البرنامج​

​

من برنامج الإيمج ردي نقوم بعمل الأتي:
نسخ اللير كما في الصورة​

​

أقوم بتباعد الليرات مثل ما هو موضح بالصورة ..حتى أحصل على هذ1 الشكل​

​

ثم أقوم بالنقر على​

​

تظهر لي هذه الخيارات أختر كما في الشكل​

​

والآن أقوم بنفس إلي عملته في السابق لأكن بدل ما أقوم بتباعد الليرات أقوم بتقريبهم​

وفي النهاية يصبح هكذ1....​

​

او​

​

::​

​

بينا نساعد بعض​

انا سوف اطبق التصميمات واضع النتيجه​

هيا بنا جميعاً ونساعد بعض فى اى سؤال​

 

[فراشة التحدي]

رد: { 8 دروس لتعلمْ تَصميمْ البنرآتْ الإعلآنية بالصور التوضيحية..~ رآآئع ...^^ ♥

رد: { 8 دروس لتعلمْ تَصميمْ البنرآتْ الإعلآنية بالصور التوضيحية..~ رآآئع ...^^ ♥

جزاك الله خير على هذه الدروس المفيدة
ونامل الاستفادة منها من طرف هوات التصميم

 

[مذهلة]

رد: { 8 دروس لتعلمْ تَصميمْ البنرآتْ الإعلآنية بالصور التوضيحية..~ رآآئع ...^^ ♥

رد: { 8 دروس لتعلمْ تَصميمْ البنرآتْ الإعلآنية بالصور التوضيحية..~ رآآئع ...^^ ♥

جزاج الله خيرا

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

 

[صمت اللياالي]

رد: { 8 دروس لتعلمْ تَصميمْ البنرآتْ الإعلآنية بالصور التوضيحية..~ رآآئع ...^^ ♥

رد: { 8 دروس لتعلمْ تَصميمْ البنرآتْ الإعلآنية بالصور التوضيحية..~ رآآئع ...^^ ♥

جزاك الله عنا خيرا اختي بنت النيل على الإفادة
على هذا الرابط تجدون بعض التصاميم التي استفدت
من هذه الدروس في تطبيقها
هـنـــــا

 

[حنونة مصر]

رد: { 8 دروس لتعلمْ تَصميمْ البنرآتْ الإعلآنية بالصور التوضيحية..~ رآآئع ...^^ ♥

رد: { 8 دروس لتعلمْ تَصميمْ البنرآتْ الإعلآنية بالصور التوضيحية..~ رآآئع ...^^ ♥

جزاك الله خيرا
ان شاء الله انزل تطبيقي قريبا
​