تويت
[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:
أبوهمام
.
بارك المولى فيك أستاذنا الحبيب أبا همام 
تعليق