المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : [درس ] تصميم بنر إحترافي


أبو أنس الجزائري
15May2013, 17:55
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

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


http://www.upislam.com/images/88262995371179075644.png

أدوات العمل
برنامج التصميم : الفوتوشوب
ملحقات التصميم:
1- فرش ( نستعمل فرش الغيوم ) . ................حمل (http://qbrushes.net/Photoshop-brushes/Cloud+Brushes)
2- صورة مصحف مفتوح ...........................حمل (http://www.upislam.com/images/41832165522791686991.png)

قبل ان نبدأ ننبه ان بعض الخطوت سوف يتم تكرارها لدى سنتجاوزها مع التلميح لها فقط

بداية الدرس
1- بسم الله نبدا ونفتح عمل جديد بهذه المقاسات
http://www.upislam.com/images/72547520768487945722.png (http://www.upislam.com/)

2- نختار اللون الأزرق 134a79 #

http://www.upislam.com/images/16177033622303860005.png (http://www.upislam.com/)

3- نقوم بملئ الخلفية لتصبح هكذا

http://www.upislam.com/images/54976873057448038725.png (http://www.upislam.com/)

4- نختار أداة رسم مستطيل محذب الجوانب

http://www.upislam.com/images/67689031967890237979.png (http://www.upislam.com/)

5 - نحصل مباشرة بمجرد رسم المستطيل على طبقة جديدة نسميها طبقة البنر

http://www.upislam.com/images/23865332648792108788.png (http://www.upislam.com/)

6- نضيف بعض التأثيرات على هذه الطبقة من قائمة Layer ثم Layer Style نختار Blending Options

Drop Shadow
http://www.upislam.com/images/55627985834562352285.png (http://www.upislam.com/)

Gradient Overlay
http://www.upislam.com/images/73841155824479659885.png (http://www.upislam.com/)

Stroke
http://www.upislam.com/images/72299467330416003860.png (http://www.upislam.com/)

Inner Shadow
http://www.upislam.com/images/88752124973971091778.png (http://www.upislam.com/)

7- لنحصل على هذه النتيجة
http://www.upislam.com/images/08344759715243828486.png (http://www.upislam.com/)

8- نقوم بإضافة طبقة جديدة نسميها طبقة الظل

http://www.upislam.com/images/90064782163173083842.png (http://www.upislam.com/)

9- نذهب الى أداة التحديد الدائري Elliptical Marquee Tool ونرسم دائرة صغيرة على احدى الطرفين

http://www.upislam.com/images/36665628006637342805.png (http://www.upislam.com/)

10- نذهب الى قائمة التحديد Select ثم Modify أخيرا Feather
ونختار قيمة 30 %

http://www.upislam.com/images/99883498306982321727.png (http://www.upislam.com/)

http://www.upislam.com/images/97662527632228723746.png (http://www.upislam.com/)

11- ثم نقوم بملئ هذا التحديد باللون الأسود باستخدام اداة التعبئة وسوف نحصل على هذا الشكل

http://www.upislam.com/images/99842154810938729869.png (http://www.upislam.com/)

12- اترك التحديد نشيطا ولكن حركه من خلال اسهم لوحة المفاتيح الى الجهة اليسرى وكرر تعبئة التحديد باللون الأسود ثم أزل التحديد
Ctrl + D

http://www.upislam.com/images/75111056133402064185.png (http://www.upislam.com/)

13- نقوم بالتحديد على طبقة البنر ( إضغط على Ctrl + كليك على الطبقة بيسار الماوس )

http://www.upislam.com/images/20425633823930422875.png (http://www.upislam.com/)

14- نذهب الى قائمة التحديد Select ونختار عكس التحديد Inverse

http://www.upislam.com/images/98934973478265805365.png (http://www.upislam.com/)

15- - والوضع كما هو اذهب الى صندوق الطبقات وقف على طبقة الظل واضغط من لوحة المفاتيح على Delete

http://www.upislam.com/images/75170846422140532498.png (http://www.upislam.com/)

لنتخلص من اللون السود الزائد عن أطراف البنر لتصبح النتيجة كما يلي

http://www.upislam.com/images/67893942185640863310.png (http://www.upislam.com/)

16- نذهب لصندوق الطبقات ونحرر طبقة جديدة نسميها طبقة اللمعان

http://www.upislam.com/images/12041975911963829860.png (http://www.upislam.com/)

17- نقوم بتكرار الخطوة رقم 13
نضغط على اداة التحديد ونضبط اعدادات التحديد ( 3 ) كما بالصورة التالية ونرسم تحديد بيضاوى آخر

http://www.upislam.com/images/54543510694630455213.png (http://www.upislam.com/)

نكرر المحاولة حتى نحصل على النتيجة التالية

http://www.upislam.com/images/86719703270069041777.png (http://www.upislam.com/)

18- نختار أداة ملئ اللوان بالتدريج ونتبع التعليمات كما بالصورة ولا تنسى اختيار ( 4 ) Mode ...... سيكون Overlay

http://www.upislam.com/images/67106064449352889798.png (http://www.upislam.com/)

http://www.upislam.com/images/32464019502469641450.png (http://www.upislam.com/)

19- نظيف طبقة جديدة نسميها طبقة الفرش ونعيد الخطوة رقم 13
ونطبق عليها فرش الغيوم
http://www.upislam.com/images/88221483255950296574.png (http://www.upislam.com/)

http://www.upislam.com/images/92752720636929127693.png (http://www.upislam.com/)

20- نضيف صورة المصحف المفتوح ونحركها في الوضع الموضح في الصورة

http://www.upislam.com/images/35019467391998333468.png (http://www.upislam.com/)

21- نكرر الخطوة رقم 13
نعودة الى طبقة المصحف وقف عليها بالماوس ثم إضغط على Del من لوحة المفاتيح لقص الزوائد التى تظهر خارج التصميم

وبــهذا نكون قد انهينا العمل

http://www.upislam.com/images/15626209263150683722.png (http://www.upislam.com/)

----------------------------
بالنسبة للبنر المتحركة فهي مرحلة متقدمة نحتاج فيها فقط لتطبيق عليها خاصية الأنميشن Animation

http://www.upislam.com/images/15793008542955853886.gif

والسلام عليكم ورحمة الله وبركاته

محمد بن أحمد أبو حذيفة الجزائري
16May2013, 20:49
بارك الله فيك جزاك الله خيرا

لكن لم تبين لنا
بالنسبة للبنر المتحركة فهي مرحلة متقدمة نحتاج فيها فقط لتطبيق عليها خاصية الأنميشن Animation

أبو أنس الجزائري
16May2013, 21:30
بارك الله فيك جزاك الله خيرا

لكن لم تبين لنا
بالنسبة للبنر المتحركة فهي مرحلة متقدمة نحتاج فيها فقط لتطبيق عليها خاصية الأنميشن Animation

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

http://www.upislam.com/images/01394403368926813484.png (http://www.upislam.com/)

محمد بن أحمد أبو حذيفة الجزائري
16May2013, 22:37
في الصورة انختار أداة رسم مستطيل محذب الجوانب
لاتظهر كما عندي فكيف يتم ضبطها

أبو أنس الجزائري
16May2013, 23:02
في الصورة انختار أداة رسم مستطيل محذب الجوانب
لاتظهر كما عندي فكيف يتم ضبطها

إضغط عليها باستمرار على سهم صغير بجانبها تنبثق منها قائمة تختار منها الشكل المناسب لك
كما في الصورة ادناه

http://www.upislam.com/images/73161767558105218632.png (http://www.upislam.com/)

محمد بن أحمد أبو حذيفة الجزائري
17May2013, 00:27
http://i1213.photobucket.com/albums/cc465/soumod/628063106460_zps1e07b045.png

محمد بن أحمد أبو حذيفة الجزائري
17May2013, 00:31
انا اقصد الصورة المرفقة لا تظهر كما عندك

أبوعبادة محمد
17May2013, 03:12
http://im33.gulfup.com/nWOtO.gif

أبو أنس الجزائري
17May2013, 19:45
انا اقصد الصورة المرفقة لا تظهر كما عندك

تبقى على إصدار الفوتوشوب الذي أعمل به انا هو cs5
----------------------------------------------------------

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

------------------------------------------

حاول مرة اخرى مع احترام المقاييس لأتمكن من رؤية التصميم ولا تنسى تحذيب جوانب البنر

أبو أنس الجزائري
17May2013, 19:53
http://im33.gulfup.com/nwoto.gif

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

أبو وائل فرج البدري
25May2013, 17:18
بارك الله فيك
لو وضعت رابط تحميل مباشر للبرنامج
فوتوشب cs5