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

خطوات
الدرس:

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

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

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

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

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

حصريا درس تصميم بنر احترافي D3iny.com-d24e04d549

حصريا درس تصميم بنر احترافي D3iny.com-d24e04d549

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

وهي
مقاسات البنر المتوسط
حصريا درس تصميم بنر احترافي D3iny.com-c372b8a1ae

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

حصريا درس تصميم بنر احترافي D3iny.com-7583da822c

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

حصريا درس تصميم بنر احترافي D3iny.com-28a903b4ec

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

حصريا درس تصميم بنر احترافي D3iny.com-96410e79c2

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

وهي
Layer >> Layer Style << Stroke
حصريا درس تصميم بنر احترافي D3iny.com-bdc56e04be

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

حصريا درس تصميم بنر احترافي D3iny.com-9cd56ca451

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

نتبع الصور

حصريا درس تصميم بنر احترافي D3iny.com-c2e9edd905

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

حصريا درس تصميم بنر احترافي D3iny.com-279d004db7

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

حصريا درس تصميم بنر احترافي D3iny.com-1b5d67828f

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

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

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

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 729x589 الابعاد 33KB.

حصريا درس تصميم بنر احترافي D3iny.com-491ebee3da

الان سنقوم بإضافة صورة داخل البنر
عن طريق File>>
Open
حصريا درس تصميم بنر احترافي D3iny.com-4925f31df5

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

حصريا درس تصميم بنر احترافي D3iny.com-b3681c3f90

حصريا درس تصميم بنر احترافي D3iny.com-b3681c3f90

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

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 939x443 الابعاد 68KB.

حصريا درس تصميم بنر احترافي D3iny.com-d299491f92

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

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 703x568 الابعاد 39KB.

حصريا درس تصميم بنر احترافي D3iny.com-fe1c2540ef

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

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 769x512 الابعاد 20KB.

حصريا درس تصميم بنر احترافي D3iny.com-9ed072b1f8

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

حصريا درس تصميم بنر احترافي D3iny.com-243c4110a3

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

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

كما هو موضح بالصورة
حصريا درس تصميم بنر احترافي D3iny.com-aa4f994d95

حصريا درس تصميم بنر احترافي D3iny.com-aa4f994d95

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

Filter>> Blur >>Motion Blur

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 742x418 الابعاد 29KB.

حصريا درس تصميم بنر احترافي D3iny.com-994a6ebf8a

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

حصريا درس تصميم بنر احترافي D3iny.com-1296b470f2

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

حصريا درس تصميم بنر احترافي D3iny.com-ca59a7a515

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

حصريا درس تصميم بنر احترافي D3iny.com-4456f39fc9

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

حصريا درس تصميم بنر احترافي D3iny.com-abaaf7cced

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

Filter >>Pixelate
>>Fragment

والصورة توضح
حصريا درس تصميم بنر احترافي D3iny.com-0578e92ffb

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

حصريا درس تصميم بنر احترافي D3iny.com-0ca11998ea

نقوم بعمل نفس الخطوات نكرر الطبقه ونضيف لها نفس التأثير مرة اخر (نكرر
الطبقة التي قمنا بإضافة التأثير عليها )
حصريا درس تصميم بنر احترافي D3iny.com-1d9f7a6613

حصريا درس تصميم بنر احترافي D3iny.com-1d9f7a6613

حصريا درس تصميم بنر احترافي D3iny.com-f6f19e7f80

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

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

حصريا درس تصميم بنر احترافي D3iny.com-a947f3c054

حصريا درس تصميم بنر احترافي D3iny.com-a947f3c054

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

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 936x560 الابعاد 78KB.

حصريا درس تصميم بنر احترافي D3iny.com-915a893937

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

حصريا درس تصميم بنر احترافي D3iny.com-0459f07509

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

حصريا درس تصميم بنر احترافي D3iny.com-2f3faa3d41

سنقوم باضافة لون اخر لخلفية البنر ,, نقوم
بتحديد خلفية البنر ,, ثم نقوم بالضغط على لاير جديد كما هو موضح بالصورة (نفس
خطوات اضافة لون للرابط ,, الخطوة السابقة)
حصريا درس تصميم بنر احترافي D3iny.com-692ceec271

حصريا درس تصميم بنر احترافي D3iny.com-692ceec271

نتابع الشرح

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 831x534 الابعاد 77KB.

حصريا درس تصميم بنر احترافي D3iny.com-cbb44671d8

نتابع الشرح

حصريا درس تصميم بنر احترافي D3iny.com-a38d46315d

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

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 744x434 الابعاد 35KB.

حصريا درس تصميم بنر احترافي D3iny.com-631c01d094

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

الصورة توضح

حصريا درس تصميم بنر احترافي D3iny.com-b273533510

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

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

حصريا درس تصميم بنر احترافي D3iny.com-ad0b1b5671

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

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

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 733x408 الابعاد 32KB.

حصريا درس تصميم بنر احترافي D3iny.com-eff419f2da

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

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

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

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 802x521 الابعاد 45KB.

حصريا درس تصميم بنر احترافي D3iny.com-fe18026db0

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 737x401 الابعاد 33KB.

حصريا درس تصميم بنر احترافي D3iny.com-8f67df6684

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 747x578 الابعاد 44KB.

حصريا درس تصميم بنر احترافي D3iny.com-039979d047

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 755x537 الابعاد 45KB.

حصريا درس تصميم بنر احترافي D3iny.com-23a69770de

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 834x413 الابعاد 37KB.

حصريا درس تصميم بنر احترافي D3iny.com-cae04f732c

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 785x470 الابعاد 43KB.

حصريا درس تصميم بنر احترافي D3iny.com-bd0c619a65

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 806x525 الابعاد 45KB.

حصريا درس تصميم بنر احترافي D3iny.com-0b9e2448ed

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل
الصحيح ابعاد الصورة هي 843x576 الابعاد 47KB.

حصريا درس تصميم بنر احترافي D3iny.com-a78a3ffe50

حصريا درس تصميم بنر احترافي D3iny.com-aa83e3c429

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

حصريا درس تصميم بنر احترافي D3iny.com-2b17b09920

نحدد اسم الصورة ونضغط حفظ Save
حصريا درس تصميم بنر احترافي D3iny.com-ac2493bd9c

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

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

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

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