تويت
[frame="3 80"]
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
نستكمل معا دروس الفوتوشوب المتقدمة
الدرس السابق : -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-
ودرسنا اليوم كنت قد اشرت إليه فى شرحى لطريقة إنشاء باترن خاص بك هنا
سوف نتعلم فى هذا الشرح طريقة تصميم زر بشكل مميز ويمكن ايضا تطبيق هذا الشرح على هيدر موقع أو منتدى والتأثير يسمى Glossy
مستوى الشرح : متقدم
[caution]ننتبه :
دائما التظليل الأصفر الذى فى صور الشرح هو المقصود بالتعديل .[/caution]
1 - أبدأ عمل جديد بمقاس 400x300 بيكسل والخلفية باللون الأبيض .
أضف طبقة جديدة ونسميها Button
- مازلنا فى طبقة Button ومن شريط الأدوات نختار أداة رسم المربع ذى الحواف المستديرة
- ونجعل قيمة دوران الحواف 7 بيكسل (radius = 7px)
- والآن نرسم المستطيل كما بالشكل الذى بالصورة
2 - صناعة الزر الأحمر
- نضغط بيمين الماوس على طبقة Button ونختار Blending Options
ونغير قيمة كل تأثير كما فى الصور التالية :
Drop Shadow
Inner Shadow
Bevel and Emboss
Gradiant Overlay
نستطيع أن نغير فى تعبئة اللون هنا وسوف نحصل على أشكال رائعة فيما بعد
- سوف تحصل على الشكل التالى بعد الضغط على OK
- قم بتحديد هذه الطبقة بالضغط عليها مع الضغط على Ctrl من لوحة المفاتيح .
3 - إضافة التأثير الزجاجي
- نقوم بإضافة طبقة جديدة ونسميها "Glass"
معلومة للمبتدئين : فائدة تحديد الطبقة Button قبل إنشاء الطبقة Glass هى أن الطبقة تأخذ نفس مساحة وتحديد الطبقة Button
- تأكد من أن تحديد طبقة Button مازل نشيطا وإذا لم يكن نشيطا ، إضغط على Ctrl من لوحة المفاتيح وبالماوس تضغط على عرض طبقة Button وسوف يتم تنشيط التحديد مرة ثانية.
- الآن نقوم بتحديد طبقة Glass وذلك بالضغط على مفتاح Alt من لوحة المفاتيح وبإستخدام أداة التحديد المستطيلي نرسم مستطيل على نصف الزر الأحمر تقريبا كما فى الشكل التالي
- وسوف نحصل على التحديد فى نصف هذه الطبقة وبإستخدام أداة تعبئة اللون نملئ التحديد باللون الأبيض FFFFFF#
- ونغير دقة الشفافية (opacity ) إلى 18%
وسوف يكون شكل التأثير الزجاجى بهذا الشكل
4 - تعبئة الشكل بالباترن
سوف نقوم بإعطاء شكل جمالي للزر وذلك بتعبئته مع اللون بخطوط مائلة كخلفية للون أو مايسمى باترن
سوف نقوم بإستخدام باترن خاص قمنا بصناعته مسبقا ويمكن تحميله من المرفقات :at:
وكان بهذا الشكل :
يمكن مراجعة الشرح من هنا “-/ طريقة إنشاء Pattern باترن خاص بك وكيفية إستخدامه \- “.
- نقف على طبقة Button ونقوم بتحديدها بالضغط على مفتاح Ctrl والضغط على معاينة الطبقة
والأن نقوم بإضافة طبقة جديدة ونسميها Pattern وستكون بين طبقة Button وطبقة Glass
- ثم نذهب إلى Blending Options
- ونختار Pattern Overlay ونحدد الباترن الذى قمنا بتحميله من نافذة الإختيار وهو بإسم abc4web ثم نضغط على OK
- لاتنسي التأكد من تنشيط التحديد للطبقة Pattern ثم نقوم بتغير Opacity إلى 5%
5 - إضافة الكتابة
سوف نستخدم خط أنبوبي بلون أبيض FFFFFF# تابع الإعدادات التى فى الصورة
ونضيف ظل للكتابة عن طريق Blending Options بنفس القيمة التى فى الصورة
Drop Shadow
وفى النهاية سوف نحصل على هذا الشكل الجميل
تطبيقات مع التغير فى تأثير تدريج اللون Gradiant Overlay الذى أشرت إليه فى الخطوة الثانية
وهذا مثال على تطبيق التأثير على هيدر لموقع أو منتدى أو واجهة إسطوانة
أتمنى أن يعجبك التطبيق قبل الدرس
وإلى أن ألقاكم فى شرح جديد وتأثير أجدد
أترككم فى رعاية الله وحفظه
ولاتنسونا من صالح دعائكم
أبو هــــMــــام
.
[/frame]
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
نستكمل معا دروس الفوتوشوب المتقدمة
الدرس السابق : -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-
ودرسنا اليوم كنت قد اشرت إليه فى شرحى لطريقة إنشاء باترن خاص بك هنا
سوف نتعلم فى هذا الشرح طريقة تصميم زر بشكل مميز ويمكن ايضا تطبيق هذا الشرح على هيدر موقع أو منتدى والتأثير يسمى Glossy
مستوى الشرح : متقدم
[caution]ننتبه :
دائما التظليل الأصفر الذى فى صور الشرح هو المقصود بالتعديل .[/caution]
1 - أبدأ عمل جديد بمقاس 400x300 بيكسل والخلفية باللون الأبيض .
أضف طبقة جديدة ونسميها Button
- مازلنا فى طبقة Button ومن شريط الأدوات نختار أداة رسم المربع ذى الحواف المستديرة
- ونجعل قيمة دوران الحواف 7 بيكسل (radius = 7px)
- والآن نرسم المستطيل كما بالشكل الذى بالصورة
2 - صناعة الزر الأحمر
- نضغط بيمين الماوس على طبقة Button ونختار Blending Options
ونغير قيمة كل تأثير كما فى الصور التالية :
Drop Shadow
Inner Shadow
Bevel and Emboss
Gradiant Overlay
نستطيع أن نغير فى تعبئة اللون هنا وسوف نحصل على أشكال رائعة فيما بعد
- سوف تحصل على الشكل التالى بعد الضغط على OK
- قم بتحديد هذه الطبقة بالضغط عليها مع الضغط على Ctrl من لوحة المفاتيح .
3 - إضافة التأثير الزجاجي
- نقوم بإضافة طبقة جديدة ونسميها "Glass"
معلومة للمبتدئين : فائدة تحديد الطبقة Button قبل إنشاء الطبقة Glass هى أن الطبقة تأخذ نفس مساحة وتحديد الطبقة Button
- تأكد من أن تحديد طبقة Button مازل نشيطا وإذا لم يكن نشيطا ، إضغط على Ctrl من لوحة المفاتيح وبالماوس تضغط على عرض طبقة Button وسوف يتم تنشيط التحديد مرة ثانية.
- الآن نقوم بتحديد طبقة Glass وذلك بالضغط على مفتاح Alt من لوحة المفاتيح وبإستخدام أداة التحديد المستطيلي نرسم مستطيل على نصف الزر الأحمر تقريبا كما فى الشكل التالي
- وسوف نحصل على التحديد فى نصف هذه الطبقة وبإستخدام أداة تعبئة اللون نملئ التحديد باللون الأبيض FFFFFF#
- ونغير دقة الشفافية (opacity ) إلى 18%
وسوف يكون شكل التأثير الزجاجى بهذا الشكل
4 - تعبئة الشكل بالباترن
سوف نقوم بإعطاء شكل جمالي للزر وذلك بتعبئته مع اللون بخطوط مائلة كخلفية للون أو مايسمى باترن
سوف نقوم بإستخدام باترن خاص قمنا بصناعته مسبقا ويمكن تحميله من المرفقات :at:
وكان بهذا الشكل :
يمكن مراجعة الشرح من هنا “-/ طريقة إنشاء Pattern باترن خاص بك وكيفية إستخدامه \- “.
- نقف على طبقة Button ونقوم بتحديدها بالضغط على مفتاح Ctrl والضغط على معاينة الطبقة
والأن نقوم بإضافة طبقة جديدة ونسميها Pattern وستكون بين طبقة Button وطبقة Glass
- ثم نذهب إلى Blending Options
- ونختار Pattern Overlay ونحدد الباترن الذى قمنا بتحميله من نافذة الإختيار وهو بإسم abc4web ثم نضغط على OK
- لاتنسي التأكد من تنشيط التحديد للطبقة Pattern ثم نقوم بتغير Opacity إلى 5%
5 - إضافة الكتابة
سوف نستخدم خط أنبوبي بلون أبيض FFFFFF# تابع الإعدادات التى فى الصورة
ونضيف ظل للكتابة عن طريق Blending Options بنفس القيمة التى فى الصورة
Drop Shadow
وفى النهاية سوف نحصل على هذا الشكل الجميل
تطبيقات مع التغير فى تأثير تدريج اللون Gradiant Overlay الذى أشرت إليه فى الخطوة الثانية
وهذا مثال على تطبيق التأثير على هيدر لموقع أو منتدى أو واجهة إسطوانة
أتمنى أن يعجبك التطبيق قبل الدرس
وإلى أن ألقاكم فى شرح جديد وتأثير أجدد
أترككم فى رعاية الله وحفظه
ولاتنسونا من صالح دعائكم
أبو هــــMــــام
.
تعليق