[frame="12 90"]
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
:PS:
شرح أيقونة وسام أو شعار بطريقة إحترافية abc4web Award Icon

:photoshop:
بسم الله الرحمن الرحيم
حياكم الله جميعا إخوانى
نعود من جديد لشرح بعض الدروس الهامة والإحترافية فى برنامج الفوتوشوب
واليوم سنشرح تصميم أيقونة وسام أو جائزة بشكل إحترافي
1- نبدا عمل جديد بمقاس 512×512 دقة الوضوح 72 ونظام الألوان RGB Color
صورة رقم 1

2- سوف لانتظرق إلى الخلفية لأننا فى النهاية سنحفظ العمل شفاف لذلك فلندعها باللون الأبيض المهم نضيف طبقة جديدة ونستخدم أداة التحديد (Rectangular Marquee Tool) ونرسم مستطيل كما فى الشكل التالي .
صورة رقم 2

3- نقوم بملئ التحديد بهذا اللون 7e5f29 ثم نقوم بإختيار أداة الحرق Burn Tool
لنرسم ظلال على الأطراف ( وهذه الأداة تعمل كالفرشاة )
صورة رقم 3

4- الآن نضيف طبقة جديدة ونقوم بإستخدام أداة التحديد Rectangular Marquee Tool ونرسم مستطيل أقل فى العرض من السابق كما نشاهد فى الصورة التالية
صورة رقم 4

5- نقوم بملئ هذه الطبقة باللون الأساسي للتصميم 7e5f29 وسوف نحصل على الشكل التالي
صورة رقم 5

6- نذهب إلى تأثيرات الطبقة Blending Options ونقوم بإختيار Inner Shadow ونضيف هذه القيم
صورة رقم 6

صورة رقم 7

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

:fasel8:
المرحلة الثانية : تصميم جسم الوسام أو الشعار
7- نضيف طبقة جديدة ونذهب إلى الأشكال المخصصة Custom Shape Tool ونضيف شكل الدرع
صورة رقم 9-a

نحاول ضبط الشكل عند بداية ونهاية القاعدة ونقوم بتحديده ( بالضغط على زر Ctrl من لوحة المفاتيح مع الضغط بالماوس ) ونملئه بهذا اللون c0a668 كما نلاحظ فى هذا الشكل
صورة رقم 9-b

8- نذهب إلى خصائص الطبقة Blending Options ونقوم بتعديل هذه القيم
أولا الظل Drop Shadow ونضيف هذه الإعدادات
صورة رقم 10

ثانيا Bevel & Emboss ونضيف هذه الإعدادات
صورة رقم 11

نقوم بإختيار Contour Elements ونضيف هذه الإعدادات
صورة رقم 12

نذهب إلى خيارات Texture ونضيف هذه الإعدادات
صورة رقم 13

أخيرا نذهب إلى خيارات Pattern Overlay ونضيف هذه الإعدادات
صورة رقم 14

الآن سوف نحصل على هذا الشكل
صورة رقم 15

نقوم بتكرار هذه الطبقة Ctrl + J ونسحبها خلف الطبقة الأولى ونعكسها عموديا وذلك بالضغط من لوحة المفاتيح خلال Ctrl + T ثم نقف على الطبقة وبيمين الماوس نختار Flip Vertical
صورة رقم 16

أخيرا نقوم بتحديد الجزء العلوى من هذه الطبقة بإستخدام أداة التحديد Rectangular Marquee Tool ومن لوحة المفاتيح نضغط على DEL كما فى الشكل التالي
صورة رقم 17

نضيف طبقة جديدة (راجع الصورة رقم 19-a) نستخدم أداة رسم الأشكال Custom shape Tool ونرسم نفس الدرع السابق ونملئه بنفس اللون ايضا c0a668 ولكن بمقاس اصغر كما بالصورة التالية
صورة رقم 18

من خيارات الطبقة Blending Mode نختار حالة الطبقة Dissolve وكذلك درجة الوضوح opacity القيمة 70%
صورة رقم 19

وسنحصل على هذه النتيجة
صورة رقم 20

وبذلك نكون قد إنتهينا من تصميم شكل جسم الوسام
:fasel8:
نعود للقاعدة ونستكمل ماتبقى منها، نضيف طبقة جديدة ونستخدم قلم التحديد Pen Tool ونضع نقاط على مؤخرة تصميم الدرع مع الزوايا العُلى للقاعدة
صورة رقم 21

نقوم بملئ التحديد باللون 4f3413 لنحصل على الشكل التالي
صورة رقم 22

:fasel8:
الآن نقوم بإضافة زخرفة داخلية للتصميم وهذه الخطوات متروكة لذوق كل واحد وتصميمه أى يمكن التعديل فيها بإضافة شعار أو ايقونة أو كتابة كما تريد من التصميم
نقوم بإضافة طبقة جديدة ونرسم دائرة بإستخدام اداة التحديد الدائرية Elliptical Marquee Tool
صورة رقم 23

نقوم بملئ هذه الدائرة بنفس اللون 4f3413 ثم نذهب إلى Blending Options ثم نضيف Inner Shadow بهذه الإعدادات
صورة رقم 24

نقوم بإضافة طبقة جديدة ونرسم دائرة أصغر قليلا ونملأها بنفس درجة اللون 4f3413
صورة رقم 25

نستخدم أداة التظليل ( الحرق ) Burn Tool ونظلل حواف الدائرة كما فى هذا الشكل
صورة رقم 26

نقوم بإضافة ظل داخلي لهذه الدائرة نذهب إلى Blending Options ثم نضيف Inner Shadow بهذه الإعدادات
مكرر صورة رقم 24

وسوف نحصل على هذا الشكل
صورة رقم 27

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

مرفق الباترن المستخدم فى الشرح بالمرفقات
:morfqat:
أتمنى لكم جميعا الفائدة من هذه المشاركة
ولاتنسونا من صالح دعائكم
:fasel6:
أبوهمام
.
[/frame]
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
:PS:
شرح أيقونة وسام أو شعار بطريقة إحترافية abc4web Award Icon

:photoshop:
بسم الله الرحمن الرحيم
حياكم الله جميعا إخوانى
نعود من جديد لشرح بعض الدروس الهامة والإحترافية فى برنامج الفوتوشوب
واليوم سنشرح تصميم أيقونة وسام أو جائزة بشكل إحترافي
1- نبدا عمل جديد بمقاس 512×512 دقة الوضوح 72 ونظام الألوان RGB Color
صورة رقم 1

2- سوف لانتظرق إلى الخلفية لأننا فى النهاية سنحفظ العمل شفاف لذلك فلندعها باللون الأبيض المهم نضيف طبقة جديدة ونستخدم أداة التحديد (Rectangular Marquee Tool) ونرسم مستطيل كما فى الشكل التالي .
صورة رقم 2

3- نقوم بملئ التحديد بهذا اللون 7e5f29 ثم نقوم بإختيار أداة الحرق Burn Tool

صورة رقم 3

4- الآن نضيف طبقة جديدة ونقوم بإستخدام أداة التحديد Rectangular Marquee Tool ونرسم مستطيل أقل فى العرض من السابق كما نشاهد فى الصورة التالية
صورة رقم 4

5- نقوم بملئ هذه الطبقة باللون الأساسي للتصميم 7e5f29 وسوف نحصل على الشكل التالي
صورة رقم 5

6- نذهب إلى تأثيرات الطبقة Blending Options ونقوم بإختيار Inner Shadow ونضيف هذه القيم
صورة رقم 6

صورة رقم 7

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

:fasel8:
المرحلة الثانية : تصميم جسم الوسام أو الشعار
7- نضيف طبقة جديدة ونذهب إلى الأشكال المخصصة Custom Shape Tool ونضيف شكل الدرع
صورة رقم 9-a

نحاول ضبط الشكل عند بداية ونهاية القاعدة ونقوم بتحديده ( بالضغط على زر Ctrl من لوحة المفاتيح مع الضغط بالماوس ) ونملئه بهذا اللون c0a668 كما نلاحظ فى هذا الشكل
صورة رقم 9-b

8- نذهب إلى خصائص الطبقة Blending Options ونقوم بتعديل هذه القيم
أولا الظل Drop Shadow ونضيف هذه الإعدادات
صورة رقم 10

ثانيا Bevel & Emboss ونضيف هذه الإعدادات
صورة رقم 11

نقوم بإختيار Contour Elements ونضيف هذه الإعدادات
صورة رقم 12

نذهب إلى خيارات Texture ونضيف هذه الإعدادات
صورة رقم 13

أخيرا نذهب إلى خيارات Pattern Overlay ونضيف هذه الإعدادات
صورة رقم 14

الآن سوف نحصل على هذا الشكل
صورة رقم 15

نقوم بتكرار هذه الطبقة Ctrl + J ونسحبها خلف الطبقة الأولى ونعكسها عموديا وذلك بالضغط من لوحة المفاتيح خلال Ctrl + T ثم نقف على الطبقة وبيمين الماوس نختار Flip Vertical
صورة رقم 16

أخيرا نقوم بتحديد الجزء العلوى من هذه الطبقة بإستخدام أداة التحديد Rectangular Marquee Tool ومن لوحة المفاتيح نضغط على DEL كما فى الشكل التالي
صورة رقم 17

نضيف طبقة جديدة (راجع الصورة رقم 19-a) نستخدم أداة رسم الأشكال Custom shape Tool ونرسم نفس الدرع السابق ونملئه بنفس اللون ايضا c0a668 ولكن بمقاس اصغر كما بالصورة التالية
صورة رقم 18

من خيارات الطبقة Blending Mode نختار حالة الطبقة Dissolve وكذلك درجة الوضوح opacity القيمة 70%
صورة رقم 19

وسنحصل على هذه النتيجة
صورة رقم 20

وبذلك نكون قد إنتهينا من تصميم شكل جسم الوسام
:fasel8:
نعود للقاعدة ونستكمل ماتبقى منها، نضيف طبقة جديدة ونستخدم قلم التحديد Pen Tool ونضع نقاط على مؤخرة تصميم الدرع مع الزوايا العُلى للقاعدة
صورة رقم 21

نقوم بملئ التحديد باللون 4f3413 لنحصل على الشكل التالي
صورة رقم 22

:fasel8:
الآن نقوم بإضافة زخرفة داخلية للتصميم وهذه الخطوات متروكة لذوق كل واحد وتصميمه أى يمكن التعديل فيها بإضافة شعار أو ايقونة أو كتابة كما تريد من التصميم
نقوم بإضافة طبقة جديدة ونرسم دائرة بإستخدام اداة التحديد الدائرية Elliptical Marquee Tool
صورة رقم 23

نقوم بملئ هذه الدائرة بنفس اللون 4f3413 ثم نذهب إلى Blending Options ثم نضيف Inner Shadow بهذه الإعدادات
صورة رقم 24

نقوم بإضافة طبقة جديدة ونرسم دائرة أصغر قليلا ونملأها بنفس درجة اللون 4f3413
صورة رقم 25

نستخدم أداة التظليل ( الحرق ) Burn Tool ونظلل حواف الدائرة كما فى هذا الشكل
صورة رقم 26

نقوم بإضافة ظل داخلي لهذه الدائرة نذهب إلى Blending Options ثم نضيف Inner Shadow بهذه الإعدادات
مكرر صورة رقم 24

وسوف نحصل على هذا الشكل
صورة رقم 27

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

مرفق الباترن المستخدم فى الشرح بالمرفقات
:morfqat:
أتمنى لكم جميعا الفائدة من هذه المشاركة
ولاتنسونا من صالح دعائكم
:fasel6:
أبوهمام
.
تعليق